.dh-home section{animation:none}.dh-home .dh-hero{margin:0;padding:54px 0;background:radial-gradient(ellipse at 90% 20%,#dceded 0,transparent 55%),#f0f5f8;border-bottom:1px solid #d9e4eb}.dh-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:44px;align-items:center}.dh-kicker{margin:20px 0 10px}.dh-hero h1{color:#102b3f;font-size:clamp(2.2rem,4.5vw,3.7rem);letter-spacing:-.045em;max-width:700px}.dh-hero .lead{max-width:65ch;color:#455c6e}.dh-visual{padding:26px;border-radius:22px;color:#e3edf5;background:linear-gradient(130deg,#102338,#164450);border:1px solid #32566c;box-shadow:0 16px 40px #10233816}.dh-visual .eyebrow{color:#f3cf85}.dh-visual h2{color:#fff;margin:14px 0;font-size:1.6rem}.dh-diagram{width:100%;height:auto;display:block}.dh-focus{color:#d6eee7;background:#ffffff0a;padding:12px;border-radius:10px;margin:12px 0;font-size:.85rem}.dh-caption{font-size:.75rem;color:#c3d4df;margin:0}.dh-pulse{animation:dh-pulse 3s ease-in-out 2;transform-box:fill-box;transform-origin:center}@keyframes dh-pulse{50%{opacity:.65;transform:scale(1.3)}}.dh-saved-role{display:flex;flex-wrap:wrap;gap:10px 18px;padding-top:14px;border-top:1px solid #ccdce4;font-size:.83rem;color:#28485c}.dh-home .dh-perspectives{margin:34px 0}.dh-segments{display:flex;flex-wrap:wrap;gap:8px}.dh-segments button{background:#fff;color:#17374e;border:1px solid #b9cbd5;padding:11px 15px;border-radius:10px;font-size:.85rem;font-weight:650;min-height:44px}.dh-segments button[aria-pressed=true]{background:#17374e;color:#fff;border-color:#17374e}.dh-reset{display:inline-block;margin:14px 14px 0 0}.dh-home .dh-progress-strip{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding:24px;margin:30px 0;border:1px solid #caddd5;border-left:4px solid #0f766e;border-radius:16px;background:#fff}.dh-progress-strip h2{font-size:1.35rem;margin:8px 0}.dh-progress-strip p{margin:0;color:#4d6570}.dh-progress-strip .dh-next-title{flex-basis:100%;font-size:.84rem}.dh-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:22px}.dh-stages button{text-align:left;padding:15px;border-radius:13px;border:1px solid #cedae3;background:#fff;color:#17374e;transition:background .15s,border-color .15s}.dh-stages button strong,.dh-stages button small{display:block}.dh-stages button strong{margin:7px 0 4px;font-size:.95rem}.dh-stages button small{color:#526778;font-size:.76rem}.dh-stages button:hover{border-color:#0f766e;background:#f2faf7}.dh-stages button[aria-pressed=true]{border-color:#0f766e;background:#e7f4ef;box-shadow:inset 0 0 0 1px #0f766e}.dh-stage-description{border-left:3px solid #0f766e;padding:14px 18px;background:#e7f4ef;border-radius:0 10px 10px 0;margin:16px 0 0}.dh-results{scroll-margin-top:100px}.dh-search{display:block;margin:20px 0 10px;max-width:480px}.dh-search span{display:block;font-size:.84rem;font-weight:600;margin-bottom:6px}.dh-search input{width:100%;border:1px solid #b9cbd5;background:#fff;border-radius:10px;padding:11px 13px;color:#172638}.dh-lab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dh-lab-grid article{border-top:3px solid #0f766e}.dh-lab-grid h3{margin:12px 0}.dh-lab-grid a{color:#125b52;font-weight:650;text-underline-offset:3px}.dh-labs>.micro{margin-top:16px}.dh-home .cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}@media (max-width:900px){.dh-hero-grid{grid-template-columns:1fr;gap:26px}.dh-visual{max-width:600px}.dh-stages{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.dh-home .dh-hero{padding:32px 0}.dh-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.dh-segments button{flex:1 1 46%}.dh-lab-grid{grid-template-columns:1fr}.dh-visual{padding:20px}.dh-progress-strip .row{width:100%}}@media (prefers-reduced-motion:reduce){.dh-home *,.dh-home *:before,.dh-home *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.wb-hero{padding:26px 0;max-width:860px}.wb-hero h1{margin:18px 0}.wb-switch{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}.wb-switch button{padding:12px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--green-dark);font-weight:700}.wb-switch button[aria-pressed=true]{background:var(--green-dark);color:#fff;border-color:var(--green-dark)}.wb-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.wb-grid>*{min-width:0}.wb-grid h2{margin-top:10px;font-size:1.5rem}.wb-field{display:block;margin:16px 0}.wb-field>span{display:block;font-weight:600;font-size:.87rem;margin-bottom:6px}.wb-field input,.wb-field select,.wb-field textarea{width:100%;padding:11px 12px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:9px}.wb-field textarea{resize:vertical;font:.85rem/1.65 ui-monospace,monospace}.wb-presets{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.wb-presets button{font-size:.78rem;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--green-dark)}.wb-code{background:#102c2b;color:#edf6ef;border-radius:16px;overflow:hidden}.wb-code-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:14px 18px;border-bottom:1px solid #ffffff24}.wb-code-head .row{margin:0}.wb-code-head button{border:1px solid #aac7bb;background:transparent;color:#fff;padding:5px 10px;border-radius:7px;font-size:.8rem}.wb-code pre,.wb-fixture{padding:18px;overflow:auto;white-space:pre;font:.8rem/1.75 ui-monospace,monospace}.wb-code>p{padding:0 18px 12px;margin:0;color:#d2e5d9;font-size:.78rem}.wb-errors{background:#fff1ec;color:#862e1b;border:1px solid #e6b8aa;padding:16px 16px 16px 34px;border-radius:12px}.wb-root .callout{overflow-wrap:anywhere}@media (max-width:820px){.wb-grid{grid-template-columns:1fr}.wb-switch button{flex:1 1 100%}}.rs-desktop-stories{display:block}.rs-rail{position:fixed;z-index:12;display:flex;flex-direction:column;box-sizing:border-box;border:1px solid #335367;border-top:3px solid var(--rs-accent);border-radius:16px;background:#102338;color:#eaf2f7;box-shadow:0 8px 25px #10233812;font-family:inherit;overflow:hidden;--rs-accent:#f2c46d}.rs-rail.rs-enduser{--rs-accent:#71d8c5}.rs-rail .rs-heading{padding:16px 14px 8px}.rs-rail .rs-eyebrow{color:var(--rs-accent);font-size:10px;line-height:1.5;letter-spacing:.08em;font-weight:750;text-transform:uppercase}.rs-rail h2{color:#fff;font-size:17px;line-height:1.3;margin:5px 0 6px;letter-spacing:-.02em}.rs-rail .rs-heading p{color:#c3d5e1;font-size:11px;line-height:1.5;margin:0}.rs-mode{display:flex;gap:5px;padding:8px 12px}.rs-mode button{flex:1;min-width:0;border:1px solid #557186;border-radius:7px;background:#16354b;color:#eaf2f7;padding:7px 4px;min-height:36px;font-size:11px;line-height:1.35}.rs-mode button[aria-pressed=true]{background:var(--rs-accent);color:#102338;border-color:var(--rs-accent);font-weight:750}.rs-playback{display:flex;align-items:center;justify-content:space-between;padding:0 14px 9px;gap:8px}.rs-playback button{border:0;background:transparent;color:#e2eef6;text-decoration:underline;text-underline-offset:3px;font-size:11px;padding:5px 0}.rs-playback button:disabled{color:#bed0dd;cursor:default;text-decoration:none}.rs-playback span{font:11px ui-monospace,monospace;color:var(--rs-accent)}.rs-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;scrollbar-color:#658598 #102338;padding:0 10px 12px}.rs-track{position:relative}.rs-road{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.rs-road path{fill:none;stroke:var(--rs-accent);stroke-width:2;stroke-dasharray:4 5;opacity:.5}.rs-stations{list-style:none;padding:0;margin:0;position:relative}.rs-stations>li{margin:0;padding:0 0 8px}.rs-station{display:flex;align-items:center;gap:8px;width:100%;min-height:61px;border:1px solid transparent;border-radius:10px;padding:7px 5px;background:transparent;color:inherit;text-align:left}.rs-station:hover{background:#193e53}.rs-station[aria-current=step]{background:#1b3e54;border-color:var(--rs-accent)}.rs-station-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:36px;color:var(--rs-accent);background:#102338;border-radius:10px;border:1px solid #45667a}.rs-station-text{flex:1;min-width:0;display:block}.rs-station-text strong{display:block;color:#fff;font-size:12px;line-height:1.45;font-weight:650}.rs-module{display:block;font-size:10px;color:var(--rs-accent);line-height:1.5}.rs-meets{display:flex;gap:4px;align-items:center;font-size:10px;color:#cbdae5;line-height:1.45;margin-top:2px}.rs-meets svg{width:12px;height:14px;flex-shrink:0}.rs-walker{position:absolute;top:0;left:0;z-index:2;pointer-events:none;color:var(--rs-accent);width:34px;height:42px;background:#0a1b2c;border-radius:12px;box-shadow:0 0 0 2px var(--rs-accent)}.rs-walker .rs-person{display:block;margin-top:2px}.rs-walker[data-moving=true] .rs-leg-a{transform-origin:20px 28px;animation:rs-stride .5s ease-in-out infinite alternate}.rs-walker[data-moving=true] .rs-leg-b{transform-origin:20px 28px;animation:rs-stride .5s ease-in-out infinite alternate-reverse}.rs-walker[data-moving=true] .rs-arm{transform-origin:20px 20px;animation:rs-arms .5s ease-in-out infinite alternate}@keyframes rs-stride{0%{transform:rotate(-18deg)}to{transform:rotate(18deg)}}@keyframes rs-arms{0%{transform:rotate(-9deg)}to{transform:rotate(9deg)}}.rs-detail{border:1px solid #4b687c;border-left:3px solid var(--rs-accent);background:#17354a;padding:13px 12px;border-radius:10px;margin-top:6px}.rs-detail h3{color:#fff;font-size:14px;line-height:1.4;margin:8px 0}.rs-detail p{color:#dbe7ef;font-size:12px;line-height:1.65;margin:0 0 10px}.rs-detail .rs-handoff{color:var(--rs-accent);margin:0;font-size:11px}.rs-rail .rs-disclaimer{font-size:10px;line-height:1.65;color:#bbcedc;margin:12px 2px 0}.rs-rail :focus-visible{outline:3px solid #fff;outline-offset:-3px}@media (max-width:1439px),(pointer:coarse){.rs-desktop-stories{display:none}}@media (prefers-reduced-motion:reduce){.rs-desktop-stories *,.rs-desktop-stories *:before,.rs-desktop-stories *:after{animation:none!important;transition:none!important}}:root{--bg: #faf7f0;--surface: #fff;--ink: #1d2b24;--muted: #5f6b63;--line: #e6e0d3;--green: #1f5c43;--green-dark: #143d2d;--green-soft: #e8f1eb;--amber: #9a6514;--amber-soft: #fbf0d9;--teal: #2a9d8f;--danger: #a23b2a;--radius: 18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline:3px solid #c8891d;outline-offset:3px}h1,h2,h3{line-height:1.15;color:var(--green-dark);margin-top:0}h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em}h2{font-size:clamp(1.4rem,2.5vw,1.9rem);letter-spacing:-.03em;margin-top:1.4em}p{margin-top:0}.wrap{width:min(1140px,calc(100% - 40px));margin:auto}.page{padding:44px 0 64px}.narrow{max-width:720px}.muted{color:var(--muted)}.micro{font-size:.8rem;color:var(--muted)}.lead{font-size:1.08rem;color:var(--muted);max-width:580px}.error{color:var(--danger)}.row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:50;background:#fff;padding:8px 12px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:800;color:var(--amber)}.eyebrow.light{color:#f2c46d}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem;color:var(--muted);letter-spacing:.04em}.chip{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:700;background:var(--green-soft);color:var(--green)}.chip.foundations{background:var(--amber-soft);color:var(--amber)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:11px;padding:11px 18px;font-weight:700;text-decoration:none;background:var(--green);color:#fff;transition:background .2s,transform .2s,box-shadow .2s,border-color .2s}.btn:hover{background:var(--green-dark);transform:translateY(-1px);box-shadow:0 8px 20px #2a9d8f33}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn.secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn.secondary:hover{border-color:var(--teal)}.btn.picked{border-color:var(--green);background:var(--green-soft)}.btn.small{padding:8px 13px;font-size:.85rem}.btn.full{width:100%}.text-button{border:0;background:none;padding:0;color:var(--green);font-weight:600;text-decoration:underline;text-underline-offset:3px}.text-button.danger{color:var(--danger)}.icon-btn{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--green-dark)}.icon-btn:disabled{opacity:.4}.site-header{position:sticky;top:0;z-index:20;background:#faf7f0c7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{min-height:70px;display:flex;align-items:center;gap:22px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;color:var(--green-dark);white-space:nowrap}.brand em{font-style:normal;color:var(--amber)}.mono{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--green-dark);color:var(--amber-soft);font-size:.8rem}.mono.big{width:84px;height:84px;font-size:1.6rem}nav{display:flex;gap:18px;margin-left:auto}nav a{text-decoration:none;font-size:.88rem;font-weight:600;color:var(--muted);white-space:nowrap}nav a:hover,nav a.active{color:var(--green)}.nav-actions{display:flex;align-items:center;gap:10px}.menu-toggle{display:none}.initials{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--amber-soft);color:var(--amber);font-size:.74rem;font-weight:800}.network{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cg fill='none' stroke='%232a9d8f' stroke-opacity='.16'%3E%3Cpath d='M12 24L90 66L168 34M90 66L66 156M90 66L156 136'/%3E%3C/g%3E%3Cg fill='%232a9d8f' fill-opacity='.26'%3E%3Ccircle cx='12' cy='24' r='3'/%3E%3Ccircle cx='90' cy='66' r='4'/%3E%3Ccircle cx='168' cy='34' r='3'/%3E%3Ccircle cx='66' cy='156' r='3'/%3E%3Ccircle cx='156' cy='136' r='3'/%3E%3C/g%3E%3C/svg%3E")}.hero{padding:56px 0 40px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.hero h1{font-size:clamp(2.3rem,5vw,4rem);letter-spacing:-.055em;margin:14px 0 18px}.greeting{font-weight:700;color:var(--green)}.panel{position:relative;overflow:hidden;background:var(--green-dark);color:#eef4ef;border-radius:24px;padding:28px}.panel:after{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;pointer-events:none;background:radial-gradient(circle at 30% 30%,rgba(42,157,143,.38),transparent 40%),radial-gradient(circle at 70% 70%,rgba(242,196,109,.18),transparent 40%);animation:drift 14s ease-in-out infinite alternate}.panel>*{position:relative;z-index:1}.panel h2{color:#fff;font-size:1.45rem;margin:12px 0 18px}@keyframes drift{to{transform:translate(8%,6%) rotate(8deg)}}.p-row{display:flex;gap:14px;align-items:center;padding:13px 0;border-top:1px solid #ffffff1c}.p-num{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#ffffff12;color:#f2c46d;font:700 .78rem ui-monospace,monospace}.p-row strong{display:block}.p-row small{color:#b9cbc1}.p-note{margin:14px 0 0;font-size:.8rem;color:#c9d8cf;background:#ffffff0d;padding:12px;border-radius:10px}main section{margin:52px 0;animation:rise .6s ease both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;margin:16px 0}.role,.card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;transition:transform .2s,box-shadow .2s,border-color .2s}.role{display:block;text-align:left;color:var(--ink);text-decoration:none}.role:hover,.cards .card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #2a9d8f29;border-color:#9cc7b4}.role[aria-pressed=true]{background:var(--green-soft);border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.role strong{display:block;color:var(--green-dark);margin-bottom:4px}.role small{display:block;color:var(--muted)}.link-text{display:inline-block;margin-top:10px;font-weight:600;color:var(--green);font-size:.88rem}.card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.card h3 a{text-decoration:none}.card p{color:var(--muted);font-size:.9rem}.stretched:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.meta{display:flex;gap:8px;flex-wrap:wrap;font-size:.72rem;color:var(--muted);margin-bottom:12px}.meta span{background:#f4f1ea;padding:3px 8px;border-radius:6px}.my-route{border-left:4px solid var(--teal)}.empty{padding:28px;border:1px dashed var(--line);border-radius:15px;background:var(--surface);color:var(--muted)}.timeline{display:flex;list-style:none;padding:0;margin:10px 0;gap:4px}.timeline li{flex:1;font-size:.66rem;color:var(--muted);border-top:3px solid var(--line);padding-top:5px}.timeline li.on{border-color:var(--teal);color:var(--green-dark);font-weight:600}.route-map{background-color:var(--surface);border:1px solid var(--line);border-radius:24px;padding:28px}.route-track{position:relative;margin:26px 0}.route{list-style:none;display:grid;grid-template-columns:repeat(8,1fr);gap:8px;padding:0;margin:0;position:relative}.route:before{content:"";position:absolute;left:6%;right:6%;top:21px;height:2px;background:linear-gradient(90deg,var(--teal),var(--green));transform-origin:left;animation:draw 1.6s ease-out both}@keyframes draw{0%{transform:scaleX(0)}}.route button{position:relative;width:100%;background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:var(--muted)}.node{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--surface);border:2px solid #b9d8cf;font:700 .72rem ui-monospace,monospace;color:var(--green);transition:all .25s}.route button[aria-pressed=true]{color:var(--green-dark)}.route button[aria-pressed=true] .node{background:var(--green-dark);color:#f2c46d;border-color:var(--teal);box-shadow:0 0 0 7px #2a9d8f29}.po-token{position:absolute;top:-10px;left:6%;z-index:2;pointer-events:none;font:700 .6rem ui-monospace,monospace;background:var(--amber);color:#fff;padding:2px 6px;border-radius:4px;animation:travel 11s linear infinite}@keyframes travel{0%{left:6%}to{left:92%}}.stage-detail{background:var(--green-soft);border-radius:14px;padding:18px 20px}.stage-detail h3{margin-bottom:6px}.lesson{max-width:800px}.breadcrumbs{font-size:.84rem;color:var(--muted);margin-bottom:12px}.callout{background:var(--green-soft);border:1px solid #d3e4d8;border-radius:14px;padding:18px 20px;margin:20px 0}.hint{border-left:3px solid #d6a648;background:#fbf4e4;padding:10px 14px;margin:10px 0;border-radius:0 8px 8px 0}details{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:20px 0}summary{cursor:pointer;font-weight:700}details p{margin:12px 0 0}.decision{margin:22px 0}.outcome{margin-top:12px;padding:12px 14px;border-radius:10px;background:var(--amber-soft)}.outcome.good{background:var(--green-soft)}.quiz fieldset{border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin:14px 0;background:var(--surface)}.quiz legend{font-weight:700;padding:0 6px}.opt{display:flex;gap:10px;align-items:center;padding:9px 12px;border:1px solid var(--line);border-radius:10px;margin:6px 0;cursor:pointer}.opt.correct{border-color:var(--green);background:var(--green-soft)}.opt.wrong{border-color:var(--danger);background:#fbeeea}.feedback{font-size:.88rem;color:var(--muted);margin:8px 0 0}.completion{display:flex;flex-wrap:wrap;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.stamp{display:inline-block;border:3px solid var(--green);color:var(--green);font:800 1rem ui-monospace,monospace;letter-spacing:.12em;padding:6px 14px;border-radius:8px;transform:rotate(-6deg);animation:stamp .45s cubic-bezier(.2,1.6,.4,1) both}@keyframes stamp{0%{transform:scale(2.2) rotate(-6deg);opacity:0}}.order-list{list-style:none;padding:0}.order-list li{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;margin:6px 0;background:var(--bg);cursor:grab}.order-list li span:nth-child(2){flex:1}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;font-size:.82rem;color:var(--muted)}.kpi b{display:block;font-size:1.7rem;color:var(--green-dark);letter-spacing:-.03em}.kpi b.small{font-size:1.05rem;letter-spacing:0}.rings{display:flex;flex-wrap:wrap;gap:24px;margin:12px 0 18px}.ring{margin:0;text-align:center;font-size:.8rem;color:var(--muted)}.ring-bg{fill:none;stroke:#ece7dc;stroke-width:9}.ring-fg{fill:none;stroke:var(--teal);stroke-width:9;stroke-linecap:round;transition:stroke-dashoffset 1.2s ease}.ring text{font:700 18px Inter,sans-serif;fill:var(--green-dark)}.profile{margin:18px 0}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.field{margin-bottom:14px}.field label{display:block;font-weight:600;font-size:.88rem;margin-bottom:5px}.field input,.field select,.search{width:100%;padding:10px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}.field input[readonly]{background:#f4f1ea}.check{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;margin:14px 0}.filters{display:flex;flex-direction:column;gap:12px;margin:22px 0 12px}.chip-group{display:flex;flex-wrap:wrap;gap:8px}.filter{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 13px;font-size:.84rem;font-weight:600;color:var(--muted)}.filter[aria-pressed=true]{background:var(--green-dark);color:#fff;border-color:var(--green-dark)}.search{max-width:340px}.guidance{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px;border-radius:24px;background:var(--amber-soft);border:1px solid #f0dfb8}.guidance h2{margin-top:8px}.guidance p{color:#6b5a3e;margin-bottom:0}.about-head{display:flex;align-items:center;gap:20px;margin-bottom:20px}.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px}.table{width:100%;border-collapse:collapse;font-size:.88rem}.table th,.table td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.table th{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.site-footer{border-top:1px solid var(--line);padding:30px 0;margin-top:40px}.footer-top{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px}.site-footer p{font-size:.8rem;color:var(--muted);max-width:860px}dialog{border:1px solid var(--line);border-radius:20px;padding:0;background:var(--bg);color:var(--ink);width:min(640px,calc(100% - 28px));box-shadow:0 30px 80px #0000004d}dialog::backdrop{background:#10251c99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-inner{padding:26px}.palette input{width:100%;border:0;border-bottom:1px solid var(--line);padding:18px 20px;font-size:1.05rem;background:transparent;color:var(--ink)}.palette input:focus-visible{outline:none}.palette ul{list-style:none;margin:0;padding:8px;max-height:50vh;overflow:auto}.palette li button{width:100%;text-align:left;background:none;border:0;border-radius:10px;padding:10px 12px;color:var(--ink)}.palette li button.active{background:var(--green-soft)}.palette small{display:block;color:var(--muted);font-size:.76rem}.pad{padding:0 20px 14px;margin:0}@media (max-width: 1024px){.menu-toggle{display:inline-grid}nav{display:none;position:absolute;top:70px;left:0;right:0;margin:0;flex-direction:column;gap:14px;background:var(--bg);padding:18px 20px;border-bottom:1px solid var(--line)}nav.open{display:flex}.nav-actions{margin-left:auto}}@media (max-width: 820px){.wrap{width:calc(100% - 30px)}.hero-grid,.grid-3,.form-grid{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}.route{grid-template-columns:repeat(4,1fr);row-gap:18px}.route:before,.po-token{display:none}.guidance,.section-head{flex-direction:column;align-items:flex-start}.brand>span:last-child{font-size:.95rem}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.login-card{max-width:440px}.gsi-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:44px;padding:0 16px;background:#fff;color:#1f1f1f;border:1px solid #747775;border-radius:22px;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:15px;font-weight:500;letter-spacing:.25px;transition:background-color .2s,box-shadow .2s}.gsi-btn:hover{background:#f8f9fa;box-shadow:0 1px 3px #3c40434d}.gsi-btn:active{background:#eef0f1}.gsi-btn:disabled{opacity:.6;cursor:default;box-shadow:none}.gsi-logo{width:20px;height:20px;flex:0 0 auto}.login-note{margin:12px 0 0}.coffee-widget{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:30}.coffee-trigger{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 18px;border:1px solid #d8aa4d;border-radius:999px;background:#143d2d;color:#fff4d6;font-weight:700;font-size:.9rem;box-shadow:0 5px 18px #143d2d2e;cursor:pointer}.coffee-trigger:hover{background:#1f5c43}.coffee-panel{position:absolute;right:0;bottom:calc(100% + 12px);width:min(340px,calc(100vw - 40px));max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);overflow-y:auto;overflow-wrap:anywhere;padding:24px;background:#fff;color:#1d2b24;border:1px solid #e6e0d3;border-radius:18px;box-shadow:0 14px 40px #143d2d2e}.coffee-panel .eyebrow{padding-right:30px}.coffee-panel h2{margin:14px 0 12px;font-size:1.3rem}.coffee-panel p{font-size:.9rem;line-height:1.6}.coffee-close{position:absolute;right:10px;top:10px;width:34px;height:34px;border:1px solid #e6e0d3;border-radius:9px;background:#fff;color:#143d2d;font-size:1.3rem;cursor:pointer}.coffee-pay{display:flex;justify-content:center;align-items:center;min-height:44px;margin:18px 0 12px;padding:10px 14px;border-radius:10px;background:#143d2d;color:#fff;font-weight:700;text-decoration:none}.coffee-pay:hover{background:#1f5c43}.coffee-panel .coffee-note{margin:0;color:#5f6b63;font-size:.77rem}.site-footer{padding-bottom:calc(90px + env(safe-area-inset-bottom))}@media (max-width: 480px){.coffee-trigger{font-size:.82rem;padding:10px 14px}}.coffee-upi-toggle{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:10px 14px;border:1px solid #747775;border-radius:10px;background:#fff;color:#143d2d;font-weight:700;cursor:pointer}.coffee-upi-toggle:hover{background:#e8f1eb}.coffee-upi-panel{margin-top:14px;padding:16px;border:1px solid #e6e0d3;border-radius:14px;background:#faf7f0;text-align:center}.coffee-upi-panel h3{margin:0 0 14px;font-size:1rem}.coffee-upi-qr{display:block;width:220px;max-width:100%;height:auto;margin:0 auto 12px;background:#fff}.coffee-upi-panel .text-button{font-size:.82rem}.coffee-upi-payee{margin:14px 0;overflow-wrap:anywhere}.coffee-upi-id{display:grid;gap:8px;margin:14px 0;padding:12px;border-radius:10px;background:#fff}.coffee-upi-id>span{font-size:.75rem;font-weight:700}.coffee-upi-id code{font-size:.85rem;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.coffee-upi-id p{margin:0;font-size:.76rem}.coffee-upi-panel .coffee-note+.coffee-note{margin-top:12px}:root{--bg: #f5f7fa;--surface: #ffffff;--ink: #172638;--muted: #506176;--line: #dce3eb;--green: #0f766e;--green-dark: #102b3f;--green-soft: #e7f4f1;--amber: #805400;--amber-soft: #fff3d6;--teal: #0f766e;--danger: #a53129;--radius: 16px;--enterprise-navy: #102338;--enterprise-navy-light: #17374e}body{background:var(--bg);color:var(--ink)}#main{flex:1;min-width:0}h1,h2,h3{color:var(--green-dark)}p,li{overflow-wrap:break-word}:focus-visible{outline:3px solid #b77900;outline-offset:4px}.skip:focus{position:fixed;z-index:100;color:#102338;background:#fff}.site-header{background:var(--enterprise-navy);border-bottom:2px solid #248e83;backdrop-filter:none;-webkit-backdrop-filter:none}.site-header .nav{gap:16px;min-height:76px}.site-header .brand{color:#fff;font-size:1rem}.site-header .brand em{color:#f5cd77}.site-header .mono{background:#166b64;border:1px solid #40988e;color:#fff}.site-header #main-nav{gap:14px}.site-header #main-nav a{color:#d4e0ea;font-size:.82rem;padding:7px 0}.site-header #main-nav a:hover{color:#fff}.site-header #main-nav a.active{color:#fff;text-decoration:underline;text-decoration-color:#73d4c4;text-underline-offset:8px}.site-header .icon-btn{background:#1c3c52;color:#fff;border-color:#426075}.site-header .nav-actions .btn{background:#e1f3ed;color:#123b35;border-color:#b7d8ce}.site-header .nav-actions .btn:hover{background:#fff}.site-header .initials{background:#fff1cf;color:#704900}.hero{padding:54px 0;background-color:#edf4f5;border-bottom:1px solid var(--line)}.hero .hero-grid{gap:40px}.hero h1{max-width:680px;font-size:clamp(2.4rem,4.6vw,3.8rem);line-height:1.08}.hero .lead{color:#40566a}.panel{background:linear-gradient(135deg,#102338,#17484f);border:1px solid #315b68;box-shadow:0 16px 35px #10233818}.panel:after{animation:none;opacity:.65}.panel h2{color:#fff}.p-row small{color:#cedee5}.p-note{color:#e0ecef}.btn{border-radius:10px;background:#0f766e;box-shadow:none}.btn:hover{background:#115e59;transform:none;box-shadow:none}.btn.secondary{background:#fff;color:#17384b;border-color:#becbd7}.btn.secondary:hover{background:#eef6f5;border-color:#0f766e}.card,.role{border-color:var(--line);border-radius:16px;box-shadow:0 2px 7px #10233805}.cards .card:hover,.role:hover{border-color:#9abfb7;box-shadow:0 8px 22px #1023380c;transform:translateY(-2px)}.card-top{flex-wrap:wrap;align-items:center}.card h3{font-size:1.12rem;line-height:1.35}.card p{font-size:.92rem;line-height:1.65}.card>h2:first-child,.card>.eyebrow+h2{margin-top:0}.card .code{color:#556779}.meta span{background:#f0f4f8;color:#46586a}.chip{background:#e7f4f1;color:#145a51;border:1px solid #c6e1d9}.chip.foundations{background:#fff3d6;color:#805400;border-color:#ead7a9}.role[aria-pressed=true]{background:#e7f4f1;border-color:#0f766e}.filter[aria-pressed=true]{background:#17374e;border-color:#17374e}.my-route{border-left:4px solid #0f766e}.route-map{background-color:#fff;border-color:var(--line);padding:26px}.route-map .route-track{margin:30px 0}.route-map .node{border-color:#a4c9c0;color:#145a51}.route-map .route button[aria-pressed=true] .node{background:#123d48;color:#fff;border-color:#0f766e;box-shadow:0 0 0 5px #dcefe9}.route-map .po-token{display:none}.stage-detail{background:#edf6f4;border:1px solid #d1e6de}.stage-detail p{max-width:78ch}.lesson{max-width:850px}.lesson>p,.lesson>ul{line-height:1.8}.lesson .lead{max-width:70ch}.lesson h2{scroll-margin-top:100px}.breadcrumbs{display:flex;position:static;flex-direction:row;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;border:0;background:transparent}.callout{background:#eaf5f1;border-color:#c8e0d7;border-left:4px solid #0f766e}.hint{color:#58431c;background:#fff6e3;border-color:#bc8620}.timeline{gap:6px}.timeline li{border-top-color:#dce3eb;color:#546476}.timeline li.on{border-color:#0f766e;color:#125b52}.quiz .opt.correct{background:#e6f4ec;border-color:#287955}.quiz .opt.wrong{background:#fff0ed;border-color:#b64b37}.quiz .feedback{color:#45586a}.stamp{color:#176348;border-color:#176348}.kpi{border-top:3px solid #0f766e;border-radius:12px}.kpi b{font-variant-numeric:tabular-nums}.kpi b.small{line-height:1.4;margin-top:5px}.rings{justify-content:space-around;gap:22px}.ring-bg{stroke:#e5ecf0}.ring-fg{stroke:#0f766e}.table th{background:#edf2f7;color:#40576b}.table tbody tr:hover{background:#f4f8fa}.field input,.field select,.search{border-color:#bdcbd7}.field input[readonly]{background:#edf2f6}.profile{scroll-margin-top:100px}.wb-root .wb-code{background:#102338;border:1px solid #2b4d64}.wb-root .wb-code-head{background:#17374e}.wb-root .wb-code pre{color:#edf5fa;font-size:.84rem}.wb-root .wb-code-head button{border-color:#8cabbc;min-height:34px}.wb-root .wb-code-head button:hover{background:#284b63}.wb-root .wb-switch button[aria-pressed=true]{background:#17374e;border-color:#17374e}.wb-root .wb-field input,.wb-root .wb-field textarea,.wb-root .wb-field select{border-color:#bdcbd7}.wb-root .wb-presets button{min-height:34px;background:#eef4f7}.wb-root .wb-errors{color:#8a2c21;background:#fff0eb}.guidance{background:linear-gradient(125deg,#102338,#173f4b);color:#fff;border:1px solid #315a66;border-left:5px solid #55bca7}.guidance h2{color:#fff}.guidance .eyebrow{color:#f5cd77}.guidance p{color:#d9e7ed}.guidance .btn{background:#f5cd77;color:#102338;white-space:normal;text-align:center;flex-shrink:0}.guidance .btn:hover{background:#ffe2a5}.site-footer{background:#fff;border-top:1px solid var(--line);padding-bottom:calc(96px + env(safe-area-inset-bottom))}.site-footer .brand{color:#102338}.site-footer p{color:#506176}.coffee-trigger{background:#102338;color:#fff1ce;border-color:#b38b37}.coffee-trigger:hover{background:#17484f}.coffee-panel{background:#fff;color:#172638;border-color:#dce3eb}.coffee-panel h2,.coffee-panel h3{color:#102b3f}.coffee-pay{background:#0f766e;color:#fff}.coffee-pay:hover{background:#115e59}.coffee-upi-panel{background:#f3f7f9}.coffee-upi-qr{background:#fff;filter:none}dialog{border-color:#cbd7df}.palette li button.active{background:#e7f4f1}.palette input:focus-visible{outline:3px solid #0f766e;outline-offset:-3px}@media (min-width:1025px) and (max-width:1180px){.site-header .nav{flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:10px}.site-header #main-nav{order:3;width:100%;justify-content:center;flex-wrap:wrap;margin-left:0}.site-header .nav-actions{margin-left:auto}}@media (max-width:1024px){.site-header #main-nav{top:76px;background:#102338;border-bottom:1px solid #3e6278;padding:18px 22px}.site-header #main-nav a{padding:8px 0}.breadcrumbs{display:flex;position:static;flex-direction:row;margin:0 0 18px;padding:0;background:transparent;border:0}}@media (max-width:820px){.hero{padding:32px 0}.hero .hero-grid{gap:26px}.route-map .route{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.role{padding:18px}.guidance{padding:25px}.order-list li{flex-wrap:wrap}.order-list li span:nth-child(2){min-width:0;flex-basis:calc(100% - 60px)}}@media (max-width:480px){.site-header .nav{flex-wrap:wrap;padding:10px 0;gap:8px}.site-header .brand{font-size:.9rem}.site-header .brand>span:last-child{white-space:normal;max-width:150px;line-height:1.25}.site-header .nav-actions{gap:6px}.site-header .nav-actions .btn{padding:7px 9px;font-size:.76rem}.site-header .initials{display:none}.site-header #main-nav{top:100%}.cards{grid-template-columns:minmax(0,1fr)}.route-map .route,.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{padding:12px;min-width:0}.timeline{flex-wrap:wrap}.timeline li{min-width:calc(50% - 6px);font-size:.72rem}}:root{--muted: #475b70}body{font-size:16px}.wrap{width:min(1200px,calc(100% - 40px))}.wrap.narrow{max-width:760px}.wrap.lesson{max-width:850px}.page{padding-top:40px}.page>h1{margin-bottom:20px}.page>h2{margin-top:32px;margin-bottom:14px}.page.narrow>p,.page.narrow>ul{line-height:1.8}.page.narrow>ul li{margin:8px 0}.page.narrow>.lead{max-width:100%}.site-header #main-nav a{font-size:.875rem}.site-header .brand{font-size:1.06rem}.site-header .nav-actions{flex-shrink:0}#main .cards,#main .dh-home .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}#main .cards>.card{display:flex;flex-direction:column;min-width:0;padding:22px}#main .cards>.card h3{font-size:1.08rem;line-height:1.4;margin:0 0 14px}#main .cards>.card>p{flex:1;font-size:.94rem;line-height:1.7}#main .cards>.card .card-top{min-height:36px;gap:8px;margin-bottom:14px}#main .cards>.card .meta{font-size:.76rem;gap:7px}#main .cards>.card .timeline{margin-top:auto;padding-top:12px}#main .cards>.card .timeline li{font-size:.72rem;line-height:1.45}#main .cards>.card>.btn{align-self:flex-start;margin-top:auto}.dh-home .section-head h2{margin:10px 0 12px}.dh-home .dh-explorer{margin-top:38px}.dh-home .dh-stages{gap:12px}.dh-home .dh-stages button{min-height:112px}.dh-home .dh-stages button small{font-size:.8rem}.dh-home .dh-progress-strip .dh-next-title{font-size:.9rem}.wb-root .wb-code pre{max-height:460px;overflow:auto;font-size:.875rem;line-height:1.75;margin:0}.wb-root .wb-hero{padding-top:12px}.wb-root .wb-grid{gap:24px}.wb-root .wb-grid>.card{margin:0}.wb-root .wb-field input,.wb-root .wb-field select{min-height:44px}.wb-root .wb-presets button{min-height:38px}.brand-mark{display:inline-grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:6px;border-radius:11px;background:#fff;border:1px solid #d4e1e8;overflow:hidden}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.brand-mark-fallback{color:#143d2d;font-weight:800;font-size:.8rem}.site-header .brand>.brand-mark{max-width:none}.site-footer .brand{white-space:normal}.site-footer .brand .brand-mark{flex-shrink:0}#root{min-height:100vh;display:flex;flex-direction:column}#main{flex:1}.site-footer{margin-top:24px}@media (max-width:1100px) and (min-width:1025px){.site-header .nav{flex-wrap:wrap;gap:10px;padding-top:12px;padding-bottom:12px}.site-header #main-nav{order:3;width:100%;justify-content:center;flex-wrap:wrap}}@media (max-width:960px){#main .cards,#main .dh-home .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.wrap{width:calc(100% - 32px)}#main .cards,#main .dh-home .cards{grid-template-columns:minmax(0,1fr)}.page{padding-top:28px}.brand-mark{width:38px;height:38px;flex-basis:38px;padding:5px}.site-header .nav{flex-wrap:wrap;padding:10px 0;gap:10px}.site-header #main-nav{top:100%}.site-header .nav-actions{gap:5px}.site-header .initials{display:none}.site-header .brand>span:last-child{font-size:.9rem;max-width:150px;white-space:normal}.wb-root .wb-code pre{max-height:360px}.about-head{align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}