/* User-approved photorealistic Hogwash Meter and debate layout, October 8, 2026. */
.hw-meter,.hw-meter *{box-sizing:border-box}
body .hw-meter span{grid-column:auto;grid-row:auto}
body .hw-meter{display:block;width:100%;max-width:820px;margin:18px auto;padding:18px 20px 16px;border:1px solid #dce4ec;border-radius:18px;background:linear-gradient(160deg,#fff,#f8fafc);color:#18304a;box-shadow:0 6px 22px #1b365a08;font-family:Arial,Helvetica,sans-serif;line-height:1.35;overflow:visible}
body .hw-brand{display:flex;justify-content:center;align-items:center;gap:10px;margin:0 0 14px}
body .hw-brand>span{font-size:10px;font-weight:800;letter-spacing:.16em;color:#6d7b8b}
body .hw-brand>strong{font:800 25px/1.1 Arial,Helvetica,sans-serif;letter-spacing:-.035em;color:#18304a}
body .hw-art{display:block;position:relative;width:100%;aspect-ratio:3.65;background:#eee7df;border-radius:13px;overflow:hidden}
body .hw-art>img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:center 42%;margin:0!important;border:0!important;border-radius:0!important}
body .hw-selection{position:absolute;top:0;bottom:0;left:calc(var(--hw-index)*100%/7);width:calc(100%/7);border:3px solid #2158d5;border-radius:11px;background:linear-gradient(180deg,#2158d50a,#2158d500);box-shadow:inset 0 0 0 2px #ffffffc9;pointer-events:none}
body .hw-selection>span{position:absolute;top:6px;left:50%;transform:translateX(-50%);display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border:2px solid #fff;border-radius:50%;background:#2158d5;color:#fff;font-size:12px;font-weight:800;box-shadow:0 2px 6px #102a4333}
body .hw-stages{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;align-items:start;margin:9px 0 14px}
body .hw-stage{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;min-width:0;color:#68798a}
body .hw-stage-number{display:grid;place-items:center;width:23px;height:23px;border:1px solid #d8e0e9;border-radius:50%;background:#fff;font-size:11px;font-weight:800;color:#617386}
body .hw-stage.is-selected .hw-stage-number{background:#2158d5;color:#fff;border-color:#2158d5;box-shadow:0 0 0 3px #2158d514}
body .hw-stage-label{font-size:10.5px;line-height:1.25;font-weight:600;max-width:95px}
body .hw-stage.is-selected .hw-stage-label{font-weight:800;color:#214db0}
body .hw-track{position:relative;display:block;height:9px;border-radius:999px;background:linear-gradient(90deg,#439d64 0%,#80b389 17%,#cad08a 33%,#ddbc57 50%,#d89147 67%,#c16a44 83%,#af4b42 100%);box-shadow:inset 0 0 0 1px #1639580a}
body .hw-pointer{position:absolute;left:calc((var(--hw-index) + .5)*100%/7);top:50%;width:17px;height:17px;transform:translate(-50%,-50%) rotate(45deg);border:3px solid #2158d5;border-radius:4px;background:#fff;box-shadow:0 0 0 2px #fff,0 2px 6px #1639581a}
body .hw-endpoints{display:flex;justify-content:space-between;margin:6px 0 0;color:#748294;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
body .hw-endpoints>span{font:inherit!important;color:inherit!important}
body .hw-result{display:block;margin:14px auto 0;text-align:center;max-width:700px}
body .hw-selected{display:inline-block;margin:0 0 5px;padding:4px 9px;border:1px solid #c9d9f7;border-radius:999px;background:#edf3ff;color:#214db0;font-size:10px;line-height:1.25;font-weight:800;letter-spacing:.02em}
body .hw-conclusion{display:block;font:800 25px/1.2 Arial,Helvetica,sans-serif;color:#18304a;letter-spacing:-.025em;text-align:center}
body .hw-assessment{display:block;margin:6px auto 0;color:#425872;font-size:14px;font-weight:600;line-height:1.45;text-align:center}
body .hw-detail{display:block;max-width:640px;margin:6px auto 0;font-size:13px;line-height:1.5;color:#66788d;text-align:center}
body .hw-confidence{display:inline-block;margin:10px auto 0;padding:5px 10px;border-radius:999px;background:#f0f4f8;color:#66788d;font-size:11px}
body .hw-confidence strong{font-weight:700;color:#425872}
body .hw-meter--neutral .hw-track{background:#d8e1ea}
body .hw-meter--neutral .hw-selected{background:#f0f3f6;border-color:#d8e1ea;color:#66788d}
body .hw-meter--compact{max-width:420px;padding:12px 13px 11px;border-radius:14px;margin:12px auto}
body .hw-meter--compact .hw-brand{margin-bottom:9px;gap:7px}
body .hw-meter--compact .hw-brand>strong{font-size:19px}
body .hw-meter--compact .hw-brand>span{font-size:8px}
body .hw-meter--compact .hw-stage-label{display:none}
body .hw-meter--compact .hw-stages{margin:7px 0 12px}
body .hw-meter--compact .hw-stage-number{width:19px;height:19px;font-size:9px}
body .hw-meter--compact .hw-selection{border-width:2px;border-radius:8px}
body .hw-meter--compact .hw-selection>span{height:18px;min-width:18px;font-size:9px;top:4px;border-width:1px;padding:0 3px}
body .hw-meter--compact .hw-result{margin-top:9px}
body .hw-meter--compact .hw-conclusion{font-size:20px}
body .hw-meter--compact .hw-assessment{font-size:12px}
body .hw-meter--compact .hw-selected{font-size:9px}
body .hw-meter--compact .hw-endpoints{font-size:8px}
body .hw-meter--compact .hw-track{height:7px}
body .hw-meter--compact .hw-pointer{width:14px;height:14px;border-width:2px;border-radius:3px}
/* Old wrappers keep their explanations but use the same new component. */
body .hogwash-meter{width:100%;max-width:none;margin:0 auto 14px;overflow:visible}
body .hogwash-meter>.hw-meter{margin-top:0;margin-bottom:0}
body .hogwash-compact>.hw-meter{max-width:560px}
body .media-hogwash{padding:14px!important;background:#f8fafc!important}
body .hw-caption{display:block;margin:6px auto 10px;text-align:center;font-size:14px;font-weight:600;color:#53667d;line-height:1.45}
body .hw-inline-context>.hw-meter{margin-top:10px}
body .heat-row:has(.hw-meter){display:block;padding:14px 18px}
body .heat-row:has(.hw-meter) .heat-swatch{display:none}
body .heat-row:has(.hw-meter)>strong{display:block;text-align:center}
body .heat-row:has(.hw-meter)>span:not(.hw-meter){display:block;text-align:center;margin:8px auto;max-width:640px}
body .hw-methodology .hw-meter{max-width:680px}
/* Full-row debate meter, with all evidence grouped directly below. */
body.debate-redesign .debate-claim{scroll-margin-top:175px}
body.debate-redesign .debate-assessment>.hw-meter{max-width:none;margin:12px 0 16px;padding:17px 19px 15px}
body.debate-redesign .debate-evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start;margin:0}
body.debate-redesign .debate-evidence-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
body.debate-redesign .debate-evidence-grid>.evidence-block{padding:13px 14px;border-radius:12px;background:#f8fafc;box-shadow:none}
body.debate-redesign .debate-evidence-grid>.record-proof{border-top:3px solid #43916b}
body.debate-redesign .debate-evidence-grid>.missing-context{border-top:3px solid #c99348}
body.debate-redesign .debate-evidence-grid>.fair-criticism{border-top:3px solid #71859f}
body.debate-redesign .debate-evidence-grid p{margin:0;font-size:15px!important;line-height:1.6!important}
body.debate-redesign .debate-evidence-grid p>strong:first-child{display:block;margin:0 0 6px;color:#263e57;font-size:13px!important;line-height:1.3;text-transform:uppercase;letter-spacing:.035em}
body.debate-redesign .debate-outstanding{margin:12px 0 0;padding:10px 13px;background:#f4f7fb;border-left:3px solid #879bb8;border-radius:0 10px 10px 0;color:#53677f;font-size:14px!important;line-height:1.5!important}
body.debate-redesign .debate-claim .seo-directory{margin-top:16px;padding:12px 0 0;background:transparent}
body.debate-redesign .debate-claim .seo-directory details+details{margin-top:8px}
body.debate-redesign .debate-permalink{font-size:12px!important;color:#758397;margin-bottom:0}
body.debate-redesign .debate-index-item{display:flex;align-items:center;gap:18px;min-width:0}
body.debate-redesign .debate-index-item>.hw-meter{flex:0 0 240px;margin:0}
body.debate-redesign .debate-index-item .debate-index-copy{min-width:0;font-size:15px;line-height:1.55}
body.debate-redesign .debate-index-grid{display:grid;grid-template-columns:1fr;gap:10px}
body.debate-redesign :is(#recording,#method,#claims-heading,#debate-claims,#source-index){scroll-margin-top:175px}
@media(max-width:760px){
 body .hw-meter{padding:13px 12px 12px;border-radius:14px}
 body .hw-brand{gap:7px;margin-bottom:10px}
 body .hw-brand>strong{font-size:21px}
 body .hw-brand>span{font-size:9px}
 body .hw-stage-label{display:none}
 body .hw-stages{margin:8px 0 14px}
 body .hw-stage-number{width:21px;height:21px;font-size:10px}
 body .hw-selection{border-width:2px;border-radius:8px}
 body .hw-selection>span{height:19px;min-width:19px;font-size:10px;top:4px;padding:0 3px}
 body .hw-conclusion{font-size:22px}
 body .hw-assessment{font-size:13px}
 body .hw-detail{font-size:12px}
 body.debate-redesign .debate-assessment>.hw-meter{padding:13px 12px;margin-bottom:13px}
 body.debate-redesign .debate-evidence-grid{grid-template-columns:1fr;gap:9px}
 body.debate-redesign .debate-claim,body.debate-redesign :is(#recording,#method,#claims-heading,#debate-claims,#source-index){scroll-margin-top:255px}
 body.debate-redesign .debate-index-item{display:block}
 body.debate-redesign .debate-index-item>.hw-meter{width:100%;max-width:340px;margin:0 auto 12px}
}
@media(prefers-reduced-motion:no-preference){body .hw-selection{transition:left .2s ease}}