/* Sill & Storey v2 · guides list, FAQ, guide article */
.ggrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,3vw,48px);border-top:1.5px solid var(--ink)}
.gcard{display:grid;grid-template-columns:140px minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:6px 20px;padding:22px 0;border-bottom:1px solid var(--line);text-decoration:none;align-content:start}
.gcard picture{grid-row:1/4;aspect-ratio:1/1;overflow:hidden}
.gcard img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.gcard:hover img{transform:scale(1.04)}
.gcard:hover .h3{color:var(--cobalt)}
.gcard .mono{color:var(--graphite)}
.gcard-lead{grid-column:1/-1;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;padding:28px 0 32px;column-gap:clamp(24px,4vw,64px)}
.gcard-lead picture{aspect-ratio:21/10}
.gcard-lead .mono{align-self:end}
.gcard-lead .h3{font-size:clamp(1.75rem,3vw,2.75rem);letter-spacing:-.025em;line-height:1.02}
@media (max-width:760px){.ggrid{grid-template-columns:1fr}.gcard{grid-template-columns:96px minmax(0,1fr)}.gcard-lead{grid-template-columns:1fr}.gcard-lead picture{grid-row:auto;aspect-ratio:3/2}}
.faq-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:36px clamp(40px,6vw,120px);align-items:start}
.faq-side{position:sticky;top:calc(var(--hdr) + 24px)}
.faq-side h2{margin-bottom:24px}
.faq-search{margin-bottom:6px}
.faq-side .results-line{margin:8px 0 16px}
.faq-side a{color:var(--cobalt)}
.faq-empty{padding:20px 0}
.faq-empty a{color:var(--cobalt)}
@media (max-width:900px){.faq-layout{grid-template-columns:1fr}.faq-side{position:static}}
.guide-h1{max-width:16em}
.guide-hero picture{height:clamp(280px,42vw,620px);overflow:hidden}
.guide-hero img{width:100%;height:100%;object-fit:cover}
.guide-body{display:grid;grid-template-columns:220px minmax(0,1fr) 300px;gap:clamp(24px,4vw,64px);align-items:start}
.guide-toc,.guide-check{position:sticky;top:calc(var(--hdr) + 24px)}
.guide-toc .mono{color:var(--graphite);margin-bottom:10px}
.guide-toc ol{border-top:1.5px solid var(--ink);margin-bottom:20px;counter-reset:t}
.guide-toc li{counter-increment:t;border-bottom:1px solid var(--line)}
.guide-toc a{display:block;padding:9px 0;text-decoration:none;font-size:15px;font-weight:600}
.guide-toc a::before{content:counter(t,decimal-leading-zero) "  ";font-family:var(--mono);font-size:11px;color:var(--cobalt);font-weight:400}
.guide-toc a:hover{color:var(--cobalt)}
.guide-prose h2{margin:36px 0 12px}
.guide-prose h2:first-child{margin-top:0}
.guide-prose .note{margin-top:32px}
.guide-check .card{background:var(--white);border:1px solid var(--line);border-top:3px solid var(--cobalt);padding:20px}
.guide-check .oc-k{color:var(--graphite);margin-bottom:12px}
.cl li{padding:10px 0;border-bottom:1px solid var(--line)}
.cl-n{margin-top:12px;color:var(--graphite)}
@media (max-width:1100px){.guide-body{grid-template-columns:minmax(0,1fr) 280px}.guide-toc{display:none}}
@media (max-width:760px){.guide-body{grid-template-columns:1fr}.guide-check{position:static}}
.more-h{margin-bottom:24px}
.more-list{border-top:1.5px solid var(--ink)}
.more-list a{display:grid;grid-template-columns:200px 1fr 32px;gap:8px 24px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line);text-decoration:none}
.more-list .mono{color:var(--graphite)}
.more-list a:hover .h3{color:var(--cobalt)}
.gt-go{font-family:var(--mono);font-size:20px;color:var(--cobalt);justify-self:end}
@media (max-width:640px){.more-list a{grid-template-columns:1fr 28px}.more-list .mono{grid-column:1}.more-list .h3{grid-column:1}.more-list .gt-go{grid-column:2;grid-row:1/3;align-self:center}}