/* The OpenReply guide follows the current NIC.BUILDZ homepage palette. */
body{--cream:#fff;--paper:#f6f6f8;--ink:#161618;--muted:#5e5e67;--accent:#e60012;--accent-dark:#bd0010;--line:#e5e5e9;background:#fff;color:var(--ink);font-family:'DM Sans',sans-serif}
.guide-shell{width:min(880px,calc(100% - 40px))}
.guide-nav{min-height:76px;border-bottom:1px solid var(--line)}
.wordmark,.guide-header h1,.guide-content h2,.guide-content h3,.guide-newsletter h2,.resource-cta h2{font-family:'Outfit','DM Sans',sans-serif;text-transform:none;letter-spacing:-.035em}
.wordmark{font-weight:800;font-size:1.4rem}.wordmark span{color:var(--accent)}
.nav-cta{font-family:'DM Sans',sans-serif;font-weight:700;text-transform:none;letter-spacing:0}
.guide-header{padding:38px 0 24px}.guide-meta{font:700 .75rem/1.5 'DM Sans',sans-serif;letter-spacing:0;text-transform:none;gap:8px;color:var(--accent-dark)}
.guide-meta .badge{background:#fff0f1;color:#a4000d;border-radius:99px;padding:5px 10px;text-transform:none;letter-spacing:0}
.guide-header h1,.prompt-guide .guide-header h1{max-width:780px;font-size:clamp(2.6rem,7vw,4.6rem);font-weight:800;line-height:1.03;letter-spacing:-.05em;margin:16px 0}
.guide-dek{color:var(--muted);font-size:clamp(1rem,2vw,1.15rem);line-height:1.6;max-width:650px}
.guide-actions .button{border-radius:999px;min-height:50px;padding:13px 22px;background:var(--accent);border:0;color:white;font-weight:700}
.guide-actions .button:hover{background:var(--accent-dark)}
.share-controls{gap:18px}.share-button{font-size:.85rem;font-weight:600;text-underline-offset:4px}
.guide-toc{border:0;border-radius:18px;background:var(--paper);padding:8px 18px;margin-top:22px}
.guide-toc summary{font-weight:700}.guide-toc>p{margin:2px 0 14px}.guide-toc-links a{border-color:var(--line);line-height:1.4}
.guide-artwork{margin-top:8px}.guide-content{max-width:720px;padding:30px 0 46px;font-size:1.02rem;line-height:1.75}
.prompt-guide .guide-content>p:first-child{border-left:4px solid var(--accent);padding-left:18px;font-size:1.13rem;line-height:1.6}
.guide-content h2,.prompt-guide .guide-content h2{font-size:clamp(1.8rem,4vw,2.35rem);font-weight:750;line-height:1.15;padding-top:26px;margin:36px 0 16px}
.guide-content h3{font-size:1.3rem;font-weight:700}.guide-content strong{color:var(--ink)}.guide-content li::marker{color:var(--accent-dark);font-weight:700}
.prompt-card{border:1px solid var(--line);border-radius:18px;background:var(--paper)}.prompt-toolbar{background:#202023;padding:12px 16px}.prompt-toolbar>span{font:700 .8rem/1.4 'DM Sans',sans-serif;letter-spacing:0;text-transform:none}.copy-prompt{border-radius:999px;padding-inline:16px}.copy-prompt:hover{background:var(--accent-dark)}.prompt-text{padding:20px;font-size:.95rem;line-height:1.7}
.guide-sources{font-size:.9rem}.guide-newsletter{border-top:1px solid var(--line);margin-top:20px}.guide-newsletter h2,.resource-cta h2{font-weight:750}.guide-footer{border-color:var(--line)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #1764d0;outline-offset:4px}
@media(max-width:699px){.guide-shell{width:calc(100% - 32px)}.guide-header{padding:28px 0 20px}.guide-header h1,.prompt-guide .guide-header h1{font-size:clamp(2.45rem,10vw,3.5rem)}.guide-actions .button{width:100%;justify-content:center}.guide-content{font-size:1rem}.prompt-text{padding:16px}}

/* Carry the homepage's full-width red introduction into this guide. */
.guide-nav,.guide-header{position:relative;isolation:isolate;color:#fff;border:0}
.guide-nav::before,.guide-header::before{content:'';position:absolute;z-index:-1;inset-block:0;left:50%;width:100vw;transform:translateX(-50%);background:#e60012}
.guide-nav .wordmark,.guide-nav .nav-cta{color:#fff}.guide-nav .wordmark span{color:#ffd7b1}
.guide-nav .nav-cta{text-decoration:none;border:1px solid #ffffff80;border-radius:999px;padding:0 18px;min-height:44px;display:inline-flex;align-items:center}
.guide-header{padding:54px 0 48px}
.guide-meta,.guide-meta>span:last-child{color:#fff}.guide-meta .badge{color:#fff;background:#ffffff24}
.guide-header h1{color:#fff}.guide-dek{color:#fff;max-width:590px}
.guide-actions .button{background:#fff;color:#161618;min-width:220px;justify-content:center}
.guide-actions .button:hover{background:#fff0ee;color:#161618}
.share-controls .share-button{color:#fff}.share-controls .share-status{color:#fff}
.guide-nav :focus-visible,.guide-header :focus-visible{outline-color:#fff}
@media(max-width:699px){.guide-nav{min-height:72px}.guide-nav .nav-cta{font-size:.76rem;padding-inline:14px}.guide-header{padding:36px 0 32px}.guide-header h1,.prompt-guide .guide-header h1{font-size:clamp(2.7rem,11vw,4rem)}.guide-actions .button{min-height:54px}.guide-toc{margin-top:24px}}
