.guide{max-width:760px;margin:0 auto;padding-block:24px 0}
.guide header{display:flex;flex-direction:column;gap:14px;margin-bottom:28px}
.guide h1{font-size:clamp(32px,4.6vw,54px);line-height:1.04;font-weight:800;text-wrap:balance}
.guide .lede{font-size:clamp(18px,1.7vw,21px);color:var(--muted)}
.guide .meta{font-size:14px;color:var(--muted)}
.guide .prose{max-width:none;font-size:18px;line-height:1.65}
.guide .prose h2{font-size:clamp(22px,2.6vw,30px);margin-top:26px;line-height:1.15}
.guide .prose ul,.guide .prose ol{padding-left:1.3em;display:flex;flex-direction:column;gap:8px}
.guide .prose a,.guide .more a{color:var(--violet);text-underline-offset:3px}
.callout{display:flex;flex-direction:column;gap:10px;align-items:flex-start;margin-top:40px;padding:24px 26px;border:2px solid var(--line);border-radius:24px;background:rgba(255,255,255,.55)}
.callout b{font-size:20px}.callout span{color:var(--muted)}
.more{margin-top:40px}.more h2{font-size:24px}.more ul{list-style:none;padding:0;margin-top:12px;display:flex;flex-direction:column;gap:10px}
.glist{list-style:none;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.glist a{display:flex;flex-direction:column;gap:8px;height:100%;padding:24px;border:2px solid var(--line);border-radius:24px;text-decoration:none;background:rgba(255,255,255,.55)}
.glist a:hover{border-color:var(--violet)}
.glist b{font-size:20px;line-height:1.2}.glist span{color:var(--muted)}.glist em{font-style:normal;font-size:13px;color:var(--muted);margin-top:auto}