:root{color-scheme:light;font:16px/1.5 Arial,Helvetica,sans-serif;color:#222;background:#fff;--muted:#626262;--line:#ddd;--link:#205aa7}
*{box-sizing:border-box}body{margin:0;min-width:280px}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}a{color:var(--link);text-underline-offset:3px}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--link);outline-offset:4px}main:focus{outline:none}button,a,summary,label{-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,p{margin-top:0}h1{font-size:1.75rem;line-height:1.25;letter-spacing:-.025em;margin:0 0 16px;font-weight:600;text-wrap:pretty}h2{font-size:1.3rem;line-height:1.35;letter-spacing:-.015em;margin:30px 0 14px}h3,h4{font-size:1rem;line-height:1.5;margin:24px 0 12px}p{margin-bottom:20px;line-height:1.6}strong{font-weight:600}.small,.small-counter{font-size:.875rem}.muted,.question-intro,.mechanism{color:var(--muted)}.eyebrow,.result-context{display:block;color:var(--muted);font-size:.875rem;line-height:1.5;margin:0 0 10px;letter-spacing:0;font-weight:400}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:15px;top:-80px;z-index:10;background:white;padding:10px}.skip:focus{top:10px}
.topbar,main,.footer{width:100%;max-width:696px;margin:0 auto;padding-left:24px;padding-right:24px}.topbar{padding-top:28px;padding-bottom:48px}.brand{font-size:1rem;color:#222;text-decoration:none;font-weight:600}.brand:hover{text-decoration:underline}main{min-height:45vh}.footer{padding-top:50px;padding-bottom:32px}.footer-links{display:flex;gap:20px;margin-top:16px}.text-button,.primary,.secondary{background:transparent;border:0;color:var(--link);font-size:.9375rem;line-height:1.5;padding:10px 0;text-decoration:underline;text-underline-offset:3px;border-radius:0;text-align:left;min-height:44px}.text-button:hover,.primary:hover,.secondary:hover{color:#173e72}.primary{font-weight:600}.question-nav{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);padding-top:20px;margin-top:36px}.question-nav>button:last-child{text-align:right}.back-link{margin-top:20px}.answers{margin:28px 0 0;border-top:1px solid var(--line)}.answer{display:block;width:100%;padding:18px 8px;text-align:left;background:white;border:0;border-bottom:1px solid var(--line);border-radius:0;line-height:1.5;touch-action:manipulation}.answer strong{display:block;font-size:1rem;line-height:1.5;font-weight:400}.answer>span{display:block;font-size:.875rem;color:var(--muted);line-height:1.5;margin-top:4px;max-width:580px}.answer.selected{background:#f4f6f8}.answer.selected strong{color:var(--link)}@media(hover:hover){.answer:hover{background:#f5f5f5}.answer:hover strong{color:var(--link)}}.answer:active{background:#eee}.technical{margin-top:20px}
.details,details{border-bottom:1px solid var(--line)}summary{font-size:.9375rem;line-height:1.5;cursor:pointer;padding:15px 0;color:#444}summary::marker{color:#888}details>p,details>.prose{margin-top:10px}.why{margin:24px 0}.why>summary{color:var(--link)}.logic{list-style:none;padding:0;margin:8px 0 24px}.logic li{margin:9px 0;font-size:.9375rem;line-height:1.55}.nested{border-bottom:0;border-top:1px solid var(--line)}.condition{border-left:2px solid #aaa;padding:0 0 0 14px;margin:20px 0;font-size:.9375rem;line-height:1.6;color:#555}.assumption-list{margin:10px 0 20px}.assumption-list>div{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:10px 0;font-size:.875rem;line-height:1.5;border-top:1px solid #eee}.assumption-list dt{color:var(--muted)}.assumption-list dd{margin:0}.concern{margin:30px 0}.concern>span{font-size:.875rem;color:var(--muted)}.concern p{margin:8px 0 12px}.concern strong{font-size:.9375rem;font-weight:400}.prose p{font-size:1rem}.prose blockquote{border-left:2px solid #ccc;margin:20px 0;padding-left:16px;font-size:.9375rem;line-height:1.7}.prose h4{margin-top:28px}.content-details{margin-top:0}.flips{margin-top:0}.flip{display:block;width:100%;text-align:left;background:white;border:0;border-top:1px solid #eee;padding:17px 0}.flip>span{display:block}.flip small{color:var(--muted);font-size:.875rem;font-weight:400}.flip strong{display:block;font-size:.9375rem;font-weight:400}.flip>span+span{margin-top:10px}.flip>span:last-child strong{color:var(--link)}.override{margin:24px 0}.override label,.lens-picker label,.boundary>label{display:block;font-size:.9375rem;margin:12px 0 8px}select{display:block;width:100%;max-width:100%;font-size:1rem;line-height:1.5;padding:10px 32px 10px 10px;background:white;color:#222;border:1px solid #aaa;border-radius:3px;margin-bottom:20px}.possibilities{margin:25px 0}.possibilities>div{border-top:1px solid #eee;padding:15px 0;display:flex;flex-wrap:wrap;gap:8px 14px}.possibilities strong{font-size:1rem;font-weight:400}.possibilities small{font-size:.875rem;color:var(--muted)}
.plot{padding:20px 0 0;border-top:1px solid var(--line);margin:30px 0}.plot figcaption{display:flex;justify-content:space-between;gap:12px;font-size:.8125rem;line-height:1.5;color:var(--muted)}.plot-axis{font-size:.8125rem;line-height:1.5;color:var(--muted);margin:18px 0 0}.plot svg{display:block;width:100%;height:auto;overflow:visible;margin-top:6px}.chart-axis{stroke:#a5a5a5;stroke-width:1;fill:none}.chart-grid{stroke:#e1e1e1;stroke-width:1;stroke-dasharray:3 5}.chart-tick{fill:#626262;font:14px Arial,Helvetica,sans-serif}.question-mark{font:38px Arial,Helvetica,sans-serif;fill:#222}.legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin:10px 0 0}.legend span{display:flex;align-items:center;gap:7px;font-size:.8125rem;line-height:1.5;color:#555}.legend i{width:20px;border-top:2px solid var(--line);flex-shrink:0}.legend i.dashed{border-top-style:dashed}.plot-note{font-size:.8125rem;line-height:1.5;color:var(--muted);margin:15px 0 0}
.comparison-wrap{margin:28px 0;max-width:100%}.comparison{border-collapse:collapse;width:100%;table-layout:fixed;font-size:.875rem;line-height:1.5;text-align:left}.comparison th,.comparison td{padding:15px 12px 15px 0;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}.comparison th{font-weight:400;color:var(--muted)}.comparison thead strong{display:block;color:#222;font-size:1rem;font-weight:600;margin-top:8px}.comparison th:first-child{width:24%}.comparison td{width:38%}.gap{margin:32px 0;padding:0}.gap p{font-size:1.1rem;line-height:1.6;margin:10px 0 0}.strategy-list{list-style:disc;margin:20px 0 30px;padding-left:22px}.strategy-list li{font-size:1rem;line-height:1.6;margin-bottom:15px;padding-left:4px}.augmentation-card{border-top:1px solid #bbb;padding-top:28px;margin-top:36px}.section-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-header .eyebrow{margin:0}.role-chip{font-size:.875rem;color:var(--muted)}.augmentation-card h2{font-size:1.4rem;margin:16px 0 8px}.transform-copy{margin:28px 0}.transform-copy>div{margin-bottom:22px}.transform-copy span{font-size:.875rem;color:var(--muted)}.transform-copy p{margin:6px 0 0;font-size:1rem}.toggle-row{display:flex;align-items:center;gap:15px;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:16px 0;cursor:pointer}.toggle-row>span:first-child{flex:1}.toggle-row strong{font-size:1rem;font-weight:400}.toggle-row small{display:block;color:var(--muted);font-size:.875rem;margin-top:4px}.toggle-row input{width:20px;height:20px;accent-color:var(--link);flex-shrink:0}.switch-visual{display:none}.segmented{padding:0;border:0;margin:24px 0}.segmented legend{font-size:1rem;margin-bottom:10px}.segmented label{display:flex;align-items:flex-start;gap:10px;padding:10px 0;font-size:1rem;cursor:pointer}.segmented input{margin-top:4px;accent-color:var(--link);width:18px;height:18px;flex-shrink:0}.check-row{display:flex;align-items:flex-start;gap:12px;margin:24px 0}.check-row input,.reflection input,.boundary-options input{margin-top:4px;accent-color:var(--link);width:18px;height:18px;flex-shrink:0}.reflection,.boundary-options{border:0;margin:26px 0 0;padding:0}.reflection legend{font-size:1rem;line-height:1.5;margin-bottom:10px}.reflection label,.boundary-options label{display:flex;gap:12px;align-items:flex-start;font-size:1rem;line-height:1.6;padding:10px 0;cursor:pointer}.boundary{margin:36px 0;padding-top:28px;border-top:1px solid #bbb}.boundary h2{margin:12px 0 18px}.lens-picker{margin:20px 0}.lens-picker .small{color:var(--muted)}.thesis-actions{display:flex;gap:24px;flex-wrap:wrap;margin:20px 0 10px}.thesis>section{margin:32px 0}.thesis h2{margin:8px 0 14px}.thesis-augmentation>div{margin-top:24px}.thesis-augmentation h3{margin-bottom:10px}.reflection-quote{font-size:.9375rem;color:var(--muted);padding-left:14px;border-left:2px solid #ccc}.boundary-result{padding-top:22px;border-top:1px solid var(--line)}.chips{display:block}.chips span{display:block;font-size:.9375rem;color:#555;padding:6px 0}.narratives{margin-top:32px}.narratives .comparison{font-size:.8125rem}.review-groups h3{font-weight:400;color:var(--muted)}.belief-row{display:block;border:0;border-top:1px solid #eee;background:white;width:100%;text-align:left;padding:13px 0}.belief-row>span{display:block;color:var(--muted);font-size:.8125rem}.belief-row strong{display:block;color:var(--link);font-size:.875rem;font-weight:400;margin-top:4px}
.framework-dialog{max-width:696px;width:calc(100% - 28px);max-height:90vh;background:#fff;color:#222;border:1px solid #ccc;padding:0;border-radius:0}.framework-dialog::backdrop{background:#0006}.dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);padding:10px 24px}.dialog-bar strong{font-size:1rem}.dialog-content{padding:24px}.source-meta{font-size:.875rem;color:var(--muted)}.source-scenario>summary{font-size:1rem}.toast{position:fixed;z-index:20;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;width:max-content;max-width:calc(100vw - 32px);padding:12px 16px;background:white;color:#222;border:1px solid #aaa;font-size:.875rem;line-height:1.5}.toast-close{font-size:1.3rem;min-width:32px;background:none;border:0;padding:5px}.toast .text-button{padding:0;min-height:32px}
@media(max-width:540px){.topbar,main,.footer{padding-left:18px;padding-right:18px}.topbar{padding-top:20px;padding-bottom:32px}h1{font-size:1.55rem;line-height:1.3}.answer{padding:17px 4px}.answer strong{font-size:1rem}.answer>span{font-size:.875rem}.question-nav{align-items:flex-start;gap:20px}.question-nav button{max-width:72%}.plot figcaption>span:last-child{text-align:right}.plot-axis{margin-top:14px}.chart-tick{font-size:23px}.legend{display:grid;gap:8px}.assumption-list>div{grid-template-columns:1fr;gap:4px}.comparison,.comparison tbody,.comparison tr,.comparison th,.comparison td{display:block;width:100%!important}.comparison thead{position:absolute;width:1px!important;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.comparison tbody tr{margin:20px 0;padding:0;border-top:1px solid #bbb}.comparison tbody th{border:0;font-weight:600;color:#222;padding:15px 0 8px}.comparison td{border:0;padding:8px 0 12px;overflow-wrap:normal;font-size:1rem}.comparison td:before{content:attr(data-label);display:block;color:var(--muted);font-size:.8125rem;margin-bottom:5px}.narratives .comparison tbody tr{padding-top:10px}.section-header{display:block}.section-header .role-chip{display:block;margin-top:5px}.augmentation-card{padding-top:24px}.thesis-actions{gap:18px}.dialog-content{padding:20px}.dialog-bar{padding:8px 20px}.toast{bottom:10px;padding:8px 12px;gap:12px}.footer{padding-top:35px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media print{.topbar,.footer,.question-nav,.back-link,.thesis-actions,.narratives,.toast{display:none}main{max-width:none;padding:0}.thesis>section{break-inside:avoid}h1{font-size:24px}}
.beat-label{font-size:.875rem;line-height:1.5;margin:4px 0 18px;color:#222}.variant-note{font-size:.9375rem;color:var(--muted);margin:-4px 0 20px}.story-question{color:var(--muted);font-size:1rem}.counterfactual-note,.condition-note{font-size:.9375rem;border-left:2px solid #bbb;padding-left:14px;color:#555}.compare-summary{margin:0 0 24px}.compare-summary>div{margin-bottom:18px}.compare-summary dt{font-size:.875rem;color:var(--muted)}.compare-summary dd{font-size:1rem;margin:5px 0 0}.gap-sentence{margin-bottom:32px}.conditional-map{border-collapse:collapse;width:100%;font-size:.875rem;line-height:1.5;margin:26px 0;table-layout:fixed}.conditional-map th,.conditional-map td{text-align:left;vertical-align:top;font-weight:400;padding:14px 12px 14px 0;border-bottom:1px solid var(--line);overflow-wrap:break-word}.conditional-map thead th{color:var(--muted);font-size:.8125rem}.condition-label{display:block;margin:0 0 12px;color:var(--muted)}textarea{width:100%;max-width:100%;resize:vertical;font-size:1rem;line-height:1.6;padding:12px;border:1px solid #aaa;border-radius:3px;color:#222;background:white}.worse summary{font-size:.875rem;color:var(--muted)}.plot[data-beat="1"] .fixed,.plot[data-beat="2"] .advance{animation:reveal-line .45s ease-out}@keyframes reveal-line{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.trajectory{animation:none!important}}@media(max-width:540px){.conditional-map th,.conditional-map td{padding:12px 8px 12px 0}.result-context{margin-bottom:4px}.beat-label{margin-bottom:16px}}

.human-fork{margin-top:36px;scroll-margin-top:20px}.human-fork:focus{outline:none}.human-fork:focus-visible{outline:2px solid var(--link);outline-offset:6px}.human-fork h2{margin-top:0}.fork-choices{border-top:1px solid var(--line)}.fork-choices .answer{padding:17px 12px;border-left:3px solid transparent}.fork-choices .answer.selected{border-left-color:var(--link)}.fork-choices .answer.selected strong{font-weight:600}.human-outcome{margin-top:34px}.human-outcome>h2{margin:6px 0 18px}.risks{margin-top:30px}.risks>.prose>h3{margin-top:28px}.conditional-world{border-top:1px solid var(--line);margin-top:26px}.augmented-comparison>section{padding-top:22px;margin:26px 0;border-top:1px solid var(--line)}.augmented-comparison h2{margin-top:8px}.world-description{margin-top:24px}textarea:focus-visible{outline:2px solid var(--link);outline-offset:4px}

.world-scene{margin:24px 0 28px}.world-scene img{display:block;width:100%;height:auto}.world-scene figcaption{margin-top:10px;font-size:.875rem;line-height:1.5;color:var(--muted)}.scene-panel{overflow:hidden}.scene-panel img{width:200%;max-width:none;height:auto}.scene-advance img{transform:translateX(-50%)}

.gallery-entry{margin:30px 0 16px;padding-top:28px;border-top:1px solid var(--line)}.gallery-pair{margin:30px 0 42px}.gallery-pair>h2{font-size:1rem;font-weight:400;color:var(--muted);padding-top:22px;border-top:1px solid var(--line)}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}.gallery-card{display:flex;flex-direction:column;align-items:stretch;color:inherit;text-decoration:none;width:100%;padding:0 0 14px;border:0;border-bottom:1px solid var(--line);background:white;text-align:left;line-height:1.5}.gallery-card .scene-panel{display:block;margin-bottom:14px}.gallery-card img{display:block;height:auto}.gallery-card strong{display:block;font-size:1.125rem;line-height:1.35;margin:4px 0 10px;text-wrap:pretty}.gallery-caption{display:block;font-size:.875rem;color:var(--muted)}.gallery-open{display:block;margin-top:auto;padding-top:12px;font-size:.9375rem;color:var(--link);text-decoration:underline;text-underline-offset:3px}.gallery-navigation{display:flex;flex-wrap:wrap;gap:6px 24px;margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}.gallery-context{margin-top:24px}.gallery-variants{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.variant-button{background:white;border:1px solid var(--line);border-radius:3px;font-size:.875rem;line-height:1.5;padding:9px 12px;min-height:44px}.variant-button[aria-current="page"]{border-color:var(--link);color:var(--link);background:#f3f6fa}@media(hover:hover){.gallery-card:hover .gallery-open{color:#173e72}.gallery-card:hover strong{color:var(--link)}}@media(max-width:540px){.gallery-grid{grid-template-columns:1fr;gap:28px}.gallery-pair{margin-bottom:36px}}

.assessment-section{scroll-margin-top:20px}.assessment-section:focus{outline:none}.assessment-section+.assessment-section{border-top:1px solid var(--line);margin-top:38px;padding-top:30px}.assessment-heading{font-size:1rem;line-height:1.5;letter-spacing:0;margin:0 0 18px}.question-title,.world-title{font-size:1.75rem;line-height:1.25;letter-spacing:-.025em;font-weight:600;margin:0 0 16px}.assessment-result>p:last-of-type{margin-bottom:8px}@media(max-width:540px){.question-title,.world-title{font-size:1.55rem;line-height:1.3}.assessment-section+.assessment-section{margin-top:30px;padding-top:26px}}

.result-section{border-top:1px solid var(--line);padding-top:30px;margin-top:32px}.result-section>.human-outcome{margin-top:12px}.result-section>.assessment-heading{margin:0 0 12px}.result-edit{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:12px}

.action-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid transparent;border-radius:4px;font-size:1rem;font-weight:600;line-height:1.5;text-align:center;text-decoration:none;touch-action:manipulation}.action-primary{background:var(--link);border-color:var(--link);color:#fff}.action-primary:focus-visible{outline:3px solid var(--link);outline-offset:4px}.action-continue{width:100%;min-height:56px}.progress-action{margin-top:32px}.thesis-actions{align-items:center;gap:12px 24px}@media(hover:hover){.action-primary:hover{background:#19477f;border-color:#19477f;color:#fff}}.action-primary:active{background:#133965;border-color:#133965}@media print{.progress-action,.result-edit{display:none}}

[hidden]{display:none!important}.share-preview{margin:24px 0;border:1px solid var(--line);background:#fff}.share-preview img{display:block;width:100%;height:auto}.share-preview>p{padding:28px 20px;margin:0}.sharing-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin:24px 0}.action-secondary{background:#fff;border-color:var(--link);color:var(--link)}@media(hover:hover){.action-secondary:hover{background:#f3f6fa}}.action-secondary:active{background:#e8eef6}@media(max-width:540px){.sharing-actions>.action-button{flex:1 1 140px;padding:12px 14px}}

.share-post{margin:24px 0 0}.share-post label{display:block;font-size:.9375rem;margin:0 0 8px}.share-post textarea{display:block;background:#fafafa;line-height:1.5;min-height:12rem;overflow-wrap:anywhere}.share-post+.sharing-actions{margin-top:16px}

/* Keep the next action available while long results scroll underneath. */
:root{--bottom-action-space:calc(6rem + env(safe-area-inset-bottom,0px))}
#app:has(.bottom-actions){padding-bottom:var(--bottom-action-space)}
html:has(.bottom-actions){scroll-padding-bottom:var(--bottom-action-space)}
.bottom-actions{position:fixed;z-index:10;inset:auto 0 0;background:#fff;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}
.bottom-actions-inner{width:100%;max-width:696px;margin:0 auto;padding:12px 24px}
.bottom-actions .progress-action{margin:0}
#app:has(.bottom-actions) .toast{bottom:calc(var(--bottom-action-space) + 10px)}
@media(max-width:540px){.bottom-actions-inner{padding:12px 18px}}
@media(max-width:320px){:root{--bottom-action-space:calc(7.5rem + env(safe-area-inset-bottom,0px))}}
@media print{.bottom-actions{display:none}#app:has(.bottom-actions){padding-bottom:0}}

.image-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}
.image-actions>.action-button{min-width:0;min-height:56px;padding:12px;font-size:1rem;line-height:1.5}

.gallery-variants a{text-decoration:none}
@supports(grid-template-rows:subgrid){.gallery-grid{row-gap:0}.gallery-card{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0;align-content:start}.gallery-open{margin-top:12px;padding-top:0}@media(max-width:540px){.gallery-card+.gallery-card{margin-top:28px}}}
