.guides-hero{padding:46px 0 40px;max-width:800px}.guides-hero h1,.guide-article-heading h1{font-size:clamp(36px,4.8vw,60px);font-weight:500;letter-spacing:-2px;line-height:1.1;margin:18px 0 20px}.guides-hero>p,.guide-article-heading>p{max-width:670px;font-size:17px;line-height:1.8;color:var(--muted)}.guides-hero .btn{margin-top:12px}.guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0 0 50px}.guide-card{display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);border-bottom-width:3px;padding:25px;min-height:330px;transition:border-color .2s,background .2s}.guide-card:hover{background:var(--soft);border-color:var(--green)}.guide-card-top{display:flex;justify-content:space-between;gap:12px;width:100%;font:10px/1.6 var(--mono);color:var(--muted)}.guide-symbol{width:62px;height:62px;color:var(--green);margin:28px 0 20px}.guide-card h2{font-size:26px;letter-spacing:-.7px;font-weight:500;line-height:1.25;margin:0 0 15px}.guide-card p{font-size:15px;line-height:1.75;color:var(--muted);margin:0 0 25px}.guide-card-open{display:flex;justify-content:space-between;width:100%;font:11px/1.7 var(--mono);color:var(--green);margin-top:auto}.guide-card:focus-visible,.guide-toc a:focus-visible,.guide-next a:focus-visible{outline:2px solid var(--green);outline-offset:5px}.guide-hub-note{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:28px;border:1px solid var(--line);background:var(--soft);margin:0 0 35px}.guide-hub-note h2{font-size:24px;font-weight:500;margin:0 0 10px;letter-spacing:-.5px}.guide-hub-note p{font-size:15px;line-height:1.7;margin:0;color:var(--muted)}.guide-hub-note>a{white-space:nowrap}.guide-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font:11px/1.7 var(--mono);color:var(--muted);margin:24px 0 32px}.guide-breadcrumb a{color:var(--green)}.guide-article-heading{max-width:920px;padding-bottom:34px;border-bottom:1px solid var(--line);margin-bottom:40px}.guide-reviewed{font:10px/1.7 var(--mono);color:var(--muted);margin-top:24px}.guide-layout{display:grid;grid-template-columns:240px minmax(0,740px);gap:55px;align-items:start}.guide-toc{position:sticky;top:24px}.guide-toc nav{display:flex;flex-direction:column;gap:17px}.guide-toc a{font-size:13px;line-height:1.65;color:var(--green)}.guide-prose{min-width:0;font-size:16px;line-height:1.9}.guide-section{scroll-margin-top:24px;margin:0 0 42px}.guide-section h2,.guide-sources h2{font-size:29px;line-height:1.3;font-weight:500;letter-spacing:-.7px;margin:11px 0 20px}.guide-prose p{margin:0 0 20px}.guide-prose a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.guide-prose ul,.guide-prose ol{padding-left:23px;margin:0 0 22px}.guide-prose li+li{margin-top:12px}.guide-definitions{margin:0 0 22px}.guide-definitions>div{border-bottom:1px solid var(--line);padding:15px 0}.guide-definitions dt{font-weight:600;color:var(--ink)}.guide-definitions dd{margin:6px 0 0;color:var(--muted)}.guide-example{border:1px solid var(--line);background:var(--soft);padding:22px;margin:25px 0}.guide-example figcaption{font:10px/1.7 var(--mono);letter-spacing:.6px;margin-bottom:20px;color:var(--green)}.guide-example-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.guide-example-groups>div{display:flex;flex-direction:column;gap:9px}.guide-example-groups b{font-size:17px;font-weight:500}.guide-example-groups span{font-size:14px;line-height:1.6}.guide-example-groups small{font:10px/1.8 var(--mono);color:var(--muted)}.guide-example-dates{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:0}.guide-example-dates dt{font-size:13px;font-weight:600}.guide-example-dates dd{font-size:15px;margin:8px 0 0;line-height:1.7}.guide-example>p{font-size:12px;line-height:1.7;color:var(--muted);margin:18px 0 0}.guide-prose .guide-trail{display:flex;gap:25px;list-style:none;padding:0;margin:0}.guide-trail li{flex:1;margin:0!important;display:flex;flex-direction:column;gap:6px}.guide-trail span{font-size:14px;line-height:1.7}.guide-sources{scroll-margin-top:24px;border-top:1px solid var(--line);padding-top:24px}.guide-sources p{font-size:14px;color:var(--muted)}.guide-sources ul{font-size:14px}.guide-action{margin:28px 0 40px}.guide-prose .btn{color:var(--paper);text-decoration:none}.guide-next{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);padding:30px 0;margin:30px 0}.guide-next>a{font:12px/1.8 var(--mono);color:var(--green)}.guide-next small,.guide-next strong{display:block}.guide-next small{font-size:10px;color:var(--muted);margin-bottom:6px}.guide-next strong{font-family:inherit;font-size:19px;line-height:1.5}.home-start-link{margin:-18px 0 35px;font:12px/1.8 var(--mono);color:var(--muted)}.home-start-link a{color:var(--green);text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.guides-grid{gap:14px}.guide-card{padding:20px}.guide-card h2{font-size:23px}.guide-layout{grid-template-columns:1fr;gap:32px}.guide-toc{position:static;border-bottom:1px solid var(--line);padding-bottom:25px}.guide-toc nav{flex-direction:row;flex-wrap:wrap;gap:12px 22px}.guide-toc .eyebrow{width:100%}.guide-prose{max-width:740px}.guide-article-heading{margin-bottom:28px}}
@media(max-width:620px){.guides-hero{padding:25px 0 30px}.guides-hero h1,.guide-article-heading h1{font-size:38px;letter-spacing:-1.5px}.guides-grid{grid-template-columns:1fr;gap:18px}.guide-card{min-height:0;padding:23px}.guide-symbol{margin:20px 0 18px}.guide-card h2{font-size:27px}.guide-card p{font-size:15px}.guide-hub-note{align-items:flex-start;flex-direction:column;padding:22px;gap:18px}.guide-hub-note>a{white-space:normal}.guide-prose{font-size:16px}.guide-section h2,.guide-sources h2{font-size:26px}.guide-example{padding:18px}.guide-example-groups,.guide-example-dates{grid-template-columns:1fr;gap:20px}.guide-prose .guide-trail{flex-direction:column;gap:18px}.guide-next{align-items:flex-start;flex-direction:column}.guide-next>a{padding:8px 0;min-height:44px}.guide-breadcrumb{font-size:10px;gap:9px}.home-start-link{margin:0 0 28px;font-size:11px}}

/* Four directory groups, with readable columns within the guide article. */
.guide-example-groups{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:800px){.guide-example-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.guide-example-groups{grid-template-columns:1fr}}