:root{--primary:#aa7620;--soft:#f9f0dc;--bg:#f5f6f8;--ink:#172d46;--muted:#66758a;--line:#dce1e8;--panel:#ffffff;--radius:10px;}
.site-header{background:var(--ink);color:white;max-width:none}.site-header nav a[aria-current]{color:#f1ca7f}.header-note{color:#c4cdda}.intro h1{font-family:Georgia,serif;font-weight:400}.intro{border-bottom:1px solid var(--line);margin-bottom:20px}.workspace{grid-template-columns:225px minmax(280px,1fr) minmax(330px,1.25fr)}.flow{border-top:4px solid var(--primary)}.panel{border-radius:3px}.guide-heading{border-left:3px solid var(--primary);padding-left:20px}.primary{background:var(--ink);border-color:var(--ink)}
@media(max-width:1100px) and (min-width:851px){.workspace{grid-template-columns:185px minmax(230px,1fr) minmax(300px,1.2fr);grid-template-areas:"library flow editor"}.library{grid-area:library}.flow{grid-area:flow}.editor-column{grid-area:editor}}
@media(max-width:850px){.workspace{grid-template-columns:220px 1fr;grid-template-areas:"library editor" "flow editor"}.library{grid-area:library}.flow{grid-area:flow}.editor-column{grid-area:editor}.intro-aside{display:none}.guide{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.workspace{display:flex;grid-template-areas:none}.guide{grid-template-columns:1fr}.intro{padding:24px 14px}.intro h1{font-size:33px}.intro-aside{display:none}.site-header{padding:18px}.guide{padding:24px 16px}}