.mq-page--guides .mq-hero__title{font-weight:500}.guide-hero .mq-hero__title{font-size:var(--fs-h1);max-width:24ch}.guide-hero .mq-hero__sub{max-width:60ch}.guide-meta{display:flex;flex-wrap:wrap;gap:8px 12px;font-family:var(--font-mono);font-size:var(--fs-200);color:var(--ink-3)}.guide-list{list-style:none;margin:0;padding:0;border-bottom:var(--rule)}.guide-list>li{border-top:var(--rule)}.guide-list a{display:grid;grid-template-columns:48px minmax(0,1fr);gap:24px;padding-block:32px;color:var(--ink)}.guide-list__num{font-family:var(--font-mono);font-size:var(--fs-200);color:var(--accent-fg);padding-top:8px}.guide-list h3{max-width:32ch;margin-bottom:12px;font-size:var(--fs-800);font-weight:500;line-height:var(--lh-heading);letter-spacing:var(--tr-tight);text-wrap:balance;transition:color var(--transition)}.guide-list p{max-width:var(--measure);color:var(--ink-2);margin-bottom:16px}.guide-list__foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;font-size:var(--fs-400)}.guide-list__time{font-family:var(--font-mono);font-size:var(--fs-200);color:var(--ink-3)}.guide-list__go{border-bottom:1px solid var(--line-strong);transition:color var(--transition),border-color var(--transition)}.guide-list a:hover .guide-list__go,.guide-list a:hover h3{color:var(--accent-fg);border-color:var(--accent-fg)}.guide-all{margin-top:var(--s-4)}.guide__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);gap:64px;align-items:start}.guide-toc{position:sticky;top:calc(var(--nav-h) + 24px)}.guide-toc__label{color:var(--ink-3);font-size:var(--fs-200);font-weight:600;letter-spacing:var(--tr-label);text-transform:uppercase;font-family:var(--font-mono);padding-bottom:12px;border-bottom:var(--rule)}.guide-toc ol{list-style:none;margin:0;padding:0}.guide-toc a{display:flex;align-items:center;min-height:44px;padding-block:8px;border-bottom:var(--rule);font-size:var(--fs-400);color:var(--ink-2);transition:color var(--transition)}.guide-toc a:hover{color:var(--accent-fg)}.guide-body{max-width:var(--measure)}.guide-body__intro{margin-bottom:var(--s-6);font-size:var(--fs-700);line-height:var(--lh-body);color:var(--ink)}.guide-body section{scroll-margin-top:calc(var(--nav-h) + 24px)}.guide-body section+section{margin-top:var(--s-6)}.guide-body h2{margin-bottom:var(--s-2);font-family:var(--font-display);font-size:var(--fs-800);font-weight:500;line-height:var(--lh-heading);letter-spacing:var(--tr-tight);color:var(--ink);text-wrap:balance}.guide-body li,.guide-body p{font-size:var(--fs-500);line-height:var(--lh-body);color:var(--ink-2)}.guide-body ol,.guide-body p,.guide-body ul{margin:0 0 var(--s-2)}.guide-body section>:last-child{margin-bottom:0}.guide-body ol,.guide-body ul{display:grid;gap:var(--s-1);padding:0;list-style:none}.guide-body li{display:flex;align-items:baseline;gap:12px}.guide-body ul>li:before{content:"+";flex:none;color:var(--accent-fg)}.guide-body ol{counter-reset:guide-step}.guide-body ol>li{counter-increment:guide-step}.guide-body ol>li:before{content:counter(guide-step,decimal-leading-zero);flex:none;min-width:24px;font-family:var(--font-mono);font-size:var(--fs-200);color:var(--accent-fg)}.guide-body strong{font-weight:600;color:var(--ink)}@media (max-width:960px){.guide__grid{grid-template-columns:minmax(0,1fr);gap:40px}.guide-toc{position:static}}@media (max-width:560px){.guide-list a{grid-template-columns:minmax(0,1fr);gap:12px;padding-block:28px}.guide-body h2,.guide-list h3{font-size:var(--fs-700)}.guide-body__intro{font-size:var(--fs-600)}}@media (prefers-reduced-motion:reduce){.guide-list h3,.guide-list__go,.guide-toc a{transition:none}}