.b-hero{display:grid;grid-template-columns:7fr 5fr;gap:28px;align-items:start}.b-hero h1{margin-top:6px}.b-hero .answer{font-size:17px;line-height:1.52}.rank-figure{margin:0}.rank-figure svg{width:100%;height:auto}.rank-figure svg[data-variant="mobile"]{display:none}.b-actions,.b-router{margin:14px 0}.b-router{display:grid;gap:4px}.b-actions ul{columns:2;margin:6px 0;padding-left:20px}.b-actions select{width:100%;padding:6px}.b-hero table{font-size:12px}.b-hero th,.b-hero td{padding:5px}.b-check{border:1px solid var(--line);padding:12px;border-radius:8px}.b-check h2{margin:0 0 8px}.b-check input{font-size:18px;max-width:100%;padding:7px}.b-check button{display:block;margin-top:8px;background:var(--ink);color:var(--paper);border:0;padding:8px 10px;border-radius:4px}.b-check .note{margin:6px 0}
  @media(max-width:700px){.b-hero{display:block}.rank-figure svg[data-variant="desktop"]{display:none}.rank-figure svg[data-variant="mobile"]{display:block}.b-hero .answer{font-size:15px}.b-hero table{font-size:11px}}
    .b-body{max-width:900px}.b-body section[data-block]{padding:12px 0;border-bottom:1px solid var(--line)}.b-body section[data-block] h2{margin:26px 0 8px}.b-body section[data-block] .answer{font-size:16px}.b-body figure{margin:12px 0}.b-body figure svg{width:min(100%,600px);height:auto}.b-body figure svg[data-variant="mobile"]{display:none}.b-body .provenance{font:12px/1.6 var(--font-mono);color:var(--muted)}.b-body table{margin:10px 0}.b-body #not-enough-tests article{border-bottom:1px solid var(--line);padding:7px 0}.b-body #cite-report button{margin:4px;padding:7px}
    @media(max-width:480px){.b-body figure svg[data-variant="desktop"]{display:none}.b-body figure svg[data-variant="mobile"]{display:block}}

/* The six KPI rows keep one semantic table; CSS makes compact cards on narrow screens. */
.b-hero>div{min-width:0}
.b-hero table[data-csv="summary"]{display:block;width:100%;margin:8px 0 12px}
.b-hero table[data-csv="summary"] caption{display:block;font:600 14px/1.3 var(--font-body);text-align:left;margin:0 0 6px}
.b-hero table[data-csv="summary"] thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.b-hero table[data-csv="summary"] tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.b-hero table[data-csv="summary"] tr{display:block;min-width:0;height:70px;overflow:hidden;border:1px solid var(--line);border-radius:5px;background:var(--card);padding:4px 6px}
.b-hero table[data-csv="summary"] td{display:block;padding:0;border:0;line-height:1.2;overflow:hidden;text-overflow:clip}
.b-hero table[data-csv="summary"] td:first-child{font-weight:700;font-size:10px;max-height:24px}
.b-hero table[data-csv="summary"] td:nth-child(2){display:inline;font:600 17px/1.1 var(--font-mono)}
.b-hero table[data-csv="summary"] td:nth-child(3){display:inline;font-size:10px;margin-left:4px}
.b-hero table[data-csv="summary"] td:nth-child(4),.b-hero table[data-csv="summary"] td:nth-child(5){font-size:9px;white-space:nowrap}
.b-hero table[data-csv="summary"] td:nth-child(6){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.b-hero table[data-csv="rank"]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.rank-figure img{display:block;max-width:100%;height:auto}
.rank-figure figcaption{font:11px/1.3 var(--font-body);color:var(--muted)}
.b-body table{display:block;max-width:100%;overflow-x:auto}
@media(max-width:700px){
  html[data-template="B"] .site-head{padding:8px 20px 4px!important;min-height:0}
  html[data-template="B"] .site-head nav{display:none!important}
  .b-hero h1{font-size:26px;line-height:1.08;margin:5px 0 7px}
  .b-hero .answer{font-size:14px;line-height:1.36;margin:4px 0}
  .b-hero .rank-figure{margin:0}
  .b-hero table[data-csv="summary"] tr{height:60px}
  .b-check{padding:5px 9px}
  .b-check h2{font-size:18px;margin:0 0 2px}
  .b-check p{margin:3px 0}
}

/* приёмка T7 (team-162, дирижёр): плитки читаемы и не обрезаются; на телефоне действие сразу под ответом */
.b-hero table[data-csv="summary"] tr{height:auto;overflow:visible}
.b-hero table[data-csv="summary"] td:first-child{font-size:12px;max-height:none}
.b-hero table[data-csv="summary"] td:nth-child(2){font-size:20px}
.b-hero table[data-csv="summary"] td:nth-child(3){font-size:12px}
.b-hero table[data-csv="summary"] td:nth-child(4),.b-hero table[data-csv="summary"] td:nth-child(5){font-size:12px;white-space:normal}
.b-hero figcaption{font-size:12px}
@media(max-width:700px){
  .b-hero{display:flex;flex-direction:column}
  .b-hero>div{display:contents}
  .b-hero>div>nav[aria-label="Breadcrumb"]{order:1}
  .b-hero h1{order:2}
  .b-hero .answer{order:3;font-size:15px}
  .b-hero .b-check{order:4}
  .b-hero table[data-csv="summary"]{order:5}
  .b-hero .rank-figure{order:6}
  .b-hero .b-actions{order:7}
  .b-hero .b-router{order:8}
  .b-hero>div>p.note{order:9}
  .b-hero .b-check .note{font-size:12px;line-height:1.35}
  .b-hero .b-check h2{font-size:18px}
}

/* T1 fixes */
[data-template="B"] caption{font-family:inherit;font-size:14px;font-weight:600;text-align:left;letter-spacing:0;text-transform:none;color:inherit;padding:0 0 6px}
[data-template="B"] abbr[title]{text-decoration:underline dotted;cursor:help}
.b-router a{display:block}
.b-router a span{display:block;font-size:14px;opacity:.8}