/* Jaetut tyylit vs-vertailusivuille (hub + syväsivut). Täydentää style.css:ää. */
.crumb{font:400 13px "Spline Sans Mono",monospace;color:var(--ink-3);margin:0 0 4px}
.crumb a{color:var(--ink-2)}

.answer{background:var(--card);border:1.5px solid var(--ink);border-radius:14px;padding:22px 24px;margin:6px 0 8px}
.answer h2{font:600 15px/1 "Spline Sans Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);margin:0 0 14px}
.answer .pick{display:flex;flex-wrap:wrap;gap:18px}
.answer .pick > div{flex:1 1 300px;border:1.5px solid var(--line);border-radius:12px;padding:16px 18px}
.answer .pick h3{font:600 20px/1.2 "Fraunces",serif;margin:0 0 6px}
.answer .pick p{margin:0;color:var(--ink-2);font-size:14.5px}
.answer .pick .win{font:500 11px/1 "Spline Sans Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--tag-ink);background:var(--tag-bg);border-radius:5px;padding:4px 7px;display:inline-block;margin-bottom:8px}
.score{display:flex;gap:14px;flex-wrap:wrap;margin:2px 0 0;font:400 13px "Spline Sans Mono",monospace;color:var(--ink-2)}
.score b{color:var(--ink)}

/* Vertailutaulukko (compare/tiers) */
.facts{width:100%;border-collapse:collapse;min-width:520px}
.facts th,.facts td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line-soft);vertical-align:top}
.facts thead th{font:500 11.5px/1.3 "Spline Sans Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);border-bottom:1.5px solid var(--ink)}
.facts td.k{font:500 12.5px "Spline Sans Mono",monospace;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;width:1%}
.facts td.v{font-size:14.5px}
.facts td.v.num{font:500 15px "Spline Sans Mono",monospace;white-space:nowrap}
.facts td.v.win{color:var(--blue-ink)}
.facts td.v.win::after{content:" ✓";color:var(--tag-ink);font-size:12px}

/* Hub-taulukon rivit + voittomerkit */
td.cat{font-weight:600;white-space:nowrap}
td.cat a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line)}
td.cat a:hover{border-color:var(--blue);color:var(--blue-ink)}
td.cat .sub{display:block;font:400 12px "Spline Sans Mono",monospace;color:var(--ink-3);border:0}
td.val{font:500 15px "Spline Sans Mono",monospace;white-space:nowrap;text-align:right}
td.val.win{color:var(--blue-ink)}
td.val.win::after{content:" ✓";color:var(--tag-ink);font-size:12px}
.win-badge{font:500 10.5px/1 "Spline Sans Mono",monospace;letter-spacing:.06em;text-transform:uppercase;border-radius:5px;padding:4px 7px}
.win-up{background:var(--tag-bg);color:var(--tag-ink)}
.win-aws{background:var(--warn-bg);color:var(--warn)}
.win-tie{background:var(--bar-track);color:var(--ink-3)}

/* plans-tila (VPS): pari per muistiluokka */
.pair{margin:18px 0 0}
.pair caption{caption-side:top;text-align:left;font:600 15px "Fraunces",serif;padding:0 0 8px;height:auto;overflow:visible}

.faq{max-width:64ch}
.faq dt{font:600 17px "Fraunces",serif;margin:20px 0 4px}
.faq dd{margin:0;color:var(--ink-2)}