/* First-contact troubleshooting: native disclosures in the Waterfall palette. */
.start-page .quick-checks {
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(0,1.4fr);
  gap:clamp(32px,5vw,76px);
  padding-top:64px;
  padding-bottom:64px;
  align-items:start;
}
.quick-checks-intro .kicker { color:#9dcaff; }
.quick-checks-intro h2 { font-size:clamp(32px,3.6vw,46px); line-height:1.12; margin:0 0 22px; }
.quick-checks-intro h2 b { display:block; }
.quick-checks-intro > p:not(.kicker) { color:#c3d2e4; font-size:18px; line-height:1.6; margin:0 0 16px; }
.quick-checks-intro > p.quick-checks-hint { color:var(--muted); font-size:14px; max-width:25ch; }
.quick-checks-signal { margin-top:38px; max-width:160px; color:#8da6c2; }
.quick-checks-signal svg { width:160px; height:46px; stroke:var(--brand-accent); stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.quick-checks-signal .checks-baseline { stroke:#29415e; stroke-width:1; }
.quick-checks-signal span { display:block; margin-top:8px; font:10px/1.5 var(--mono); letter-spacing:.04em; }
.quick-checks-list { min-width:0; display:grid; gap:10px; }
.quick-check { border:1px solid #2a405c; border-radius:8px; background:#101c2e; overflow:hidden; transition:border-color .18s ease,background-color .18s ease; }
.quick-check:hover { border-color:#4b7096; }
.quick-check[open] { border-color:#477bac; background:linear-gradient(115deg,#152c46,#101d30); box-shadow:inset 3px 0 0 var(--brand-accent); }
.quick-check summary { display:grid; grid-template-columns:32px minmax(0,1fr) 26px; align-items:center; gap:16px; padding:20px 22px; cursor:pointer; list-style:none; }
.quick-check summary::-webkit-details-marker { display:none; }
.quick-check summary:focus-visible { outline:2px solid var(--brand-accent); outline-offset:-4px; border-radius:7px; }
.check-number { color:#6d88a8; font:13px/1.3 var(--mono); align-self:start; padding-top:4px; }
.quick-check[open] .check-number { color:#9dcaff; }
.check-heading { display:grid; gap:5px; }
.check-category { color:#93afcc; font:10px/1.3 var(--mono); text-transform:uppercase; letter-spacing:.1em; }
.check-title { color:var(--ink); font-size:18px; line-height:1.4; font-weight:700; }
.check-toggle { display:block; width:26px; height:26px; border:1px solid #3e5875; border-radius:50%; position:relative; }
.check-toggle::before,.check-toggle::after { content:""; position:absolute; top:11px; left:7px; width:10px; height:1px; background:#b5cce4; }
.check-toggle::after { transform:rotate(90deg); transition:transform .18s ease; }
.quick-check[open] .check-toggle { border-color:#649cce; }
.quick-check[open] .check-toggle::after { transform:rotate(0); }
.check-answer { padding:0 64px 22px 70px; }
.check-answer p { margin:0; color:#becfe2; font-size:16px; line-height:1.65; }
.check-answer strong { color:var(--ink); }
.quick-checks-help { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px 20px; margin-top:10px; padding:18px 0 0; border-top:1px solid #263b55; font-size:13px; }
.quick-checks-help > span { color:var(--muted); flex-basis:100%; }
.quick-checks-help a { color:#b4d8ff; text-underline-offset:4px; }
@media(max-width:760px) {
  .start-page .quick-checks { grid-template-columns:1fr; gap:26px; padding-top:38px; padding-bottom:38px; }
  .quick-checks-intro h2 b { display:inline; }
  .quick-checks-intro h2 { margin-bottom:16px; }
  .quick-checks-intro > p.quick-checks-hint { max-width:none; margin-bottom:0; }
  .quick-checks-signal { display:none; }
  .quick-check summary { grid-template-columns:24px minmax(0,1fr) 24px; gap:12px; padding:18px 16px; }
  .check-title { font-size:17px; }
  .check-number { font-size:12px; }
  .check-toggle { width:24px; height:24px; }
  .check-toggle::before,.check-toggle::after { top:10px; left:6px; }
  .check-answer { padding:0 20px 21px 52px; }
  .quick-checks-help { column-gap:16px; }
}
@media(prefers-reduced-motion:reduce) {
  .quick-check,.check-toggle::after { transition:none; }
}
@media print {
  .start-page .quick-checks { display:block; }
  .quick-checks-signal,.check-toggle { display:none; }
  .quick-check { break-inside:avoid; }
  .quick-check::details-content { content-visibility:visible; }
}
