/* Scoped guide styles; existing Atelier tokens, typefaces and buttons. */
.project-guide{--guide-accent:var(--a-blue,#3b3bf9);--guide-muted:var(--a-muted,#66666f);font-size:17px;line-height:1.75}
.project-guide .guide-wrap{width:calc(100% - 96px);max-width:1248px;margin-inline:auto}
.project-guide h1,.project-guide h2,.project-guide h3,.project-guide p{margin:0}
.project-guide h1,.project-guide h2,.project-guide h3{font-family:var(--a-display,"Bricolage Grotesque",sans-serif);color:var(--a-ink,#111114)}
.project-guide h1{font-size:clamp(46px,5.4vw,78px);font-weight:600;line-height:1.04;letter-spacing:-.055em;margin:22px 0 28px}
.project-guide h1 em{font-style:normal;color:var(--guide-accent)}
.project-guide h2{font-size:clamp(31px,3.5vw,48px);font-weight:600;line-height:1.12;letter-spacing:-.045em;margin:15px 0 22px}
.project-guide h3{font-size:22px;font-weight:600;line-height:1.3;letter-spacing:-.02em}
.project-guide p+p{margin-top:18px}
.project-guide .guide-eyebrow{font-size:11px;line-height:1.6;letter-spacing:.13em;text-transform:uppercase;font-weight:600;color:var(--guide-muted)}
.project-guide .guide-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:70px;align-items:center;padding-block:84px 62px}
.project-guide .guide-lead{font-size:18px;max-width:64ch}
.project-guide .guide-reassurance{font-size:15px;border-left:2px solid var(--guide-accent);padding-left:16px;margin-top:25px;max-width:80ch}
.project-guide .guide-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:32px}
.project-guide .guide-principle{border:1px solid var(--a-line,#dcdcdc);border-top:3px solid var(--guide-accent);padding:30px;background:#f0f0ed;border-radius:4px}
.project-guide .guide-principle>p{font-size:23px;line-height:1.5;font-family:var(--a-display);letter-spacing:-.02em;margin-top:25px}
.project-guide .guide-principle strong{font-weight:600}.project-guide .guide-principle>div{border-top:1px solid #cdcdcf;margin-top:28px;padding-top:24px;font-size:14px;line-height:1.8;color:#51515b}
.project-guide .guide-shared{padding-bottom:34px;font-size:15px;max-width:1248px}.project-guide .guide-shared p{max-width:100ch}
.project-guide .guide-index{display:flex;flex-wrap:wrap;gap:8px 30px;border-block:1px solid var(--a-line);padding-block:18px;font-size:13px}
.project-guide .guide-index a{min-height:44px;display:inline-flex;align-items:center;gap:15px;text-decoration:none}.project-guide .guide-index a:hover{color:var(--guide-accent);text-decoration:underline}.project-guide .guide-index a:last-child{margin-left:auto}
.project-guide .guide-example-note{font-size:13px;color:var(--guide-muted);margin-top:34px;max-width:86ch}
.project-guide .guide-section{padding-block:72px;border-bottom:1px solid var(--a-line)}
.project-guide :is(section,[id]){scroll-margin-top:145px}
.project-guide .guide-heading{max-width:76ch}.project-guide .guide-heading>p:not(.guide-eyebrow){max-width:72ch}
.project-guide .guide-compare{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);margin-top:30px;border:1px solid var(--a-line);border-radius:4px;overflow:hidden}
.project-guide .guide-compare>div{padding:27px 30px;min-width:0;background:#efefed}.project-guide .guide-compare>div+div{background:#fff;border-left:1px solid var(--a-line)}
.project-guide .guide-compare h3{font:600 11px/1.6 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;margin-bottom:15px;color:#575760}.project-guide .guide-compare>div+div h3{color:var(--guide-accent)}
.project-guide .guide-compare p{font-size:18px;line-height:1.7;max-width:60ch}
.project-guide .guide-why{font-size:15px;max-width:96ch;margin-top:22px}
.project-guide .guide-small{font-size:13px;line-height:1.8;color:#595962;margin-top:20px}.project-guide .guide-small a{text-underline-offset:4px}
.project-guide .guide-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.project-guide .guide-priorities{margin:0}.project-guide .guide-priorities>div{padding:19px 0;border-bottom:1px solid var(--a-line)}.project-guide .guide-priorities>div:first-child{padding-top:0}.project-guide dt{font-size:12px;font-weight:600;color:var(--guide-accent)}.project-guide dd{margin:6px 0 0;font-size:18px}
.project-guide .guide-questions{margin:28px 0;padding-left:22px}.project-guide .guide-questions li{padding:7px 0 7px 5px}.project-guide .guide-questions li::marker{color:var(--guide-accent)}
.project-guide .guide-two-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:50px}
.project-guide .guide-files>.guide-split{margin-top:26px}.project-guide .guide-files .guide-questions{margin-top:0}
.project-guide .guide-file-labels{padding:28px;border:1px solid var(--a-line);border-radius:4px;background:#fff}.project-guide .guide-file-labels>p{font-size:14px;margin-top:14px}.project-guide .guide-file-labels ul{list-style:none;margin:18px 0 25px;padding:0}.project-guide .guide-file-labels li{border-bottom:1px solid var(--a-line);padding:12px 0;font-size:14px;overflow-wrap:anywhere}
.project-guide .guide-details{border-block:1px solid var(--a-line);margin-top:28px}.project-guide summary{cursor:pointer;min-height:56px;padding:18px 8px;font-weight:600;font-size:17px}.project-guide .guide-details>div{padding:2px 8px 24px;max-width:82ch}
.project-guide .guide-evaluation{list-style:none;counter-reset:question;margin:30px 0;padding:0}.project-guide .guide-evaluation li{counter-increment:question;display:flex;gap:24px;align-items:baseline;border-bottom:1px solid var(--a-line);padding:17px 0}.project-guide .guide-evaluation li::before{content:"0" counter(question);color:var(--guide-accent);font-size:13px;font-weight:600;flex-shrink:0}
.project-guide .guide-margin-note{border-left:2px solid var(--guide-accent);padding-left:24px;margin-top:30px;max-width:85ch}.project-guide .guide-margin-note p{font-size:15px;margin-top:15px}
.project-guide .guide-feedback{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;list-style:none;padding:0;margin:34px 0}.project-guide .guide-feedback li{border-top:2px solid var(--guide-accent);padding-top:16px}.project-guide .guide-feedback strong{font-size:18px;line-height:1.4;display:block}.project-guide .guide-feedback span{font-size:14px;color:var(--guide-muted);display:block;margin-top:10px}
.project-guide .guide-second-example{font-size:15px;margin-top:24px;max-width:86ch}.project-guide .guide-second-example strong{display:block;font-size:12px;margin-bottom:8px}
.project-guide .guide-notebook{background:#ededf4;padding-block:72px}.project-guide .guide-note-sheet{padding:27px;background:#fff;border:1px solid #cccbd9;border-radius:4px}.project-guide .guide-note-sheet label{font-size:12px;font-weight:600;display:block;margin-bottom:20px}.project-guide textarea{display:block;box-sizing:border-box;width:100%;min-height:390px;resize:vertical;border:1px solid #92929c;border-radius:2px;padding:15px;background:#fff;color:#111114;font:15px/2 Inter,sans-serif;overflow-wrap:break-word;white-space:pre-wrap}.project-guide .guide-copy-status{font-size:14px;min-height:52px;margin-top:16px}.project-guide [data-guide-copy]{margin-top:25px}.project-guide [data-guide-copy]:disabled{cursor:wait;opacity:.7}
.project-guide .guide-review{list-style:none;padding:0;margin:0}.project-guide .guide-review li{position:relative;border-bottom:1px solid var(--a-line);padding:17px 0 17px 26px;font-size:16px}.project-guide .guide-review li::before{content:"";position:absolute;left:0;top:26px;width:8px;height:8px;border:1px solid #66666f;border-radius:50%}
.project-guide .guide-closing{padding-block:70px 76px;background:var(--a-night);color:#fff}.project-guide .guide-closing h2{color:#fff;max-width:22ch}.project-guide .guide-closing>.guide-wrap>.guide-eyebrow{color:#b8b8c9}.project-guide .guide-closing p:not(.guide-eyebrow){max-width:62ch}.project-guide .guide-closing .atelier-button{margin-top:27px}.project-guide .guide-faq-link{display:block;width:fit-content;font-size:13px;margin-top:26px;color:#dedee8;text-underline-offset:5px}
.project-guide :is(a,button,summary,textarea):focus-visible{outline:3px solid #3030d8;outline-offset:5px}.project-guide .guide-closing a:focus-visible{outline-color:#a5a5ff}
.project-guide a,.project-guide button{touch-action:manipulation}.project-guide [hidden]{display:none!important}
@media(max-width:1024px){.project-guide .guide-wrap{width:calc(100% - 64px)}.project-guide .guide-hero{gap:35px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.project-guide .guide-principle{padding:24px}.project-guide .guide-split{gap:35px}.project-guide .guide-index a:last-child{margin-left:0}}
@media(max-width:767px){.project-guide{font-size:16px;line-height:1.75}.project-guide .guide-wrap{width:calc(100% - 40px)}.project-guide .guide-hero{grid-template-columns:1fr;padding-block:45px 32px;gap:32px}.project-guide h1{font-size:clamp(42px,9.8vw,64px)}.project-guide .guide-lead{font-size:16px}.project-guide .guide-principle{padding:24px}.project-guide .guide-principle>p{font-size:24px}.project-guide .guide-index{display:grid;gap:0;padding-block:12px}.project-guide .guide-split,.project-guide .guide-two-columns,.project-guide .guide-feedback{grid-template-columns:1fr;gap:24px}.project-guide .guide-two-columns{row-gap:0}.project-guide .guide-section{padding-block:44px}.project-guide .guide-compare{grid-template-columns:1fr}.project-guide .guide-compare>div{padding:23px}.project-guide .guide-compare>div+div{border-left:0;border-top:1px solid var(--a-line)}.project-guide .guide-compare p{font-size:17px}.project-guide .guide-actions{gap:18px 24px}.project-guide .guide-notebook{padding-block:48px}.project-guide .guide-note-sheet{padding:18px}.project-guide textarea{font-size:16px;line-height:1.85;min-height:480px;padding:12px}.project-guide .guide-feedback{gap:20px}.project-guide .guide-copy-status{min-height:0}.project-guide .guide-closing{padding-block:48px 55px}}
@media(prefers-reduced-motion:reduce){.project-guide *{scroll-behavior:auto!important;transition:none!important}}
@media print{.project-guide .guide-wrap{width:100%}.project-guide .guide-hero,.project-guide .guide-split{display:block}.project-guide .guide-closing{background:#fff;color:#111}.project-guide .guide-closing h2{color:#111}.project-guide .guide-actions,.project-guide .guide-index,.project-guide [data-guide-copy],.project-guide .guide-copy-status{display:none}.project-guide .guide-section{padding-block:22px}.project-guide .guide-compare{break-inside:avoid}.project-guide textarea{height:330px;min-height:0}.project-guide .guide-notebook{background:#fff}}