/* monobrane — adapted from the supplied homepage. */
:root {
  --bg:#fff; --ink:#1b1e23; --muted:#626a76; --line:#e3e6eb; --surface:#f5f6f8; --link:#2447d6;
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --wrap:1320px;
  --color-primary:var(--ink); --color-text:var(--ink); --color-text-secondary:var(--muted); --color-text-light:var(--muted);
  --color-border:var(--line); --color-border-dark:#cbd0d7; --color-bg:var(--bg); --color-bg-light:var(--surface);
  --color-link:var(--link); --color-link-hover:#16359f; --font-sans:var(--sans); --font-serif:var(--serif);
}
[data-type="puzzle"]{--t:#7758cc}
[data-type="unexpected"]{--t:#c83a65}
[data-type="hidden"]{--t:#117b65}
[data-type="crossover"]{--t:#2864cd}
[data-type="approach"]{--t:#9c671c}
[data-type="frontier"],[data-type="other"]{--t:#596371}
[data-cat="space"]{--tint:#e4e8f7}
[data-cat="physics"]{--tint:#e0eeeb}
[data-cat="ai"]{--tint:#f3e3eb}
[data-cat="math"]{--tint:#e9eddd}
[data-cat="technology"]{--tint:#f3ebdc}
*{box-sizing:border-box;margin:0}
html{font-size:16px;scroll-padding-top:20px}
body{font:400 18px/1.55 var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover :is(h1,h2,h3,h4){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--link);outline-offset:4px;border-radius:3px}
ul{list-style:none;padding:0}
button,input{font:inherit}
button{cursor:pointer}
img{max-width:100%}
.wrap,.container{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(20px,3vw,36px)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--ink);color:#fff;padding:12px 20px}
.skip-link:focus{top:12px}

/* Header and keyboard-accessible search. */
.top{border-bottom:1px solid var(--line)}
.top>.wrap{display:flex;align-items:center;gap:52px;min-height:86px}
.brand{display:inline-flex;align-items:center;font:600 2.05rem/1 var(--serif);letter-spacing:-.025em;white-space:nowrap}
.brand-dot{color:#79C843;font-size:2em;line-height:0}
.header-menu{flex:1;min-width:0}
.nav{min-width:0}
.nav ul{display:flex;align-items:center;justify-content:center;gap:30px}
.nav a{display:block;padding:12px 0 10px;font-size:1.0625rem;font-weight:500;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current]{border-color:var(--ink)}
.search,.menu-toggle{flex-shrink:0;display:grid;place-items:center;width:44px;height:44px;border:0;background:none;color:var(--ink);border-radius:50%}
.menu-toggle,.menu-close-icon,.mobile-search{display:none}
.menu-toggle[aria-expanded="true"] .menu-open-icon{display:none}
.menu-toggle[aria-expanded="true"] .menu-close-icon{display:block}
.search:hover,.search[aria-expanded="true"],.menu-toggle:hover,.menu-toggle[aria-expanded="true"]{background:var(--surface)}
.site-search{border-top:1px solid var(--line);background:var(--surface);padding-block:18px}
.site-search[hidden]{display:none}
.site-search form{display:flex;max-width:780px;margin-inline:auto;gap:12px}
.site-search input{width:100%;min-width:0;padding:12px 16px;border:1px solid #cbd0d7;border-radius:4px;background:#fff;color:var(--ink)}
.site-search button{flex-shrink:0;border:0;padding:12px 20px;border-radius:4px;background:var(--ink);color:#fff;font-size:1rem}

/* Shared editorial cards. */
.card{position:relative;isolation:isolate;min-width:0}
.story-link{display:block}
.story-title-link::after{content:"";position:absolute;inset:0;border-radius:5px}
.story-title-link:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.story-title-link:focus-visible{outline:0}
.story-title-link:focus-visible::after{outline:2px solid var(--link);outline-offset:4px}
.thumb{aspect-ratio:4/3;background:var(--tint,var(--surface));border-radius:5px;overflow:hidden}
.tall .thumb{aspect-ratio:3/4}
.thumb img{display:block;width:100%;height:100%;object-fit:cover}
.type{display:inline-flex;align-items:center;gap:7px;font-size:.9375rem;line-height:1.4;font-weight:600;color:var(--t,var(--muted))}
.type::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--t,var(--muted))}
.meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 13px;margin:15px 0 8px;font-size:.875rem;line-height:1.45;color:var(--muted)}
.meta>*{position:relative;z-index:1;max-width:100%;line-height:inherit}
.meta .type{font-size:inherit;line-height:inherit}
.meta time{white-space:nowrap}
.meta a:hover,.meta a:focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.card :is(h2,h3){font:500 1.625rem/1.16 var(--serif);letter-spacing:-.014em;overflow-wrap:break-word;text-wrap:pretty}
.rows li{position:relative;isolation:isolate;padding:18px 0;border-top:1px solid var(--line)}
.rows .meta{margin:0 0 7px}
.home-main .card .meta,.home-main .rows .meta,.listing-main .card .meta{margin-bottom:20px}
.rows h4{font:500 1.375rem/1.22 var(--serif);letter-spacing:-.01em;overflow-wrap:break-word}
.g4{display:grid;grid-template-columns:repeat(var(--columns,4),minmax(0,1fr));gap:36px 26px}
.latest-grid{padding-bottom:62px}

/* One lead story and three equally spaced sidebar cards. */
.hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:46px;padding-block:42px 56px;align-items:stretch}
.lead .story-link{height:100%;display:flex;flex-direction:column}
.lead .card-copy{padding-top:3px}
.lead .meta{margin-top:17px;margin-bottom:10px}
.lead h1{font:500 clamp(2.25rem,3.8vw,3.25rem)/1.055 var(--serif);letter-spacing:-.025em;margin-bottom:15px;text-wrap:pretty}
.lead .dek{max-width:57ch;font-size:1.1875rem;line-height:1.55;color:var(--muted)}
.side{display:grid;grid-template-rows:repeat(var(--story-count,3),minmax(0,1fr));gap:24px;min-width:0}
.hero-side-card .story-link{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:21px;align-items:stretch;height:100%}
.hero-side-card .thumb{aspect-ratio:auto;height:100%;min-height:0}
.hero-side-card .card-copy{align-self:center}
.hero-side-card .meta{margin:0 0 10px;gap:3px 12px}
.hero-side-card h2{font-size:1.625rem;line-height:1.17}
.hero-solo{grid-template-columns:minmax(0,850px);justify-content:center}
.empty-home{padding-block:64px 72px;max-width:780px}
.eyebrow{font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:var(--muted);margin-bottom:18px}
.empty-home h1{font:500 clamp(2.4rem,5vw,4rem)/1.08 var(--serif);letter-spacing:-.025em;margin-bottom:20px}
.empty-home>p:not(.eyebrow){font-size:1.1875rem;color:var(--muted);max-width:55ch}
.empty-home>a{display:inline-block;margin-top:24px;color:var(--link);font-weight:500}

/* Story shapes. */
.types{background:var(--surface);padding-block:48px 52px}
.types h2{margin-bottom:28px;font:500 2rem/1.15 var(--serif);letter-spacing:-.02em}
.tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}
.tile{display:block;padding:20px 17px;background:#fff;border:1px solid var(--line);border-radius:6px}
.tile:hover{border-color:var(--t)}
.tile .type{align-items:baseline;gap:7px}
.tile .type::before{align-self:center}
.tile p{margin-top:11px;font-size:1rem;line-height:1.5;color:var(--muted)}

/* Lower feature and category columns. */
.sec{padding-block:56px;border-top:1px solid var(--line)}
.hidden-section{border-top:0}
.hidden-section .g4:has(>:only-child){max-width:620px;grid-template-columns:minmax(0,1fr)}
.sec-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}
.sec-head h2{font:500 2rem/1.15 var(--serif);letter-spacing:-.02em}
.sec-head .type{font:500 2rem/1.15 var(--serif);color:var(--ink);gap:11px}
.sec-head .type::before{width:9px;height:9px}
.section-more{display:grid;place-items:center;flex:none;width:46px;height:46px;border:1px solid #bfc0be;border-radius:3px;color:var(--ink);transition:background-color .15s,border-color .15s}
.section-more:hover{background:#efefed;border-color:#8b8d88}
.section-more:active{background:#d6d7d3;border-color:#8b8d88}
.section-more:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.g5{display:grid;grid-template-columns:repeat(var(--category-columns,5),minmax(0,1fr));gap:42px 26px}
.category-section .g5:has(>.cat:only-child){max-width:620px}
.cat{min-width:0}
.cat>h2{margin-bottom:22px;padding-bottom:13px;border-bottom:2px solid var(--ink);font:600 1.125rem/1.3 var(--sans)}
.cat>h2 a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.cat .card h3{font-size:1.5rem;line-height:1.2}
.cat .meta{margin-top:13px}
.cat .rows{margin-top:21px}
.cat .rows .meta{margin-top:0}

/* Advertising keeps the existing country and placement rules. */
.home-ad{margin-bottom:48px}
.ad-label{text-align:center;text-transform:uppercase;letter-spacing:.12em;font-size:.625rem;color:var(--muted);margin-bottom:9px}
.gvl-media img{display:block;width:100%;max-height:200px;object-fit:contain}
.gvl-media .gvl-wide{display:block}
.gvl-media .gvl-compact{display:none}
.home-ad:has(.gvl-compact-only){display:none}

/* Footer. */
.foot{margin-top:20px;padding-block:55px 30px;background:var(--surface);font-size:1rem}
.foot-grid{display:grid;grid-template-columns:1.8fr 1fr 1.25fr 1fr;gap:44px}
.foot .brand{font-size:2.05rem}
.foot p{max-width:30ch;margin-top:17px;color:var(--muted);line-height:1.65}
.foot .brand-tagline{margin-top:12px;font-size:1.0625rem;line-height:1.45;letter-spacing:.015em}
.foot h2{margin-bottom:18px;font:600 1rem/1.3 var(--sans)}
.foot li{margin-bottom:10px}
.foot li a:hover{text-decoration:underline;text-underline-offset:3px}

/* Existing article, archive and information pages share the new typography. */
.main{padding-block:46px 56px}
.post-single,.related-posts-wrapper{max-width:780px;margin-inline:auto}
.post-single{padding:0;background:var(--bg);overflow-wrap:break-word}
.post-title{font:500 clamp(2.25rem,4vw,3.4rem)/1.1 var(--serif);letter-spacing:-.025em;margin-bottom:22px}
.post-meta{flex-direction:row;align-items:center;flex-wrap:wrap;font-size:.9375rem;gap:8px;color:var(--muted);margin-bottom:24px}
.article-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px;font-size:.9375rem;color:var(--muted)}
.article-kicker .type{font-size:inherit;line-height:inherit}
.article-kicker a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.post-cover{margin:30px 0 35px}
.post-cover img{display:block;width:100%;height:auto;border-radius:5px}
.post-cover figcaption{font-size:.875rem;line-height:1.5;color:var(--muted);margin-top:9px}
.post-content{font-size:1.5rem;line-height:1.8}
.post-content :is(h2,h3){font-family:var(--serif)}
.post-research{display:flex;align-items:baseline;gap:.5em;margin-top:32px;font-size:1.2rem;line-height:1.6;color:var(--muted)}
.post-research-label{flex:none}
.post-research-links{display:flex;flex-wrap:wrap;gap:.15em .5em;min-width:0;list-style:none;margin:0;padding:0}
.post-research-links li{display:flex;align-items:baseline;gap:.5em;min-width:0}
.post-research-links a{color:var(--muted);overflow-wrap:anywhere;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.post-research-links a:is(:hover,:focus-visible){color:var(--color-text)}
.post-content>.gvl-media{position:static;left:auto;width:100%;max-width:100%;height:auto;transform:none;margin-block:30px}
.post-content>.gvl-media>.gvl-wide{display:block;width:100%}
.post-content>.gvl-media>.gvl-compact{display:none;width:100%;height:auto}
.post-content>.gvl-media.gvl-compact-only{display:none}
.post-content>.gvl-media.gvl-wide-only{display:block}
.post-content>.gvl-media .gvl-image{width:100%;height:auto;max-height:200px;object-fit:contain}
.post-footer{display:grid;grid-template-columns:1fr;gap:25px;margin-top:38px;padding:26px 28px;background:var(--surface);border:1px solid var(--line);border-radius:8px}
.post-footer:has(.post-share:only-child){grid-template-columns:1fr}
.post-share-title,.labels-title{margin:0 0 15px;font:600 1rem/1.3 var(--sans);color:var(--ink)}
.share-links,.label-links{display:flex;flex-wrap:wrap;gap:10px}
.share-links a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:.9375rem;line-height:1.3;transition:background .15s,color .15s,border-color .15s}
.share-links svg{flex:none}
.share-links a:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.post-label{display:inline-flex;max-width:100%;padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:.9375rem;line-height:1.3;overflow-wrap:anywhere}
.post-label:hover{border-color:var(--link);color:var(--link);background:#fff}
.related-posts-wrapper{margin-top:64px;padding-top:36px;border-top:1px solid var(--line)}
.related-posts-title{margin-bottom:28px;font:500 2rem/1.2 var(--serif);letter-spacing:-.02em}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 26px}
.related-card .story-link{height:100%}
.static-page{max-width:850px;margin:48px auto 64px;padding-inline:24px}
.static-page h1{font:500 clamp(2.25rem,4vw,3.4rem)/1.1 var(--serif);margin-bottom:28px}
.page-brand{font-weight:600;letter-spacing:-.025em;white-space:nowrap}
.static-page h2{font:500 1.8rem/1.25 var(--serif);margin:30px 0 14px}
.static-page p{margin-block:15px;line-height:1.8}
.static-page a{color:var(--link);text-decoration:underline}
.static-page ul{list-style:disc;padding-left:24px}

@media(max-width:1150px){
  .top>.wrap{gap:35px}
  .nav ul{gap:25px}
  .hero{gap:32px;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
  .hero-side-card .story-link{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:17px}
  .hero-side-card h2{font-size:1.5rem}
  .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
  .g5{grid-template-columns:repeat(min(3,var(--category-columns,5)),minmax(0,1fr))}
  .foot-grid{gap:30px}
}
@media(max-width:900px){
  .related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
  .hero{grid-template-columns:1fr;gap:34px;padding-block:32px 45px}
  .lead h1{font-size:clamp(2.4rem,5.4vw,3.25rem)}
  .side{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;gap:24px}
  .hero-side-card{padding:0;border:0}
  .hero-side-card .story-link{display:flex;flex-direction:column;gap:0}
  .hero-side-card .thumb{width:100%;height:auto;aspect-ratio:4/3}
  .hero-side-card .card-copy{align-self:stretch}
  .hero-side-card .meta{margin:14px 0 9px}
  .hero-side-card h2{font-size:1.5rem}
  .g4{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
  .g5{grid-template-columns:repeat(min(2,var(--category-columns,5)),minmax(0,1fr))}
  .top>.wrap{gap:27px;min-height:78px}
  .brand{font-size:1.8rem}
  .nav ul{gap:22px}
  .nav a{font-size:1rem}
  .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}
}
@media(max-width:720px){
  .top>.wrap{flex-wrap:wrap;gap:0;min-height:0;padding-block:14px}
  .top .brand{min-height:44px}
  .menu-toggle{display:grid;margin-left:auto}
  .search,.site-search{display:none}
  .header-menu{display:none;flex:0 0 100%;margin-top:14px;padding-block:9px 6px;border-top:1px solid var(--line)}
  .header-menu.is-open{display:block}
  .nav ul{align-items:stretch;flex-direction:column;gap:0}
  .nav a{padding:12px 0;font-size:1.125rem;border-bottom:1px solid var(--line)}
  .nav a:hover,.nav a[aria-current="page"]{color:var(--link);border-bottom-color:var(--line)}
  .mobile-search{display:flex;gap:8px;margin-top:20px}
  .mobile-search input{flex:1;min-width:0;width:100%;padding:11px 13px;border:1px solid #cbd0d7;border-radius:5px;background:var(--bg);color:var(--ink);font-size:1rem}
  .mobile-search button{display:grid;place-items:center;flex:none;width:46px;min-height:46px;border:0;border-radius:5px;background:var(--ink);color:#fff}
  .mobile-search button:hover{background:#383c43}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .tile{padding:19px 16px}
  .foot{padding-top:42px}
}
@media(max-width:600px){
  .post-research{flex-direction:column;align-items:flex-start;gap:6px;margin-top:28px}
  .post-research-links{flex-direction:column;align-items:flex-start;gap:6px}
  .post-research-separator{display:none}
  .post-footer{margin-top:30px;padding:22px 20px}
  .share-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .share-links a{flex-direction:column;gap:7px;padding:12px 6px;border-radius:8px;font-size:.875rem}
  .related-posts-wrapper{margin-top:42px;padding-top:28px}
  .related-posts-title{font-size:1.875rem;margin-bottom:24px}
  .related-grid{grid-template-columns:1fr;gap:30px}
  body{font-size:17px}
  .hero{padding-block:25px 36px;gap:27px}
  .lead h1{font-size:2.25rem;line-height:1.08;margin-bottom:13px}
  .lead .dek{font-size:1.125rem;line-height:1.55}
  .lead .meta{margin-top:15px;margin-bottom:11px}
  .side{grid-template-columns:1fr;gap:0}
  .hero-side-card{padding-block:20px;border-top:1px solid var(--line)}
  .hero-side-card:last-child{padding-bottom:0}
  .hero-side-card .story-link{display:grid;grid-template-columns:116px minmax(0,1fr);gap:17px}
  .hero-side-card .thumb{aspect-ratio:3/4;align-self:start}
  .hero-side-card .meta{margin:0 0 7px;gap:2px 10px}
  .hero-side-card h2{font-size:1.4375rem;line-height:1.18}
  .meta{font-size:.8125rem}
  .g4{grid-template-columns:1fr;gap:30px}
  .g4.p{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}
  .g4.p .card h3{font-size:1.375rem}
  .latest-grid{padding-bottom:38px}
  .types{padding-block:35px 37px}
  .types h2,.sec-head h2,.sec-head .type{font-size:1.875rem}
  .types h2{margin-bottom:23px}
  .tile .type{font-size:.875rem}
  .tile p{font-size:.9375rem}
  .sec{padding-block:37px}
  .g5{grid-template-columns:1fr;gap:32px}
  .cat>h2{margin-bottom:20px}
  .cat .card h3{font-size:1.75rem}
  .cat .rows h4{font-size:1.4375rem}
  .home-ad{margin-bottom:34px}
  .home-ad:has(.gvl-compact-only){display:block}
  .home-ad:has(.gvl-wide-only){display:none}
  .gvl-media .gvl-wide{display:none}
  .gvl-media .gvl-compact{display:block}
  .gvl-media .gvl-compact img{max-height:450px}
  .post-content>.gvl-media.gvl-compact-only{display:block}
  .post-content>.gvl-media.gvl-wide-only{display:none}
  .post-content>.gvl-media>.gvl-wide{display:none}
  .post-content>.gvl-media>.gvl-compact{display:block;width:100%;height:auto}
  .post-content>.gvl-media>.gvl-compact .gvl-image{width:100%;height:auto;max-height:450px}
  .foot-grid{gap:30px 22px}
  .foot-grid>div:first-child{grid-column:1/-1}
  .foot{font-size:.9375rem;margin-top:0}
  .foot h2{margin-bottom:14px}
  .foot p{max-width:36ch;margin-top:13px}
  .site-search form{gap:8px}
  .site-search input{padding:11px 12px;font-size:1rem}
  .site-search button{padding:11px 15px;font-size:.9375rem}
  .main{padding-block:30px 38px}
  .post-title{font-size:2.25rem}
  .post-content{font-size:1.5rem;line-height:1.8}
  .post-cover{margin-block:24px}
  .static-page{margin-block:34px 44px;padding-inline:20px}
}
@media(max-width:360px){
  .hero-side-card .story-link{grid-template-columns:96px minmax(0,1fr);gap:14px}
  .hero-side-card h2{font-size:1.3125rem}
  .tile{padding-inline:12px}
}

/* Navigation remains usable if its enhancement script cannot load. */
@media (max-width:720px){
  .top:not(.navigation-ready) .menu-toggle{display:none}
  .top:not(.navigation-ready) .header-menu{display:block}
}