/* Speed-guide pair only: retain the approved TypeQuake palette and fonts. */
body{overflow:auto}
.speed-guide{max-width:800px;margin:0 auto;padding:104px 24px 80px;position:relative;z-index:10;user-select:text;-webkit-user-select:text}
.page-logo{font-family:var(--font-mono);font-weight:700;font-size:15px;letter-spacing:.14em;color:var(--phosphor);text-decoration:none;position:fixed;top:16px;left:22px;z-index:51}
.speed-guide h1{font-family:var(--font-display);font-size:clamp(32px,5vw,48px);font-weight:800;line-height:1.12;margin:0 0 22px;color:var(--mist)}
.speed-guide h2{font-family:var(--font-display);font-size:25px;line-height:1.3;color:var(--phosphor);margin:38px 0 14px}
.speed-guide h3{font-family:var(--font-display);font-size:18px;line-height:1.35;color:var(--mist);margin:0 0 10px}
.speed-guide p,.speed-guide li{color:var(--dim);font-size:14px;line-height:1.85}
.speed-guide p{margin:0 0 14px}
.speed-guide strong{color:var(--mist)}
.speed-guide ul,.speed-guide ol{margin:0 0 20px 22px}
.speed-guide li{margin-bottom:8px}
.speed-guide section{scroll-margin-top:72px}
.guide-intro{max-width:670px}
.guide-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin:22px 0}
.speed-guide a.cta{display:inline-block;background:var(--phosphor);color:var(--ink);padding:13px 18px;border-radius:8px;border-bottom:3px solid var(--keycap-base);font:700 13px var(--font-mono);text-decoration:none;line-height:1.5}
html.light .speed-guide a.cta{background:#FFB454;color:#0A0E14}
.speed-guide a.cta:focus-visible{outline:3px solid var(--link);outline-offset:4px}
.speed-guide a.cta:hover{filter:brightness(1.08)}
.guide-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;display:flex;gap:12px 24px;flex-wrap:wrap}
.guide-nav a{font-size:12px;line-height:1.6}
.drill{margin:18px 0;padding:20px;border:1px solid var(--line);border-left:3px solid var(--phosphor);border-radius:8px;background:var(--panel)}
.drill code{display:block;font:14px/1.9 var(--font-mono);color:var(--mist);overflow-wrap:anywhere;margin:12px 0;white-space:normal}
.speed-guide .guide-note{font-size:12px;line-height:1.75}
.routine{list-style:none;margin:20px 0!important;padding:0;border-top:1px solid var(--line)}
.routine li{display:grid;grid-template-columns:68px 1fr;gap:16px;margin:0;padding:14px 0;border-bottom:1px solid var(--line)}
.routine strong{color:var(--phosphor);font-size:15px}
.guide-source{border-top:1px solid var(--line);padding-top:18px;margin-top:32px}
.guide-end{margin-top:30px}
@media(max-width:520px){.speed-guide{padding:90px 20px 60px}.guide-actions{align-items:flex-start;flex-direction:column}.routine li{grid-template-columns:58px 1fr;gap:12px}}
.speed-guide .eyebrow{color:var(--phosphor);font-size:12px}