.guide-header{height:auto;min-height:115px;padding-block:24px}.guide-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;padding-block:24px;font-size:11px;color:var(--muted)}.guide-breadcrumb a{text-decoration:underline;text-underline-offset:4px}.guide-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:42px;align-items:center;padding-block:28px 52px}.guide-hero .eyebrow{font-size:9px;letter-spacing:1px}.guide-hero h1{font-size:clamp(25px,2.6vw,35px);line-height:1.65;margin:0 0 24px;letter-spacing:.01em}.guide-hero h1 span{color:var(--green)}.guide-lead{font-size:14px;line-height:2.1}.guide-byline{font-size:11px;line-height:2;color:var(--muted);margin-block:23px}.guide-byline a{text-decoration:underline}.guide-hero figure{margin:0;border:1px solid var(--line);padding:12px;background:var(--light);box-shadow:5px 5px 0 #dce2ce}.guide-hero img{width:100%;height:auto}.guide-hero figcaption{padding:12px 5px 3px;font-size:11px;color:var(--green)}.guide-intro{border-block:1px solid var(--line);padding:24px 0 30px;max-width:900px}.guide-intro>strong{font-size:15px}.guide-intro p{font-size:13px;line-height:2;margin-bottom:0}.guide-intro p:last-child{color:var(--muted);font-size:11px}.guide-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:50px;align-items:start;padding-block:44px}.guide-toc{position:sticky;top:24px;border-left:2px solid #cbd5be;padding-left:20px}.guide-toc .eyebrow{font-size:9px;margin-bottom:15px}.guide-toc ol{padding-left:19px;margin:0;display:grid;gap:13px;font-size:11px;line-height:1.8}.guide-toc a:hover{text-decoration:underline}.guide-content{min-width:0}.guide-section{margin-bottom:46px;scroll-margin-top:28px}.guide-section h2{font-size:23px;line-height:1.8;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:24px;scroll-margin-top:24px}.guide-section p,.guide-section li{font-size:14px;line-height:2.15}.guide-section p{margin-block:18px}.guide-section a{color:var(--green);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.guide-section ul,.guide-section ol{padding-left:23px}.guide-section li{margin-block:10px}.guide-section code{font:12px/1.8 var(--mono);background:#e9edde;padding:3px 5px;overflow-wrap:anywhere}.guide-glossary{border:1px solid var(--line);margin-block:25px}.guide-glossary>div{display:grid;grid-template-columns:135px minmax(0,1fr);gap:16px;padding:14px 18px;border-bottom:1px solid var(--line)}.guide-glossary>div:last-child{border-bottom:0}.guide-glossary dt{font-size:12px;font-weight:700}.guide-glossary dd{font-size:12px;line-height:2;margin:0}.guide-prompt{margin:28px 0;border:1px solid #bdcbb0;background:#eaf0e0}.guide-prompt figcaption{padding:13px 18px;border-bottom:1px solid #cbd7bf;font-size:12px;font-weight:700}.guide-prompt figcaption span{display:block;color:var(--muted);font-size:10px;font-weight:400}.guide-prompt pre{margin:0;padding:20px;font:12px/2 var(--sans);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2}.guide-table{overflow-x:auto;margin-block:26px;max-width:100%}.guide-table table{border-collapse:collapse;width:100%;min-width:490px;font-size:12px;line-height:2}.guide-table caption{text-align:left;font-size:11px;padding-bottom:10px;color:var(--muted)}.guide-table th,.guide-table td{border:1px solid var(--line);padding:13px 15px;text-align:left;vertical-align:top}.guide-table th{background:var(--light)}.guide-reference{font-size:12px!important;color:var(--muted)}.guide-faq{border-bottom:1px solid var(--line);padding-block:18px}.guide-faq summary{font-size:14px;font-weight:700;cursor:pointer;line-height:1.9}.guide-faq p{font-size:13px;margin-bottom:0}.guide-faq summary:focus-visible{outline:2px solid var(--green);outline-offset:5px}.guide-next{display:grid;gap:15px;border-left:3px solid var(--green);padding:18px 22px;background:var(--light);font-size:13px}.guide-article-footer{padding-block:26px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.guide-article-footer a{text-decoration:underline}.guide-ad{margin-block:45px}.guide-ad .ad-placement.wrap{width:100%;margin:0}.making-guide{padding-block:34px;border-bottom:1px solid var(--line);display:flex;gap:30px;justify-content:space-between;align-items:center}.making-guide .eyebrow{margin-bottom:9px;font-size:9px}.making-guide h2{font-size:23px}.making-guide p:not(.eyebrow){font-size:12px;color:var(--muted);margin-bottom:0}.making-guide .text-link{white-space:nowrap}
@media(max-width:1080px){.guide-hero{grid-template-columns:1fr;gap:28px}.guide-hero figure{max-width:540px}.guide-hero h1{font-size:34px}.guide-layout{grid-template-columns:190px minmax(0,1fr);gap:30px}}
@media(max-width:760px){.guide-header{min-height:90px;gap:22px}.guide-header .brand small{display:block}.guide-header nav{gap:16px;margin-left:0}.guide-header nav a{font-size:10px}.guide-breadcrumb{font-size:10px;padding-block:19px}.guide-hero{padding-block:18px 35px}.guide-hero h1{font-size:27px;line-height:1.75}.guide-lead{font-size:12px}.guide-hero .eyebrow{font-size:8px}.guide-hero figcaption{font-size:10px}.guide-intro p{font-size:12px}.guide-layout{display:block;padding-block:28px}.guide-toc{position:static;border:1px solid var(--line);padding:21px;margin-bottom:36px;background:var(--light)}.guide-toc ol{font-size:12px;gap:10px}.guide-section h2{font-size:21px}.guide-section p,.guide-section li{font-size:13px}.guide-glossary>div{grid-template-columns:95px minmax(0,1fr);gap:10px;padding:13px}.guide-glossary dd{font-size:11px}.guide-prompt pre{padding:17px;font-size:12px}.guide-prompt figcaption{padding-inline:17px}.making-guide{flex-direction:column;align-items:flex-start;gap:22px}.making-guide h2{font-size:21px}.guide-faq summary{font-size:13px}}
