:root{--bg:#f5efe5;--paper:#fffaf2;--ink:#211f1b;--muted:#6d6258;--line:#dfd0bd;--accent:#7b3f2d;--accent2:#2f6052;--accent3:#b1842f;--violet:#684a7c;--soft:#efe1cf;--soft2:#e7f0ed;--danger:#8c3b2f;--good:#386641;--amber:#f6e6c7;--shadow:0 18px 45px rgba(48,34,20,.13);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 0% 0%,#fff8eb 0,#f5efe5 42%,#ebdfcf);color:var(--ink);line-height:1.55}header{position:sticky;top:0;z-index:20;background:#fffaf2f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.top{max-width:none;margin:0 auto;padding:14px 28px;display:flex;gap:16px;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;min-width:275px}.logo{width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;display:grid;place-items:center;font-weight:950;box-shadow:var(--shadow)}h1{margin:0;font-size:1.12rem}.subtitle{font-size:.84rem;color:var(--muted);margin-top:2px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.progressMeta{display:flex;flex-direction:column;gap:2px;min-width:150px}.saveStatus{font-size:.74rem;color:var(--muted)}.sidebarTop{display:flex;justify-content:flex-end;margin-bottom:8px}.navToggle{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border-radius:10px;font-size:1.1rem;font-weight:900}.progressWrap{width:190px;height:10px;border-radius:999px;background:#e7dac8;overflow:hidden;border:1px solid var(--line)}.progressBar{height:100%;width:0;background:linear-gradient(90deg,var(--accent2),var(--accent3));transition:.3s}.progressText{font-size:.78rem;color:var(--muted);min-width:90px}.shell{max-width:none;margin:0;padding:18px 28px 80px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;transition:grid-template-columns .22s ease,padding .22s ease}.sidebar{position:sticky;top:82px;align-self:start;background:#fffaf2e0;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px;transition:width .22s ease,padding .22s ease}.navbtn{width:100%;border:0;background:transparent;text-align:left;padding:11px 13px;border-radius:14px;margin:3px 0;cursor:pointer;font-weight:800;color:var(--ink);display:flex;justify-content:space-between;gap:8px}.navbtn:hover{background:#f1e5d3}.navbtn.active{background:var(--accent2);color:#fff}.navtiny{font-size:.75rem;opacity:.8}.small{font-size:.84rem;color:var(--muted)}.content{min-width:0;max-width:none}.section{display:none}.section.active{display:block;animation:fade .18s ease}@keyframes fade{0%{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:none}}body.sidebar-collapsed .shell{grid-template-columns:64px minmax(0,1fr);padding-left:18px;padding-right:18px}body.sidebar-collapsed .sidebar{padding:8px}body.sidebar-collapsed .sidebarTop{justify-content:center;margin-bottom:6px}body.sidebar-collapsed .navbtn{justify-content:center;padding:12px 8px}body.sidebar-collapsed .navbtn .navtiny{display:none}body.sidebar-collapsed .navbtn{font-size:0}body.sidebar-collapsed .navbtn:before{font-size:.92rem;font-weight:900;font-family:var(--font-heading);letter-spacing:.02em}body.sidebar-collapsed .navbtn:nth-child(2):before{content:"Home"}body.sidebar-collapsed .navbtn:nth-child(3):before{content:"Map"}body.sidebar-collapsed .navbtn:nth-child(4):before{content:"Units"}body.sidebar-collapsed .navbtn:nth-child(5):before{content:"Vault"}body.sidebar-collapsed .navbtn:nth-child(6):before{content:"Bench"}body.sidebar-collapsed .navbtn:nth-child(7):before{content:"AI"}body.sidebar-collapsed .navbtn:nth-child(8):before{content:"Save"}body.sidebar-collapsed .sidebar .callout{display:none}.card{background:#fffaf2f0;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;margin-bottom:18px}.hero{background:linear-gradient(135deg,#fffaf2,#f0dfc4 62%,#e5f0ed);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-90px;top:-100px;width:280px;height:280px;border-radius:50%;background:#2f60521a}.hero>*{position:relative}h2{margin:0 0 10px;font-size:2rem;line-height:1.08}h3{margin:16px 0 8px}h4{margin:12px 0 6px}.lead{font-size:1.05rem;color:#403a33;max-width:950px}.kicker{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:950}.grid{display:grid;gap:16px}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid4{grid-template-columns:repeat(4,minmax(0,1fr))}.mini{border:1px solid var(--line);background:#fffdf8;border-radius:18px;padding:16px}.mini.interactive{cursor:pointer;transition:.15s}.mini.interactive:hover{transform:translateY(-2px);box-shadow:0 10px 25px #3022141f}.selected{outline:3px solid rgba(47,96,82,.18);border-color:var(--accent2)!important}.pill{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 9px;margin:3px;font-size:.78rem;font-weight:800;color:#5b4632}.pill.green{background:#e7f0ed;color:#21483d}.pill.gold{background:#fbefd8;color:#6a4310}.pill.violet{background:#f1e8f4;color:#5e286d}.callout{border-left:5px solid var(--accent2);background:#edf6f2;padding:13px 15px;border-radius:12px;margin:12px 0}.warn{border-left-color:var(--accent3);background:#fff4df}.dangerbox{border-left-color:var(--danger);background:#fff1ed}.step{display:flex;gap:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fffdf8;margin:10px 0}.num{width:34px;height:34px;border-radius:50%;background:var(--accent2);color:#fff;display:grid;place-items:center;font-weight:950;flex:0 0 34px}.tabs,.chips{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 16px}.tab,.chip,button,.btn{border:1px solid var(--line);background:#fffdf8;color:var(--ink);border-radius:999px;padding:9px 12px;cursor:pointer;font-weight:850;font:inherit;text-decoration:none}.tab.active,.chip.active,button.primary,.btn.primary{background:var(--accent2);color:#fff;border-color:var(--accent2)}button.accent{background:var(--accent);color:#fff;border-color:var(--accent)}button.gold{background:var(--accent3);color:#fff;border-color:var(--accent3)}button.danger{background:var(--danger);color:#fff;border-color:var(--danger)}button:hover,.btn:hover{box-shadow:0 8px 18px #3022141f}label{display:block;font-weight:900;margin:12px 0 5px;color:#3c342d}textarea,input,select{width:100%;border:1px solid var(--line);background:#fffdf8;border-radius:14px;padding:11px;font:inherit;color:var(--ink)}textarea{min-height:105px;resize:vertical}.noteRow{border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px;margin:10px 0}.noteMeta{font-size:.78rem;color:var(--muted);display:flex;gap:6px;flex-wrap:wrap}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}.table th,.table td{border:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}.table th{background:#f1e5d3}.vaultControls{display:grid;grid-template-columns:1fr 180px 180px;gap:10px}.conceptGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.conceptCard{border:1px solid var(--line);background:#fffdf8;border-radius:18px;padding:15px;cursor:pointer}.conceptCard:hover{border-color:var(--accent2)}.term{font-weight:950;color:var(--accent);font-size:1.03rem}.drawer{display:none;margin-top:10px;border-top:1px dashed var(--line);padding-top:10px}.conceptCard.open .drawer{display:block}.checkrow{display:flex;gap:10px;align-items:flex-start;margin:8px 0}.checkrow input{width:auto;margin-top:4px}.meter{height:9px;background:#eadcc9;border-radius:999px;overflow:hidden}.meter span{display:block;height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent3));width:0}.workbenchLayout{display:grid;grid-template-columns:260px 1fr;gap:16px}.stageNav{background:#fffdf8;border:1px solid var(--line);border-radius:18px;padding:10px;align-self:start;position:sticky;top:92px}.stageBtn{display:block;width:100%;text-align:left;border-radius:12px;border:0;background:transparent;padding:10px;font-weight:900}.stageBtn.active{background:var(--soft2);color:var(--accent2)}.stagePanel{display:none}.stagePanel.active{display:block}.fieldGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.synthesis{background:#2b241c;color:#fff8ea;border-radius:16px;padding:14px;white-space:pre-wrap}.rubric{display:grid;gap:8px}.rubricItem{border:1px solid var(--line);border-radius:14px;background:#fff;padding:12px}.rating{display:flex;gap:6px;flex-wrap:wrap}.rating button{font-size:.78rem;padding:6px 8px}.rating button.active{background:var(--accent2);color:#fff}.exportBox{min-height:300px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem}.footer{text-align:center;font-size:.82rem;color:var(--muted);margin-top:30px}.flipGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.flipCard{perspective:1200px;min-height:330px}.flipInner{position:relative;width:100%;min-height:330px;transition:transform .55s;transform-style:preserve-3d}.flipCard.flipped .flipInner{transform:rotateY(180deg)}.flipFront,.flipBack{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border:1px solid var(--line);border-radius:20px;background:#fffdf8;padding:16px;box-shadow:0 8px 20px #30221414;overflow:auto}.flipBack{transform:rotateY(180deg);background:linear-gradient(135deg,#fffdf8,#edf6f2)}.flipHint{font-size:.78rem;color:var(--muted);margin-top:8px}.compactTerm{border:1px solid var(--line);border-radius:14px;background:#fff;padding:11px;margin:8px 0}.compactTerm summary{cursor:pointer;font-weight:950;color:var(--accent)}.readingSupportGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.termCount{font-size:.78rem;color:var(--muted);font-weight:800}.reverseLabel{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent2);font-weight:950}.quoteBlock{border-left:4px solid var(--accent);background:#fff;padding:10px 12px;border-radius:10px;margin:8px 0}.noFlipCard{border:1px solid var(--line);border-radius:16px;background:#fffdf8;padding:13px;margin:9px 0}.publicationList{max-height:450px;overflow:auto;border:1px solid var(--line);border-radius:16px;background:#fff;padding:10px}.publicationBtn{width:100%;text-align:left;border-radius:12px;margin:4px 0;background:#fffdf8}.publicationBtn.active{background:var(--accent2);color:#fff;border-color:var(--accent2)}@media (max-width:960px){.readingSupportGrid{grid-template-columns:1fr}}@media (max-width:960px){.sidebarTop{display:none}.shell,body.sidebar-collapsed .shell{grid-template-columns:1fr;padding-left:14px;padding-right:14px}.sidebar,.stageNav{position:static}.grid2,.grid3,.grid4,.fieldGrid,.workbenchLayout,.vaultControls{grid-template-columns:1fr}.top{flex-wrap:wrap;padding-left:14px;padding-right:14px}.progressWrap{width:140px}}@media print{header,.sidebar,.stageNav,button,.btn,.tabs,.chips{display:none!important}.shell{display:block}.section{display:block!important}.card{box-shadow:none;break-inside:avoid}body{background:#fff}}:root{--bg:#F3F0EA;--paper:#FCFAF5;--ink:#202124;--muted:#66706A;--line:#D6D0C4;--accent:#264653;--accent2:#2F6052;--accent3:#C07A2D;--violet:#5B5566;--soft:#E8ECE8;--soft2:#EEF2EF;--danger:#7A2E2E;--good:#386641;--amber:#F1D7A6;--brick:#8A5A44;--concrete:#F3F0EA;--archive:#FCFAF5;--shadow:0 14px 34px rgba(32,33,36,.1);--radius:16px;--font-heading:"IBM Plex Sans Condensed","Barlow Condensed","Arial Narrow",Inter,system-ui,sans-serif;--font-body:"IBM Plex Sans",Inter,Source Sans 3,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace}body{font-family:var(--font-body);background:linear-gradient(rgba(38,70,83,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(38,70,83,.035) 1px,transparent 1px),radial-gradient(circle at 12% 5%,rgba(192,122,45,.1),transparent 30%),radial-gradient(circle at 90% 12%,rgba(47,96,82,.1),transparent 28%),var(--bg);background-size:34px 34px,34px 34px,auto,auto,auto}header{background:#fcfaf5f0;border-bottom:1px solid var(--line)}.logo{border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--brick));box-shadow:none;letter-spacing:.03em}h1,h2,h3,h4,.kicker,.navbtn,.stageBtn,label,.term{font-family:var(--font-heading);letter-spacing:.01em}h1{font-size:1.22rem;text-transform:uppercase;letter-spacing:.04em}.subtitle{font-family:var(--font-mono);font-size:.76rem}h2{font-size:2.15rem}.kicker{color:var(--accent);letter-spacing:.16em}.lead{color:#363d3a}.sidebar,.card,.mini,.noteRow,.conceptCard,.flipFront,.flipBack,.compactTerm,.noFlipCard,.publicationList,.stageNav,.rubricItem{border-radius:var(--radius);box-shadow:var(--shadow);background:#fcfaf5f5}.card,.mini,.noteRow,.conceptCard,.flipFront,.flipBack,.compactTerm,.noFlipCard,.publicationList,.stageNav,.rubricItem{border-color:var(--line)}.hero{background:linear-gradient(135deg,#fcfaf5fa,#e8ece8f5 60%,#f1d7a68c);border-left:5px solid var(--accent)}.hero:after{border-radius:0;background:linear-gradient(135deg,#26465314,#7a2e2e0d);transform:rotate(12deg)}.navbtn{border-radius:10px}.navbtn:hover{background:var(--soft)}.navbtn.active{background:var(--accent);color:#fff}.navtiny{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em}.pill{font-family:var(--font-mono);border-radius:7px;background:#fff;color:#3d463f}.pill.green{background:#e4eee8;color:#20483f}.pill.gold{background:#f7e5bd;color:#6a4310}.pill.violet{background:#ece8f0;color:#51475c}.callout{background:#eef4f1;border-left-color:var(--accent);border-radius:10px}.warn{background:#fff5dd;border-left-color:var(--accent3)}.dangerbox{background:#fff1ed;border-left-color:var(--danger)}.num{border-radius:9px;background:var(--accent);font-family:var(--font-mono)}.tab,.chip,button,.btn{border-radius:9px}.tab.active,.chip.active,button.primary,.btn.primary{background:var(--accent);border-color:var(--accent)}button.accent{background:var(--brick);border-color:var(--brick)}button.gold{background:var(--accent3);border-color:var(--accent3)}button.danger{background:var(--danger);border-color:var(--danger)}textarea,input,select{border-radius:9px;background:#fffefb}.table th{background:var(--soft)}.synthesis{font-family:var(--font-mono);background:#232827;border-left:5px solid var(--accent3)}.reverseLabel,.noteMeta,.termCount{font-family:var(--font-mono)}.arcConnector{display:grid;grid-template-columns:42px 1fr;gap:14px;margin:-4px 0 14px 18px;color:var(--muted)}.arcConnector .line{width:2px;background:linear-gradient(var(--line),var(--accent3));justify-self:center;min-height:54px}.arcConnector .carry{border:1px dashed var(--line);background:#fcfaf5db;border-radius:12px;padding:12px 14px}.arcCard{border-left:5px solid var(--accent);position:relative}.arcCard.problem{border-left-color:var(--danger)}.arcCard.practice{border-left-color:var(--accent3)}.arcGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.arcBox{border:1px solid var(--line);background:#fff;border-radius:12px;padding:13px}.arcBox h4{margin-top:0;color:var(--accent)}.routeStrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.routeCard{border-top:4px solid var(--accent);background:#fff}.routeCard:nth-child(2){border-top-color:var(--accent2)}.routeCard:nth-child(3){border-top-color:var(--danger)}@media (max-width:960px){.arcGrid,.routeStrip{grid-template-columns:1fr}}.unitScaffold{border-left:4px solid var(--accent2);background:#fff;border-radius:13px;padding:13px;margin:10px 0}.registerGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.registerCard{border-top:4px solid var(--accent);background:#fff}.registerCard:nth-child(2){border-top-color:var(--accent3)}.registerCard:nth-child(3){border-top-color:var(--accent2)}.activityBlock{border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px;margin:14px 0}.gatedStep{border:1px solid var(--line);border-radius:14px;padding:12px;margin:10px 0;background:var(--paper);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.gatedStep.locked{opacity:.72}.gatedStep.engaged{background:#e7f0ed;border-color:#2f6052;box-shadow:0 0 0 3px #2f60521a}.gatedStep.engaged>p:first-child strong:after{content:"  ✓ response captured";font-family:var(--font-mono);font-size:.72rem;color:#2f6052;font-weight:900}.gatedStep textarea{min-height:72px}.gatedStep .checkrow{background:transparent;border:0;padding-left:0}.themePracticeCard{border-top:4px solid var(--accent2)}.themeReadingRow{border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px;margin:10px 0;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.themeReadingRow.engaged{background:#e7f0ed;border-color:#2f6052;box-shadow:0 0 0 3px #2f60521a}.themeReadingRow.engaged summary:after{content:"  ✓ response added";font-family:var(--font-mono);font-size:.72rem;color:#2f6052;font-weight:900}.themeReadingRow summary{font-weight:800;color:var(--accent2);cursor:pointer}.problematicGate{border:2px dashed var(--danger);background:#fff8f4}.problematicGate.locked{border-color:var(--line);background:#f4f2ed;color:var(--muted)}.exampleBox{background:var(--soft);border-left:4px solid var(--accent3);padding:10px;border-radius:10px}.positionalThemeRow{border-left:4px solid var(--accent3)}.progressTable td,.progressTable th{font-size:.88rem}.completionPill{font-family:var(--font-mono);font-size:.75rem;border-radius:999px;padding:4px 8px;background:var(--soft);display:inline-block}.completionPill.done{background:#dcefe8;color:#1f5a45}.completionPill.todo{background:#f3dfd8;color:#7a2e2e}.artifactProvenance{border-left:4px solid var(--accent3);background:#fff8ed;border-radius:10px;padding:9px 11px;margin:8px 0}.artifactProvenance strong{color:var(--accent)}.feedMap{border-left:4px solid var(--accent2);background:#eef6f2;border-radius:10px;padding:10px 12px;margin:10px 0}.feedMap .pill{margin-top:6px}.candidateTray{border-left:4px solid var(--accent);background:#f7fbf8;border-radius:12px;padding:12px;margin:12px 0}.candidateTable textarea{min-height:72px}.candidateMini{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px;margin:10px 0}.fieldFeedLabel{font-family:var(--font-mono);font-size:.72rem;color:var(--accent2);font-weight:900;text-transform:uppercase;letter-spacing:.04em}.subfieldGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.subfieldGrid .wide{grid-column:1/-1}@media (max-width:960px){.registerGrid,.subfieldGrid{grid-template-columns:1fr}}.unitWorkspaceTabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}.unitWorkspaceTabs .tab{position:relative;border-width:2px}.unitWorkspaceTabs .tab.todo{background:#fffdf8;border-color:var(--line);color:var(--ink)}.unitWorkspaceTabs .tab.progress{background:#fff5dd;border-color:var(--accent3);color:#6a4310}.unitWorkspaceTabs .tab.done{background:#e7f0ed;border-color:var(--accent2);color:#21483d}.unitWorkspaceTabs .tab.active,.unitWorkspaceTabs .tab.done.active,.unitWorkspaceTabs .tab.progress.active{background:var(--accent);border-color:var(--accent);color:#fff}.unitTabStatus{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;margin-left:6px;opacity:.85}.unitArcThree{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr);gap:14px}.unitArcThree .mini{height:100%}.unitReadingShell .card{box-shadow:none}.activityInstructionList{border:1px solid var(--line);border-radius:14px;background:#fffdf8;padding:12px;margin:12px 0}.activityInstructionList ol{margin:8px 0 0 20px}.activityInstructionList li{margin:6px 0}.activityInstructionList .practiceStep{border-left:4px solid var(--accent2);padding-left:8px}.activityInstructionList .generalStep{border-left:4px solid var(--accent3);padding-left:8px}.unitReadingShell .card.hero{display:none}.unitReadingShell .grid2{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}@media (max-width:960px){.unitArcThree,.unitReadingShell .grid2{grid-template-columns:1fr}}
