/* A+ detail pages: site dossier + evidence report */
.detail{width:min(1600px,calc(100% - 2*var(--gutter)));margin:0 auto;padding:24px 0 58px}
.crumb{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--faint);margin-bottom:18px}
.crumb a{color:var(--blue);font-weight:600}
.detail-head{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:28px;align-items:start;padding-bottom:22px;border-bottom:1px solid var(--line)}
.detail-head h1{font-size:clamp(38px,4.4vw,58px);line-height:1.05;letter-spacing:-.05em;margin:0}
.detail-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;font-size:11px;color:var(--muted)}
.detail-meta span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 8px}
.detail-deck{font-size:13px;line-height:1.8;color:var(--muted);max-width:54em;margin:12px 0 0}
.grade-panel{background:var(--blue);color:#fff;border-radius:16px;padding:18px;text-align:center;box-shadow:0 16px 36px rgba(29,78,216,.2)}
.grade-panel b{display:block;font-family:var(--mono);font-size:52px;line-height:1;font-weight:500}
.grade-panel span{display:block;font-size:10px;opacity:.8;margin-top:4px}
.grade-panel i{display:block;font-style:normal;font-family:var(--mono);font-size:11px;margin-top:8px;border-top:1px solid rgba(255,255,255,.25);padding-top:7px;opacity:.9}
.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;padding-top:20px;align-items:start}
.detail-main{min-width:0}
.detail-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}
.detail-card + .detail-card{margin-top:14px}
.detail-card h2{font-size:18px;letter-spacing:-.03em;margin:0 0 12px}
.detail-card h3{font-size:12px;margin:0 0 10px;color:var(--muted)}
.detail-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:14px}
.metric-cell{padding:11px 12px;border-right:1px solid var(--line)}
.metric-cell:last-child{border:0}
.metric-cell b{display:block;font-family:var(--mono);font-size:18px;font-weight:500;letter-spacing:-.03em}
.metric-cell span{display:block;font-size:10px;color:var(--faint);margin-top:2px}
.bars{display:flex;align-items:end;gap:3px;height:66px;padding:8px 0 0;border-bottom:1px solid var(--line)}
.bars i{flex:1;min-height:4px;background:#e6eefc;border-radius:2px 2px 0 0}
.bars i.ok{background:var(--blue)}
.bars i.bad{background:#fecaca}
.bars-note{display:flex;justify-content:space-between;font-size:9px;color:var(--faint);padding:4px 0 12px}
.dtable{width:100%;border-collapse:collapse;font-size:11px}
.dtable th{text-align:left;font-size:9px;color:var(--faint);font-weight:700;padding:8px 0;border-bottom:1px solid var(--line)}
.dtable td{padding:10px 0;border-bottom:1px solid var(--line);vertical-align:middle}
.dtable tr:last-child td{border:0}
.dtable .num{font-family:var(--mono);font-variant-numeric:tabular-nums}
.dtable .ok{color:var(--good);font-weight:700}.dtable .warn{color:var(--warn);font-weight:700}
.dtable a{color:var(--blue);font-weight:600}
.side-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}
.side-card + .side-card{margin-top:12px}
.side-card h3{margin:0 0 10px;font-size:12px}
.kv{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:11px}
.kv:last-child{border:0}
.kv span{color:var(--faint)}.kv b{font-family:var(--mono);font-weight:500;text-align:right}
.side-card .btn{width:100%;margin-top:12px}
.side-card .btn + .btn{margin-top:7px}
.note{font-size:10px;line-height:1.8;color:var(--faint);margin-top:10px}
.verdict{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}
.verdict h2{font-size:22px;letter-spacing:-.04em;margin:0 0 8px}
.verdict p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}
.decision{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.decision div{border:1px solid var(--line);background:#fbfcff;border-radius:9px;padding:11px}
.decision b{display:block;font-size:10px;color:var(--faint);margin-bottom:4px}
.decision span{font-size:11px;line-height:1.6;display:block}
.dims{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin-top:18px}
.dim label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:5px}
.dim label b{font-family:var(--mono);color:var(--ink);font-weight:500}
.track{height:6px;background:#edf1f7;border-radius:99px;overflow:hidden}.track i{display:block;height:100%;background:linear-gradient(90deg,#1d4ed8,#5b8cff);border-radius:99px}
.evidence{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.evidence .panel-head{display:flex;justify-content:space-between;align-items:center;padding:11px 15px;border-bottom:1px solid var(--line)}
.evidence .panel-head h3{margin:0;font-size:12px}.evidence .panel-head span{font-size:10px;color:var(--faint)}
.evidence table{width:100%;border-collapse:collapse;font-size:11px}
.evidence th{text-align:left;font-size:9px;color:var(--faint);padding:8px 15px;border-bottom:1px solid var(--line);background:#fbfcff}
.evidence td{padding:10px 15px;border-bottom:1px solid var(--line);vertical-align:top}
.evidence tr:last-child td{border:0}
.evidence .ok{color:var(--good);font-weight:700}.evidence .warn{color:var(--warn);font-weight:700}
.report-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
@media(max-width:1100px){.detail-grid{grid-template-columns:1fr}.detail-side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.side-card+.side-card{margin-top:0}}
@media(max-width:760px){
  .detail{width:calc(100% - 28px);padding-top:14px}
  .detail-head{grid-template-columns:1fr;gap:14px}.grade-panel{width:90px;padding:10px}.grade-panel b{font-size:38px}
  .metrics{grid-template-columns:1fr 1fr}.metric-cell:nth-child(2){border-right:0}.metric-cell:nth-child(1),.metric-cell:nth-child(2){border-bottom:1px solid var(--line)}
  .decision{grid-template-columns:1fr}.dims{grid-template-columns:1fr}.detail-side{grid-template-columns:1fr}
  .dtable th:nth-child(4),.dtable td:nth-child(4){display:none}
  .detail-card{padding:15px}.detail-head h1{font-size:38px}
}