/* Daylight: an accessible, light-first research reading surface. */
:root,:root[data-theme=light]{color-scheme:light;--bg:#f8fbff;--bg-alt:#eef5fd;--paper:#18314f;--ink:#172b46;--muted:#50617a;--accent:#1356bc;--gold:#885500;--line:#d3e1f0;--nav:rgba(255,255,255,.96);--shadow:0 22px 65px #22477713;--surface:#fff;--teal:#08796f;--halo:#d8effe;--wash:#e5f7f3}
:root[data-theme=dark]{color-scheme:dark;--bg:#0d1b2e;--bg-alt:#13283e;--paper:#f4f8ff;--ink:#eaf1fc;--muted:#adbed3;--accent:#91bfff;--gold:#efc577;--line:#344960;--nav:rgba(13,27,46,.96);--shadow:0 24px 65px #0004;--surface:#14283d;--teal:#7be0ca;--halo:#12314e;--wash:#153a3b}
html{scroll-padding-top:112px}body{background:var(--bg)}a,button{transition:color .18s,background .18s,border-color .18s,box-shadow .18s,transform .18s}
.site-header{position:sticky;top:0;backdrop-filter:blur(18px);box-shadow:0 1px 20px #263c6010}.nav{height:84px;gap:24px}.brand{font-weight:600}.monogram{border:0;border-radius:14px;background:var(--accent);color:var(--bg);box-shadow:0 5px 18px #1764ce22;letter-spacing:-1px}.nav-links a{padding-block:10px}.nav-contact{border-radius:10px}.icon-button{width:44px;height:44px;border-radius:13px;background:var(--surface)}
.nav-links a:not(.nav-contact):after{content:'';height:2px;background:var(--accent);position:absolute;bottom:3px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .22s}.nav-links a:hover:after,.nav-links a[aria-current]:after{transform:scaleX(1);border:0;bottom:3px}
.button{border-radius:11px;min-height:48px;box-shadow:0 6px 18px #1356bc16;font-size:17px}.button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #1356bc22}.button.secondary{background:var(--surface);box-shadow:none}.text-link{min-height:40px}.button:focus-visible,.text-link:focus-visible{outline-offset:5px}
.eyebrow{font-weight:600;font-size:12px;letter-spacing:.14em}.eyebrow:before{width:22px;height:3px;border-radius:3px}.hero{background:radial-gradient(ellipse at 84% 34%,var(--halo),transparent 50%),radial-gradient(ellipse at 9% 87%,var(--wash),transparent 44%),var(--bg)}
.editorial-hero .hero-inner{min-height:650px;gap:46px;padding-block:64px 76px;grid-template-columns:1.03fr 1fr}.editorial-hero h1{font-size:clamp(44px,4.65vw,74px);letter-spacing:-.045em;line-height:1.05}.editorial-hero h1 em{color:var(--teal)}.editorial-hero .hero-description{font-size:22px;line-height:1.6;max-width:28em}.hero-studies{gap:10px;margin-top:23px}.hero-studies a{border:1px solid var(--line);padding:6px 13px;background:var(--surface);border-radius:30px;text-decoration:none;font-size:15px;min-height:40px}
.hero .network-art{background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:12px 12px 18px;box-shadow:var(--shadow);transform:rotate(-1deg)}.network-art:before{inset:-10%;background:radial-gradient(ellipse,var(--halo),transparent 66%)}.network-svg{display:block;max-height:none}.art-caption{margin-inline:12px;font-size:10px;line-height:1.6;align-items:center}.art-caption .motion-switch{font-size:11px;min-height:36px;white-space:nowrap}
.net-edge{opacity:.4;stroke-width:1.25;stroke-dasharray:5 9;animation-duration:8s}.net-orbit{opacity:.36}.net-user{stroke:var(--teal);fill:var(--surface);stroke-width:1.7}.net-station{fill:var(--accent);stroke:var(--accent)}.net-station+path{stroke:var(--surface)}.net-glow{fill:var(--accent);opacity:.12}.net-wave{fill:none;stroke:var(--teal);stroke-width:1;transform-box:fill-box;transform-origin:center;animation:radioWave 4.8s ease-out infinite}.net-wave:nth-of-type(even){animation-delay:-2.4s}.net-packet{fill:var(--teal);opacity:.85}
.section{padding-block:88px}.section-head{margin-bottom:38px}.section h2{letter-spacing:-.035em}.section-head>p{line-height:1.7}.feature-study{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:34px 38px!important;margin-top:24px;gap:48px;box-shadow:0 8px 28px #1b426207;transition:box-shadow .3s,border-color .3s,transform .3s}.feature-study:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-3px)}.feature-study h3{font-size:clamp(30px,3vw,43px)}.feature-study .study-method{font-size:20px;line-height:1.6}.feature-study .study-takeaway{font-size:17px;line-height:1.65}.figure-window{border-radius:14px;border:1px solid #dfe6ec}.feature-study .research-figure{min-width:0}.feature-study .research-figure small{font-size:12px;margin-top:14px}.tags span{padding:3px 9px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}
.learning-section{background:linear-gradient(125deg,var(--bg-alt),var(--wash))}.learning-index a{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:12px;transition:transform .2s,box-shadow .2s}.learning-index a:hover{transform:translateX(6px);box-shadow:var(--shadow)}.learning-index a:last-child{border:1px solid var(--line)}.learning-index span{font-size:16px;color:var(--teal)}.learning-entry{gap:72px}.learning-entry p{line-height:1.65}
.context-grid{gap:28px}.context-grid article{border:1px solid var(--line);border-top:3px solid var(--teal);background:var(--surface);padding:27px;border-radius:4px 4px 20px 20px;box-shadow:0 6px 24px #21445f08}.context-grid h3{font-size:25px;line-height:1.28}.context-grid p{line-height:1.7}.context-grid .overline{color:var(--teal)}
.research-trajectory{border-left:2px solid var(--line);padding-left:30px}.research-trajectory li{position:relative;border-top:none;border-bottom:1px solid var(--line);padding:22px 0}.research-trajectory li:before{content:'';position:absolute;left:-38px;top:29px;width:12px;height:12px;border:3px solid var(--bg);border-radius:50%;background:var(--teal);box-shadow:0 0 0 2px var(--line)}.research-trajectory p{line-height:1.65}.current{background:linear-gradient(130deg,var(--bg-alt),var(--bg))}.current h2{font-size:39px}.about-teaser .portrait,.profile-layout .portrait{border-radius:22px;box-shadow:var(--shadow)}.about-teaser{grid-template-columns:290px 1fr}.contact-band{margin-block:45px;padding:42px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}.site-footer{background:var(--bg-alt)}
.page-intro{padding-block:55px 38px}.page-intro h1{font-size:clamp(40px,5vw,66px)}.filters{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.filter{border-radius:8px;min-height:44px}.search{border-radius:9px;background:var(--bg);font-size:16px;min-height:44px}.paper-entry{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:28px;margin-bottom:18px;transition:transform .2s,box-shadow .2s}.paper-entry:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.paper-entry h2{font-size:28px}.paper-entry .year{font-size:19px}.paper-entry .tags{margin-block:14px}
.editorial-article .article-head{border-bottom:0;padding-top:26px}.editorial-article .article-head h1{font-size:clamp(28px,3.05vw,43px);line-height:1.18}.editorial-article .abstract{padding:28px 30px;border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:0 15px 15px 0;background:var(--surface);font-size:18px;line-height:1.8}.article-section{scroll-margin-top:110px}.anchor-alias{scroll-margin-top:110px}.aside-inner{top:112px;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.aside-inner a{padding:5px 0;line-height:1.5}.aside-inner a[aria-current=location]{color:var(--accent);font-weight:bold;border-left:2px solid var(--accent);padding-left:9px}.source-details{border-radius:12px;background:var(--surface);scroll-margin-top:110px}.source-details summary{min-height:50px}.source-note a{min-height:30px}.result-table-wrap{border-radius:13px}.result-table thead{background:var(--bg-alt)}.result-table tbody tr:nth-child(even){background:var(--surface)}.evidence-note{background:var(--bg-alt);padding:15px 18px;border-radius:0 8px 8px 0;line-height:1.7}.editorial-roadmap li{padding-block:24px}.figure-link{border:1px solid var(--line);border-radius:14px;overflow:hidden}.figure figcaption{line-height:1.7;font-size:15px}.citation-plain,.citation-box{border-radius:12px}.citation-relationship{border-radius:14px;background:var(--surface)}
.lightbox{border-radius:19px;padding:20px;box-shadow:0 30px 100px #0006}.lightbox button,.lightbox-tools a{min-height:44px;border-radius:8px}.lightbox-tools output{font-size:14px}.lightbox-viewport{border-radius:9px}.lightbox::backdrop{background:#0c203dc9}.motion-switch{min-height:34px}.footer-links{align-items:center;gap:18px}
.stories-explorer{--story-input:#1361c5;--story-method:#08786f;--story-decision:#925718;--story-evaluation:#7350ad;--story-context:#52647f;--story-flow:#286bcc;--story-training:#168577;--story-feedback:#985f18;--story-faded:#d4dfed;--story-label-bg:#ffffff}.story-map-frame{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.story-map{background:radial-gradient(ellipse at center,var(--surface),var(--bg-alt));min-height:460px}.story-tabs{gap:10px!important}.story-tabs a{border-radius:11px;background:var(--surface);min-height:64px}.story-tabs a[aria-selected=true]{box-shadow:0 4px 18px #1356bc18}.story-inspector{border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 28px #193d6210}.story-stage-nav{border-radius:17px;background:var(--bg-alt);padding:24px}.story-stage-nav button{border-radius:10px;min-height:48px}.story-stage-controls{gap:12px;align-items:center;flex-wrap:wrap}.story-tour{border:1px solid var(--accent)!important;color:var(--accent);background:var(--surface);padding:9px 16px;font-size:16px;min-height:44px}.story-tour[aria-pressed=true]{background:var(--accent);color:var(--bg)}.story-map-tools button{min-height:44px;min-width:44px;border-radius:8px}.story-readable{border-radius:13px;background:var(--surface)}.story-scope{background:var(--bg-alt);border-radius:13px;padding:22px}.story-map-instruction{line-height:1.6}.story-concept-list a{border-radius:9px;min-height:44px}.story-map-column{min-width:0}
:root[data-theme=dark] .stories-explorer{--story-input:#89b8ff;--story-method:#7ce0c9;--story-decision:#ebc183;--story-evaluation:#cfb2ff;--story-context:#afc6e2;--story-flow:#83b5ff;--story-training:#70cebb;--story-feedback:#edc07d;--story-faded:#354960;--story-label-bg:#14283d}
.atlas-toolbar,.atlas-topic,.atlas-page{border-radius:16px}.atlas-toolbar{background:var(--surface)}[data-atlas-expand]{background:var(--accent)!important;color:var(--bg)!important;border-color:var(--accent)!important;min-height:44px}.atlas-toolbar button,.atlas-toolbar select,.atlas-toolbar input{min-height:44px;border-radius:8px}.atlas-topic{overflow:hidden}.atlas-topic summary{scroll-margin-top:110px}.atlas-topic img{background:#fff}.atlas-topics{min-width:0}
.citation-map-section{margin-bottom:48px;border:1px solid var(--line);border-radius:22px;background:var(--surface);padding:28px;box-shadow:var(--shadow)}.citation-map-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.citation-map-head h2{font-size:31px;line-height:1.2}.citation-map-head p{color:var(--muted);font-size:16px;max-width:45ch}.citation-map{height:330px;position:relative;margin-block:20px;background:linear-gradient(120deg,var(--bg),var(--bg-alt));border:1px solid var(--line);border-radius:15px}.citation-map-detail{font-size:17px;padding:17px;border-left:3px solid var(--teal);background:var(--bg-alt);border-radius:0 10px 10px 0;line-height:1.65}.citation-map-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.citation-map-actions button{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:9px 16px;border-radius:9px;min-height:44px}.citation-map-key{display:flex;gap:22px;font-size:14px;color:var(--muted);flex-wrap:wrap}.citation-map-key span:before{content:'';display:inline-block;width:10px;height:10px;background:var(--accent);margin-right:8px;border-radius:50%}.citation-map-key span+span:before{background:var(--teal)}
.reading-progress{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--accent),var(--teal));z-index:100;pointer-events:none}.back-top{position:fixed;right:24px;bottom:24px;z-index:25;border:1px solid var(--line);background:var(--surface);color:var(--accent);width:46px;height:46px;display:grid;place-items:center;border-radius:50%;box-shadow:var(--shadow);text-decoration:none;font-size:24px}.back-top:hover{transform:translateY(-3px)}.experience-enter{animation:daylightEnter .65s cubic-bezier(.2,.7,.2,1) both}.experience-active .net-packet{filter:drop-shadow(0 0 4px var(--teal))}.hero-scope{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 0}.hero-scope span{font-size:12px;color:var(--muted);padding:3px 8px;border:1px dashed var(--line);border-radius:5px}.net-label-pill{fill:var(--bg-alt);stroke:var(--line)}.network-art.offscreen *{animation-play-state:paused!important}
@keyframes daylightEnter{from{opacity:.5;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes radioWave{0%{opacity:.2;transform:scale(.6)}75%{opacity:0;transform:scale(1.5)}100%{opacity:0;transform:scale(1.5)}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.research-trajectory li:hover:before{box-shadow:0 0 0 6px var(--halo);transition:box-shadow .25s}.icon-button:hover{transform:translateY(-2px);box-shadow:0 5px 16px #1356bc1c}.story-concept-list a:hover{transform:translateY(-2px)}}
@media(min-width:1700px){.editorial-hero .hero-inner{min-height:710px}.editorial-hero h1{font-size:76px}.hero .network-art{transform:rotate(-1deg)}}
@media(max-width:1100px){.nav{gap:17px}.nav-links{gap:18px}.editorial-hero .hero-inner{gap:27px}.feature-study{padding:28px!important;gap:30px}.hero .network-art{transform:none}.learning-entry{gap:40px}}
@media(max-width:800px){.nav{height:78px}.nav-links{gap:13px}.nav-links a{font-size:15px}.brand{font-size:21px}.editorial-hero .hero-inner{gap:25px;min-height:570px}.editorial-hero h1{font-size:46px}.editorial-hero .hero-description{font-size:19px}.feature-study{padding:24px!important}.feature-study .study-method{font-size:19px}.feature-study h3{font-size:30px}.article-head .article-tools{gap:10px}.context-grid{gap:22px}.context-grid article{padding:22px}.about-teaser{grid-template-columns:230px 1fr}.learning-entry{gap:34px}.story-map{min-height:420px}.citation-map-head{display:block}.citation-map-head>p{margin-top:16px}}
@media(max-width:600px){html{scroll-padding-top:88px}.nav{height:72px;gap:10px}.monogram{border-radius:10px}.icon-button{width:42px;height:42px}.nav-links{top:72px;border-radius:0 0 18px 18px;box-shadow:var(--shadow)}.nav-links a{min-height:44px;font-size:18px}.nav-links a[aria-current]:after{width:30px}.editorial-hero .hero-inner{padding-block:40px 35px;min-height:0;gap:32px}.editorial-hero h1{font-size:clamp(37px,10.9vw,48px)}.editorial-hero .hero-description{font-size:20px}.hero .network-art{padding:8px 6px 12px;margin-top:0;border-radius:20px}.network-svg{max-height:none}.art-caption{font-size:9px;margin-inline:9px;gap:6px}.art-caption .motion-switch{font-size:10px}.hero-studies{font-size:14px;gap:8px}.hero-studies a{font-size:14px;min-height:38px;padding:5px 10px}.hero-actions .button{min-height:48px}.section{padding-block:55px}.feature-study{padding:23px!important;border-radius:19px;gap:24px}.feature-study h3{font-size:31px}.feature-study .study-method{font-size:19px}.feature-study .research-figure img{aspect-ratio:auto;max-height:260px}.feature-study .research-figure small{line-height:1.7}.learning-index a{padding:21px;gap:7px 10px}.context-grid article{padding:23px}.context-grid h3{font-size:24px}.research-trajectory{padding-left:23px}.research-trajectory li:before{left:-31px}.about-teaser{grid-template-columns:1fr}.about-teaser .portrait{max-width:260px;height:305px}.contact-band{padding:28px;margin-block:24px}.contact-band h2{font-size:34px}.page-intro{padding-block:32px 30px}.page-intro h1{font-size:42px}.paper-entry{padding:23px;grid-template-columns:minmax(0,1fr) 16px;gap:13px}.paper-entry h2{font-size:25px}.paper-entry .study-actions{gap:14px}.filters{padding:13px}.editorial-article .article-head h1{font-size:29px}.editorial-article .abstract{padding:22px 20px;font-size:18px}.article-section,.anchor-alias,.source-details{scroll-margin-top:90px}.lightbox{padding:12px;border-radius:14px}.lightbox-bar{gap:8px}.lightbox-bar button{font-size:14px;padding:7px 10px}.story-map{min-height:350px}.story-stage-nav{padding:17px}.story-stage-controls button{font-size:14px}.citation-map-section{padding:19px;border-radius:16px}.citation-map{height:300px}.citation-map-head h2{font-size:27px}.citation-map-detail{font-size:16px}.back-top{right:15px;bottom:15px;width:44px;height:44px}.footer-links{gap:10px 18px}}
@media(prefers-reduced-motion:reduce){.experience-enter{animation:none!important;opacity:1!important;transform:none!important}.net-wave{animation:none;opacity:.13}.back-top:hover,.feature-study:hover,.button:hover,.learning-index a:hover{transform:none!important}}
body.motion-paused .experience-enter{animation:none!important;opacity:1!important;transform:none!important}body.motion-paused .net-packet{filter:none}
@media print{.site-header,.reading-progress,.back-top,.citation-map,.citation-map-actions,.story-tour{display:none!important}.feature-study,.context-grid article,.source-details,.abstract{box-shadow:none!important;border-color:#ddd!important}.editorial-article .abstract{padding:0}.contact-band{box-shadow:none}.experience-enter{animation:none;opacity:1;transform:none}}
/* Container-aware navigation also handles browser magnification without clipped actions. */
.site-header{container-type:inline-size}
@container (max-width:820px){.nav{height:76px;gap:13px}.brand{font-size:21px}.nav>[data-theme-toggle]{margin-left:auto}.menu-button{display:grid}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;margin:0;padding:20px 28px;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow);align-items:stretch;gap:8px;z-index:21}.nav-links.open{display:flex;flex-direction:column}.nav-links a{font-size:18px;padding:9px 0;min-height:44px}.nav-links .nav-contact{padding:10px 16px}.nav-links a[aria-current]:after{right:auto;width:36px}}
@media(max-width:600px){.nav{height:72px}.nav-links{top:72px}}
/* Header icon: the portrait replaces the PH monogram, keeping the monogram's size and rounded shape. */
.monogram-photo{padding:0;object-fit:cover;background:var(--bg-alt);box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--line),0 5px 18px #1764ce22}
/* The citation map grows with the number of reviewed citing works, keeping about one label row per entry. */
.citation-map{height:max(300px,calc(var(--map-rows,2) * 78px + 40px))}