:root{--st-4:4px;--st-8:8px;--st-12:12px;--st-16:16px;--st-24:24px;--st-32:32px;--st-48:48px;--st-64:64px;--st-radius-card:12px;--st-radius-logo:6px}
.story-page{max-width:760px;margin:0 auto;padding:var(--st-48) var(--st-16)}.story-page h1{font-size:clamp(28px,5vw,44px);line-height:1.15;margin-bottom:var(--st-32)}.story-actions{display:flex;gap:var(--st-12);align-items:center;flex-wrap:wrap;margin:var(--st-12) 0}.story-actions button,.story-actions summary,.story-popover a,.story-popover button,.story-prompt button,[data-story-copy],[data-save-url],[data-story-suggest] button,[data-saved-chip]{min-height:44px;min-width:44px;padding:var(--st-8) var(--st-12);cursor:pointer;border:1px solid #444;border-radius:var(--st-radius-card);background:#000;color:#f4f4f4;display:inline-flex;align-items:center;justify-content:center;font-size:14px}[data-popover]{position:relative;display:inline-block}[data-popover]>summary{list-style:none;cursor:pointer;min-height:44px;padding:var(--st-8) var(--st-8);display:inline-flex;align-items:center}[data-popover]>summary::-webkit-details-marker{display:none}.story-popover{position:absolute;z-index:40;left:0;top:100%;width:min(300px,75vw);padding:var(--st-16);background:#101010;border:1px solid #444;border-radius:var(--st-radius-card);color:#c2c2c2;box-shadow:inset 0 1px 0 #ffffff0a}.story-popover p{font-size:14px;line-height:1.6;margin:0 0 var(--st-12)}.story-popover a,.story-popover button{display:flex;width:100%;margin-top:var(--st-8)}.pick-method{font-size:13px}.story-cost{font-variant-numeric:tabular-nums;font-family:monospace;font-size:16px}.story-steps{padding-left:var(--st-24);margin-top:var(--st-24)}.story-steps>li{padding:0 0 var(--st-32)}.story-steps h3{font-size:20px;line-height:1.4;margin-bottom:var(--st-12)}.story-prompt{position:relative;border:1px solid #444;border-radius:var(--st-radius-card);padding:var(--st-64) var(--st-16) var(--st-16);min-width:0}.story-prompt button{position:absolute;right:8px;top:8px}.story-prompt p{font:13px/1.8 monospace!important;white-space:pre-wrap;overflow-wrap:anywhere;margin:0!important;color:#f4f4f4!important}.prompt-placeholder{background:#213b30;color:#b9f5d0;border-radius:var(--st-radius-logo);padding:0 var(--st-4)}.keep-exploring{display:flex;flex-wrap:wrap;gap:var(--st-8) var(--st-16);margin:var(--st-32) 0 var(--st-16);padding-top:var(--st-24);border-top:1px solid #333}.keep-exploring a{min-height:44px;display:inline-flex;align-items:center}.keep-exploring strong{width:100%;color:#eee}.task-winner{background:#000;border:1px solid #333;padding:var(--st-24);border-radius:var(--st-radius-card);margin:var(--st-24) 0}.task-winner p{margin:var(--st-12) 0}.winner-title{display:flex;gap:var(--st-12);align-items:center}.winner-title h2{font-size:28px}.task-plan{margin:var(--st-32) 0}.task-plan>h2{margin-bottom:var(--st-16)}.alternative-row{display:flex;gap:var(--st-16);margin:var(--st-16) 0}.alternative-row>div{min-width:0}.alternative-row p{overflow-wrap:anywhere}.affiliate{font-size:11px;margin-left:var(--st-8);color:#bbb}.spotlight-cards{max-width:100%}.spotlight-card{min-width:0}.logo-stack{display:flex;gap:var(--st-4)}[data-story-suggest]{display:grid;gap:var(--st-16);margin-top:var(--st-32)}[data-story-suggest] label{display:grid;gap:var(--st-8)}[data-story-suggest] input,[data-story-suggest] textarea{background:#000;color:#eee;border:1px solid #555;padding:var(--st-12);border-radius:var(--st-radius-card);width:100%;min-height:44px;box-sizing:border-box}[data-saved-items] p{display:flex;gap:var(--st-16);align-items:center;justify-content:space-between}#story-status{position:fixed;bottom:90px;left:20px;background:#111;color:#eee;padding:var(--st-8);z-index:100}#story-status:empty{display:none}[data-saved-chip][hidden]{display:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent,#D4FF4F);outline-offset:3px}@media(max-width:480px){.task-winner{padding:var(--st-16)}.story-popover{max-width:calc(100vw - 64px)}.story-actions{gap:var(--st-8)}.story-page{padding:var(--st-24) var(--st-16)}.winner-title{align-items:flex-start}.spotlight-card .story-actions{flex-wrap:wrap}.story-steps{padding-left:var(--st-16)}}

.saved-chip{position:fixed;right:20px;top:16px;z-index:60;background:#000}

/* Override the incumbent result layout where it shares these semantic classes. */
body .task-winner .winner-title>div{display:block;min-width:0}
body .task-winner .winner-title{display:flex;align-items:flex-start;gap:var(--st-12)}
body .task-winner .winner-title h2{font-size:28px;line-height:1.2;overflow-wrap:anywhere}
body .result-alternatives .alternative-row{display:flex;align-items:flex-start;min-width:0}
[data-story-all],.task-winner>.pill-primary{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:var(--st-8) var(--st-16);border:1px solid #f4f4f4;border-radius:var(--st-radius-card);background:#f4f4f4;color:#000;font-size:14px;cursor:pointer}
.alternative-row .pill-primary{display:inline-flex;align-items:center;min-height:44px;padding:var(--st-8) var(--st-12);border:1px solid #444;border-radius:var(--st-radius-card);background:#000;color:#f4f4f4;font-size:14px}

.story-actions summary,.story-actions > button{gap:var(--st-8);white-space:nowrap;border-radius:999px}.story-actions svg{flex-shrink:0}@media(max-width:600px){body .task-winner.featured-pick .winner-title h2{font-size:24px}.featured-pick .story-actions{flex-wrap:nowrap}}

/* Result contract: readable materials, stable copy labels, adjacent disclosures. */
.answer-line{font-size:20px;line-height:1.5;color:#f4f4f4}
.outcome-strip{display:flex;flex-wrap:wrap;gap:var(--st-16);margin:var(--st-16) 0;color:#f4f4f4}
.outcome-strip>div{flex:1 1 16rem;min-width:0}.outcome-strip dt{color:#bbb;font-size:14px}.outcome-strip dd{margin:var(--st-4) 0;overflow-wrap:anywhere}
.story-prompt{background:#101010}.story-prompt button{width:8rem;white-space:nowrap}.story-prompt [data-story-text]{user-select:text}
.prompt-launch{display:inline-flex;align-items:center;min-height:44px;margin-top:var(--st-8)}
.step-checklist{padding:0;list-style:none}.step-checklist label{display:flex;align-items:center;gap:var(--st-12);min-height:44px}.step-checklist input{width:24px;height:24px}
.price-stale{color:#f4f4f4;font-weight:600}.affiliate{display:inline;color:#bbb}.copy-fallback{display:block;width:100%;min-height:8rem;background:#101010;color:#f4f4f4;font-size:16px;user-select:text}
@media(max-width:600px){.pick-method[open] .story-popover{position:fixed;inset:auto var(--st-16) var(--st-16);width:auto;max-width:none;max-height:75dvh;overflow-y:auto;padding-bottom:max(var(--st-16),env(safe-area-inset-bottom))}.outcome-strip{display:block}.outcome-strip>div+div{margin-top:var(--st-12)}}

.step-reference{background:#101010;padding:var(--st-16);border:1px solid #444;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text}

[data-story-copy],[data-story-all]{width:10rem;white-space:nowrap}

.story-prompt,.task-winner,.story-page .answer-line{background:#111;border:1px solid #333;box-shadow:inset 0 1px 0 #ffffff0a}
:focus-visible{outline:2px solid var(--accent,#D4FF4F);outline-offset:4px}

.copied{animation:copied-check 180ms ease-out 1}
@keyframes copied-check{from{transform:translateY(4px);opacity:.6}to{transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Mobile baseline: the first action stays with the pick; the fixed repeat is progressive. */
[data-inline-controls]{display:flex;align-items:center;flex-wrap:wrap;gap:var(--st-8)}
[data-first-action]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;width:8rem;white-space:nowrap;padding:var(--st-8) var(--st-12);border:1px solid #444;border-radius:var(--st-radius-card);background:#000;color:#f4f4f4;cursor:pointer}
.mobile-action-bar{display:none}
[data-result-root]{min-width:0;overflow-wrap:anywhere}
input,textarea,select{font-size:16px}
@media(max-width:600px){
 body{--mobile-safe-bottom:min(23px,env(safe-area-inset-bottom,0px));--mobile-action-height:calc(53px + var(--mobile-safe-bottom))}
 body:has(.mobile-action-bar:not([hidden])){padding-bottom:var(--mobile-action-height)}
 .mobile-action-bar:not([hidden]){position:fixed;inset:auto 0 0;z-index:50;display:flex;flex-wrap:nowrap;align-items:center;gap:var(--st-8);box-sizing:border-box;height:var(--mobile-action-height);padding:4px max(var(--st-16),env(safe-area-inset-right)) calc(4px + var(--mobile-safe-bottom)) max(var(--st-16),env(safe-area-inset-left));background:#000;border-top:1px solid #444}
 .mobile-action-bar>a,.mobile-action-bar [data-first-action]{display:flex;align-items:center;justify-content:center;flex:1;min-width:44px;min-height:44px;height:44px;box-sizing:border-box;padding:0 var(--st-8);margin:0;white-space:nowrap;font:inherit}
 [data-inline-controls]{display:grid;grid-template-columns:minmax(0,1fr) auto}
 [data-inline-controls] .affiliate{grid-row:2;grid-column:1;margin:0}
 [data-inline-controls] [data-first-action]{grid-column:2;grid-row:1}
 .story-page{padding-top:var(--st-16)}
 .story-page h1{font-size:24px;line-height:1.2;margin-bottom:var(--st-12)}
 .story-page .answer-line{font-size:16px;line-height:1.4;margin:0;padding:var(--st-8)}
 .outcome-strip{margin:var(--st-8) 0;font-size:14px;line-height:1.4}
 .outcome-strip>div+div{margin-top:var(--st-4)}
 .task-winner{margin:var(--st-12) 0;padding:var(--st-12)}
 .task-winner p{font-size:14px;line-height:1.4;margin:var(--st-8) 0}
 .task-winner .story-cost{font-size:14px}
 .winner-title{gap:var(--st-8)}
 .pick-label{font-size:12px}
 .story-steps,.story-prompt,.step-reference{min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
 button,a,summary,input,textarea,select{min-height:44px;min-width:44px}
 a{display:inline-flex;align-items:center}
 input[type=checkbox],input[type=radio]{min-width:18px;min-height:18px}
 .story-prompt p{overflow-wrap:anywhere;white-space:pre-wrap}
}

.keep-going-grid{display:grid;gap:var(--st-16)}.keep-going-card{display:block;min-height:44px;padding:var(--st-16);background:#111;border:1px solid #303030;color:#fff;text-decoration:none}.keep-going-card span{color:#bfbfbf}.keep-going-card:nth-child(n+4){display:none}.keep-going nav{display:flex;flex-wrap:wrap;gap:var(--st-16)}.keep-going nav a{min-height:44px;display:inline-flex;align-items:center}.keep-going a:focus-visible{outline:2px solid #fff;outline-offset:4px}@media(min-width:64rem){.keep-going-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.keep-going-card:nth-child(n+4){display:block}}
.plan-feedback{background:#000;border:1px solid var(--border,#333);padding:1rem;margin-block:1.5rem}.plan-feedback fieldset{display:flex;flex-wrap:wrap;gap:.5rem;border:0;padding:0}.plan-feedback label,.plan-feedback button{min-height:44px;display:inline-flex;align-items:center;gap:.5rem}.plan-feedback select{font-size:1rem;max-width:100%;min-height:44px;background:#000;color:inherit}.plan-feedback [hidden]{display:none}.plan-feedback input:focus-visible,.plan-feedback select:focus-visible,.plan-feedback button:focus-visible{outline:2px solid currentColor;outline-offset:2px}

/* Verdicts share the existing black surfaces and remain usable without scripts. */
.verdict-summary{background:#111;border:1px solid #303030;border-radius:var(--st-radius-card);padding:var(--st-16);margin-block:var(--st-24);max-width:100%;overflow-wrap:anywhere}
.verdict-summary h2{font-size:1.25rem;margin-block:0 var(--st-12)}
.verdict-summary p{max-width:68ch}.verdict-summary dl{display:flex;flex-wrap:wrap;gap:var(--st-16)}.verdict-summary dd{margin:0}.verdict-summary dt{font-weight:600}
.verdict-filters{display:flex;flex-wrap:wrap;gap:var(--st-8);margin-block:var(--st-16)}.verdict-chip{display:inline-flex;align-items:center;min-height:44px;padding:.5rem 1rem;border:1px solid #555;border-radius:999px;color:#f4f4f4}.verdict-chip[aria-pressed=true]{background:#303030}.verdict-chip:focus-visible,.verdict-table:focus-visible{outline:2px solid #f4f4f4;outline-offset:4px}
.verdict-comparison{min-width:0;max-width:100%}.verdict-table{overflow-x:auto;max-width:100%}.verdict-table table{border-collapse:collapse;min-width:100%;font-size:.875rem}.verdict-table th,.verdict-table td{padding:.75rem;text-align:left;vertical-align:top;border-bottom:1px solid #303030;min-width:8rem}.verdict-table caption{text-align:left;padding-block:1rem}
[data-stack-controls]{display:flex;flex-wrap:wrap;gap:var(--st-8);margin-block:var(--st-8)}[data-stack-controls] button,[data-stack-field]{min-height:48px;padding:var(--st-8) var(--st-12);border:1px solid #444;border-radius:var(--st-radius-card);background:#000;color:#f4f4f4}[data-stack-controls] button[aria-pressed=true],[data-stack-field][aria-pressed=true]{background:#262626;border-color:#f4f4f4}[data-stack-controls] button:focus-visible,[data-stack-field]:focus-visible{outline:2px solid #fff;outline-offset:4px}

.caution-band{background:#000;color:inherit;border:1px solid var(--border,#333);padding:.5rem 1rem;margin-block:1rem;font-size:1rem}[data-problem-report]{background:#000;padding:1rem;border:1px solid var(--border,#333)}[data-problem-report] label{display:block}[data-problem-report] select,[data-problem-report] button{min-height:44px;max-width:100%;font-size:1rem;background-color:#000;color:inherit;border:1px solid var(--border,#333)}[data-problem-report] select:focus-visible,[data-problem-report] button:focus-visible{outline:2px solid currentColor;outline-offset:2px}
/* Keep comparison actions secondary and let narrow rows read as cards. */
.verdict-table th>a{display:flex;align-items:center;gap:.5rem}.verdict-table img{flex-shrink:0}.verdict-row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem}.verdict-more{min-width:44px;min-height:44px;font-size:1.5rem;background:#111;color:#fff;border:1px solid #555;border-radius:8px}[data-verdict-menu]{background:#111;color:#fff;border:1px solid #555;padding:1rem;max-width:calc(100vw - 2rem)}[data-verdict-menu] a,[data-verdict-menu] label{display:flex;align-items:center;min-height:44px}.verdict-all>summary{min-height:44px;cursor:pointer;padding:.75rem}.verdict-more:focus-visible,.verdict-all>summary:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:600px){
.verdict-table{overflow-x:visible;width:100%}.verdict-table table,.verdict-table tbody,.verdict-table tr,.verdict-table th,.verdict-table td{display:block;min-width:0;width:100%;box-sizing:border-box;overflow-wrap:anywhere}.verdict-table table{table-layout:fixed}.verdict-table thead{display:none}.verdict-table caption{display:block}.verdict-table tr{border:1px solid #303030;border-radius:12px;margin-bottom:1rem;padding:.5rem}.verdict-table th,.verdict-table td{border:0;padding:.5rem}.verdict-table td::before{content:attr(data-label);display:block;font-weight:600;margin-bottom:.25rem}.verdict-table td:empty{display:none}
}

.compare-choice{display:inline-flex;align-items:center;box-sizing:border-box;min-height:44px;gap:.5rem;padding:.5rem .75rem;border:1px solid #444;border-radius:999px;background:#000;color:#f4f4f4;font:inherit;font-family:var(--font-sans,"Satoshi",system-ui,sans-serif);cursor:pointer}.compare-choice input{-webkit-appearance:none;appearance:none;flex:none;width:18px;height:18px;min-width:18px;min-height:18px;margin:0;border:1.5px solid #8a8a8a;border-radius:5px;background:transparent;display:inline-grid;place-content:center;cursor:pointer}.compare-choice input::before{content:"";width:10px;height:10px;transform:scale(0);background:#000;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%)}.compare-choice input:checked{background:#f4f4f4;border-color:#f4f4f4}.compare-choice input:checked::before{transform:scale(1)}.compare-choice:has(input:checked){background:#262626;border-color:#f4f4f4}.compare-choice:focus-within{outline:2px solid #fff;outline-offset:4px}.compare-choice:has(input:disabled){opacity:.6}

.compare-bar{position:fixed;left:50%;right:auto;transform:translateX(-50%);bottom:max(12px,env(safe-area-inset-bottom));width:auto;max-width:calc(100vw - 32px);box-sizing:border-box;display:flex;align-items:center;background:#f4f4f4;color:#000;border:0;border-radius:999px;padding:0 16px;min-height:44px;font:600 15px/1.2 var(--font-sans,"Satoshi",system-ui,sans-serif);z-index:10}.compare-bar[hidden]{display:none!important}.compare-bar a{color:inherit;text-decoration:none;min-height:44px!important}

/* mf1: no native-styled form controls (iOS drew 44px blue checkboxes). The wrapping label carries the 44px target. */
input[type=checkbox],input[type=radio]{-webkit-appearance:none;appearance:none;box-sizing:border-box;flex:none;width:18px;height:18px;min-width:18px;min-height:18px;margin:0;border:1.5px solid #8a8a8a;border-radius:5px;background:transparent;display:inline-grid;place-content:center;vertical-align:middle;cursor:pointer}input[type=radio]{border-radius:50%}input[type=checkbox]::before{content:"";width:10px;height:10px;transform:scale(0);background:#000;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%)}input[type=radio]::before{content:"";width:8px;height:8px;border-radius:50%;transform:scale(0);background:#000}input[type=checkbox]:checked,input[type=radio]:checked{background:#f4f4f4;border-color:#f4f4f4}input[type=checkbox]:checked::before,input[type=radio]:checked::before{transform:scale(1)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid #fff;outline-offset:2px}input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:.5}
select{-webkit-appearance:none;appearance:none;box-sizing:border-box;min-height:44px;padding:0 32px 0 12px;border:1px solid #444;border-radius:8px;background:#111 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23bbb' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat right 12px center;color:#f4f4f4;font:inherit;font-size:16px}

/* Keep report controls readable while inheriting the shared custom select. */
[data-problem-report] label{display:block}
[data-problem-report] select{display:block;width:100%;margin-top:var(--st-8)}
[data-problem-report] button{display:inline-flex;align-items:center;justify-content:center;margin-top:var(--st-12);min-height:44px;padding:var(--st-8) var(--st-16);border-radius:999px;background:#1a1a1a;color:var(--color-fg,#f4f4f4);font:inherit;cursor:pointer}
[data-problem-report] button:hover{background:#242424}