.content-main{padding-block:3.5rem;max-width:860px}.content-main.wide{max-width:1160px}.page-intro{max-width:780px;margin-bottom:2.5rem}.page-intro h1{font-size:clamp(2.6rem,4.5vw,4.2rem)}.content-main h2{font-size:clamp(1.7rem,3vw,2.4rem);max-width:35ch;line-height:1.18;margin-top:2.5rem}.content-main .paper h2{font-family:var(--sans);font-weight:650;font-size:1.35rem;letter-spacing:-.025em;margin-top:0}.content-main h3{line-height:1.3}.content-main p,.content-main li{overflow-wrap:anywhere}.content-main li{margin-bottom:.6rem}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.resource-grid .paper h2{font-family:var(--sans);font-size:1.3rem;font-weight:650;letter-spacing:-.02em;line-height:1.25}.resource-grid .paper{padding:1.5rem;display:flex;flex-direction:column}.resource-grid .paper>a{margin-top:auto}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-block:2rem}.template button,#demo-load{margin-top:1rem}.template textarea{font-size:.9rem}.jump-links{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.5rem 0}.jump-links a{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:.45rem .85rem;text-decoration:none;font-size:.9rem}.jump-links a:hover{background:var(--soft)}.workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin-top:2.5rem}.workflow article{border-top:1px solid var(--line);padding-top:1rem}.workflow p:not(.step-number){font-size:.94rem;color:var(--muted)}.example-section{padding-block:1rem 3rem;border-bottom:1px solid var(--line)}.example-section h2{max-width:none}.example-section h4{font-size:1.1rem;margin:1.5rem 0 .7rem}.sample-article p{font-family:var(--serif);font-size:1.1rem}.sample-article li{font-size:1rem}.sample-article h3{font-size:1.85rem}dt{font-weight:650;font-size:.85rem;margin-top:1rem}dd{margin:.25rem 0 1rem;overflow-wrap:anywhere}.task-steps{padding-left:1.6rem}.task-steps>li{padding-left:.5rem;margin:2.2rem 0}.task-steps h2{margin-top:0}.task-steps>li::marker{font-weight:700;color:var(--accent)}details{padding:1rem 0;border-bottom:1px solid var(--line)}summary{font-weight:650;cursor:pointer;line-height:1.5}summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}details[open] summary{margin-bottom:1rem}.code-sample{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--soft);padding:1.5rem;border:1px solid var(--line);border-radius:5px}code{font-size:.88em;overflow-wrap:anywhere}#demo-body{font: .92rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.inline-tools{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center}.pilot-links{margin-bottom:1.4rem}.pilot-links a{margin-right:1rem}.save-warning{margin:1rem 0}.export-help{padding:1rem;border:1px solid var(--line);border-radius:4px;margin-top:1.2rem}.source-template{margin-bottom:1.3rem}.site-header a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px}.template:target,.example-section:target{scroll-margin-top:2rem}#resource-status{min-height:0}
@media(max-width:900px){.workflow{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-grid{grid-template-columns:1fr}.content-main{padding-block:2.5rem}.template-grid{grid-template-columns:1fr}}
@media(max-width:600px){.workflow{grid-template-columns:1fr}.content-main .example-grid{gap:1rem}.jump-links{gap:.5rem}.task-steps{padding-left:1.2rem}.page-intro h1{font-size:2.6rem}.site-header nav{gap:.85rem}.content-main .paper{padding:1.3rem}}