:root{--ink:#102b3c;--ink-2:#23495a;--muted:#63737a;--line:#d9e1df;--river:#2e8fb7;--sand:#e6c985;--paper:#fffefb;--clay:#a85642;--green:#477e67;--violet:#6e6399;--background:#f5f6f1;--shadow:0 18px 48px rgba(21,46,56,.09);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--background);font:16px/1.58 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}a:hover{text-decoration-thickness:2px}img,svg{max-width:100%}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-80px;left:12px;background:#fff;padding:12px;border-radius:12px;z-index:200}.skip-link:focus{top:12px}.layout{width:min(1240px,calc(100% - 56px));margin-inline:auto}
:focus-visible{outline:3px solid #b87931;outline-offset:3px}
.topbar{position:sticky;z-index:30;top:0;min-height:78px;background:rgba(255,255,255,.95);backdrop-filter:blur(15px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:clamp(16px,3vw,45px);padding:10px max(28px,calc((100vw - 1240px)/2))}
.brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;text-decoration:none}.brand-gb{display:grid;place-items:center;border-radius:13px;width:43px;height:43px;background:var(--ink);color:#fff;font-size:1.15rem;font-weight:950;letter-spacing:-.09em}.brand span:last-child{display:flex;flex-direction:column;line-height:1.08;gap:4px;letter-spacing:.07em}.brand small{font-weight:700;letter-spacing:0;color:var(--muted);font-size:.69rem}.topbar nav{display:flex;gap:25px;margin-left:auto}.topbar nav a{text-decoration:none;font-size:.88rem;font-weight:750}.topbar nav a:hover{color:var(--river)}.save-pill{font-size:.71rem;font-weight:750;color:#537763;background:#eaf4e9;padding:.5rem .75rem;border:1px solid #cce3d4;border-radius:50px}
.eyebrow{font-size:.73rem!important;letter-spacing:.145em!important;text-transform:uppercase!important;font-weight:850!important;color:#a36b4a!important;margin:0 0 13px}.intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(26px,5vw,70px);align-items:center;padding-block:76px 76px}.intro h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.2rem,5.4vw,5.8rem);line-height:1.04;letter-spacing:-.045em;margin:0 0 25px}.intro h1 em{font-style:normal;color:var(--river)}.subtitle{color:var(--ink-2);font-size:clamp(1.05rem,1.55vw,1.25rem);max-width:570px;margin-bottom:25px}.hero-buttons{display:flex;gap:11px;flex-wrap:wrap}.button{display:inline-flex;gap:10px;align-items:center;justify-content:center;text-align:center;text-decoration:none;border-radius:14px;min-height:49px;padding:11px 19px;border:1px solid transparent;font-weight:800;line-height:1.3;transition:background .2s,transform .2s,color .2s,box-shadow .2s}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px rgba(20,43,55,.13)}.button:disabled{opacity:.48;cursor:not-allowed}.button.primary{background:var(--ink);color:white}.button.primary:not(:disabled):hover{background:#24506a}.button.secondary{background:#e8f2f4;color:var(--ink);border-color:#c5dfe7}.button.tertiary{background:#fff;color:var(--ink);border-color:#d4dcda}.button.small{min-height:39px;padding:8px 13px;font-size:.82rem}.hero-warning{font-size:.84rem;max-width:530px;color:#53636b;margin:23px 0 0;padding-left:13px;border-left:3px solid var(--sand)}.hero-illustration{border:1px solid #cfdcda;background:#fcf8eb;border-radius:26px;box-shadow:var(--shadow);padding:14px;overflow:hidden}.scene-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 13px}.scene-heading .eyebrow{margin:0;font-size:.65rem!important}.era-tag{font-size:.69rem;font-weight:850;white-space:nowrap;padding:6px 10px;border:1px solid #e6d7bb;border-radius:9px;background:#fff7e7;color:#75543f}#world{border:1px solid #e4d9be;border-radius:15px;display:block;overflow:hidden;background:#e6d6a8}.world-part{transition:opacity .8s ease}.world-status{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.world-status div{display:flex;flex-direction:column;background:#fff9ef;border-radius:12px;padding:9px 12px;min-width:0}.world-status span{font-size:.8rem;font-weight:850;line-height:1.25}.world-status small{font-size:.65rem;color:var(--muted);margin-top:3px}
.method{padding:53px 0 80px;border-top:1px solid #e3e7e1}.method h2,.work-heading h2,.archive h2{font:normal clamp(1.9rem,3.1vw,3.3rem)/1.15 Georgia,serif;letter-spacing:-.025em;margin:0 0 26px}.method h2 span{color:var(--river)}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.method-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.method-grid article b{font-weight:950;color:var(--clay);font-size:.78rem}.method-grid h3{font-size:1.04rem;line-height:1.3;margin:13px 0 8px}.method-grid p{font-size:.86rem;color:#586a73;line-height:1.55;margin:0}
.work-section{padding:52px 0 83px;border-top:1px solid #e4e7e1}.work-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:25px}.work-heading h2{margin-bottom:11px}.work-heading p:not(.eyebrow){max-width:660px;color:var(--muted);margin:0}.progress-widget{width:215px;flex-shrink:0;font-size:.75rem;font-weight:780}.progress-track{background:#d7dfd9;height:9px;border-radius:10px;overflow:hidden;margin-top:8px}.progress-track i{height:100%;background:var(--green);display:block;width:0;transition:width .5s ease}
.workspace{display:grid;grid-template-columns:270px minmax(0,1fr);align-items:start;gap:22px}.sidebar{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:23px;position:sticky;top:93px}.sidebar h3{margin:0 0 14px;font:normal 1.4rem Georgia,serif}.sidebar ol{list-style:none;padding:0;margin:0;display:grid;gap:5px}.sidebar li{margin:0}.stage-tab{border:0;background:transparent;text-align:left;width:100%;display:flex;gap:12px;align-items:center;padding:11px 9px;border-radius:12px;color:var(--ink);line-height:1.3}.stage-tab .number{font-size:.68rem;letter-spacing:.03em;font-weight:850;color:#627785;background:#f2f4f0;border:1px solid #e4e7e2;flex:none;display:grid;place-items:center;border-radius:9px;width:34px;height:34px}.stage-tab span:last-child{font-size:.86rem;font-weight:770}.stage-tab.is-active{background:#e8f3f4;color:#174d69}.stage-tab.is-active .number{background:#216a87;border-color:#216a87;color:white}.stage-tab.is-done .number{background:#e6f3e5;color:#2c7251;border-color:#bbd7bd}.stage-tab:hover:not(.is-active){background:#f5f6f1}.notebook-link{border-top:1px solid var(--line);margin-top:17px;padding-top:15px}.notebook-link>b{font-size:.9rem}.notebook-link>span{margin-right:6px;color:var(--clay)}.notebook-link p{color:var(--muted);font-size:.79rem;margin:3px 0 10px}.story-column{min-width:0;display:grid;gap:22px}.story-card,.final-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(22px,4vw,43px);box-shadow:0 9px 30px rgba(15,45,65,.03)}.story-upper,.story-topline,.history-heading,.story-actions,.exam-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.story-upper{padding-bottom:19px;border-bottom:1px solid var(--line)}.story-upper .eyebrow{margin:0}.stage-count{color:var(--muted);font-weight:750;font-size:.78rem;white-space:nowrap}.story-topline{align-items:flex-start;margin-top:20px}.story-topline h3,.final-panel h3{font:normal clamp(2rem,3.5vw,3.1rem)/1.12 Georgia,serif;letter-spacing:-.025em;margin:0}.stamp,.fact-stamp{font-size:.69rem;letter-spacing:.07em;text-transform:uppercase;font-weight:850;color:#915f3e;background:#fff5e9;border:1px solid #eddec8;border-radius:8px;padding:6px 9px;white-space:nowrap}.stage-lead{font-size:1.07rem;color:#455d65;max-width:750px;margin:20px 0 22px}.map-inset{background:#f4f7f6;border:1px solid #d9e2e4;border-radius:17px;padding:15px;margin:0 0 25px}.map-inset img{object-fit:contain;max-height:330px;margin:auto;width:100%}.map-inset figcaption,.map-inset p{font-size:.79rem;line-height:1.5;color:#60717b;margin:8px 0 0;text-align:center}
.scenario-card{padding:26px;border:1px solid #dce8e9;background:linear-gradient(145deg,#f3faf9,#fffdf4);border-radius:18px}.panel-label{display:block;color:#8c6247;letter-spacing:.13em;text-transform:uppercase;font-size:.68rem;font-weight:950;margin-bottom:8px}.scenario-card h4,.history-panel h4,.knowledge-panel h4,.outcome h4{font:normal 1.55rem/1.25 Georgia,serif;margin:0 0 13px}.scenario-card p,.outcome p,.history-panel>p{color:#455966;line-height:1.66}.choices{border:0;margin:21px 0 21px;padding:0;display:grid;gap:11px}.choice{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid #d9e3e3;border-radius:12px;padding:15px 16px;cursor:pointer;font-size:.92rem;line-height:1.5;font-weight:650;transition:.2s}.choice input{accent-color:#1c6079;transform:scale(1.23);margin:4px 5px 0 1px;flex-shrink:0}.choice:hover{border-color:#7daeb8;background:#f4fbfc}.choice:has(input:checked){background:#e6f3f5;border-color:#2e8fb7;box-shadow:0 0 0 1px #2e8fb7}.choice:has(input:disabled){opacity:.78;cursor:default}.choices-compact{margin-top:13px;margin-bottom:16px}.choices-compact .choice{padding:12px 14px;font-size:.88rem}.outcome,.history-panel,.knowledge-panel{margin-top:24px;border-radius:18px;padding:25px;border:1px solid}.outcome{background:#fdf4ea;border-color:#e3cfb8}.outcome .panel-label{color:#99583c}.voice-card{background:#fffaf1;border:1px solid #dfcba8;border-radius:14px;padding:16px 19px;margin:18px 0}.voice-card .panel-label{color:#996e4f}.voice-card blockquote{font:italic 1.06rem/1.65 Georgia,serif;color:#4e4b44;margin:0}.outcome-foot{font-weight:730;border-left:3px solid var(--clay);padding-left:12px;color:#76543d;font-size:.89rem}.history-panel{background:#f7f9fa;border-color:#c9dce4}.history-heading{align-items:flex-start}.history-heading .panel-label{color:#3c758e}.history-panel ul{padding-left:23px;display:grid;gap:10px;color:#334b55}.history-panel li{padding-left:3px}.fact-stamp{background:#e8f1f8;border-color:#cbdce4;color:#275c76}.source-list{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.source-list a{border:1px solid #b6d1db;border-radius:10px;color:#195577;font-size:.79rem;font-weight:780;text-decoration:none;padding:7px 10px;background:#fff}.source-list a:hover{background:#e8f2f6}.caution{font-size:.85rem;padding:13px;background:#fff;border-left:3px solid #e2ba70;border-radius:6px;color:#554c44!important}.knowledge-panel{background:#f7faf6;border-color:#c7ddca}.knowledge-panel .panel-label{color:#4c7755}.knowledge-panel>p{font-size:.99rem;font-weight:730}.feedback{padding:16px;margin-top:16px;border-radius:12px;background:#fff2df;border-left:4px solid #cb8d37;font-size:.9rem}.feedback.success{background:#e8f5eb;border-left-color:#438b67}.story-actions{margin-top:27px;padding-top:20px;border-top:1px solid var(--line)}.story-actions .button{font-size:.85rem;min-height:44px}.final-panel>p:not(.eyebrow){max-width:700px;color:var(--muted)}.exam-head{margin:23px 0;background:#f6f8f4;padding:12px 17px;border-radius:12px;color:var(--muted);font-weight:800;font-size:.85rem}.text-button{border:0;background:transparent;color:#216a85;text-decoration:underline;font-weight:750;font-size:.83rem}.exam-item{background:#fafbf9;border:1px solid #e0e6e4;padding:19px 21px;border-radius:14px;margin:15px 0}.exam-item h4{margin:0 0 5px;font-size:1rem;line-height:1.45}.exam-item .type{font-size:.72rem;color:#a06b49;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.exam-item .choices{margin-bottom:0}.exam-feedback{border-top:1px solid #d4dfda;padding-top:12px;margin-top:14px;color:#57656a;font-size:.88rem}.exam-item.is-right{border-color:#8ab99d;background:#f4fbf4}.exam-item.is-wrong{border-color:#d6b37e;background:#fffaf2}.grade{text-align:center;background:#edf5f2;border-radius:16px;padding:24px;margin-top:18px}.grade strong{font:normal 3.2rem Georgia,serif;color:var(--ink)}.grade p{margin:5px 0 0}.grade .detail{font-size:.85rem;color:#4d6764}.report-tools{border-top:1px solid var(--line);margin-top:25px;padding-top:24px;display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.archive{border-top:1px solid #e1e5df;padding-block:65px 90px}.archive>div:first-child{max-width:750px}.archive h2{margin-bottom:11px}.archive p:not(.eyebrow){color:var(--muted)}.archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:25px}.archive-grid a{display:flex;flex-direction:column;justify-content:space-between;min-height:150px;gap:20px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;text-decoration:none;transition:.2s}.archive-grid a:hover{border-color:#7ab0b9;box-shadow:var(--shadow);transform:translateY(-2px)}.archive-grid a span{font-size:.74rem;color:#5c7480}.archive-grid a strong{font:normal 1.17rem Georgia,serif;color:#23485c}
footer{background:#102b3c;color:#fff}.footer-inner{padding-block:27px;display:flex;justify-content:space-between;gap:15px;align-items:center}.footer-inner div{display:flex;flex-direction:column;gap:2px}.footer-inner span{font-size:.79rem;color:#b6c9d1}.footer-inner a{font-weight:750;font-size:.85rem}
.notebook{border:1px solid #d5dedb;background:#fffcf4;box-shadow:0 30px 100px rgba(12,32,42,.3);border-radius:20px;width:min(610px,calc(100% - 26px));padding:29px;max-height:90vh}.notebook::backdrop{background:rgba(16,43,60,.65)}.notebook form{display:flex;justify-content:flex-end}.close-button{border:0;background:#eff1ea;font-size:1.6rem;width:40px;height:40px;border-radius:50%}.notebook h2{font:normal 2rem Georgia,serif;margin:0}.notebook p:not(.eyebrow){color:#62737b}.notebook label{display:block;margin:18px 0 8px;font-weight:780}.notebook textarea{resize:vertical;width:100%;min-height:150px;padding:13px;border:1px solid #bfcfd2;border-radius:10px;line-height:1.55;background:#fff;color:#223c4b}.notebook-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:15px}.notebook-foot span{font-size:.78rem;color:#6d7a79}
@media(max-width:1100px){.topbar{padding-inline:20px}.topbar nav{gap:15px}.save-pill{display:none}.workspace{grid-template-columns:235px minmax(0,1fr)}.sidebar{padding:15px}.archive-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:840px){.layout{width:min(100% - 34px,750px)}.intro{grid-template-columns:1fr;padding-block:42px 52px}.intro h1{font-size:clamp(3.2rem,10vw,5.3rem)}.method-grid{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:1fr}.sidebar{position:static;padding:14px}.sidebar h3{padding-left:9px}.sidebar ol{display:grid;grid-template-columns:repeat(2,1fr)}.notebook-link{margin:12px 9px 4px}.work-heading{align-items:start}.progress-widget{align-self:center}.topbar nav a:nth-child(3){display:none}}
@media(max-width:560px){.layout{width:calc(100% - 28px)}.topbar{min-height:64px;padding:8px 14px}.brand-gb{height:38px;width:38px}.brand small{font-size:.58rem}.brand strong{font-size:.76rem}.topbar nav{gap:9px}.topbar nav a{font-size:.7rem}.topbar nav a:nth-child(2){display:none}.intro{padding-block:30px 40px}.intro h1{font-size:clamp(2.7rem,12vw,4rem);margin-bottom:16px}.subtitle{font-size:1rem}.hero-buttons .button{font-size:.82rem;min-height:44px;padding:10px 12px}.scene-heading .eyebrow{font-size:.56rem!important}.era-tag{font-size:.61rem}.hero-illustration{padding:9px}.world-status div{padding:8px 5px}.world-status span{font-size:.68rem}.world-status small{font-size:.59rem}.method{padding-block:37px 50px}.method-grid{grid-template-columns:1fr;gap:9px}.method-grid article{padding:16px}.method-grid article h3{margin:5px 0}.method-grid article p{font-size:.81rem}.work-section{padding-block:39px 50px}.work-heading{display:block}.work-heading h2{font-size:2.1rem}.progress-widget{width:100%;margin-top:15px}.sidebar ol{grid-template-columns:1fr 1fr;gap:2px}.sidebar .stage-tab{padding:7px 5px;gap:6px}.sidebar .stage-tab .number{width:27px;height:27px;font-size:.59rem}.sidebar .stage-tab span:last-child{font-size:.71rem}.story-card,.final-panel{padding:19px 14px}.story-topline{gap:8px}.story-topline h3,.final-panel h3{font-size:2rem}.stamp{font-size:.55rem;padding:4px}.stage-lead{font-size:.96rem}.scenario-card,.outcome,.history-panel,.knowledge-panel{padding:18px 14px}.scenario-card h4,.outcome h4,.history-panel h4,.knowledge-panel h4{font-size:1.31rem}.choices{gap:8px}.choice{padding:11px 12px;font-size:.85rem}.story-actions{flex-direction:column-reverse;align-items:stretch}.story-actions .button{width:100%}.archive{padding-block:42px}.archive-grid{grid-template-columns:1fr}.archive-grid a{min-height:105px;gap:8px}.footer-inner{flex-direction:column;align-items:flex-start}.notebook{padding:17px}.report-tools{align-items:stretch;flex-direction:column}.report-tools .button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
@media print{.topbar,.intro,.method,.sidebar,.archive,.hero-buttons,.scenario-card,.story-actions,.report-tools,.notebook,.skip-link,.map-inset,#knowledgePanel,#outcome,#historyPanel{display:none!important}body{background:white;color:black}.layout{width:100%}.workspace{display:block}.story-card,.final-panel{border:0;box-shadow:none;padding:0}.work-section{padding:0}.work-heading{margin:0}.progress-widget{display:none}#finalPanel{display:block!important}.exam-item{break-inside:avoid;border:1px solid #aaa;background:white}.exam-item h4{font-size:11pt}.exam-item .choice{border:0;padding:2px;font-size:10pt}.exam-feedback{font-size:9pt}.grade{background:white;border:1px solid #aaa}a:after{content:""}}