/* Hallmark · macrostructure: Ecosystem Index · tone: Newsprint · anchor hue: sea-blue · genre: editorial · nav: N6 · footer: Ft1 */
@import url('/tokens.css');
*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}html{scroll-behavior:smooth}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-body);line-height:1.6}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}button:disabled{opacity:.5;cursor:default}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:400;font-style:normal;line-height:1.08;overflow-wrap:anywhere;min-width:0}img{display:block;max-width:100%;object-fit:cover}svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.6;fill:none}button:active{transform:translateY(1px)}[hidden]{display:none!important}.container{width:min(1248px,calc(100% - 80px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-70px;z-index:10;background:var(--color-paper);padding:12px}.skip-link:focus{top:12px}.top-strip{border-bottom:1px solid var(--color-rule)}.utility{display:flex;justify-content:space-between;gap:16px;padding-block:9px;font-size:var(--text-xs);color:var(--color-muted)}.dot-separator{margin-inline:10px}.utility-right{white-space:nowrap}.masthead{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding:20px 0 24px}.brand{font-family:var(--font-display);font-size:88px;letter-spacing:-5px;line-height:1;font-weight:400;white-space:nowrap}.brand:hover{text-decoration:none}.brand-dot{color:var(--color-accent)}.brand-fi{font-size:.44em;letter-spacing:-2px}.masthead-note{font-size:var(--text-sm);line-height:1.55;color:var(--color-muted)}.right-note{text-align:right}.nav-row{display:flex;align-items:center;justify-content:space-between;border-top:2px solid var(--color-ink);border-bottom:1px solid var(--color-ink);gap:24px;min-height:58px}nav{display:flex;gap:34px}nav a{padding-block:16px;font-size:var(--text-sm);font-weight:600;white-space:nowrap;position:relative}nav a.active{color:var(--color-accent)}nav a.active:after{content:'';position:absolute;bottom:-1px;height:3px;background:var(--color-accent);left:0;right:0}.icon-button{background:none;border:0;display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:var(--text-sm);padding:12px 0}.icon-button:hover{color:var(--color-accent)}.menu-toggle{display:none}.search-panel{padding:24px;background:var(--color-tint);border-bottom:1px solid var(--color-rule)}.search-panel label{display:block;font-weight:600;margin-bottom:10px}.search-input-row{display:flex;gap:10px}input{width:100%;min-width:0;border:1px solid var(--color-rule);background:var(--color-paper);color:var(--color-ink);padding:12px 16px;border-radius:var(--radius-sm)}input::placeholder{color:var(--color-muted)}.button{background:var(--color-accent);color:var(--color-white);border:1px solid var(--color-accent);padding:11px 20px;white-space:nowrap;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:10px}.button:hover{background:var(--color-accent-dark);text-decoration:none}.button.secondary{color:var(--color-accent);background:transparent}.button.secondary:hover{background:var(--color-tint)}main{min-height:60vh}main:focus{outline:none}.topics{display:flex;align-items:center;gap:20px;padding:16px 0 20px;font-size:var(--text-xs);color:var(--color-muted)}.topics strong{font-weight:600;color:var(--color-accent)}.topics a{white-space:nowrap}.lead-grid{display:grid;grid-template-columns:minmax(0,2.16fr) minmax(0,1fr);gap:32px}.lead-article{border-right:1px solid var(--color-rule);padding-right:32px}.lead-image{width:100%;height:360px;object-position:center 52%;background:var(--color-tint)}.lead-image-link{display:block;overflow:hidden}.meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:var(--text-xs);color:var(--color-muted);margin-block:16px 10px}.category{color:var(--color-accent);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.085em}.meta .divider{height:11px;width:1px;background:var(--color-rule)}.lead-article h1{font-size:clamp(2.5rem,3.8vw,3.3rem);max-width:700px;letter-spacing:-.7px}.lead-article .excerpt{font-size:var(--text-lead);color:var(--color-muted);margin-top:14px;max-width:650px;line-height:1.55}.article-link:hover{text-decoration:none}.article-link:hover h1,.article-link:hover h2,.article-link:hover h3{color:var(--color-accent)}.read-link{display:inline-flex;align-items:center;gap:16px;font-size:var(--text-sm);font-weight:600;margin-top:18px;color:var(--color-accent)}.side-heading{font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;border-bottom:1px solid var(--color-ink);padding-bottom:13px;display:flex;align-items:center;justify-content:space-between}.side-heading span{font-size:var(--text-xs);color:var(--color-muted);font-weight:400}.side-story{padding:15px 0 19px;border-bottom:1px solid var(--color-rule)}.side-story .meta{margin:0 0 8px}.side-story h2{font-size:1.8rem}.side-story p{font-size:var(--text-sm);color:var(--color-muted);margin-top:9px;line-height:1.5}.starter-box{margin-top:24px;padding:23px 24px 25px;background:var(--color-accent);color:var(--color-white);position:relative}.starter-box h2{font-size:2.2rem;max-width:240px;margin-bottom:12px}.starter-box p{font-size:var(--text-sm);line-height:1.6;opacity:.93}.starter-box a{display:inline-flex;gap:22px;align-items:center;border-top:1px solid color-mix(in oklch,var(--color-white) 35%,transparent);margin-top:20px;padding-top:12px;font-size:var(--text-sm);width:100%}.section{margin-top:54px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:2px solid var(--color-ink);padding-top:18px;margin-bottom:24px}.section-heading h2{font-size:2.25rem}.text-link{display:inline-flex;align-items:center;gap:15px;font-size:var(--text-sm);font-weight:600;white-space:nowrap}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.story-card img{width:100%;height:225px;background:var(--color-tint)}.story-card h2,.story-card h3{font-size:1.95rem}.story-card p{color:var(--color-muted);font-size:var(--text-sm);margin-top:10px;line-height:1.55}.story-card .meta{margin-top:15px}.culture-cover{background:var(--color-tint);height:225px;display:flex;flex-direction:column;justify-content:space-between;padding:24px;border-bottom:3px solid var(--color-accent)}.culture-cover span{font-family:var(--font-display);font-size:2.4rem;color:var(--color-accent);max-width:240px;line-height:1.1}.culture-cover small{font-size:var(--text-xs);color:var(--color-muted)}.discover-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:40px;background:var(--color-tint);padding:32px 36px;margin-block:52px}.discover-strip h2{font-size:2.2rem}.discover-strip p{color:var(--color-muted);font-size:var(--text-sm);margin-top:12px}.guide-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}.guide-links a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--color-rule);font-size:var(--text-sm)}.guide-links a:nth-last-child(-n+2){border-bottom:0}.event-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.event-item{display:grid;grid-template-columns:68px minmax(0,1fr);gap:22px;padding:22px 0;border-bottom:1px solid var(--color-rule)}.event-date{border:1px solid var(--color-rule);text-align:center;align-self:start;padding:8px 4px;font-size:var(--text-xs);line-height:1.4}.event-date strong{display:block;font-family:var(--font-display);font-size:30px;color:var(--color-accent);font-weight:400}.event-item h3{font-size:1.6rem}.event-item p{font-size:var(--text-sm);color:var(--color-muted);margin-top:6px}.event-item .meta{margin:0 0 7px}.muted{color:var(--color-muted)}.footer{margin-top:68px;border-top:2px solid var(--color-ink)}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:36px;padding-block:28px}.footer-brand{font-size:60px;letter-spacing:-3px}.footer-main p{font-size:var(--text-sm);color:var(--color-muted);margin-right:auto}.footer-bottom{border-top:1px solid var(--color-rule);display:flex;justify-content:space-between;gap:16px;padding-block:16px 24px;font-size:var(--text-xs);color:var(--color-muted)}.footer-bottom div{display:flex;flex-wrap:wrap;gap:24px}.footer-bottom a{white-space:nowrap}.page-intro{padding:36px 0 30px;max-width:760px}.page-intro h1{font-size:clamp(2.8rem,5vw,4rem);margin-bottom:14px}.page-intro p{font-size:var(--text-lead);color:var(--color-muted)}.filter-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.filter{border:1px solid var(--color-rule);background:transparent;border-radius:var(--radius-sm);padding:9px 16px;font-size:var(--text-sm);white-space:nowrap}.filter:hover{border-color:var(--color-accent);color:var(--color-accent)}.filter[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)}.results-grid{row-gap:38px}.empty-state{padding:44px;background:var(--color-tint)}.empty-state h2{font-size:2rem;margin-bottom:12px}.empty-state p{margin-bottom:20px}.breadcrumb{font-size:var(--text-sm);color:var(--color-muted);padding-top:26px;display:flex;gap:10px;flex-wrap:wrap}.article-header{max-width:900px;margin:24px auto 30px;text-align:left}.article-header h1{font-size:clamp(2.6rem,5vw,4.4rem);letter-spacing:-.5px}.article-header .lede{font-size:1.25rem;color:var(--color-muted);margin-top:22px;max-width:760px}.article-header .meta{margin-bottom:15px}.article-figure{margin-inline:auto;max-width:1050px}.article-figure img{width:100%;max-height:580px;aspect-ratio:1.85;object-fit:cover}.article-figure figcaption{font-size:var(--text-xs);color:var(--color-muted);margin-top:9px}.article-figure a{text-decoration:underline}.article-body{max-width:720px;margin:40px auto 0;font-size:var(--text-lead);line-height:1.85}.article-body h2{font-size:2rem;margin:32px 0 16px}.article-body p{margin-block:18px}.article-body ul{padding-left:22px}.article-body li{margin-block:10px}.article-body a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}.source-note{padding:20px 24px;background:var(--color-tint);margin-top:32px;font-size:var(--text-sm);line-height:1.7}.source-note a{overflow-wrap:anywhere}.article-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:30px}.article-actions button{font-size:var(--text-sm)}.article-actions span{font-size:var(--text-sm);color:var(--color-accent)}.prose-page{max-width:800px;padding-bottom:20px}.prose-page h2{font-size:2rem;margin:30px 0 14px}.prose-page p{margin-bottom:18px}.prose-page a:not(.button){color:var(--color-accent);text-decoration:underline;overflow-wrap:anywhere}.credit-item{padding-block:22px;border-bottom:1px solid var(--color-rule)}.credit-item h2{margin-top:0}.demo-note{border-left:3px solid var(--color-accent);padding:12px 20px;background:var(--color-tint);font-size:var(--text-sm);margin:24px 0}.result-count{font-size:var(--text-sm);color:var(--color-muted);margin-bottom:22px}
@media(min-width:1600px){.lead-image{height:390px}}
@media(max-width:1100px){.container{width:calc(100% - 48px)}nav{gap:22px}.lead-grid{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:24px}.lead-article{padding-right:24px}.lead-image{height:325px}.side-story h2{font-size:1.6rem}.starter-box{padding:20px}.starter-box h2{font-size:2rem}.story-card img,.culture-cover{height:190px}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.masthead{padding-block:20px}.brand{font-size:72px}.masthead-note{font-size:var(--text-xs)}nav{gap:20px}.nav-row{gap:15px}.search-toggle span{display:none}nav a{font-size:var(--text-xs)}.lead-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:20px}.lead-article{padding-right:20px}.lead-image{height:290px}.lead-article h1{font-size:2.5rem}.lead-article .excerpt{font-size:var(--text-body)}.starter-box{margin-top:18px;padding:18px}.starter-box h2{font-size:1.75rem}.side-story p{display:none}.story-card h2,.story-card h3{font-size:1.65rem}.story-card img,.culture-cover{height:165px}.article-grid{gap:20px}.discover-strip{padding:26px;gap:24px}.guide-links{grid-template-columns:minmax(0,1fr)}.guide-links a:nth-last-child(2){border-bottom:1px solid var(--color-rule)}.event-layout{gap:24px}.event-item{gap:14px;grid-template-columns:60px minmax(0,1fr)}.footer-main{gap:24px}.footer-main .text-link{display:none}}
@media(max-width:650px){.container{width:calc(100% - 32px)}.utility{font-size:var(--text-xs);padding-block:8px}.utility-right>a,.utility-right .dot-separator{display:none}.masthead{grid-template-columns:minmax(0,1fr) auto;padding:20px 0}.brand{font-size:72px;grid-column:1;grid-row:1;justify-self:start}.masthead-note{display:none}.right-note{display:block;grid-column:2;grid-row:1;font-size:var(--text-xs)}.menu-toggle{display:flex;gap:12px;min-height:50px}.nav-row{position:relative;flex-wrap:wrap;min-height:52px}.search-toggle{margin-left:auto}.search-toggle span{display:inline}.nav-row nav{display:none;order:3;flex-basis:100%;flex-wrap:wrap;gap:0;padding-bottom:12px}.nav-row nav.open{display:flex}nav a{flex-basis:50%;font-size:var(--text-sm);padding:10px 0}nav a.active:after{display:none}.topics{gap:15px;flex-wrap:wrap;row-gap:6px;padding:13px 0 16px}.topics a:last-child{display:none}.lead-grid{grid-template-columns:minmax(0,1fr);gap:28px}.lead-article{border:0;padding:0}.lead-image{height:auto;aspect-ratio:1.65}.lead-article h1{font-size:2.75rem;letter-spacing:-.4px}.lead-article .excerpt{font-size:var(--text-body)}.lead-article .meta{margin-top:15px}.lead-aside{display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--color-rule);padding-top:20px}.side-story h2{font-size:1.9rem}.side-story p{display:block}.starter-box{margin-top:22px;padding:24px}.starter-box h2{font-size:2.3rem;max-width:none}.section{margin-top:38px}.section-heading{align-items:flex-start;flex-direction:column;gap:12px;padding-top:16px;margin-bottom:22px}.section-heading h2{font-size:2.2rem}.article-grid{grid-template-columns:minmax(0,1fr);gap:30px}.story-card{border-bottom:1px solid var(--color-rule);padding-bottom:24px}.story-card img,.culture-cover{height:auto;aspect-ratio:1.65}.story-card h2,.story-card h3{font-size:2rem}.culture-cover{min-height:180px}.discover-strip{grid-template-columns:minmax(0,1fr);gap:12px;margin-block:36px;padding:26px}.guide-links{grid-template-columns:minmax(0,1fr)}.guide-links a{padding-block:15px}.event-layout{grid-template-columns:minmax(0,1fr);gap:0}.event-item{padding-block:20px}.event-item h3{font-size:1.8rem}.footer{margin-top:44px}.footer-main{flex-wrap:wrap;gap:18px;padding-block:28px}.footer-main p{flex-basis:100%;margin:0}.footer-bottom{flex-direction:column;font-size:var(--text-xs);gap:12px}.footer-bottom div{gap:20px}.search-panel{padding:18px 14px}.search-input-row{flex-direction:column}.search-input-row .button{align-self:start}.page-intro{padding-block:28px}.page-intro h1{font-size:3rem}.article-header{margin:22px auto}.article-header h1{font-size:2.8rem}.article-header .lede{font-size:var(--text-lead)}.article-body{margin-top:28px;font-size:var(--text-lead)}.article-figure img{aspect-ratio:1.4}.article-figure figcaption{line-height:1.6}.empty-state{padding:25px}.prose-page h2{font-size:1.9rem}.filter{padding:9px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.filter[aria-current=page]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)}
.starter-box a:focus-visible{outline-color:var(--color-white)}
input:hover{border-color:var(--color-accent)}input:user-invalid{border-color:var(--color-error)}
a:active{opacity:.8}.utility,.meta,.footer-bottom{font-variant-numeric:tabular-nums}
@media(max-width:800px) and (min-width:651px){nav{gap:16px}nav a{font-size:var(--text-sm)}}
/* Reader email login uses the same editorial form styling. */
.reader-signin form:not([hidden]){display:grid;gap:16px;max-width:430px}.reader-signin label{display:grid;gap:8px}.reader-signin input{font:inherit;padding:12px;border:1px solid #aabcc2;background:#fff;color:#18333b}.reader-signin .signin-divider{margin:22px 0}.text-button{font:inherit;color:#06677b;background:none;border:0;padding:0;text-decoration:underline;cursor:pointer;text-align:left}.reader-signin [hidden]{display:none!important}