:root{--paper:#f8f9fa;--paper-dark:#eff1f3;--white:#f7f8f8;--ink:#1c1e20;--ink-soft:#51575b;--line:#2a2d30;--line-soft:#b8bdc2;--yellow:#e9df55;--steel:#7a91a3;--mono:'JetBrains Mono','Courier New',monospace;--sans:Arial,Helvetica,sans-serif;--radius:18px;--fast:130ms;--medium:220ms}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}
button:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:3px solid #5a7d9a;outline-offset:3px}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.micro{font-family:var(--mono);font-size:10px;line-height:1.55;letter-spacing:.025em;font-weight:500}
.pale{color:#7b858d}.eyebrow{color:#58636b}
.text-button{border:0;background:transparent;font-family:var(--mono);font-size:11px;letter-spacing:.04em;padding:8px 2px;border-bottom:1px solid currentColor}
.text-button:hover{color:#6b879b}

/* Opening sequence: two phrases only. Ink is clipped to the SAME glyphs as the outline. */
.intro{position:fixed;inset:0;background:var(--paper);z-index:500;display:grid;place-items:center;overflow:hidden;color:var(--ink);outline:none}
.intro[hidden]{display:none}
.intro-center{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;gap:16px;padding:0 16px;transform:translateY(-1vh)}
.intro-word{display:block;width:min(69vw,1040px);height:auto;overflow:visible;flex:none;margin-bottom:-60px}
.intro-glyph{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:148px;letter-spacing:-.077em;font-kerning:normal}
.intro-measure{opacity:0;pointer-events:none}
.intro-fill-char{fill:var(--ink);stroke:var(--ink);stroke-width:2.5;paint-order:stroke fill;stroke-linejoin:round}
.draw-char{fill:none;stroke:var(--ink);stroke-width:1.95;stroke-linecap:round;stroke-linejoin:round;opacity:0;stroke-dasharray:380 380;stroke-dashoffset:380}
.intro-pen-char{fill:none;stroke:#7a8c98;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.intro-type{width:53.5714ch;height:74px;visibility:hidden;margin:0;white-space:nowrap;text-align:left;font-family:var(--mono);font-size:clamp(7.056px,1.4112vw,20.776px);font-weight:400;letter-spacing:.95714em;line-height:1.3;color:var(--ink)}
.intro.typing .intro-type{visibility:visible}
.type-caret{display:inline-block;width:2px;height:.92em;background:var(--ink);margin-left:5px;vertical-align:-.08em;animation:blink 850ms steps(1) infinite}
.intro.typed .type-caret{animation:none;opacity:0}
.intro.exit{animation:intro-exit .6s cubic-bezier(.55,0,.8,1) forwards}
@keyframes blink{50%{opacity:0}}
@keyframes intro-exit{to{opacity:0;visibility:hidden}}

/* Product frame retains the Blog's outlined pills and compact technical mono. */
.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh;opacity:0;pointer-events:none;transition:opacity .4s ease}
.app-shell[hidden]{display:none}
.app-shell.visible{opacity:1;pointer-events:auto}
.sidebar{position:sticky;top:0;align-self:start;height:100vh;min-height:690px;background:#dfe2e5;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:25px 18px 18px;overflow-y:auto;z-index:60}
.sidebar-top{display:flex;align-items:center;gap:12px;padding:0 4px 32px;border-bottom:1px solid var(--line-soft)}
.brand-icon{height:50px;width:50px;border:1.4px solid var(--ink);border-radius:50%;background:var(--ink);color:var(--white);font:900 25px/.9 var(--sans);letter-spacing:-.12em;display:grid;place-content:center;position:relative;flex:none}
.brand-icon span{display:inline;color:var(--yellow)}.brand-icon i{font-style:normal;position:absolute;bottom:4px;right:9px;color:var(--yellow);font-size:18px}
.sidebar-product{font-size:10px;line-height:1.65;color:#545e66;letter-spacing:-.01em}.sidebar-product strong{color:var(--ink);font-weight:700}
.sidebar-close{display:none}
.sidebar-section-title{display:flex;justify-content:space-between;margin:26px 8px 12px;color:#6d747a;font-size:9px}
.sidebar-nav{display:flex;flex-direction:column;gap:4px}
.side-link{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:12px;width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:11px;padding:14px 11px;font-size:13px;font-weight:700;transition:background var(--fast) ease,border-color var(--fast) ease}
.side-link .side-index{font:500 10px var(--mono);color:#6e767c}
.side-link:hover{background:rgba(255,255,255,.55)}
.side-link.active{border-color:var(--ink);background:var(--yellow)}.side-link.active .side-index{color:var(--ink)}
.sidebar-divider{height:1px;background:var(--line-soft);margin:22px 5px}
.sidebar-quote{padding:6px 8px;max-width:210px}.quote-mark{font-size:57px;line-height:.7;display:block;color:#8499a6}.sidebar-quote p{font-size:14px;font-weight:700;line-height:1.28;letter-spacing:-.03em}
.sidebar-bottom{margin-top:auto;padding-top:20px}
.subscribe-side{width:100%;display:grid;grid-template-columns:14px 1fr;align-items:center;gap:9px;text-align:left;padding:15px 11px;border:1px solid var(--ink);border-radius:11px;background:var(--ink);color:white;font:600 10px var(--mono);transition:background var(--fast)}
.subscribe-side:hover{background:#49555e}.subscribe-dot{width:8px;height:8px;background:var(--yellow);border-radius:50%}
.sidebar-meta{display:flex;justify-content:space-between;margin:22px 5px 3px;color:#7e858b;font-size:9px}
.main-shell{min-width:0;display:flex;flex-direction:column}
.topbar{position:sticky;top:0;z-index:40;background:rgba(241,242,243,.94);backdrop-filter:blur(13px);padding:17px clamp(20px,2.25vw,38px) 13px;display:flex;align-items:center;gap:15px;border-bottom:1px solid rgba(28,30,32,.09)}
.search-pill{display:flex;align-items:center;min-width:160px;height:59px;border:1.4px solid var(--ink);border-radius:31px;background:var(--white);flex:1;position:relative;max-width:800px}
.search-mark{display:grid;place-content:center;height:48px;width:48px;min-width:48px;margin:5px;border-radius:50%;background:var(--ink);color:var(--white);font:900 17px var(--sans);letter-spacing:-.07em}.search-mark span{color:var(--yellow)}
.search-pill input{width:100%;height:100%;border:0;background:transparent;outline:none;padding:0 15px;font:500 10px var(--mono);letter-spacing:.01em;text-transform:uppercase;color:var(--ink)}.search-pill input:focus-visible{outline:none}.search-pill:focus-within{box-shadow:0 0 0 3px rgba(122,145,163,.35)}
.search-pill input::placeholder{color:#6d747a;opacity:1}.search-icon{width:19px;height:19px;margin:0 21px 0 3px;flex:none}
.search-results{position:absolute;top:calc(100% + 8px);left:0;width:100%;padding:7px;background:#fbfbfb;border:1.3px solid var(--ink);border-radius:17px;box-shadow:0 16px 38px rgba(20,20,20,.14);z-index:100}.search-results[hidden]{display:none}
.search-result{display:grid;grid-template-columns:30px 1fr;gap:10px;width:100%;padding:11px;border:0;border-radius:10px;background:transparent;text-align:left;font:700 12px var(--sans)}.search-result:hover{background:#e5e9ea}.search-result small{font:500 10px var(--mono);color:#879098}
.top-navigation{display:flex;gap:8px;align-items:center}
.nav-card{width:67px;min-height:59px;position:relative;display:grid;place-items:end center;border:1.3px solid var(--ink);border-radius:12px 12px 9px 9px;background:var(--white);font:600 8px var(--mono);padding:11px 3px 10px;transition:background var(--fast) ease,transform var(--fast) ease}
.nav-card:hover{background:#d6dee5;transform:translateY(-2px)}.nav-card.selected{background:#eef0f1}.nav-num{position:absolute;left:-6px;top:-8px;display:grid;place-items:center;width:24px;height:24px;background:var(--white);border:1px solid var(--ink);border-radius:50%;font:600 8px var(--mono)}.nav-card.selected .nav-num{background:var(--yellow)}
.mobile-menu{display:none}
#main-content{width:100%;max-width:1580px;margin:0 auto;padding:0 clamp(20px,2.25vw,38px) 90px;flex:1}
.page-view{display:none;animation:page-in .22s ease both}.page-view.active{display:block}@keyframes page-in{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.top-ruler{display:flex;justify-content:space-between;align-items:center;padding:13px 0;color:#778087;font-size:9px}.signal-dot{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--yellow);border:1px solid var(--ink)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);gap:14px;min-height:536px}
.hero-copy{padding:30px 21px 0 0;display:flex;flex-direction:column;min-width:0}
.hero-supra{display:flex;align-items:center;gap:7px;color:#4f5a60;font-size:9px;margin-bottom:37px}.line-star{font-size:19px;color:#718b9b}
.hero-copy h1{font-size:clamp(63px,6.15vw,118px);font-weight:900;line-height:.81;letter-spacing:-.078em;margin:0;white-space:nowrap}
.hero-copy h1>span{letter-spacing:-.082em}.hero-copy h1 sup{font:700 clamp(22px,2.7vw,42px) var(--mono);letter-spacing:-.1em;vertical-align:top;margin-left:8px;position:relative;top:-2px;color:#647887}
.headline-rule{height:1.5px;background:var(--ink);margin:33px 0 24px;max-width:605px}
.hero-subtitle{font-size:clamp(23px,2.25vw,34px);line-height:1.04;font-weight:800;letter-spacing:-.04em;margin:0 0 17px}
.hero-description{max-width:470px;font-size:15px;line-height:1.48;margin:0;color:#4d555a}
.hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin:27px 0 24px}
.solid-action,.outline-action{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:48px;padding:13px 16px;border:1.3px solid var(--ink);border-radius:12px;font:700 11px var(--mono);letter-spacing:-.015em;transition:background var(--fast),color var(--fast),transform var(--fast)}
.solid-action{background:var(--ink);color:white}.solid-action:hover{background:#475968;transform:translateY(-2px)}.outline-action{background:transparent}.outline-action:hover{background:var(--yellow);transform:translateY(-2px)}.solid-action span,.outline-action span{font:400 19px var(--sans)}
.hero-foot{margin-top:auto;display:flex;justify-content:space-between;gap:10px;color:#788288;font-size:9px;padding-right:18px}
.map-panel{border:1.3px solid var(--ink);border-radius:var(--radius);background:#f3f4f5;display:flex;flex-direction:column;min-width:0;overflow:hidden;position:relative}
.map-panel::after{content:"";pointer-events:none;position:absolute;inset:0;background-image:linear-gradient(rgba(28,30,32,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(28,30,32,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(transparent 5%,black 35%,black 85%,transparent 100%)}
.panel-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 20px 0;position:relative;z-index:2;font-size:9px}.panel-tag{color:#76838d}
.mode-map{display:block;width:100%;max-height:420px;flex:1;overflow:visible;position:relative;z-index:2}
.mode-map .mode-ring{fill:none;stroke:#9babb5;stroke-width:.8;stroke-dasharray:2.5 6;opacity:.8}.mode-map .mode-link{stroke:#a0acb4;stroke-width:1;fill:none}.mode-map .mode-link.strong{stroke:#4d5f6c;stroke-width:1.3}.mode-map .center-mark{font:900 53px var(--sans);fill:var(--ink);letter-spacing:-.09em}.mode-map .center-caption{font:500 10px var(--mono);fill:#697980;letter-spacing:.07em}
.mode-map .node-target{cursor:pointer;outline:none}.mode-map .node-target .node-circle{fill:#f7f8f8;stroke:var(--ink);stroke-width:1.4;transition:fill var(--fast),r var(--fast)}.mode-map .node-target:hover .node-circle,.mode-map .node-target.active .node-circle{fill:var(--yellow)}.mode-map .node-target .node-number{font:700 15px var(--mono);fill:var(--ink);text-anchor:middle;dominant-baseline:middle;pointer-events:none}.mode-map .node-target .node-tick{stroke:#3f484e;stroke-width:1.2;opacity:.7}.mode-map .node-target:focus-visible .node-circle{stroke-width:4;stroke:#53748a}
.mode-map .orbital-label{font:500 9px var(--mono);fill:#78909c;letter-spacing:.06em}.mode-map .axis-tick{stroke:#bcc5cb;stroke-width:1}
.map-bottom{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-top:auto;border-top:1px solid #c2c7cb;padding:14px 17px 16px;position:relative;z-index:2}
.map-bottom>div{display:flex;flex-direction:column;gap:4px}.map-bottom strong{font-size:20px;letter-spacing:-.04em}.round-arrow{width:38px;height:38px;border-radius:50%;background:var(--yellow);border:1.3px solid var(--ink);font-size:21px;transition:transform var(--fast)}.round-arrow:hover{transform:rotate(45deg)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:54px 0 19px}.section-heading h2{font-size:clamp(31px,3.3vw,47px);line-height:1.02;letter-spacing:-.06em;margin:9px 0 0}.section-notation{color:#6c747a;font-size:9px}
.entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.entry-card{height:292px;min-width:0;display:flex;flex-direction:column;justify-content:space-between;text-align:left;border:1.3px solid var(--ink);border-radius:17px;padding:16px 17px 20px;overflow:hidden;position:relative;transition:transform var(--medium) cubic-bezier(.1,.6,.2,1),box-shadow var(--medium)}.entry-card:hover{transform:translateY(-5px);box-shadow:0 12px 0 rgba(28,30,32,.09)}
.card-head{display:flex;justify-content:space-between;gap:10px;position:relative;z-index:2;font-size:9px}.card-head b{font:400 20px var(--sans)}
.entry-bottom{position:relative;z-index:2;display:flex;flex-direction:column;gap:6px}.entry-bottom strong{font-size:clamp(17px,1.6vw,23px);line-height:1.02;letter-spacing:-.045em}.entry-bottom small{font-size:12px;line-height:1.3;font-weight:400;opacity:.74}
.entry-book{background:#202325;color:#f8f8f8}.entry-symbol{font:900 clamp(80px,9.2vw,154px)/.8 var(--sans);letter-spacing:-.12em;color:#f7f8f8;position:absolute;top:48px;left:12px;transform:rotate(-7deg)}.entry-symbol span{color:var(--yellow)}
.entry-map{background:#d5dade}.radial-art{position:absolute;width:230px;height:230px;top:48px;left:50%;transform:translateX(-50%);border:1px solid #8598a4;border-radius:50%}.radial-art:before,.radial-art:after{content:"";position:absolute;inset:22px;border:1px dashed #8497a3;border-radius:50%}.radial-art:after{inset:54px;border-style:solid}.radial-art i{position:absolute;left:50%;top:50%;height:13px;width:13px;background:#f7f8f8;border:1.3px solid var(--ink);border-radius:50%;transform:rotate(calc(var(--i)*60deg)) translateY(-114px);transform-origin:0 0}.radial-art i:nth-child(1){--i:0}.radial-art i:nth-child(2){--i:1}.radial-art i:nth-child(3){--i:2}.radial-art i:nth-child(4){--i:3}.radial-art i:nth-child(5){--i:4}.radial-art i:nth-child(6){--i:5;background:var(--yellow)}
.entry-theory{background:#f1f2f2}.formula-art{display:flex;justify-content:center;align-items:center;gap:15px;position:absolute;top:68px;left:0;right:0;font:700 clamp(52px,5.4vw,89px) var(--sans);letter-spacing:-.07em}.formula-art small{font:700 clamp(29px,3.4vw,53px) var(--mono);border-bottom:2px solid var(--ink)}.formula-art>span:nth-child(1){color:#7f929e}
.entry-lab{background:var(--yellow)}.lab-art{font:900 clamp(80px,9vw,138px)/1 var(--sans);letter-spacing:-.1em;text-align:center;margin-top:25px}.lab-art span{font-size:.5em;position:relative;top:-.13em}
.editorial-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.7fr);gap:13px;margin-top:27px}.editorial-main,.research-now{border:1.3px solid var(--ink);border-radius:17px;background:#f6f7f7;padding:18px 24px 22px;min-height:338px}.research-now{background:#dce1e5}
.editorial-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #b8bec3;color:#616d75;font-size:9px}
.editorial-text{display:grid;grid-template-columns:160px 1fr;gap:25px;align-items:start;padding-top:26px}.large-index{font-size:clamp(115px,12vw,180px);font-weight:900;letter-spacing:-.12em;line-height:.9}.large-index span{color:var(--steel)}
.editorial-text h2{font-size:clamp(29px,3vw,46px);line-height:1.02;letter-spacing:-.055em;margin:9px 0 12px}.editorial-text p{font-size:14px;line-height:1.42;max-width:495px;color:#5f686e}.inline-link{border:0;border-bottom:1px solid var(--ink);background:transparent;padding:7px 0;display:inline-flex;align-items:center;gap:24px;font:700 10px var(--mono);margin-top:4px}.inline-link:hover{color:#526f83}.inline-link span{font:400 19px var(--sans)}
.research-now h3{font-size:29px;letter-spacing:-.05em;margin:20px 0 6px}.research-now>p{font-size:13px;line-height:1.42;max-width:330px;color:#53606a;margin:0 0 21px}.research-row{display:grid;grid-template-columns:27px 1fr 16px;gap:10px;border-top:1px solid #b4bcc2;padding:10px 0;font:600 10px var(--mono)}.research-row span:first-child{color:#7a8790}.research-row span:last-child{text-align:right}.research-now .inline-link{margin-top:12px}

/* Reading and research pages. */
.page-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;padding:57px 0 25px;border-bottom:1.4px solid var(--ink)}
.page-heading h1{font-size:clamp(50px,6vw,94px);line-height:.94;letter-spacing:-.075em;margin:18px 0 8px;max-width:980px;font-weight:900}.page-heading p{font-size:17px;color:#5a636a;line-height:1.4;margin:0;max-width:670px}.page-stamp{white-space:nowrap;color:#6b7780;margin-bottom:5px}
.reader-grid{display:grid;grid-template-columns:minmax(260px,335px) minmax(0,1fr);gap:14px;margin-top:20px;align-items:start}.reader-toc{border:1.3px solid var(--ink);background:#dee2e5;border-radius:17px;padding:19px;position:sticky;top:105px}.toc-head{margin-bottom:20px;color:#66717a}
.chapter-row{width:100%;display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;padding:15px 10px;background:transparent;border:0;border-top:1px solid #b1bbc1;text-align:left}.chapter-row span{font:500 10px var(--mono);color:#6a7b84}.chapter-row strong{font-size:13px;line-height:1.24}.chapter-row.current,.chapter-row:hover{background:var(--yellow);border-radius:8px}.toc-mini-title{margin:23px 10px 9px;color:#89939a;font-size:9px}.minor-chapter{padding:10px 12px;display:flex;justify-content:space-between;background:transparent;border:0;border-top:1px solid #c2c8cc;width:100%;font:600 10px var(--mono)}.minor-chapter:hover{background:#f7f8f8}
.reader-page{background:#f8f8f7;border:1.3px solid var(--ink);border-radius:17px;min-height:700px;padding:21px clamp(25px,4vw,70px) 55px}.reader-label{display:flex;justify-content:space-between;color:#7a848b;font-size:9px}.reader-horizontal{height:1px;background:#c2c7cb;margin:18px 0 54px}.reader-copy{max-width:730px;margin:0 auto}.reader-initial{font:900 120px/.85 var(--sans);color:#8599a6;letter-spacing:-.11em}.reader-copy h2{font-size:clamp(40px,4.5vw,68px);line-height:1.02;letter-spacing:-.066em;margin:22px 0 24px}.reader-deck{font-size:20px;line-height:1.4;color:#606970;max-width:640px}.reader-note{border-top:1.3px solid var(--ink);padding-top:18px;margin-top:55px}.reader-note p{font-size:15px;line-height:1.65;color:#4a5359;max-width:600px}.reader-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px}
.map-detail-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.68fr);gap:14px;margin-top:20px}.map-detail-canvas{border:1.3px solid var(--ink);border-radius:18px;background:#f5f6f6;min-height:650px;display:flex;flex-direction:column;overflow:hidden;background-image:linear-gradient(rgba(28,30,32,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(28,30,32,.03) 1px,transparent 1px);background-size:35px 35px}.mode-map-large{max-height:560px;min-height:490px}.map-key{display:flex;gap:24px;padding:16px 24px;border-top:1px solid #bec6cb;margin-top:auto;color:#707b82}.key-dot{display:inline-block;height:9px;width:9px;border:1px solid var(--ink);border-radius:50%;background:var(--yellow)}.key-line{display:inline-block;width:18px;height:1px;background:#8c9ba4;vertical-align:middle;margin-bottom:4px}
.mode-inspector{border:1.3px solid var(--ink);border-radius:18px;background:#dfe3e6;padding:27px 24px;display:flex;flex-direction:column;min-height:650px}.mode-inspector-number{font:900 clamp(110px,11vw,170px)/.95 var(--sans);letter-spacing:-.13em;margin:35px 0 15px}.mode-inspector h2{font-size:26px;letter-spacing:-.05em;margin:0 0 15px}.mode-inspector>p{font-size:14px;line-height:1.55;color:#5f6a72}.inspector-info{border-top:1px solid #aab4bb;margin-top:24px;padding-top:18px}.inspector-info>span{color:#66727a}.inspector-info button{display:flex;width:100%;justify-content:space-between;border:0;border-bottom:1px solid #b5bdc3;background:transparent;text-align:left;padding:13px 2px;font:700 10px var(--mono)}.inspector-info button:hover{color:#577991}.inspector-note{margin-top:auto;padding-top:28px;color:#68757e;font-size:9px}
.theory-layout{display:grid;grid-template-columns:1.55fr .62fr;gap:14px;margin-top:20px}.theory-sheet{padding:48px clamp(25px,5vw,80px) 55px;min-height:650px;border:1.3px solid var(--ink);border-radius:18px;background:#f8f8f7}.theory-sheet h2{font:900 clamp(61px,7vw,114px)/.95 var(--sans);letter-spacing:-.075em;margin:75px 0 25px}.theory-lede{font-size:21px;line-height:1.45;max-width:780px;color:#566168}.theory-placeholder{border:1px solid #aab4ba;padding:21px;margin:65px 0 20px}.theory-placeholder>div{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-top:25px;font:700 clamp(17px,2vw,27px) var(--sans);letter-spacing:-.05em}.theory-placeholder i{font:400 27px var(--sans);font-style:normal;color:#859aaa}.note-paragraph{color:#7d858b;font:500 11px/1.6 var(--mono)}.theory-side{background:#dfe4e7;border:1.3px solid var(--ink);border-radius:18px;padding:26px 20px}.theory-link{width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;border:0;border-bottom:1px solid #b5bfc6;padding:25px 2px;font-size:26px;font-weight:900;letter-spacing:-.06em;text-align:left}.theory-link:hover{color:#617f93}
.treatise-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:20px}.treatise-feature{position:relative;overflow:hidden;min-height:620px;border:1.3px solid var(--ink);border-radius:18px;background:#e0e5e8;padding:27px}.treatise-graphic{display:grid;place-content:center;height:320px;position:relative}.treatise-graphic>span:first-child{font:900 180px var(--sans);line-height:1;z-index:2}.orbit{position:absolute;width:320px;height:120px;border:1px solid #667a86;border-radius:50%;transform:rotate(35deg);top:89px;left:calc(50% - 160px)}.orbit-two{transform:rotate(-35deg)}.orbit-three{transform:rotate(90deg)}.treatise-feature h2{font-size:42px;letter-spacing:-.06em;margin:15px 0 8px}.treatise-feature p{max-width:530px;color:#56636b;line-height:1.55}.treatise-index{background:#f5f6f6;border:1.3px solid var(--ink);border-radius:18px;padding:28px}.index-line{border-bottom:1px solid #b8c0c5;padding:25px 0;display:grid;grid-template-columns:35px 1fr 18px;align-items:center}.index-line b{font:500 10px var(--mono);color:#81909a}.index-line strong{font-size:24px;letter-spacing:-.05em}.treatise-index>p{color:#6e7a82;font:500 11px/1.6 var(--mono);margin:35px 0}.treatise-index>.outline-action{margin-top:10px}
.lab-layout{display:grid;grid-template-columns:1.45fr .6fr;gap:14px;margin-top:20px}.lab-situation{background:#f4f5f5;border:1.3px solid var(--ink);border-radius:18px;padding:0 28px 35px;min-height:690px}.lab-situation .panel-top{padding:23px 0 0}.lab-big-symbol{display:block;font:900 156px/.8 var(--sans);color:#8da0ab;margin:44px 0 9px}.lab-situation h2{font-size:clamp(33px,4vw,58px);line-height:1.04;letter-spacing:-.06em;margin:0 0 13px}.lab-situation>p{max-width:630px;color:#59636b;font-size:15px;line-height:1.5}.experiment-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:29px 0 15px}.exp-tab{font:600 10px var(--mono);border:1px solid var(--ink);border-radius:8px;padding:12px 14px;background:transparent}.exp-tab:hover,.exp-tab.selected{background:var(--yellow)}.experiment-result{background:#e0e5e8;border:1px solid #a7b2b9;border-radius:12px;padding:21px;min-height:124px}.experiment-result p{font-size:17px;line-height:1.43;max-width:620px;margin:12px 0 0}.lab-aside{border:1.3px solid var(--ink);border-radius:18px;background:#d9dee2;padding:28px;display:flex;flex-direction:column}.lab-axis{display:flex;align-items:center;flex-direction:column;font:900 clamp(19px,2.1vw,32px) var(--sans);letter-spacing:-.04em;gap:10px;margin:64px 0}.lab-axis span:nth-child(even){font-size:31px;color:#879ba6;font-weight:400}.lab-aside>p{color:#617078;font-size:13px;line-height:1.55;margin-top:auto}.lab-aside .outline-action{margin-top:14px}
.journal-columns{display:grid;grid-template-columns:1.3fr .7fr;gap:14px;margin-top:20px}.journal-feature{min-height:550px;border:1.3px solid var(--ink);border-radius:18px;background:#f5f6f6;padding:40px}.journal-feature h2{font-size:clamp(39px,5vw,72px);line-height:1;letter-spacing:-.067em;max-width:800px;margin:75px 0 25px}.journal-feature>p:not(.note-paragraph){max-width:650px;font-size:17px;line-height:1.5;color:#566169}.journal-feature .note-paragraph{margin-top:60px;max-width:650px}.journal-list{border:1.3px solid var(--ink);border-radius:18px;background:#dce2e6;padding:27px}.journal-list>div{display:grid;grid-template-columns:30px 1fr 20px;gap:15px;align-items:center;padding:28px 0;border-bottom:1px solid #b5c0c6}.journal-list small{font:500 10px var(--mono);color:#7c8d98}.journal-list strong{font-size:15px;letter-spacing:-.025em}.journal-list>div span{font-size:20px;text-align:right}
.site-footer{background:#212528;color:#e5e8e9;padding:38px clamp(20px,2.25vw,38px) 28px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:30px}.site-footer>div:first-child{display:flex;align-items:end;gap:20px}.footer-symbol{font:900 64px/.8 var(--sans);letter-spacing:-.13em;color:var(--yellow)}.site-footer p{font:500 10px/1.5 var(--mono);color:#d0d5d8;margin:0}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links button,.footer-credit button{font:600 10px var(--mono);color:inherit;background:none;border:0;border-bottom:1px solid #7a858c;padding:7px 0}.footer-links button:hover,.footer-credit button:hover{color:var(--yellow)}.footer-credit{display:flex;flex-direction:column;align-items:end;gap:15px;color:#9aa7af}
.dialog-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:rgba(25,28,31,.65);z-index:300}.dialog-backdrop[hidden]{display:none}.dialog-card{width:min(100%,510px);padding:35px;border:1.5px solid var(--ink);border-radius:18px;background:#f1f3f4;position:relative;box-shadow:12px 12px 0 rgba(25,28,31,.22)}.dialog-close{position:absolute;right:18px;top:14px;background:transparent;border:0;font-size:30px}.dialog-card h2{font-size:41px;letter-spacing:-.06em;line-height:1.06;margin:24px 0 15px}.dialog-card p{color:#59656d;line-height:1.5}.dialog-note{border-top:1px solid #b8c0c4;border-bottom:1px solid #b8c0c4;padding:15px 0;margin:28px 0;color:#687983}.dialog-card .solid-action{width:100%}.mobile-scrim{display:none}

@media(max-width:1380px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.hero-copy h1{font-size:clamp(66px,6.05vw,92px)}.hero-grid{min-height:510px}.map-panel{min-height:510px}.entry-grid{gap:9px}.entry-card{padding:14px;height:272px}.entry-bottom strong{font-size:19px}.hero-supra{margin-bottom:32px}}
@media(max-width:1150px){.topbar{gap:8px}.nav-card{width:58px}.hero-grid{grid-template-columns:1.03fr .97fr}.hero-copy h1{font-size:clamp(62px,5.85vw,78px)}.hero-subtitle{font-size:27px}.hero-description{font-size:13px}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-card{height:255px}.entry-symbol{font-size:145px}.entry-bottom strong{font-size:25px}.editorial-grid{grid-template-columns:1fr}.editorial-text{grid-template-columns:130px 1fr}.hero-supra{font-size:8px}}
@media(max-width:980px){.app-shell{display:block}.sidebar{position:fixed;inset:0 auto 0 0;transform:translateX(-105%);transition:transform .25s ease;width:285px;min-height:0;box-shadow:15px 0 30px rgba(20,25,28,.12)}.sidebar.open{transform:translateX(0)}.sidebar-close{display:block;margin-left:auto;border:0;background:transparent;font-size:25px}.mobile-scrim.open{display:block;position:fixed;inset:0;background:rgba(25,28,31,.28);z-index:50}.mobile-menu{display:flex;flex:none;flex-direction:column;justify-content:center;gap:5px;width:41px;height:41px;border:1.2px solid var(--ink);border-radius:50%;background:#f5f6f6;align-items:center}.mobile-menu span{width:17px;height:1.5px;background:var(--ink)}.hero-copy h1{font-size:clamp(66px,7.7vw,95px)}.site-footer{grid-template-columns:1fr 1fr}.footer-credit{align-items:start}.map-detail-layout,.theory-layout,.treatise-grid,.lab-layout,.journal-columns{grid-template-columns:1fr}.map-detail-canvas{min-height:560px}.mode-inspector{min-height:410px}.mode-inspector-number{margin-top:20px}.lab-aside{min-height:320px}.lab-axis{margin:20px 0;flex-direction:row;justify-content:center}.lab-axis span:nth-child(even){transform:rotate(-90deg)}.lab-aside>p{margin-top:15px}}
@media(max-width:740px){.topbar{padding:11px 14px;flex-wrap:wrap}.search-pill{height:48px;order:1;flex-basis:calc(100% - 55px)}.search-mark{height:38px;width:38px;min-width:38px;font-size:15px}.search-pill input{font-size:9px;padding:0 8px}.search-icon{width:17px;margin-right:14px}.mobile-menu{order:0}.top-navigation{order:2;width:100%;justify-content:space-between;margin-top:6px}.nav-card{width:calc(25% - 5px);min-height:45px;border-radius:10px;font-size:9px}.nav-num{width:22px;height:22px;top:-5px;left:-4px}.top-ruler{font-size:8px;gap:10px;flex-wrap:wrap}.top-ruler span:last-child{display:none}#main-content{padding:0 14px 50px}.hero-grid{grid-template-columns:1fr;gap:14px}.hero-copy{padding:17px 4px 10px}.hero-supra{margin-bottom:26px}.hero-copy h1{font-size:clamp(58px,13vw,104px)}.hero-copy h1 sup{font-size:23px}.headline-rule{margin:29px 0 18px}.hero-subtitle{font-size:29px}.hero-description{font-size:14px}.hero-foot{margin-top:15px}.map-panel{min-height:460px}.mode-map{max-height:360px}.section-heading{margin-top:35px}.section-heading h2{font-size:34px}.section-notation{display:none}.entry-grid{grid-template-columns:1fr 1fr;gap:9px}.entry-card{height:235px;padding:11px}.entry-bottom strong{font-size:20px}.entry-bottom small{font-size:11px}.card-head{font-size:8px}.entry-symbol{font-size:110px;top:70px}.formula-art{top:80px;font-size:57px;gap:8px}.formula-art small{font-size:31px}.lab-art{font-size:79px;margin-top:30px}.radial-art{width:170px;height:170px;top:42px}.radial-art i{transform:rotate(calc(var(--i)*60deg)) translateY(-84px)}.editorial-grid{margin-top:15px}.editorial-main,.research-now{padding:17px}.editorial-text{grid-template-columns:1fr;gap:2px}.large-index{font-size:105px}.editorial-text h2{font-size:34px}.page-heading{padding:30px 0 22px;display:block}.page-heading h1{font-size:clamp(48px,10.5vw,77px)}.page-heading p{font-size:15px}.page-stamp{display:block;margin-top:18px}.reader-grid{grid-template-columns:1fr}.reader-toc{position:static}.reader-page{padding:20px 24px 40px;min-height:600px}.reader-horizontal{margin-bottom:40px}.reader-copy h2{font-size:45px}.reader-deck{font-size:18px}.mode-map-large{min-height:390px}.map-detail-canvas{min-height:495px}.map-key{gap:12px;font-size:8px;flex-wrap:wrap}.mode-inspector{min-height:420px}.theory-sheet{padding:28px;min-height:560px}.theory-sheet h2{font-size:64px;margin-top:60px}.theory-lede{font-size:17px}.theory-placeholder>div{font-size:16px}.treatise-feature{min-height:550px}.treatise-graphic{height:300px}.treatise-feature h2{font-size:34px}.lab-situation{padding:0 20px 26px}.lab-big-symbol{font-size:115px}.lab-situation h2{font-size:37px}.experiment-result p{font-size:15px}.journal-feature{padding:28px;min-height:510px}.journal-feature h2{font-size:47px;margin-top:55px}.site-footer{grid-template-columns:1fr;padding:35px 22px;gap:25px}.footer-credit{align-items:start}.intro-top,.intro-bottom{padding:20px}.intro-top .micro{font-size:8px}.intro-bottom .micro,.intro-bottom{font-size:8px}.intro-bottom span:nth-child(2){display:none}.intro-index{font-size:8px;margin-bottom:12px}.intro-type{letter-spacing:0;font-size:13px}}
@media(max-width:420px){.hero-copy h1{font-size:clamp(52px,13.7vw,65px)}.hero-copy h1 sup{font-size:19px}.hero-actions{gap:7px}.solid-action,.outline-action{font-size:9px;min-height:45px;padding:11px 12px;gap:15px}.entry-card{height:220px}.entry-bottom strong{font-size:17px}.radial-art{width:145px;height:145px}.radial-art i{transform:rotate(calc(var(--i)*60deg)) translateY(-72px)}.site-footer>div:first-child{align-items:center}}
@media(max-width:740px){.intro-word{width:min(94vw,650px);margin-bottom:calc(-28px - .4vw)}.intro-type{height:52px;font-size:clamp(6.664px,1.9208vw,14.504px);letter-spacing:.95714em}.intro-center{gap:10px;padding:0 8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}