/* Long-form specification guides. Loaded only on /guides and /guides/*. */
.guide{font-size:16px;line-height:1.74;color:var(--ink-2);max-width:70ch}
.guide h2{font-family:var(--serif);font-size:clamp(24px,2.4vw,30px);font-weight:400;letter-spacing:-.015em;line-height:1.2;color:var(--ink);margin:52px 0 18px}
.guide p{margin:0 0 18px}
.guide ul{margin:0 0 22px;padding-left:22px}
.guide li{margin-bottom:9px}
.guide a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.guide a:hover{color:var(--accent)}
.guide-title{font-family:var(--serif);font-weight:400;letter-spacing:-.015em;line-height:1.12;font-size:clamp(30px,4vw,48px);margin:0;color:var(--ink)}
.guide-related{margin-top:44px;padding-top:22px;border-top:1px solid var(--line);font-size:14px;line-height:1.8;color:var(--muted)}
.guide-related a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.guide-list{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:38px}
.guide-list a{display:block;padding:26px;border:1px solid var(--line);background:var(--paper-2);text-decoration:none;color:var(--ink)}
.guide-list a:hover{border-color:var(--accent)}
.guide-list .eyebrow{margin-bottom:10px}
.guide-list h2{font-family:var(--serif);font-size:22px;font-weight:400;line-height:1.25;margin:0 0 12px}
.guide-list p{font-size:14px;line-height:1.65;color:var(--ink-2);margin:0}
@media(max-width:820px){
  .guide{font-size:15.5px}
  .guide-list{grid-template-columns:1fr}
  .guide h2{margin-top:40px}
}