:root{--paper:#f2efe5;--paper-deep:#e6e0d1;--ink:#17201d;--muted:#66706a;--line:#c8c1b2;--signal:#f05a28;--signal-dark:#b7340f;--mint:#b7e5d2;--yellow:#f0d46c;--blue:#8ab8d8;--white:#fffdf7;--shadow:0 12px 34px rgba(23,32,29,.12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink)}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit}.skip-link{position:fixed;left:12px;top:-50px;z-index:99;background:var(--ink);color:white;padding:10px}.skip-link:focus{top:12px}.site-header{height:66px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;background:rgba(242,239,229,.96);backdrop-filter:blur(12px)}.brand{display:flex;gap:9px;align-items:center;text-decoration:none;letter-spacing:.04em}.brand img{width:34px;height:34px}.brand span{display:grid}.brand b{font-size:.76rem;line-height:1.05}.brand small{font:600 .58rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}.header-actions{display:flex;gap:7px}.icon-button,.listen-button{min-height:42px;border:1px solid var(--ink);background:transparent}.icon-button{width:44px;font-size:1.5rem}.listen-button{padding:0 12px;font-weight:750;display:flex;gap:7px;align-items:center}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 4px rgba(240,90,40,.15)}#app{min-height:calc(100vh - 66px);padding-bottom:84px}.bottom-nav{position:fixed;z-index:25;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);padding:6px 7px max(7px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(255,253,247,.97);backdrop-filter:blur(12px)}.bottom-nav a{text-decoration:none;display:grid;justify-items:center;gap:2px;font-size:.68rem;font-weight:700;padding:5px 2px;color:var(--muted)}.bottom-nav a span{font-size:1.1rem;line-height:1}.bottom-nav a.active{color:var(--signal-dark)}.bottom-nav a.active span{color:var(--signal)}.page{width:min(1180px,100%);margin:auto}.hero{padding:35px 18px 24px;border-bottom:1px solid var(--line);overflow:hidden}.eyebrow{font:700 .7rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;color:var(--signal-dark)}.hero h1,.page-title h1{font-family:"Arial Narrow",Impact,Haettenschweiler,sans-serif;font-stretch:condensed;font-weight:900;letter-spacing:-.035em;line-height:.91;margin:14px 0;text-transform:uppercase}.hero h1{font-size:clamp(3.2rem,15vw,7.8rem);max-width:970px}.hero h1 .stroke{color:transparent;-webkit-text-stroke:1.5px var(--ink)}.hero-copy{font-size:1.08rem;line-height:1.5;max-width:650px;margin:0 0 20px}.hero-search,.search-box{background:var(--ink);color:var(--white);padding:14px}.hero-search label,.search-box label{display:block;font:700 .65rem/1.2 ui-monospace,monospace;letter-spacing:.08em;margin-bottom:8px;color:#d6d8d1}.hero-search div,.search-box div{display:flex}.hero-search input,.search-box input{width:100%;min-width:0;border:0;border-radius:0;padding:15px;background:var(--white);color:var(--ink);font-size:1rem}.hero-search button,.search-box button{border:0;background:var(--signal);font-weight:850;padding:0 18px}.example-row{display:flex;gap:8px;overflow:auto;padding-top:10px;scrollbar-width:none}.example-row button,.quick-searches button{white-space:nowrap;border:1px solid #68706c;background:transparent;color:inherit;padding:8px 11px}.translation-stage{position:relative;margin-top:30px;min-height:300px;border:1px solid var(--line);background:var(--white);padding:18px;overflow:hidden}.stage-label{font:700 .64rem ui-monospace,monospace;letter-spacing:.1em;color:var(--muted)}.ladder{display:grid;gap:6px;width:42%;margin:25px 0}.ladder span{border:1px solid var(--line);padding:7px;text-align:center;font:700 .66rem ui-monospace,monospace;color:var(--muted);animation:ladderFade 6s infinite}.ladder span:nth-child(2){animation-delay:.2s}.ladder span:nth-child(3){animation-delay:.4s}.ladder span:nth-child(4){animation-delay:.6s}.network-mini{position:absolute;right:10px;top:52px;width:58%;height:220px}.network-mini line{stroke:var(--ink);stroke-width:1.2;stroke-dasharray:280;animation:draw 6s infinite}.network-mini circle{fill:var(--signal);stroke:var(--ink);stroke-width:1.5;animation:pulse 6s infinite}.network-mini text{font:700 8px ui-monospace,monospace;fill:var(--ink)}@keyframes draw{0%,18%{stroke-dashoffset:280;opacity:0}45%,85%{stroke-dashoffset:0;opacity:1}100%{opacity:.2}}@keyframes ladderFade{0%,15%{opacity:1;transform:translateY(0)}35%,100%{opacity:.2;transform:translateX(-8px)}}@keyframes pulse{0%,25%{transform:scale(.4);transform-origin:center;opacity:0}50%,90%{transform:scale(1);opacity:1}100%{opacity:.3}}.section{padding:30px 18px;border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.section-head h2{margin:4px 0 0;font-size:1.7rem;line-height:1}.text-link{font-weight:750;color:var(--signal-dark)}.domain-rail,.role-rail,.tile-rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.domain-card,.role-card,.tile-card{flex:0 0 82%;scroll-snap-align:start;border:1px solid var(--ink);background:var(--white);padding:16px;text-decoration:none;position:relative}.domain-card{min-height:150px}.domain-card .count{font:700 .65rem ui-monospace,monospace;color:var(--muted)}.domain-card h3,.role-card h3{font-size:1.25rem;margin:28px 0 8px;line-height:1}.domain-card p,.role-card p{margin:0;color:var(--muted);line-height:1.4;font-size:.9rem}.node-corner{position:absolute;right:13px;top:13px;width:16px;height:16px;border:4px solid var(--signal);border-radius:50%}.role-card{min-height:205px;display:flex;flex-direction:column}.role-card .code,.code{font:700 .66rem ui-monospace,monospace;letter-spacing:.07em;color:var(--muted)}.role-card footer{margin-top:auto;padding-top:15px;display:flex;justify-content:space-between;align-items:center}.criticality{font:700 .62rem ui-monospace,monospace;text-transform:uppercase;padding:5px 7px;border:1px solid currentColor}.criticality.survival{color:#a62e13}.criticality.essential{color:#236b53}.criticality.supporting{color:#405b76}.criticality.enrichment{color:#745686}.statement{font-family:"Arial Narrow",Impact,sans-serif;text-transform:uppercase;font-size:clamp(2rem,10vw,5rem);line-height:.95;margin:0}.situation-callout{background:var(--ink);color:var(--white)}.situation-callout .statement{max-width:900px}.situation-types{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.situation-types span{border:1px solid #6e7672;padding:7px 9px;font:600 .7rem ui-monospace,monospace}.primary,.secondary{min-height:48px;padding:0 18px;font-weight:800;border:1px solid var(--ink);border-radius:0}.primary{background:var(--signal);color:var(--ink)}.secondary{background:transparent;color:inherit}.page-title{padding:28px 18px 20px;border-bottom:1px solid var(--line)}.page-title h1{font-size:clamp(2.8rem,12vw,6.3rem)}.page-title p{max-width:700px;line-height:1.5}.toolbar{position:sticky;top:66px;z-index:12;display:flex;gap:8px;overflow:auto;padding:10px 14px;background:rgba(242,239,229,.96);border-bottom:1px solid var(--line)}.filter-button{white-space:nowrap;border:1px solid var(--ink);background:transparent;padding:8px 11px;font:700 .68rem ui-monospace,monospace}.filter-button.active{background:var(--ink);color:white}.grid{display:grid;gap:10px}.catalog-grid{padding:16px}.catalog-grid .role-card{min-height:185px}.detail-grid{display:grid}.detail-aside{padding:20px 18px;background:var(--paper-deep);border-bottom:1px solid var(--line)}.detail-aside dl{margin:0;display:grid;gap:15px}.detail-aside dt{font:700 .63rem ui-monospace,monospace;color:var(--muted);text-transform:uppercase}.detail-aside dd{margin:4px 0 0;font-weight:700}.detail-content{padding:0 18px}.detail-section{padding:25px 0;border-bottom:1px solid var(--line)}.detail-section h2{font-family:"Arial Narrow",Impact,sans-serif;text-transform:uppercase;font-size:2rem;margin:0 0 14px}.skill-list,.crosswalk-list,.dependency-list{display:grid;gap:8px}.skill-row,.crosswalk-row,.dependency-row{border:1px solid var(--line);background:var(--white);padding:12px;text-decoration:none}.skill-row{display:flex;justify-content:space-between;gap:12px}.skill-row small{color:var(--muted)}.crosswalk-row header{display:flex;justify-content:space-between;gap:10px}.crosswalk-row h3{font-size:1rem;margin:8px 0}.mapping-status{font:700 .6rem ui-monospace,monospace;color:var(--signal-dark)}.notice{border-left:5px solid var(--yellow);padding:13px;background:#fff7cf;line-height:1.45}.ladder-list{display:grid;gap:0}.level{display:grid;grid-template-columns:42px 1fr;border-top:1px solid var(--line);padding:12px 0}.level b{font:800 .8rem ui-monospace,monospace;color:var(--signal-dark)}.level p{margin:3px 0;color:var(--muted)}.search-summary{padding:22px 18px;border-bottom:1px solid var(--line)}.search-summary h1{margin:8px 0;font-size:2.1rem}.result-group{padding:22px 18px;border-bottom:1px solid var(--line)}.result-group h2{font:800 .75rem ui-monospace,monospace;letter-spacing:.1em}.empty-state{padding:40px 18px;text-align:center}.empty-state .node-logo{font-size:4rem;color:var(--signal)}.situation-layout{padding:18px}.situation-form{border:1px solid var(--ink);background:var(--white);padding:16px}.situation-form label{display:grid;gap:6px;font:700 .68rem ui-monospace,monospace;margin-bottom:13px}.situation-form input,.situation-form textarea,.situation-form select{border:1px solid var(--line);border-radius:0;background:var(--paper);padding:12px;width:100%;font-family:inherit}.situation-form textarea{min-height:100px;resize:vertical}.situation-card{border:1px solid var(--ink);padding:16px;background:var(--white);margin-bottom:10px}.situation-card header{display:flex;justify-content:space-between;gap:15px}.situation-card h3{margin:3px 0}.situation-card .type{font:700 .62rem ui-monospace,monospace;color:var(--signal-dark)}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.tag{font:650 .68rem ui-monospace,monospace;border:1px solid var(--line);padding:6px 8px;background:var(--paper)}.delete-button{border:0;background:transparent;color:#8e2e19;font-weight:700}.capability-meter{display:grid;grid-template-columns:110px 1fr 38px;align-items:center;gap:8px;margin:9px 0;font-size:.78rem}.meter{height:8px;background:var(--paper-deep)}.meter i{display:block;height:100%;background:var(--signal)}.network-wrap{padding:10px;overflow:auto}.network-map{min-width:760px;width:100%;height:520px;background:var(--white);border:1px solid var(--ink)}.network-map line{stroke:var(--line);stroke-width:1.3}.network-map .link-strong{stroke:var(--signal);stroke-width:2}.network-map circle{fill:var(--paper);stroke:var(--ink);stroke-width:1.5;cursor:pointer}.network-map circle.center{fill:var(--signal)}.network-map text{font:700 10px ui-monospace,monospace;pointer-events:none}.tile-card{padding:0;overflow:hidden}.tile-card img{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover}.share-actions{display:flex;gap:6px;padding:10px;overflow:auto}.share-actions button,.share-actions a{min-height:38px;border:1px solid var(--ink);background:transparent;padding:9px;text-decoration:none;font-weight:700}.sheet{border:0;padding:0;background:var(--paper);color:var(--ink);width:min(720px,100%);max-width:none;box-shadow:var(--shadow)}.sheet::backdrop{background:rgba(11,17,15,.62);backdrop-filter:blur(4px)}.sheet[open]{position:fixed;margin:0;inset:auto 0 0;width:100%;max-height:90dvh}.sheet-head{position:sticky;top:0;z-index:2;background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:15px;border-bottom:1px solid var(--line)}.sheet-head b{display:block}.sheet-head button{border:1px solid var(--ink);background:transparent;font-size:1.4rem;width:42px;height:42px}.search-sheet{padding-bottom:30px}.quick-searches{display:flex;gap:7px;padding:14px;overflow:auto}.quick-searches button{color:var(--ink)}.narration-player{padding:0 14px 24px}.player-controls{padding:14px 0;display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center}.play-button{height:52px;border:0;border-radius:50%;background:var(--signal);font-size:1.1rem}.progress-wrap input{width:100%;accent-color:var(--signal)}.time{font:600 .65rem ui-monospace,monospace;color:var(--muted)}.auto-scroll{display:flex;gap:6px;align-items:center;font-size:.72rem}.chapter-tabs{display:flex;gap:7px;overflow:auto;padding:8px 0 14px}.chapter-tabs button{flex:0 0 170px;text-align:left;border:1px solid var(--line);background:var(--white);padding:10px}.chapter-tabs button.active{border-color:var(--signal);box-shadow:inset 0 -4px var(--signal)}.chapter-tabs small{font:600 .58rem ui-monospace,monospace;color:var(--muted)}.transcript{max-height:40dvh;overflow:auto;border-top:1px solid var(--line)}.cue{display:grid;grid-template-columns:72px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);opacity:.55}.cue.active{opacity:1}.cue b{font:700 .63rem ui-monospace,monospace;color:var(--signal-dark)}.cue p{margin:0;line-height:1.4}.download-link{display:inline-block;margin-top:12px;font-weight:750}.toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%,20px);z-index:80;background:var(--ink);color:white;padding:11px 14px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.loading{padding:50px 18px;text-align:center}.loading::before{content:"";display:block;width:30px;height:30px;border:3px solid var(--line);border-top-color:var(--signal);border-radius:50%;margin:0 auto 14px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-state{padding:40px 18px}.about-copy{max-width:760px}.about-copy p,.about-copy li{line-height:1.65}.source-badge{font:700 .62rem ui-monospace,monospace;border:1px solid #347159;color:#235944;padding:5px 7px;background:#e5f5ed}
@media(min-width:700px){.site-header{padding-inline:24px}.bottom-nav{left:50%;right:auto;bottom:18px;transform:translateX(-50%);width:430px;border:1px solid var(--line);box-shadow:var(--shadow);padding:6px}.hero,.section,.page-title{padding-left:32px;padding-right:32px}.translation-stage{min-height:340px}.domain-card{flex-basis:40%}.role-card{flex-basis:36%}.tile-card{flex-basis:55%}.catalog-grid{grid-template-columns:repeat(2,1fr);padding:24px 32px}.detail-grid{grid-template-columns:270px 1fr}.detail-aside{border-right:1px solid var(--line);border-bottom:0;position:sticky;top:66px;height:fit-content}.detail-content{padding:0 32px}.situation-layout{display:grid;grid-template-columns:340px 1fr;gap:20px;padding:28px 32px}.situation-form{position:sticky;top:84px;height:fit-content}.sheet[open]{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(720px,calc(100% - 40px));max-height:88vh}.grid.domain-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1020px){.bottom-nav{top:7px;bottom:auto;box-shadow:none;background:transparent;border:0}.bottom-nav a{display:flex;align-items:center;gap:6px;font-size:.74rem}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center;padding-top:58px;padding-bottom:58px}.hero h1{font-size:6.8rem}.translation-stage{margin:0}.domain-card{flex-basis:25%}.role-card{flex-basis:26%}.tile-card{flex-basis:38%}.catalog-grid{grid-template-columns:repeat(3,1fr)}.grid.domain-grid{grid-template-columns:repeat(3,1fr)}.section{padding-top:46px;padding-bottom:46px}.sheet{border:1px solid var(--ink)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ladder span,.network-mini line,.network-mini circle,.loading::before{animation:none}.toast{transition:none}}