/* Playable posts: action first, concise evidence, optional research archive. */
.play-heading h2{font-size:clamp(30px,6vw,42px);line-height:1.08;letter-spacing:-.035em;margin:0;color:var(--ink)}

.play-badge{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:4px 9px;background:var(--code-bg);color:var(--code);font:700 12px var(--mono);white-space:nowrap}

.play-badge::before{content:"▶";font-size:12px}

.review-feature{max-width:var(--content-width);margin-top:35px;padding-bottom:18px;border-top:1px solid #cbd5e1}

.review-feature .play-heading{max-width:none;margin:0}

.evidence-section{max-width:var(--content-width);margin-bottom:26px}

.evidence-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 4px}

.evidence-heading h2{font-size:20px;line-height:1.2;letter-spacing:-.025em;margin:0;color:var(--ink)}

.evidence-caption{font-size:12px;line-height:1.45;color:#475569;margin:8px 0 12px}

.format-comparison{display:grid;grid-template-columns:1fr 1fr;border:1px solid #cbd5e1;border-radius:12px;overflow:hidden;background:#fff}

.format-comparison>div{padding:15px;display:flex;flex-direction:column;gap:6px;min-width:0}

.format-comparison>div:first-child{border-right:1px solid #cbd5e1}

.format-comparison strong{font-size:15px;line-height:1.25;color:var(--ink)}

.format-comparison span:last-child{font-size:12px;line-height:1.4;color:#475569}

.format-comparison .typed-format{background:var(--code-bg)}

.micro-label{font:600 12px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.035em;color:#475569}

.evidence-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}

.evidence-row{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--line);border-top:3px solid #6366f1;border-radius:10px;background:#fff;min-width:0}

.evidence-row:nth-child(2){border-top-color:#94a3b8}

.evidence-row strong{display:block;font-size:13px;line-height:1.4}

.outcome-score{display:block;font-size:27px;font-weight:750;letter-spacing:-.04em;color:var(--ink);margin:5px 0}

.outcomes{display:flex;gap:4px;flex-wrap:wrap;margin:4px 0}

.outcome{display:grid;place-items:center;height:19px;width:19px;border-radius:3px;background:#fff;border:1px solid #64748b;color:#334155;font:700 12px/1 var(--mono);font-style:normal}

.outcome.win{background:var(--route-accent);border-color:var(--route-accent);color:#fff}
.outcome.alarm{background:#be123c;border-color:#be123c;color:#fff}

.blunder{display:grid;gap:4px;font-size:12px;color:#475569}

.blunder meter{display:block;width:100%;height:12px;appearance:none;border:0;background:#f1f5f9;border-radius:4px}

.blunder meter::-webkit-meter-bar{background:#f1f5f9;border:0;border-radius:4px}

.blunder meter::-webkit-meter-optimum-value{background:#e11d48;border-radius:4px}

.evidence-row>a{font-size:12px;margin-top:auto}

.real-result{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 0}

.evidence-notes summary{font-size:12px;padding:10px 13px;font-weight:500}

.evidence-notes .dbody{font-size:13px}

.review-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}

.review-metric{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:16px}

.review-metric strong{font-size:13px}
.review-metric>b{font-size:38px;line-height:1.1;letter-spacing:-.035em;color:var(--ink)}

.review-metric>span{font-size:12px;color:#475569}

.evidence-counters{display:flex;gap:20px;flex-wrap:wrap}

.evidence-counters>div{display:grid;gap:4px}
.evidence-counters b{font-size:21px}
.evidence-counters span{font-size:12px}

.demo-library{display:grid;grid-template-columns:1fr 1fr;gap:10px}

.demo-tile{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);min-width:0;transition:border-color .15s,transform .15s}

.demo-tile:hover{border-color:#475569;transform:translateY(-2px)}

.demo-tile>div{min-width:0;flex:1}
.demo-tile h3{font-size:15px;margin:0;overflow-wrap:anywhere;letter-spacing:-.015em}

.demo-tile p{font-size:12px;line-height:1.35;margin:4px 0 0;color:#475569}
.tile-arrow{color:#64748b}

.archive-wrap{margin-top:24px;max-width:var(--content-width)}
.archive-details>summary{font-size:13px;color:#475569}

.lead-feature,.dino-feature{max-width:var(--content-width);margin-top:35px;border-top:1px solid #cbd5e1}

.comparison-title{font-size:20px;line-height:1.2;color:var(--ink);margin:0 0 14px;letter-spacing:-.025em}

.review-metric meter,.trial-row meter{width:100%;height:8px;appearance:none;border:0;background:#e2e8f0;border-radius:3px}

.review-metric meter::-webkit-meter-bar,.trial-row meter::-webkit-meter-bar{border:0;background:#e2e8f0;border-radius:3px}

.review-metric meter::-webkit-meter-optimum-value,.trial-row meter::-webkit-meter-optimum-value{background:var(--route-accent);border-radius:3px}

.review-metric>a,.trial-card>a{font-size:12px}

.review-metric .badge{align-self:flex-start}

.trial-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}

.trial-card{background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:15px;min-width:0}

.trial-card h3{font-size:14px;margin:0 0 12px;color:var(--ink)}

.trial-row{display:grid;grid-template-columns:1fr auto;gap:4px 8px;margin-bottom:12px;font-size:12px;color:#475569}

.trial-row meter{grid-column:1/-1;grid-row:auto}
.trial-row>b{grid-column:2;grid-row:1;color:var(--ink);font-variant-numeric:tabular-nums}

.trial-row small{grid-column:1/-1;font-size:12px;color:#92400e}

.archive-details>.hero{border-radius:0}
.archive-details .sect{padding-top:24px;padding-bottom:24px}

.archive-details .wrap{max-width:100%}

.foot{margin-top:24px;padding:10px 0 20px}
.foot summary{font-size:12px;font-weight:500}