/* /guide: the organizer guide. Long-form reading: 68ch measure, sticky table of contents on wide screens. */
.guide{max-width:1120px;margin:0 auto;padding:44px var(--gutter-mobile) 72px}
.guide-head{max-width:760px}
.guide-head h1{margin-top:16px;font-family:var(--font-display);font-size:clamp(34px,8vw,54px);line-height:1.02;letter-spacing:-.04em;font-weight:760;text-wrap:balance}
.guide-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.guide-grid{display:grid;gap:28px;margin-top:32px}
.guide-toc{align-self:start;padding:18px 20px;border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-1)}
.guide-toc h2{font-size:12.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-secondary)}
.guide-toc ol{list-style:none;display:grid;gap:2px;margin-top:10px}
.guide-toc a{display:block;padding:7px 10px;margin:0 -10px;border-radius:10px;font-size:14.5px;font-weight:550;line-height:1.35;color:var(--text-primary);transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}
.guide-toc a:hover{background:var(--bg-hover);color:var(--text-accent)}
@media (min-width:1000px){.guide{padding:72px var(--gutter-desktop) 96px}.guide-grid{grid-template-columns:260px minmax(0,1fr);gap:56px}.guide-toc{position:sticky;top:84px;max-height:calc(100vh - 110px);overflow:auto}}

.guide-body{min-width:0;max-width:72ch;font-size:17px;line-height:1.62;color:var(--text-primary)}
.guide-body > p:first-child{font-size:20px;font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}
.guide-body h2{margin-top:56px;padding-top:8px;font-family:var(--font-display);font-size:clamp(26px,6vw,34px);line-height:1.1;letter-spacing:-.03em;font-weight:740;scroll-margin-top:80px;text-wrap:balance}
.guide-body h3{margin-top:32px;font-family:var(--font-display);font-size:21px;letter-spacing:-.02em;font-weight:700;scroll-margin-top:80px}
.guide-body hr{display:none}
.guide-body p,.guide-body ul,.guide-body ol,.guide-body pre,.guide-body .md-table,.guide-body blockquote{margin-top:16px}
.guide-body ul,.guide-body ol{padding-left:24px;display:grid;gap:8px}
.guide-body li > ul,.guide-body li > ol{margin-top:8px}
.guide-body li::marker{color:var(--text-tertiary);font-variant-numeric:tabular-nums}
.guide-body strong{font-weight:680}
.guide-body a{color:var(--text-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.guide-body code{font-family:var(--font-mono);font-size:.88em;padding:.12em .4em;border-radius:6px;background:#F3EEE9;overflow-wrap:anywhere}
.guide-body pre{padding:16px 18px;border-radius:var(--radius-lg);background:#1F1B18;color:#F6F1EA;overflow-x:auto;font-size:14px;line-height:1.55}
.guide-body pre code{padding:0;background:none;font-size:inherit;color:inherit;overflow-wrap:normal;white-space:pre}
.guide-body blockquote{padding:14px 18px;border-radius:var(--radius-lg);background:var(--accent-tint);color:var(--text-primary)}
.guide-body blockquote p:first-child{margin-top:0}
.guide-body .md-table{overflow-x:auto;border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-1)}
.guide-body table{width:100%;min-width:0;border-collapse:collapse;font-size:15px;line-height:1.45}
.guide-body th,.guide-body td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:.5px solid var(--border-hairline)}
.guide-body th{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);background:#FBF8F5}
.guide-body tr:last-child td{border-bottom:0}
.guide-body td:first-child{min-width:9em}
@media (max-width:600px){
  .guide-body{font-size:16.5px}
  .guide-body thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .guide-body table,.guide-body tbody,.guide-body tr,.guide-body td{display:block;width:auto}
  .guide-body tr{padding:12px 16px;border-bottom:.5px solid var(--border-hairline)}
  .guide-body tr:last-child{border-bottom:0}
  .guide-body td{padding:2px 0;border:0;min-width:0}
  .guide-body td:first-child{min-width:0;font-weight:650}
  .guide-body td + td{color:var(--text-secondary)}
}
@media (prefers-reduced-motion: reduce){.guide-toc a{transition:none}}