.metric-tool { margin-top:8px; }
.metric-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; margin-top:28px; }
.metric-depth-input { display:grid; grid-template-columns:minmax(0,1fr) 92px; gap:8px; }
.metric-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:20px; }
.metric-error { margin:14px 0 0; padding:11px 13px; border-left:3px solid #a43d3d; background:#fff0f0; color:#7b2929; font-weight:750; }
.metric-results { margin-top:30px; padding-top:24px; border-top:1px solid var(--line); }
.metric-results .results-header { display:flex; align-items:end; justify-content:space-between; gap:20px; }
.metric-results .results-header span { color:var(--muted); font-size:.82rem; font-weight:750; }
.metric-results-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin-top:15px; }
.metric-result-card { min-width:0; padding:15px; border:1px solid var(--line); border-radius:11px; background:#fbfcfa; }
.metric-result-card.emphasis { color:#fff; border-color:var(--green-dark); background:var(--green-dark); }
.metric-result-card span,.metric-result-card small { display:block; }
.metric-result-card span { margin-bottom:8px; color:var(--muted); font-size:.76rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.metric-result-card.emphasis span,.metric-result-card.emphasis small { color:#dbeae3; }
.metric-result-card strong { display:block; overflow-wrap:anywhere; color:inherit; font-family:Georgia,serif; font-size:clamp(1.1rem,2vw,1.45rem); }
.metric-result-card small { margin-top:8px; color:var(--muted); line-height:1.35; }
.metric-summary,.metric-formula-band,.coverage-note { margin:18px 0 0; padding:13px 15px; border-left:3px solid var(--green); background:#f5faf7; color:var(--ink); }
.metric-formula-band { display:flex; flex-wrap:wrap; gap:12px 28px; align-items:center; border:1px solid var(--line); border-left:3px solid var(--green); border-radius:8px; }
.metric-formula-band strong { font-family:Georgia,serif; font-size:1.16rem; }
.reference-table-wrap { overflow-x:auto; }
.reference-table { width:100%; min-width:680px; border-collapse:collapse; margin-top:16px; }
.reference-table th,.reference-table td { padding:12px 14px; border:1px solid var(--line); text-align:left; vertical-align:top; }
.reference-table th { background:#eef5f1; color:var(--ink); font-size:.82rem; letter-spacing:.02em; }
.reference-table td { color:var(--muted); }
.content-section ol { padding-left:22px; color:var(--muted); }
.content-section ol li + li { margin-top:8px; }
.metric-visual { max-width:720px; margin:23px auto 0; }
.metric-visual img { display:block; width:100%; height:auto; border:1px solid var(--line); border-radius:10px; background:#f7f7f0; }
.metric-visual figcaption { margin-top:7px; color:var(--muted); font-size:.85rem; line-height:1.5; }
.metric-page .metric-tool { padding:clamp(18px,3vw,28px); border-radius:3px; }
.metric-page .metric-tool h1 { font-size:clamp(31px,3.3vw,42px); line-height:1.1; letter-spacing:-1px; }
.metric-page .metric-tool .heading-copy { max-width:65ch; font-size:16px; line-height:1.6; }
.metric-page .trust-strip { margin-top:20px; }
.metric-first-answer { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 18px; margin-top:18px; padding:14px 16px; border-left:3px solid var(--green); background:var(--green-soft); }
.metric-first-answer strong { font-family:Georgia,serif; font-size:24px; font-weight:400; }
.metric-first-answer span { font-size:15px; }
.metric-first-answer p { flex-basis:100%; margin:2px 0 0; font-size:14px; line-height:1.55; }
.metric-page .metric-grid { margin-top:22px; }
.metric-page .metric-tool input,.metric-page .metric-tool select { min-height:46px; font-size:16px; }
.metric-update-note { margin:14px 0 0; color:var(--ink); line-height:1.6; }
.metric-page .metric-results .results-header { margin-top:0; }
.metric-page .metric-result-card { border-radius:3px; }
.metric-page .metric-result-card.emphasis strong { color:#fff9ea; }
.metric-page .metric-result-card strong { line-height:1.35; }
.metric-page .content-section { padding:clamp(18px,3vw,28px); }
.metric-page .faq-section details p { max-width:70ch; font-size:16px; line-height:1.75; overflow-wrap:anywhere; }

@media (max-width:900px) {
  .metric-grid { grid-template-columns:1fr 1fr; }
  .metric-results-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:560px) {
  .metric-grid,.metric-results-grid { grid-template-columns:1fr; }
  .metric-actions .button { width:100%; }
  .metric-results .results-header { align-items:start; flex-direction:column; gap:5px; }
}