.reading-guide{scroll-margin-top:calc(var(--topbar-h) + 16px);flex-direction:column;gap:20px;display:flex}.reading-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.reading-heading h2{margin-top:6px}.reading-heading p{color:var(--fg);margin-top:10px;font-size:14px}.reading-all{text-underline-offset:4px;flex:none;align-items:center;gap:12px;min-height:44px;font-size:13px;display:inline-flex}.reading-fork{display:none}.reader-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.reader-lane{min-width:0}.reader-choice{border:1px solid var(--rule);background:var(--card);height:100%;color:var(--fg);align-items:center;gap:10px;padding:14px 12px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.reader-choice:hover{border-color:var(--green-dim)}.reader-choice img{object-fit:contain;flex:none;width:88px;height:88px}.reader-info{flex-direction:column;gap:5px;min-width:0;display:flex}.reader-name{font:600 20px/1.25 var(--display);color:var(--strong)}.reader-description{font:13px/1.6 var(--sans)}.reader-count{font:12px/1.5 var(--sans);color:var(--green);align-items:center;gap:10px;margin-top:3px;display:flex}.reader-count>span{font-size:18px;line-height:1}.reading-overview .reader-choice{background:0 0;border:0;align-items:center;height:auto;padding:0 0 18px}.reading-overview .reader-choice:hover .reader-name{color:var(--green)}.reading-overview .reader-choice img{width:112px;height:112px}.reading-overview .reader-lane{border-top:1px solid var(--green-dim);background:var(--card);padding:20px 16px 12px;position:relative}.reading-overview .reading-fork{text-align:center;margin:0;padding-bottom:20px;display:block;position:relative}.reading-fork>span{border:1px solid var(--green-dim);font:12px/1.5 var(--sans);background:var(--bg);padding:6px 14px;display:inline-block}.reading-fork:after{content:"";background:var(--green-dim);width:1px;height:20px;position:absolute;bottom:0;left:50%}.reading-overview .reader-choices{margin-top:-20px;padding-top:20px;position:relative}.reading-overview .reader-choices:before{content:"";background:var(--green-dim);height:1px;position:absolute;top:0;left:calc(16.6667% - 6.66667px);right:calc(16.6667% - 6.66667px)}.reading-overview .reader-lane:before{content:"";background:var(--green-dim);width:1px;height:20px;position:absolute;top:-21px;left:50%}.reader-preview{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.reader-preview li{align-items:center;gap:12px;min-height:45px;font-size:13px;display:flex;position:relative}.reader-preview li>span{z-index:1;border:1px solid var(--green-dim);background:var(--card);width:24px;height:24px;color:var(--green);font:11px/1 var(--mono);flex:none;place-items:center;display:grid}.reader-preview li:not(:last-child):after{content:"";background:var(--green-dim);width:1px;position:absolute;top:32px;bottom:-10px;left:11px}.reader-preview a{min-height:44px;color:var(--fg);align-items:center;text-decoration:none;display:flex}.reader-preview a:hover{color:var(--green);text-underline-offset:4px;text-decoration:underline}.reading-footnote{color:var(--muted);font-size:13px}.reading-footnote a{text-underline-offset:3px}.reading-route{border:1px solid var(--rule);background:var(--card);flex-direction:column;gap:18px;padding:22px;display:flex}.reading-route-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;display:flex}.reading-route-heading h3{font-size:19px}.reading-route-heading>span{font:12px/1.6 var(--sans);color:var(--muted)}.reading-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0;padding:0;list-style:none;display:grid}.reading-steps li{min-width:0;position:relative}.reading-steps li:not(:last-child):after{content:"→";color:var(--green);font:18px/1 var(--mono);position:absolute;top:47%;right:-24px}.reading-steps a{border:1px solid var(--rule);background:var(--bg);height:100%;color:var(--fg);flex-direction:column;gap:9px;padding:16px;text-decoration:none;display:flex}.reading-steps a:hover{border-color:var(--green-dim)}.reading-step-number{font:600 20px/1.5 var(--mono);color:var(--green);justify-content:space-between;align-items:center;gap:10px;display:flex}.reading-step-number>span{font:12px/1.4 var(--sans);color:var(--muted)}.reading-steps b{font:600 17px/1.5 var(--display);color:var(--strong)}.reading-step-note{font:13px/1.6 var(--sans)}.reading-step-open{color:var(--green);margin-top:auto;padding-top:8px;font-size:12px}.reading-guide a:focus-visible{outline:2px solid var(--green);outline-offset:4px}@media (max-width:900px) and (min-width:701px){.reader-choice{text-align:center;flex-direction:column}.reader-count{justify-content:center}.reading-overview .reader-choice{min-height:212px}}@media (max-width:700px){.reading-heading{align-items:flex-start;gap:12px}.reading-heading p{font-size:13px}.reading-all{gap:6px;font-size:12px}.reader-choices{grid-template-columns:1fr;gap:10px}.reader-choice{gap:14px;padding:10px 14px}.reader-choice img{width:68px;height:68px}.reader-name{font-size:19px}.reader-info{gap:2px}.reader-count{margin-top:2px}.reading-overview .reading-fork{display:none}.reading-overview .reader-choices{gap:16px;margin-top:0;padding-top:0}.reading-overview .reader-choices:before,.reading-overview .reader-lane:before{display:none}.reading-overview .reader-lane{padding:14px 18px}.reading-overview .reader-choice{gap:14px;padding-bottom:10px}.reading-overview .reader-choice img{width:80px;height:80px}.reading-route{gap:16px;padding:16px}.reading-steps{grid-template-columns:1fr;gap:28px}.reading-steps li:not(:last-child):after{content:"↓";inset:auto auto -22px 22px}.reading-steps a{gap:5px;padding:12px 14px}.reading-step-open{padding-top:4px}}@media (prefers-reduced-motion:reduce){.reader-choice{transition:none}}