@charset "UTF-8";
:root{--ink:#173945;--muted:#536c76;--teal:#0c6a70;--mint:#a4e7da;--line:#ceddde;--paper:#f4f7f7;--navy:#112f3c;--white:#fff;--amber:#8a5e1e;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.6}
*{box-sizing:border-box}body{margin:0}a{color:var(--teal);text-underline-offset:4px}button,input,select,textarea{font:inherit}button,.button{border:1px solid var(--teal);background:var(--teal);color:white;padding:12px 20px;border-radius:5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;line-height:1.35;transition:background .18s,transform .18s}button:hover,.button:hover{background:#09575c}button:disabled{opacity:.48;cursor:not-allowed}button.secondary,.button.secondary{background:transparent;color:var(--teal);border-color:#98b9bd}.secondary:hover{background:#e7f0f0!important}button.text-button{border:0;background:transparent;color:var(--ink);padding:7px 10px;font-weight:500}button.text-button:hover{background:#e4eeee}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b67b30;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15;letter-spacing:-.025em;font-weight:650}h1{font-size:clamp(36px,5.3vw,66px);margin-bottom:23px}h2{font-size:30px}h3{font-size:21px;margin-bottom:12px}p{margin-bottom:16px}small,.small{font-size:13px}.muted{color:var(--muted)}.eyebrow{font:600 11px/1.5 Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);display:block;margin-bottom:14px}.topbar{height:79px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 5vw;background:#fbfdfdf2;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:22px;font-weight:700;letter-spacing:.13em}.brand-icon{font-size:34px;font-weight:300;color:var(--teal);line-height:1}.brand small{border-left:1px solid var(--line);padding-left:14px;margin-left:6px;letter-spacing:.12em;font-size:9px;font-weight:500}.topbar nav{display:flex;gap:22px;align-items:center;font-size:13px}.topbar nav a{text-decoration:none;color:var(--ink)}.site-footer{display:flex;justify-content:space-between;gap:16px;padding:24px 5vw;color:var(--muted);font-size:11px;border-top:1px solid var(--line)}.skip{position:absolute;left:20px;top:-70px;background:white;padding:10px;z-index:100}.skip:focus{top:10px}.wrap{max-width:1220px;margin:auto;padding:44px 5vw 64px}.narrow{max-width:930px}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:26px}.actions .muted{font-size:13px}.intro{position:relative;min-height:670px;background:var(--navy);color:white;overflow:hidden}.intro:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#102c38fa 4%,#102c38d9 40%,#102c3822 90%),url('assets/agora-panoramica-v2.png') center/cover no-repeat}.intro-copy{position:relative;z-index:2;padding:70px 7vw;max-width:780px}.intro .eyebrow{color:var(--mint)}.intro h1{max-width:630px}.intro-copy>p{font-size:18px;max-width:460px;color:#d8e8e9}.intro .button,.intro button{background:var(--mint);color:var(--navy);border-color:var(--mint)}.intro button.secondary{color:white;border-color:#9fbdc5;background:transparent}.intro-note{font-size:12px!important;margin-top:20px;color:#c2d4d9!important}.city-status{display:flex;gap:26px;margin-top:48px;font-family:Consolas,monospace;font-size:10px;letter-spacing:.06em;color:#b9d2d6}.city-status b{display:block;font-size:16px;color:#fff;font-weight:400;margin-top:4px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--mint);border-radius:50%;margin-right:8px}.intro-video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;background:#0c202a;z-index:1;display:none}.intro.playing{height:min(72vw,740px);min-height:400px}.intro.playing:before,.intro.playing .intro-copy{display:none}.intro.playing video{display:block}.video-skip{position:absolute;right:25px;top:20px;z-index:3;display:none}.intro.playing .video-skip{display:block}.overview-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:30px 7vw;background:#e7efef}.overview-strip small{display:block;color:var(--teal);font-size:10px;letter-spacing:.12em;margin-bottom:6px}.overview-strip p{font-size:14px;margin:0}.path{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:11px;color:var(--muted);margin-bottom:30px}.path span{padding:5px 10px;border:1px solid transparent;border-radius:3px}.path span.active{border-color:var(--teal);color:var(--teal);background:#e0eeee}.path span.done{color:var(--teal)}.scene-layout{display:grid;grid-template-columns:1fr 300px;gap:38px}.scene{background:white;border:1px solid var(--line);border-radius:8px;padding:36px;box-shadow:0 8px 30px #17394505}.scene h1{font-size:clamp(30px,4vw,45px)}.scene p{font-size:17px}.scene p.small{font-size:13px}.scene .actions{margin-top:29px}.scene-count{font:12px Consolas,monospace;color:var(--muted)}.sidenote{align-self:start;border-top:2px solid var(--teal);padding:20px 0}.sidenote p{font-size:14px}.sidenote h3{font-size:18px}.portrait{width:100%;display:block;aspect-ratio:1;object-fit:cover;border-radius:6px}.portrait-frame{background:var(--navy);border-radius:6px;overflow:hidden;color:white}.portrait-frame .portrait{border-radius:0}.portrait-caption{padding:18px 22px}.portrait-caption .eyebrow{color:var(--mint);margin-bottom:7px}.portrait-caption p{font-size:13px;margin:0;color:#c6dce1}.quote{border-left:3px solid var(--teal);padding:3px 0 3px 22px;margin:24px 0;font-size:20px;line-height:1.55}.person-mark{width:70px;height:70px;border:1px solid var(--teal);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:40px;background:#e7f1f1;color:var(--teal);margin-bottom:23px}.choice-list{display:grid;gap:10px;margin-top:25px}.choice-list button{justify-content:flex-start;text-align:left;background:#f2f7f7;border-color:var(--line);color:var(--ink);padding:17px 20px;font-weight:500}.choice-list button:hover{background:#e1eeee}.choice-list button.chosen{border-color:var(--teal);box-shadow:inset 4px 0 var(--teal)}.choice-list button.correct{background:#e1f1e7;border-color:#35744e}.choice-list button.wrong{background:#fff2e4;border-color:#b9823d}.feedback{padding:20px 24px;background:#e8f3f0;border-left:3px solid var(--teal);margin:20px 0}.feedback p:last-child{margin-bottom:0}.notice{padding:18px 22px;background:#edf3f3;border:1px solid var(--line);font-size:14px;margin:20px 0;border-radius:5px}.notice.warm{background:#fff7ea;border-color:#dfc99e}.tag{display:inline-block;font:11px/1.5 Consolas,monospace;letter-spacing:.03em;background:#e4efef;color:var(--teal);padding:5px 8px;border-radius:3px;margin:0 5px 5px 0}.tag.gray{color:var(--muted);background:#e8ecee}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:25px 0}.card{background:white;border:1px solid var(--line);border-radius:7px;padding:26px}.card p{font-size:14px}.card .eyebrow{margin-bottom:10px}.card h3{font-size:22px}.card.locked{background:#eff3f3;color:var(--muted)}.card .button{padding:10px 14px;font-size:14px}.card-num{font:14px Consolas,monospace;color:var(--teal);margin-bottom:20px}.lead{font-size:19px;max-width:760px;color:var(--muted)}.goalbar{background:var(--navy);color:#e2f0f1;padding:19px 25px;border-radius:6px;font-size:15px;margin:26px 0}.goalbar b{color:var(--mint)}.download-card{display:flex;gap:24px;align-items:center;background:var(--navy);color:white;padding:28px;border-radius:7px;margin:24px 0}.download-card p{color:#c5dadd;font-size:14px;margin-bottom:0}.download-card .button{white-space:nowrap;background:var(--mint);color:var(--navy);border:0}.download-card h3{margin-bottom:8px}.steps{counter-reset:step;list-style:none;padding:0}.steps li{position:relative;padding:0 0 20px 43px;counter-increment:step}.steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:1px;color:var(--teal);font:13px Consolas,monospace}.steps li p{font-size:14px;margin:4px 0 0}.paper-preview{background:white;padding:32px;border:1px solid var(--line);border-top:4px solid var(--teal);margin:25px 0}.paper-preview h3{font-size:22px}.paper-preview p{font-size:15px}.case{padding:20px 0;border-top:1px solid var(--line)}.case h3{font-size:17px}.case p{margin-bottom:12px}.write-line{height:24px;border-bottom:1px solid var(--line)}details{border:1px solid var(--line);background:white;border-radius:5px;margin:12px 0}summary{padding:17px 22px;font-weight:600;cursor:pointer}details>div{padding:0 22px 22px}details p{font-size:15px}.myth{font-family:Georgia,serif;line-height:1.85;font-size:17px;background:#edf4f4;padding:25px;border-radius:4px}.rail{height:5px;background:#d9e4e5;border-radius:10px;margin:15px 0 25px;overflow:hidden}.rail span{display:block;height:100%;background:var(--teal);transition:width .25s}.concepts{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.concept{padding:23px;background:white;border:1px solid var(--line);border-radius:5px}.concept p{font-size:14px;margin:0}.concept h3{font-size:18px}.field{display:block;margin:20px 0;font-weight:600;font-size:15px}.field small{display:block;font-weight:400;color:var(--muted);margin:3px 0 8px}.field input,.field textarea,.field select{display:block;width:100%;border:1px solid #93b0b5;border-radius:4px;background:white;padding:12px;color:var(--ink);font-weight:400}.field textarea{min-height:108px;resize:vertical}.field input{max-width:500px}.evidence{border-left:3px solid #8db7bc;padding:4px 0 4px 18px;margin:20px 0}.evidence p{margin-bottom:0}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-top .eyebrow{margin:0}dialog{color:var(--ink);background:#f7fafa;border:1px solid var(--line);border-radius:10px;max-width:760px;width:calc(100% - 36px);padding:30px;max-height:90vh}dialog::backdrop{background:#0b253cb8;backdrop-filter:blur(4px)}dialog h2{font-size:26px}dialog .card{padding:22px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:14px 23px;border-radius:5px;z-index:99;max-width:90vw;display:none}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.review-grid .card{margin:0}.divider{border:0;border-top:1px solid var(--line);margin:26px 0}.source-note{font-size:11px!important;color:var(--muted);margin-top:30px}#print-area{display:none}.big-index{font:60px Georgia,serif;color:#a1c3c8;line-height:1}.wide-image{width:100%;max-height:260px;object-fit:cover;object-position:center 45%;border-radius:7px;margin:15px 0 25px}.quiet-list{padding-left:20px}.quiet-list li{margin-bottom:10px}body:has(dialog[open]){overflow:hidden}
@media(min-width:1300px){.wrap{padding-left:25px;padding-right:25px}.intro-copy{padding-left:max(7vw,calc((100vw - 1120px)/2))}}
@media(max-width:900px){.brand small{display:none}.scene-layout{grid-template-columns:1fr 230px;gap:24px}.scene{padding:28px}.topbar{padding:0 25px}.topbar nav{gap:12px}.intro-copy{padding:55px 6vw}.intro:before{background:linear-gradient(90deg,#102c38ed 8%,#102c38b0 60%,#102c3859),url('assets/agora-panoramica-v2.png') center/cover no-repeat}.intro{min-height:630px}.overview-strip{padding:25px 6vw}.wrap{padding:32px 5vw 45px}}
@media(max-width:720px){.scene-layout{grid-template-columns:1fr}.scene-layout .portrait-frame{display:grid;grid-template-columns:140px 1fr;order:-1}.portrait-frame .portrait{width:140px;height:140px}.portrait-caption{align-self:center}.scene-layout .sidenote{border:1px solid var(--line);padding:20px;background:#ebf2f2}.scene-layout .sidenote .portrait{display:none}.cards,.review-grid{grid-template-columns:1fr 1fr}.scene h1{font-size:36px}.scene p{font-size:16px}.download-card{flex-direction:column;align-items:flex-start}.site-footer{flex-direction:column;gap:4px}.overview-strip{grid-template-columns:1fr;gap:16px}.overview-strip>div{display:grid;grid-template-columns:105px 1fr;gap:12px}.intro h1{font-size:49px}.intro-copy{padding-top:48px;padding-bottom:43px}.city-status{margin-top:38px;gap:22px}.intro{min-height:630px}.topbar nav{font-size:12px}.brand{font-size:19px}.topbar{height:70px;padding:0 20px}.topbar nav{gap:6px}.topbar nav button{font-size:12px}.scene{padding:26px}.intro.playing{min-height:380px}}
@media(max-width:480px){.brand{letter-spacing:.05em;font-size:16px;gap:5px}.brand-icon{font-size:28px}.topbar{padding:0 14px}.topbar nav{gap:2px}.topbar nav a{padding:5px}.cards,.concepts,.review-grid{grid-template-columns:1fr}.scene{padding:22px}.wrap{padding:25px 18px 40px}.intro h1{font-size:40px}.intro-copy>p{font-size:17px}.intro-copy{padding:46px 24px}.intro .actions{align-items:stretch;flex-direction:column}.city-status{gap:18px}.city-status b{font-size:13px}.scene-layout .portrait-frame{grid-template-columns:110px 1fr}.portrait-frame .portrait{width:110px;height:130px}.portrait-caption{padding:14px}.portrait-caption p{font-size:12px}.path{gap:1px}.path span{padding:4px 6px;font-size:10px}.paper-preview{padding:22px}.download-card{padding:23px}h1{font-size:35px}.intro.playing{min-height:300px}.video-skip{top:12px;right:12px;font-size:12px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{body>*{display:none!important}#print-area{display:block!important;background:white;color:black;font-size:11pt;padding:0}#print-area h1{font-size:24pt}#print-area h2{font-size:15pt;margin-top:18pt}#print-area p{white-space:pre-wrap;overflow-wrap:anywhere}#print-area .print-block{break-inside:avoid;border-bottom:1px solid #bbb;margin-bottom:14pt;padding-bottom:8pt}#print-area .small{font-size:9pt}@page{size:A4;margin:18mm}}

.document-cover{display:block;width:100%;height:255px;object-fit:contain;background:#e7efef;padding:10px;border:1px solid var(--line);margin:10px 0 22px;border-radius:4px}

.scene-layout .socrates-frame{align-self:start}.socrates-frame .portrait{height:auto;aspect-ratio:3/4;object-fit:cover;object-position:top}

.scene-layout .socrates-frame{display:block}.socrates-video{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain;background:#102f3b}
.socrates-video{aspect-ratio:16/9;max-height:none}

.scene-layout .nomos-video-frame{display:block;align-self:start}.nomos-video{display:block;width:100%;height:auto;object-fit:contain;background:#102f3b}

.video-scene-wrap{max-width:1140px}.video-scene .portrait-frame{display:block;margin:28px 0 32px;overflow:hidden}.video-scene video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;max-height:none}.video-scene .portrait-caption{padding:16px 22px}.video-scene .portrait-caption p{margin:6px 0 0}.video-scene>p,.video-scene>.notice,.video-scene>.choice-list,.video-scene>.feedback{max-width:850px}

#socrates-response-video{margin:18px 0;width:100%;aspect-ratio:16/9;background:#102c38;border-radius:5px}.video-scene>.feedback{max-width:none}

.mission-index{display:grid;gap:9px;margin:22px 0}.mission-index button{justify-content:flex-start;text-align:left}#index-dialog{max-height:85vh;overflow:auto;width:min(680px,94vw)}@media(max-width:600px){.topbar{height:auto;min-height:70px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.topbar nav{flex-wrap:wrap}}

.m2-nav{margin:0 0 26px}.m2-nav .button{font-size:13px}.m2-portrait{display:grid;grid-template-columns:210px 1fr;gap:28px;margin-bottom:26px}.m2-portrait img{width:100%;border-radius:6px}.m2-results{max-height:350px;overflow:auto}.m2-results p{padding:12px;border-bottom:1px solid var(--line)}@media(max-width:650px){.m2-portrait{grid-template-columns:1fr}.m2-portrait img{max-width:240px}}

.m2-lab{padding:25px;background:#edf4f4;border-left:3px solid var(--teal);margin:28px 0}.m2-checks{display:grid;gap:12px}.m2-checks>div{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}.origin-record{padding:28px;background:var(--navy);color:#e4f4f4;border:1px solid #68abb1;border-radius:6px;margin:28px 0}.origin-record .eyebrow{color:var(--mint)}.origin-record p{font-family:Consolas,monospace;font-size:16px}.m2-lab .choice-list button{min-height:64px}@media(max-width:520px){.m2-checks>div{align-items:stretch;flex-direction:column}}

.secret-file{margin:30px 0;border:1px solid #87a9ad;border-radius:6px;overflow:hidden}.secret-file>summary{cursor:pointer;padding:18px 24px;background:#163d48;color:white;font-weight:700;font-size:19px}.secret-file>summary:focus-visible{outline:3px solid #25adb0;outline-offset:-4px}.secret-sheet{padding:28px;background:#f8faf9;color:#173b49}.secret-heading{padding:24px;background:#173b49;color:#fff;border-left:4px solid #80d7d7}.secret-heading .eyebrow{color:#80d7d7}.secret-heading h2{color:white;margin:10px 0}.secret-heading p,.secret-code{font-family:Consolas,monospace;font-size:14px}.secret-sheet section{padding:18px 0;border-bottom:1px solid #b8ced0}.secret-discovery{border-left:4px solid #157781;padding:20px!important;background:#e8f2f2}.secret-discovery h3{font-size:30px}.redacted{background:#173b49;color:transparent;user-select:none;display:inline-block;padding:0 16px}.secret-sheet .small{margin-top:20px}@media(max-width:600px){.secret-sheet{padding:16px}.secret-heading{padding:18px}.secret-discovery h3{font-size:24px}}

.paper-code{max-width:1080px;margin:24px auto 0;padding:12px 18px;border-left:3px solid var(--teal);background:#e7f1f1;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px}.paper-code strong{white-space:nowrap}.paper-code span{color:var(--muted)}.index-section{padding:13px 0;border-bottom:1px solid var(--line)}.index-section:last-child{border-bottom:0}.index-section h3{font-size:16px;margin:0 0 10px}.index-links{display:flex;gap:8px;flex-wrap:wrap}.index-links button{font-size:13px;padding:9px 12px;text-align:left}.index-links [aria-current=page]{background:var(--navy);color:white}.class-index>details>summary,.teacher-mission>summary{background:#e6f1f1;font-size:18px}.class-index>details>div{padding-top:6px}.resume-class{margin-bottom:14px}#teacher-dialog{width:min(900px,94vw);max-width:900px;overflow:auto}.teacher-files{padding:20px 0;border-bottom:1px solid var(--line)}.teacher-files:last-child{border-bottom:0}.teacher-files h3{font-size:19px}.teacher-files .button{font-size:14px}.teacher-controls>summary{font-size:16px}.print-plan{width:100%;border-collapse:collapse;margin-top:20px;font-size:14px}.print-plan th,.print-plan td{border-bottom:1px solid var(--line);padding:10px;text-align:left}.teacher-files .actions{margin:12px 0}@media(max-width:600px){.paper-code{margin:16px}.index-links{display:grid}.print-plan th,.print-plan td{padding:8px 4px}}

.bridge-video{margin:26px 0 30px}.bridge-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#173b49;border-radius:6px}.bridge-video figcaption{font-size:14px;color:var(--muted);margin-top:10px}

/* Reading aids for the classroom investigation. */
.investigation-focus,.investigation-next{padding:24px 28px;margin:28px 0;border-left:3px solid var(--teal,#167983);background:rgba(190,224,225,.17);border-radius:0 12px 12px 0}
.investigation-focus h2{margin:12px 0;font-size:clamp(23px,2.8vw,32px)}
.investigation-next strong{display:block;font-size:19px}
.lab-instructions ol{padding-left:24px;line-height:1.7}
.lab-instructions li{padding:7px 0}
.argument-help{margin:22px 0}
.argument-help p{margin:12px 0}

@media(min-width:1300px){.intro-copy{padding-left:7vw;margin-left:max(0px,calc((100vw - 1120px)/2 - 7vw))}}