@font-face{font-family:Inter;src:url("assets/Inter-Regular.ttf")}@font-face{font-family:Inter;src:url("assets/Inter-Bold.ttf");font-weight:700}:root{--paper:#fbf7ef;--ink:#171512;--orange:#f97310;--line:#e8dfd2;--muted:#655f58}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.mono{font:700 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}.orange{color:var(--orange)}.shell{max-width:1180px;margin:auto;padding:0 32px}.mast{padding:16px 0}.mast-inner{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 22px}.brand img{width:165px;height:auto;display:block}.back{text-decoration:none;font-size:13px;font-weight:700}.back:hover,.toc a:hover{color:var(--orange)}.crumb{border-bottom:1px solid var(--line);font-size:12px;padding:14px 0;color:var(--muted)}.crumb a{text-decoration:none;color:#b65412}.hero{border-bottom:1px solid var(--line);background-image:linear-gradient(#ecdfcd80 1px,transparent 1px),linear-gradient(90deg,#ecdfcd80 1px,transparent 1px),radial-gradient(circle at 85% 35%,#ffe6d0 0,transparent 42%);background-size:54px 54px,54px 54px,auto}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:48px;align-items:center;padding-top:76px;padding-bottom:76px}.eyebrow{color:#c3530c}.eyebrow:before{content:'●';margin-right:9px;color:var(--orange);font-size:9px}h1{font-size:clamp(42px,5.2vw,76px);line-height:1.02;letter-spacing:-.065em;margin:22px 0 24px;max-width:810px}h1 em{font-style:normal;color:var(--orange)}.lede{font-size:19px;line-height:1.55;max-width:620px;color:#4b4640;margin:0 0 25px}.meta{color:var(--muted);font-size:12px}.meta span{padding-right:12px}.hero-card{background:var(--ink);color:#fff;border-radius:24px;min-height:364px;padding:31px;box-shadow:9px 9px 0 #f97310;position:relative;overflow:hidden}.hero-card .mono{color:#ff9d50}.hero-card .diagram{position:absolute;bottom:54px;left:30px;right:30px;display:grid;gap:15px}.strand{height:20px;border-radius:20px;background:linear-gradient(90deg,#f97310 0 26%,#fcbd81 26% 48%,#fff0dd 48% 69%,#f97310 69% 76%,transparent 76%);animation:entry 1s ease both}.strand:nth-child(2){width:86%;animation-delay:.14s}.strand:nth-child(3){width:67%;animation-delay:.28s}.hero-card .caption{position:absolute;bottom:21px;color:#ccc;font-size:11px}.hero-card strong{display:block;font-size:30px;line-height:1.1;letter-spacing:-.04em;margin-top:29px;max-width:280px}@keyframes entry{from{opacity:.3;transform:translateX(-13px)}to{opacity:1;transform:translateX(0)}}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px}.button{display:inline-flex;align-items:center;gap:18px;background:var(--orange);color:#fff;text-decoration:none;border-radius:11px;padding:14px 18px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #d95d1840}.free{color:var(--muted);font-size:12px}.principle{padding:40px 0;border-bottom:1px solid var(--line)}.principle-inner{display:grid;grid-template-columns:190px 1fr;gap:35px;align-items:center}.principle p{font-size:22px;line-height:1.38;letter-spacing:-.035em;max-width:800px;margin:0}.reading{display:grid;grid-template-columns:245px minmax(0,720px);gap:80px;padding-top:70px;padding-bottom:110px}.toc{position:sticky;top:28px;align-self:start;border-top:2px solid var(--ink);padding-top:19px}.toc .mono{color:var(--orange);margin:0 0 15px}.toc a{display:flex;gap:12px;text-decoration:none;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.35}.toc a span{font:10px ui-monospace,monospace;color:#a69b8b}.article{min-width:0}.article>p{font-size:16px;line-height:1.85;color:#36322e;margin:0 0 22px}.article>p:first-child{font-size:20px;line-height:1.7;color:var(--ink);padding-bottom:28px;border-bottom:1px solid var(--line)}.article h2{font-size:clamp(27px,3vw,38px);letter-spacing:-.045em;line-height:1.14;margin:65px 0 22px;scroll-margin-top:20px}.article h2:before{content:'//';font:700 13px ui-monospace,monospace;letter-spacing:0;color:var(--orange);display:block;margin-bottom:14px}.article h2:first-of-type{margin-top:48px}.end{border-top:1px solid var(--line);padding:38px 0 65px}.end-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.end p{color:var(--muted);font-size:13px}.end a{font-size:13px;text-decoration:none;color:#b65412;font-weight:700}@media(max-width:800px){.shell{padding:0 20px}.hero-grid{grid-template-columns:1fr;gap:38px;padding-top:52px;padding-bottom:56px}.hero-card{min-height:260px}.hero-card strong{font-size:26px}.hero-card .diagram{bottom:39px}.hero-card .caption{display:none}.principle-inner{grid-template-columns:1fr;gap:13px}.reading{display:block;padding-top:45px;padding-bottom:65px}.toc{position:static;margin-bottom:35px}.toc a{display:none}.article h2{margin-top:48px}}@media(max-width:460px){.mast-inner{padding:10px 14px}.brand img{width:139px}.back{font-size:11px}.hero-grid{padding-top:42px}.hero-card{min-height:230px}.hero-card strong{font-size:22px}h1{font-size:44px}.lede{font-size:16px}.article>p{font-size:15px;line-height:1.75}.article>p:first-child{font-size:17px}.principle p{font-size:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.strand{animation:none}.button{transition:none}}@media print{.mast,.crumb,.hero-card,.toc,.actions,.end{display:none!important}.hero-grid,.principle-inner,.reading{display:block;padding:0}.hero{background:none}body{background:white}.article h2{break-after:avoid}.article p{orphans:3;widows:3}}@media(max-width:800px){.hero-card .diagram{bottom:28px;opacity:.8}.hero-card strong{max-width:300px;position:relative;z-index:1}.hero-card .diagram{z-index:0}}@media(max-width:460px){.hero-card{min-height:272px}.hero-card .diagram{bottom:30px}.hero-card strong{font-size:22px;max-width:270px}}

.hero-card{min-height:365px;padding:30px 26px}.problem-list{display:grid;gap:12px;margin-top:34px}.problem-row{display:grid;grid-template-columns:41px 1fr;gap:12px;align-items:center;border:1px solid #635d55;border-radius:13px;padding:15px 13px;opacity:1;animation:row-in .65s ease forwards}.problem-row:nth-child(2){animation-delay:.15s}.problem-row:nth-child(3){animation-delay:.3s}.problem-row b{font:700 17px ui-monospace,monospace;color:#ff9d50}.problem-row span{font-size:14px;line-height:1.28;font-weight:700}.hero-card .mono{position:relative;z-index:1}.article h2{border-top:1px solid var(--line);padding-top:34px}.article h2:before{content:'01 / APP';font-size:11px}.article h2:nth-of-type(2):before{content:'02 / ALERTS'}.article h2:nth-of-type(3):before{content:'03 / METRICS'}.article>p:last-child{border-left:3px solid var(--orange);padding-left:18px;margin-top:50px}.article strong{color:var(--ink);font-weight:700}.article code{font-size:.9em;background:#eee5d9;padding:1px 4px;border-radius:4px}@keyframes row-in{from{opacity:.65;transform:translateY(11px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.hero-card{min-height:340px}}@media(max-width:460px){.hero-card{min-height:338px}.problem-list{gap:9px;margin-top:22px}.problem-row{padding:12px}.problem-row span{font-size:13px}}@media(prefers-reduced-motion:reduce){.problem-row{opacity:1;animation:none}}
/* Global navigation matches the live research portal's article shell. */
.nav{position:sticky;top:14px;z-index:50;margin:14px auto 0;max-width:1180px;padding:0 28px}.nav-inner{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:16px;padding:12px 20px;box-shadow:0 2px 14px rgba(20,17,13,.05)}.nav .brand{display:flex;align-items:center;text-decoration:none;color:var(--ink)}.brand-logo{display:block;width:172px;height:auto}.nav-links{display:flex;gap:26px;align-items:center}.nav-links a{color:#44423c;text-decoration:none;font-size:14.5px;font-weight:500}.nav-links a:hover{color:var(--ink)}.nav-links .btn{background:var(--orange);color:#fff;text-decoration:none;font-weight:600;font-size:15px;border:none;cursor:pointer;padding:11px 22px;border-radius:10px;white-space:nowrap}.nav-links .btn:hover{background:#d96408;color:#fff}.nav-links .btn:active{transform:scale(.98)}@media(max-width:650px){.nav{padding:0 12px}.brand-logo{width:145px}.nav-links a:not(.btn){display:none}.nav-inner{padding:11px 14px}.nav-links .btn{font-size:13px;padding:10px 15px}}@media print{.nav{display:none}}

.footer-logo{display:block;width:140px;height:auto}.nav svg.brand-logo{flex:none}

.graph-banner{margin:34px 0 38px;background:#fbf7ef;border:1px solid #e8dfd2;border-radius:20px;padding:13px;box-shadow:7px 7px 0 #ead6c3}.entity-graph{display:block;width:100%;height:auto;border-radius:13px}.graph-banner figcaption{font-size:12px;line-height:1.5;color:#655f58;padding:11px 6px 2px}.graph-mobile{display:none}@media(max-width:600px){.graph-banner{margin:28px 0;padding:10px;box-shadow:4px 4px 0 #ead6c3}.entity-graph{display:none}.graph-mobile{display:grid;gap:10px;background:#171512;border-radius:13px;padding:16px}.graph-mobile>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;align-items:center}.graph-mobile b{font:700 12px/1.3 ui-monospace,monospace;color:#fff8ef;border:1px solid #88735c;border-radius:9px;padding:12px 6px;text-align:center}.graph-mobile span{grid-column:1/-1;grid-row:2;color:#ff9b4f;font:700 10px ui-monospace,monospace;letter-spacing:.12em;padding:0 4px;text-align:center}.graph-mobile b:last-child{grid-column:2;grid-row:1}.graph-banner figcaption{font-size:12px}}