/*
Theme Name: DELTA Water Lab — Journal
Description: Approved Concept A editorial theme with WordPress content and interactive research and people.
Version: 1.0.3
Text Domain: delta-water-journal
*/
/* Hallmark · editorial · Newsprint · designed-as-app · design-system: design.md
 * macrostructures: editorial index, long document, bibliography, profile
 * pre-emit critique: P5 H4 E4 S5 R5 V4 · rust accent · no decorative motion */
@import 'base.css';
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.journal .nameplate .lab-name{font-family:var(--font-display);font-size:clamp(2rem,4.5vw,4rem);line-height:1.06;text-decoration:none}
.journal .navlinks{gap:var(--space-sm) var(--space-xl);padding-block:var(--space-sm)}
.navlinks a{min-height:44px;display:inline-flex;align-items:center}.navlinks a[aria-current=page]{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.45em}
.page-head{padding-top:var(--space-2xl);padding-bottom:var(--space-xl)}.page-head h1{font-size:var(--text-display);margin-top:var(--space-md);letter-spacing:-.025em;max-width:20ch}.eyebrow{font-size:var(--text-small);color:var(--color-accent);letter-spacing:.07em}.deck{font-size:var(--text-lead);margin-top:var(--space-lg);max-width:54ch}
.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:var(--space-3xl);padding-top:var(--space-lg);border-top:1px solid var(--color-rule)}.contents{align-self:start;font-size:.9375rem}.contents nav{display:flex;flex-direction:column;margin-block:var(--space-md) var(--space-xl)}.contents nav a{display:flex;gap:var(--space-md);padding-block:var(--space-sm);text-decoration:none;min-height:44px}.contents nav span{color:var(--color-muted);font-size:var(--text-small)}.contents>.action{display:flex;width:max-content;max-width:100%}.contents>p:not(.eyebrow){margin-top:var(--space-md)}
.prose{font-size:1.0625rem;line-height:1.75}.prose p{margin-bottom:var(--space-lg)}.prose h2{margin-block:var(--space-xl) var(--space-lg)}.prose h3{margin-block:var(--space-xl) var(--space-md)}.prose li{padding-left:var(--space-xs);margin-block:var(--space-sm)}.prose ul{padding-left:var(--space-lg)}.prose a{overflow-wrap:anywhere}.prose hr{border:0;border-top:1px solid var(--color-rule);margin-block:var(--space-2xl)}.prose> :last-child{margin-bottom:0}
.research-intro{padding-bottom:var(--space-xl)}.research-section{border-top:1px solid var(--color-rule);padding-block:var(--space-xl);scroll-margin-top:var(--space-lg)}.research-section h2{max-width:25ch;margin-block:var(--space-md) var(--space-lg)}.research-section .prose p{max-width:64ch}.research-feature{margin-top:var(--space-lg);border-top:3px double var(--color-ink);padding-top:var(--space-lg)}.research-feature .figure{margin-block:var(--space-lg)}.research-feature h2{margin-bottom:var(--space-md)}
.scholar-link{margin-bottom:var(--space-xl);font-size:.9375rem}.publication-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2xl);align-items:center;border-block:1px solid var(--color-rule);padding-block:var(--space-lg);margin-bottom:var(--space-xl)}.publication-tools label{display:block;font-size:var(--text-small);margin-bottom:var(--space-sm)}.search-field{display:flex;align-items:center;gap:var(--space-sm)}input{font:inherit;color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-muted);border-radius:0;padding:var(--space-sm) var(--space-md);min-width:0;width:100%;height:46px}input:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}#clear-search{min-height:46px}#result-count{margin-top:var(--space-sm)}.year-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-sm) var(--space-lg)}.year-nav a{min-height:44px;display:inline-flex;align-items:center;color:var(--color-accent)}
.year-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,4.2fr);gap:var(--space-xl);border-top:1px solid var(--color-ink);padding-top:var(--space-lg);scroll-margin-top:var(--space-lg)}.year-section>h2{font-size:2.75rem;color:var(--color-accent)}.publication{padding-bottom:var(--space-xl);margin-bottom:var(--space-lg);border-bottom:1px solid var(--color-rule)}.publication:last-child{border-bottom:0;margin-bottom:var(--space-sm)}.publication h3{font-size:clamp(1.4rem,2.2vw,1.8rem);line-height:1.22;max-width:52ch}.authors{font-size:.9375rem;line-height:1.65;color:var(--color-muted);max-width:87ch;margin-top:var(--space-md)}.authors strong{color:var(--color-ink)}.pub-actions{display:flex;gap:var(--space-sm) var(--space-xl);flex-wrap:wrap;margin-top:var(--space-sm);font-size:.875rem}.honour{font-size:var(--text-small);color:var(--color-accent);margin-bottom:var(--space-sm)}#no-results{padding-block:var(--space-xl)}
.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--space-3xl);padding-top:var(--space-lg);border-top:1px solid var(--color-rule)}.profile-photo img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center 40%}.profile h2{font-size:clamp(2rem,3.5vw,3rem);margin-block:var(--space-sm) var(--space-xl)}.han{font-size:.65em;white-space:nowrap}.given-name{display:block;font-size:1.75rem;color:var(--color-muted);margin-top:var(--space-sm)}.education{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-rule)}.education ul{list-style:none;margin:var(--space-lg) 0 0;padding:0}.education li{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:var(--space-lg);font-size:.9375rem;margin-block:var(--space-md)}.education li span{color:var(--color-accent)}.join-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--space-3xl);padding-block:var(--space-xl);margin-top:var(--space-3xl);border-top:1px solid var(--color-ink)}.join-band h2{margin-top:var(--space-md)}.openings-copy>h2:first-child{margin-top:0}.openings-copy{max-width:66ch}
.log-entry{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:var(--space-xl);border-top:1px solid var(--color-rule);padding-block:var(--space-xl) var(--space-3xl)}.log-entry time{font-size:var(--text-small);color:var(--color-muted)}.log-entry h2{margin-bottom:var(--space-md)}.log-entry h2 a{text-decoration:none}.log-entry p{margin-bottom:var(--space-sm)}.log-article{padding-block:var(--space-lg) var(--space-xl);border-top:1px solid var(--color-rule)}
.journal .colophon{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:var(--space-xl);margin-top:var(--space-3xl);padding-block:var(--space-xl)}.footer-name{font-family:var(--font-display);font-size:1.5rem;text-decoration:none;display:inline-block;margin-bottom:var(--space-sm)}.colophon nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:var(--space-sm) var(--space-md)}.colophon nav a{min-height:32px;white-space:nowrap}.preview-note{color:var(--color-muted)}
@media(max-width:1000px){.reading-layout{gap:var(--space-xl);grid-template-columns:minmax(0,1fr) minmax(0,2.5fr)}.profile-layout,.join-band{gap:var(--space-xl)}.journal .colophon{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.preview-note{grid-column:1/-1}}
@media(max-width:760px){.reading-layout,.profile-layout,.join-band,.publication-tools,.log-entry{grid-template-columns:minmax(0,1fr)}.contents nav{flex-direction:row;flex-wrap:wrap;gap:var(--space-xs) var(--space-lg);margin-bottom:var(--space-sm)}.contents>.action{display:inline-flex;margin-right:var(--space-lg)}.contents{padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-rule)}.year-nav{justify-content:flex-start}.publication-tools{gap:var(--space-md)}.profile-photo{max-width:360px}.profile-layout{gap:var(--space-xl)}.year-section{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.year-section>h2{font-size:2rem}.join-band{gap:var(--space-lg)}.log-entry{gap:var(--space-md)}}
@media(max-width:650px){.journal .nameplate .lab-name{font-size:1.75rem;max-width:9ch}.journal .navlinks{gap:var(--space-xs) var(--space-lg)}.page-head{padding-top:var(--space-xl)}.page-head h1{font-size:2.75rem}.prose{font-size:1rem}.journal .colophon{grid-template-columns:minmax(0,1fr)}.colophon nav{display:flex;flex-wrap:wrap;gap:var(--space-md)}.profile h2{font-size:2.2rem}.scholar-link{margin-bottom:var(--space-lg)}}
/* User-selected refinements: DELTA initials, river flow, character selection. */
.mast-top strong{font-weight:700;color:var(--color-accent)}
.animated-dfr .dfr-flow{stroke-dasharray:5 11;stroke-width:2.2;stroke-linecap:round;animation:river-flow 1.6s linear infinite}
.animated-dfr .dfr-intake-ring{transform-box:fill-box;transform-origin:center;animation:river-intake 3.2s var(--ease-in-out) infinite}
@keyframes river-flow{to{stroke-dashoffset:-16}}
@keyframes river-intake{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.4);opacity:.2}}
.animated-dfr.is-paused .dfr-flow,.animated-dfr.is-paused .dfr-intake-ring{animation-play-state:paused}
.river-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-block:var(--space-sm);border-top:1px solid var(--color-rule)}.river-controls p{max-width:39ch}.river-controls button{white-space:nowrap;font-size:var(--text-small);min-height:44px}
.people-selector{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-areas:"stage head" "body body";gap:var(--space-xl) var(--space-3xl);border-top:1px solid var(--color-rule);padding-top:var(--space-lg)}
.selection-stage{grid-area:stage;min-width:0}.group-panel{display:contents}.group-heading{grid-area:head;align-self:center}.group-heading h2{font-size:clamp(2rem,3.3vw,3rem);margin-block:var(--space-md) var(--space-lg)}.group-heading>p:not(.eyebrow){margin-top:var(--space-md)}.group-heading .lineup-note{margin-top:var(--space-xl)}.group-body{grid-area:body;border-top:1px solid var(--color-rule);padding-top:var(--space-xl)}.group-body .prose{max-width:76ch}.group-body .education{max-width:76ch}.recruitment-body{min-height:200px}.recruitment-body p{margin-top:var(--space-md)}
.selector-portrait{max-width:200px;margin-top:var(--space-lg)}.selector-portrait img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center 40%}
.character-stage{position:relative;height:410px;perspective:950px;perspective-origin:50% 34%;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;overflow:clip;background:var(--color-paper-2)}.character-stage.is-dragging{cursor:grabbing}.character-drum{position:absolute;inset:0;transform-style:preserve-3d}.character-floor{position:absolute;left:50%;bottom:13%;border:1px solid var(--color-rule);border-radius:50%;pointer-events:none}.character-slot{position:absolute;left:50%;bottom:13%;transform-origin:50% 100%;will-change:transform;cursor:pointer}.character-slot.is-active{cursor:default}.character-slot img{max-width:none;width:auto;display:block;pointer-events:none;-webkit-user-drag:none}.character-pi img{height:275px}.character-group img{height:220px}
.character-controls{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md)}.character-arrow{width:44px;height:44px;padding:0;flex:none;color:var(--color-accent)}.character-tabs{display:flex;flex:1;justify-content:center;gap:var(--space-sm)}.character-tabs button{white-space:nowrap;min-height:44px;border:0;border-bottom:2px solid var(--color-paper);padding:var(--space-sm);color:var(--color-muted)}.character-tabs button[aria-selected=true]{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:600}.character-tabs button:hover{color:var(--color-accent);border-bottom-color:var(--color-rule)}.selection-hint{text-align:center;margin-top:var(--space-sm)}
@media(max-width:900px){.people-selector{gap:var(--space-xl);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.character-tabs{gap:0}.character-tabs button{font-size:.875rem}.character-controls{gap:var(--space-xs)}.character-stage{height:360px}.character-pi img{height:240px}.character-group img{height:190px}}
@media(max-width:760px){.people-selector{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage" "head" "body"}.selection-stage{max-width:540px;width:100%;margin-inline:auto}.group-heading{min-width:0}.character-stage{height:360px}.selector-portrait{max-width:220px}.group-heading h2{font-size:2.2rem}.character-tabs button{font-size:1rem}.character-controls{gap:var(--space-sm)}}
@media(max-width:480px){.river-controls{align-items:start;flex-direction:column}.character-stage{height:310px}.character-pi img{height:218px}.character-group img{height:172px}.character-tabs button{font-size:.8125rem;padding-inline:var(--space-sm)}.character-tabs{gap:0}.character-controls{gap:var(--space-xs)}}
@media(prefers-reduced-motion:reduce){.animated-dfr .dfr-flow,.animated-dfr .dfr-intake-ring{animation:none}.animated-dfr .dfr-flow{stroke-dasharray:none}}
/* Continuous link underlines and restored original byline emphasis. */
.journal .action,.journal .contents>.action{display:inline-block;gap:0;line-height:24px;padding-block:10px;vertical-align:middle}
.journal .action span{display:inline}.research-list a{gap:.35em}
.authors .author-self{color:var(--color-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;font-weight:400}
.journal .nameplate{justify-content:start}.journal .nameplate .lab-name{margin-inline:auto}
.pet-name{display:inline;padding:0;border:0;background:none;font:inherit;color:var(--color-accent);text-decoration:underline dotted;text-underline-offset:3px;cursor:pointer}.pet-name:hover,.pet-name[aria-expanded=true]{text-decoration-style:solid}.pet-photo{position:fixed;z-index:20;width:172px;margin:0;background:var(--color-paper);border:1px solid var(--color-rule);padding:var(--space-xs);pointer-events:auto}.pet-photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}.pet-photo p{font-size:var(--text-small);color:var(--color-muted);padding:var(--space-xs)}
/* Research: the lab's original triangle and schematics, set as an editorial figure. */
.research-intro{max-width:85ch;margin-bottom:var(--space-md)}
.research-explorer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:var(--space-2xl);border-block:1px solid var(--color-rule);padding-block:var(--space-xl);margin-bottom:var(--space-2xl)}
.research-selector{min-width:0}.research-triangle{position:relative;width:100%;max-width:320px;height:290px;margin-inline:auto}.research-triangle>svg{position:absolute;width:100%;height:100%;fill:none;stroke:var(--color-rule);stroke-width:1.5}.research-triangle>svg path:last-child{stroke:var(--color-accent)}
.research-vertex{position:absolute;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);border:0;padding:0;background:var(--color-paper);font-size:.875rem;white-space:nowrap;min-height:56px}.vertex-0{top:15px;left:50%;transform:translateX(-50%)}.vertex-1{bottom:24px;left:0}.vertex-2{bottom:24px;right:0}.vertex-number{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--color-rule);border-radius:50%;font-size:var(--text-small);background:var(--color-paper);color:var(--color-muted)}
.research-vertex[aria-selected=true]{color:var(--color-accent);font-weight:600}.research-vertex[aria-selected=true] .vertex-number{border-color:var(--color-accent);color:var(--color-paper);background:var(--color-accent)}.research-vertex:hover .vertex-number{border-color:var(--color-accent)}
.panel-heading{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:var(--space-lg);align-items:start}.panel-heading h2{margin-block:var(--space-md) var(--space-lg);font-size:clamp(1.75rem,2.8vw,2.5rem);max-width:26ch}.research-schematic svg{width:100%;height:auto;display:block}.research-schematic circle{fill:var(--color-paper)}.research-panel{scroll-margin-top:var(--space-xl)}.research-panel+.research-panel{margin-top:var(--space-xl)}.research-explorer.is-interactive .research-panel{margin-top:0}.research-panels{min-width:0}.research-explorer.is-interactive .research-panels{min-height:320px}
@media(max-width:900px){.research-explorer{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:var(--space-xl)}.panel-heading{grid-template-columns:minmax(0,1fr)}.research-schematic{width:95px;grid-row:1}.research-triangle{height:270px}.research-vertex{font-size:.8125rem}}
@media(max-width:650px){.research-explorer{grid-template-columns:minmax(0,1fr)}.research-triangle{height:290px}.research-selector>.action{display:block;text-align:center}.research-explorer.is-interactive .research-panels{min-height:0}.panel-heading{grid-template-columns:minmax(0,1fr)}.research-schematic{width:90px}.research-vertex{font-size:.875rem}}
/* Separate adjacent sidebar actions while keeping each text-and-arrow link intact. */
.journal .contents>.action{margin-inline-end:var(--space-lg)}

/* Research-theme studies share the selected area's editorial feature. */
.study-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--space-xl);align-items:center;margin-top:var(--space-lg)}
.study-copy h2{font-size:clamp(1.6rem,2.5vw,2.25rem);line-height:1.15}.study-copy>p{font-size:1rem;line-height:1.65}.study-copy .study-journal{font-size:var(--text-small);color:var(--color-muted);margin-bottom:var(--space-md)}
.hydrogen-head-figure{margin:0}.hydrogen-head-figure svg{display:block;width:100%;height:auto}.study-layout .feature-figure{margin:0;height:auto;aspect-ratio:720/460}.study-layout .pub-actions{margin-top:var(--space-lg)}
@media(max-width:760px){.study-layout{grid-template-columns:minmax(0,1fr)}.study-copy h2{max-width:32ch}.study-layout .feature-figure{height:auto}}

/* Full DELTA name in the shared footer. */
.footer-name span{display:block;line-height:1.22}.footer-name strong{font-weight:700;color:var(--color-accent)}

/* Recruitment uses the same three-theme triangle as Research. */
.openings-head{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-xl);align-items:center}.openings-head .deck{max-width:48ch}.recruitment-triangle .research-vertex{text-decoration:none;color:var(--color-accent)}.recruitment-triangle .research-vertex:focus-visible{outline:2px solid var(--color-accent);outline-offset:5px}
@media(max-width:850px){.openings-head{grid-template-columns:minmax(0,1fr)}.recruitment-triangle{margin-top:var(--space-md)}}