/* Numbers, routes and stages stay readable without scripts or external maps. */
.guide[data-topic] { --accent:#0058ff; --accent-soft:#eef4ff; --article-line:#dfe3e9; --article-muted:#59636f; }
.visual-answer { padding:25px 0 10px; }
.visual-answer h2 { font-size:14px; color:var(--article-muted); font-weight:550; margin:0 0 13px; }
.visual-answer-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.visual-answer-grid>a { border:1px solid var(--article-line); border-top:2px solid var(--ink); border-radius:4px; padding:20px 23px; background:#fff; display:flex; flex-direction:column; text-decoration:none; }
.visual-answer-grid>a:hover { border-color:var(--accent); }
.visual-answer-grid>a>span { font-size:12px; color:var(--article-muted); }
.visual-answer-grid strong { display:flex; justify-content:space-between; gap:12px; font-size:24px; letter-spacing:-.7px; margin:9px 0 6px; line-height:1.4; color:var(--ink); }
.visual-answer-grid strong span { font-size:17px; font-weight:400; color:var(--accent); }
.visual-answer-grid small,.visual-answer>p { font-size:12px; color:var(--article-muted); line-height:1.8; }
.visual-answer>p { margin:13px 0 0; }
.scan-guide .section-heading>p { max-width:760px; }
.scan-guide .table-scroll { border-radius:4px; }
.scan-guide .compare { min-width:610px; }
.scan-chart,.scan-figure { margin:23px 0 0; padding:26px; border:1px solid var(--article-line); border-radius:4px; background:#fff; }
.scan-chart figcaption { font-size:19px; font-weight:650; line-height:1.6; margin-bottom:24px; }
.scan-chart figcaption small { display:block; font-size:12px; font-weight:400; color:var(--article-muted); }
.scan-bar-row { display:grid; grid-template-columns:110px 1fr 100px; gap:16px; align-items:center; margin:18px 0; }
.scan-bar-row>span { font-size:14px; }
.scan-track { height:26px; background:#f1f3f6; }
.scan-track>i { height:100%; background:var(--ink); display:block; }
.scan-bar-row.is-emphasized .scan-track>i { background:var(--accent); }
.scan-bar-row>strong { font-size:23px; white-space:nowrap; text-align:right; font-variant-numeric:tabular-nums; }
.scan-bar-row strong small { font-size:11px; font-weight:400; }
.scan-chart>.caption { margin-bottom:0; }
.scan-equation { display:flex; flex-wrap:wrap; align-items:center; gap:15px; padding:21px 0 0; margin-top:23px; border-top:1px solid var(--article-line); font-size:15px; }
.scan-equation strong { color:var(--accent); font-size:27px; font-variant-numeric:tabular-nums; }
.scan-figure img { display:block; width:100%; height:auto; }
.scan-figure figcaption { margin-top:18px; font-size:13px; color:var(--article-muted); line-height:1.8; }
.scan-more { border:1px solid var(--article-line); border-radius:4px; margin:22px 0 0; padding:17px 22px; }
.scan-more summary { cursor:pointer; color:var(--accent); font-size:14px; font-weight:650; }
.scan-more .prose { max-width:none; font-size:15px; }
.scan-steps,.stay-timeline,.scan-cases { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; margin:24px 0 0; padding:0; list-style:none; }
.scan-steps>li,.stay-timeline>div,.scan-cases>div { border-top:2px solid var(--ink); padding:22px 0 0; }
.scan-steps b { font-size:32px; color:var(--accent); font-variant-numeric:tabular-nums; }
.scan-steps h3,.stay-timeline h3,.scan-cases h3 { font-size:21px; letter-spacing:-.5px; line-height:1.5; margin:10px 0; }
.scan-steps p,.stay-timeline p,.scan-cases p { font-size:14px; color:var(--article-muted); line-height:1.85; margin:0; }
.scan-steps small,.stay-timeline small,.scan-cases small { font-size:12px; color:var(--article-muted); line-height:1.7; display:block; }
.stay-timeline time,.stay-timeline .time-label { font-size:43px; color:var(--accent); font-weight:650; letter-spacing:-1.5px; font-variant-numeric:tabular-nums; }
.scan-note { border-left:3px solid var(--accent); padding:3px 0 3px 18px; margin:24px 0 0; font-size:14px; line-height:1.9; color:var(--article-muted); }
.scan-contact { display:flex; flex-wrap:wrap; gap:14px 36px; font-size:14px; margin-top:23px; }
.scan-contact a { color:var(--accent); }
@media(max-width:780px) {
  .visual-answer-grid,.scan-steps,.stay-timeline,.scan-cases { grid-template-columns:1fr; gap:18px; }
  .visual-answer-grid>a { padding:16px 20px; }
  .visual-answer-grid strong { margin:5px 0; font-size:22px; }
  .scan-steps>li { display:grid; grid-template-columns:44px 1fr; column-gap:15px; }
  .scan-steps b { grid-row:1 / 4; }
  .scan-steps h3 { margin:1px 0 8px; }
  .scan-steps p,.scan-steps small { grid-column:2; }
  .stay-timeline>div { display:grid; grid-template-columns:125px 1fr; column-gap:18px; }
  .stay-timeline>div>small,.stay-timeline time,.stay-timeline .time-label { grid-column:1; }
  .stay-timeline h3 { grid-column:2; grid-row:1 / 3; align-self:center; margin:0; }
  .stay-timeline p { grid-column:1 / 3; margin-top:13px; }
}
@media(max-width:520px) {
  .scan-chart,.scan-figure { padding:20px 16px; }
  .scan-bar-row { grid-template-columns:68px 1fr 88px; gap:9px; }
  .scan-bar-row>span { font-size:12px; }
  .scan-bar-row>strong { font-size:20px; }
  .scan-chart figcaption { font-size:18px; }
  .scan-track { height:21px; }
  .scan-more { padding:16px 18px; }
  .stay-timeline time,.stay-timeline .time-label { font-size:39px; }
}
@media print { .scan-chart,.scan-figure,.scan-steps,.stay-timeline { break-inside:avoid; } }