/* Review pages: shared by every tool review. Site-wide styles are in /assets/site.css. */

/* Verdict card */
.verdict-card{display:grid;gap:12px;padding:clamp(20px,2.2vw,28px)}
.vc__row{padding:16px 18px;border-radius:16px}
.vc__row--pick{background:var(--sun)}
.vc__row--skip{background:var(--tint)}
.vc__label{font-size:.9375rem;font-weight:800}
.vc__text{margin-top:4px;font:900 clamp(1.6rem,1.2rem + 1vw,2.1rem)/1 var(--display)}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.facts li{padding:12px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--line);font-size:.875rem;font-weight:600;line-height:1.3}
.facts b{display:block;margin-bottom:4px;font:900 1.6rem/1 var(--display)}
.vc__links{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.vc__links .pill{min-height:44px;padding:0 1.1rem;font-size:.9375rem}
.vc__aff{font-size:.8125rem;color:var(--ink-2)}
@media (max-width:520px){.facts{grid-template-columns:1fr}}

/* The short version */
.short{margin-top:20px;border-top:1px solid var(--line)}
.short div{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:4px 20px;padding:16px 0;border-bottom:1px solid var(--line)}
.short dt{font:900 1.6rem/1 var(--display)}
.short dd{margin:0;font-size:1.0625rem;line-height:1.55}
.short .link,.fit .link,.prose .note .link{color:var(--ink)}
@media (max-width:600px){.short div{grid-template-columns:1fr}}

/* Plans table */
.plans-scroll{margin-top:22px;overflow-x:auto;border:1px solid var(--line);border-radius:var(--r)}
.plans{width:100%;min-width:620px;border-collapse:separate;border-spacing:0;font-size:.9375rem;line-height:1.45}
.plans th,.plans td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.plans thead th{border-bottom:2px solid var(--ink);font-weight:800}
.plans tbody th{font:900 1.5rem/1 var(--display)}
.plans tr:last-child th,.plans tr:last-child td{border-bottom:0}
.plans .price{font:900 1.5rem/1 var(--display)}
.prose .note{margin-top:12px;font-size:.9375rem;color:var(--ink-2)}

/* What you get */
.features{margin-top:20px;border-top:1px solid var(--line)}
.features li{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:4px 20px;padding:16px 0;border-bottom:1px solid var(--line)}
.features strong{font:800 1.45rem/1.05 var(--display)}
.features span{font-size:1.0625rem;line-height:1.55}
@media (max-width:600px){.features li{grid-template-columns:1fr}}

/* Pick it or skip it */
.fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}
.fit__card{display:flex;flex-direction:column;gap:10px;padding:22px}
.fit__card h3{font:900 2rem/.95 var(--display)}
.fit__card li{padding:10px 0;border-top:1px solid rgba(11,15,51,.15);font-size:1rem;line-height:1.45}
.fit__card--skip{background:var(--tint);color:var(--ink)}
@media (max-width:700px){.fit{grid-template-columns:1fr}}

/* Hands-on test: an honest empty state until a real test is run */
.testlog{margin-top:22px;padding:clamp(20px,2.4vw,28px);border:2px dashed #A9AFD0;border-radius:var(--r)}
.testlog__status{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:var(--ink);color:var(--sun);font-size:.8125rem;font-weight:800}
.testlog__lead{margin-top:12px;font-size:1.0625rem;line-height:1.55}
.testlog dl{margin-top:16px;border-top:1px solid var(--line)}
.testlog dl div{display:grid;grid-template-columns:11rem minmax(0,1fr);gap:4px 16px;padding:12px 0;border-bottom:1px solid var(--line)}
.testlog dt{font-weight:800}
.testlog dd{margin:0;color:var(--ink-2)}
@media (max-width:600px){.testlog dl div{grid-template-columns:1fr}}

/* Rail card extras */
.railcard__price{margin-top:12px;color:var(--mist)}
.railcard__price b{display:block;font:900 2.4rem/1 var(--display);color:var(--white)}
.railcard__aff{margin-top:12px;font-size:.8125rem;color:var(--mist)}