/* Reading surfaces are visible without JavaScript and accompany the live workspace. */
.edc-public-trail:empty{display:none}
.edc-crumbs ol{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;margin:0;padding:1.1rem 0 .25rem;color:#625774;font-size:.82rem}
.edc-crumbs li+li::before{content:"/";padding-right:.45rem;color:#786d84}
.edc-crumbs a,.edc-reading a{color:#553973;text-decoration:underline;text-underline-offset:.17em}
.edc-reading{box-sizing:border-box;color:#302a3a;padding-block:1.4rem}
.edc-intro h1{font-size:clamp(2.15rem,6vw,3.7rem);letter-spacing:-.055em;line-height:1.06;margin:.5rem 0 .85rem;color:#281d36}
.edc-reading h2{font-size:clamp(1.4rem,3vw,1.85rem);letter-spacing:-.035em;line-height:1.2;margin:1.8rem 0 .6rem}
.edc-reading h3{margin:1.45rem 0 .3rem;font-size:1.07rem;line-height:1.35}
.edc-reading p,.edc-reading li{max-width:78ch;line-height:1.65}
.edc-reading p{margin:.45rem 0 .95rem}
.edc-reading code{overflow-wrap:anywhere}
.edc-guide{border-top:1px solid #e7dfeb;padding-bottom:3rem}
.edc-guide[hidden],.edc-public-trail[hidden]{display:none}
.edc-card-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));list-style:none;padding:0;gap:.75rem}
.edc-card-list li{border:1px solid #e3dce9;border-radius:12px;padding:.85rem 1rem;background:#fff}
.edc-card-list li a{font-weight:750}
.edc-card-list li p{margin:.25rem 0 0;font-size:.91rem}
#edc-app:focus{outline:none}
.edc-pdf-start{margin:1.8rem 0 0;padding:1rem 1.35rem;border:1px solid #e3dce9;border-radius:12px}
.edc-pdf-start h2{margin-top:0}
/* The form occupies the first screen. Keep its instructions in place while the
   catalog is loading; without scripting, the reading guide follows immediately. */
@media (scripting:enabled){
  main[data-route^="pdf/"] #edc-app:has(.edc-pdf-start,#pdf-root){min-height:100svh}
}

main[data-reading] .edc-public-trail{padding-bottom:0}
main[data-reading] .edc-intro{padding-block:clamp(24px,4vw,60px) clamp(22px,3vw,46px)}
main[data-reading] .edc-intro h1{font:500 clamp(37px,5vw,73px)/1.04 Georgia,serif;color:var(--ink,#29242b);letter-spacing:-.052em;max-width:20ch}
main[data-reading] .edc-intro>p{font-size:clamp(16px,1.4vw,20px);color:#5d565f;max-width:65ch;margin:14px 0 0}
main[data-reading] .edc-guide:not([hidden]){display:grid;grid-template-columns:minmax(175px,240px) minmax(0,68ch);gap:clamp(32px,7vw,110px);align-items:start;border-top:2px solid #4b404f;padding-block:clamp(24px,3vw,46px) 65px}
main[data-reading] .edc-contents{position:sticky;top:20px}
.edc-contents>strong{font:700 11px/1.5 ui-monospace,Consolas,monospace;text-transform:uppercase;letter-spacing:.1em;color:#66596c}
.edc-contents ul{list-style:none;margin:12px 0 0;padding:0}
.edc-contents li{border-top:1px solid #d9d3d9}
.edc-contents li a{display:block;padding:9px 2px;font-size:13px;line-height:1.5;text-decoration:none}
.edc-contents li a:hover{text-decoration:underline}
.edc-article{font-size:16px;color:#38323a}
.edc-article h2{font:500 clamp(24px,2.35vw,34px)/1.15 Georgia,serif;letter-spacing:-.035em;scroll-margin-top:1rem;margin-top:1.45em}
.edc-article>:first-child{margin-top:0}
.edc-article li{margin-bottom:.55em}
.edc-article h2:target{outline-offset:5px}
.edc-guide:has(.edc-work-guide){border:0;padding-block:0 2.5rem}
.edc-work-guide{border-block:1px solid #b5b0a8;color:#322d33}
.edc-work-guide summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;list-style:none;padding:17px 2px;font-size:16px;font-weight:750}
.edc-work-guide summary::-webkit-details-marker{display:none}
.edc-work-guide summary::after{content:"+";font:25px/1 Georgia,serif}
.edc-work-guide[open] summary::after{content:"−"}
.edc-work-guide-body{max-width:76ch;padding-bottom:15px}
main[data-route^="control/"] #edc-trail:not([hidden]){padding-block:12px 0}
main[data-route^="control/"] #edc-trail:not([hidden]) .edc-crumbs ol{padding-block:3px 0}
main[data-route^="control/"]:has(#edc-trail:not([hidden])) #edc-app .cr-back{display:none}
@media(max-width:740px){
 main[data-reading] .edc-guide:not([hidden]){grid-template-columns:minmax(0,1fr);gap:25px}
 main[data-reading] .edc-contents{position:static}
}