/* VAELITH — refinement layer */
:root{
  --max:1120px;
  --reading:680px;
}
html{scroll-behavior:auto}
body{font-size:15.5px;line-height:1.56;background:#f6f6f2}
.container{width:min(var(--max),calc(100% - 36px))}

.site-header{backdrop-filter:saturate(130%) blur(10px);box-shadow:0 1px 0 rgba(17,19,21,.03)}
.masthead{height:68px}
.brand{gap:10px;align-items:center}
.mark{width:52px;height:52px;flex:0 0 52px}
.wordmark{font-size:18px;letter-spacing:.16em;font-weight:700}
.utility-nav{font-size:12px;gap:18px}
.navbar .container{height:40px;gap:21px}
.navbar a{font-size:12.5px;line-height:40px}

.hero{padding:28px 0 34px}
.hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(270px,.72fr);gap:30px}
.hero-story h1{font-size:clamp(28px,3vw,37px);line-height:1.11;letter-spacing:-.02em;margin:12px 0 10px;max-width:760px}
.hero-story p{font-size:15.5px;line-height:1.5;max-width:720px;margin-bottom:11px}
.side-story{padding:14px 0}
.side-story h2{font-size:17px;line-height:1.28;margin:6px 0 7px}
.side-story .thumb{margin-bottom:9px}

.section{padding:40px 0}
.section-head{margin-bottom:19px;padding-top:10px}
.section-head h2{font-size:23px;line-height:1.16}
.section-head p{font-size:13px;line-height:1.45;max-width:600px}
.daily-layout{gap:34px}
.daily-cards{gap:24px}
.list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px;align-items:stretch}
.card{min-width:0;height:100%}
.card>a{display:flex;flex-direction:column;height:100%}
.card .image{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center;margin:0 0 12px;background:#eceeea}
.card .tag{margin-top:1px}
.card h3{font-size:17px;line-height:1.3;margin:6px 0 7px;min-height:2.6em}
.card p{font-size:13px;line-height:1.48;margin:0 0 9px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card .meta{margin-top:auto;padding-top:5px}
.card.no-image{padding-top:0;border-top:0}
.editorial-grid{grid-template-columns:minmax(0,1.35fr) minmax(290px,.8fr);gap:26px}
.editorial-lead .card h3{font-size:21px;min-height:0}
.editorial-stack .card{grid-template-columns:118px 1fr;column-gap:14px;padding:13px 0;height:auto}
.editorial-stack .card>a{display:grid;grid-template-columns:118px 1fr;column-gap:14px;height:auto}
.editorial-stack .card .image{width:118px;height:88px;margin:0;grid-row:1/5;grid-column:1;aspect-ratio:4/3}
.editorial-stack .card .tag,.editorial-stack .card h3,.editorial-stack .card p,.editorial-stack .card .meta{grid-column:2}
.editorial-stack .card h3{font-size:15px;min-height:0}
.category-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
.cat-tile{min-height:106px;padding:17px}
.cat-tile h3{font-size:16px;margin:15px 0 5px}

.hero-story .cover,.side-story .thumb,.card .image,.article-hero{display:block;width:100%;max-width:100%;object-fit:cover;object-position:center;overflow:hidden}
.hero-story .cover,.card .image,.article-hero{aspect-ratio:16/9!important;height:auto!important}
.side-story .thumb{aspect-ratio:16/9!important;height:auto!important}
.editorial-stack .card .image{aspect-ratio:4/3!important;height:auto!important}

.article-shell{padding:26px 0 54px}
.article-grid{grid-template-columns:minmax(0,var(--reading)) 260px;gap:50px}
.article-header h1{font-size:clamp(27px,3vw,36px);line-height:1.12;letter-spacing:-.018em;margin:10px 0 12px}
.article-dek{font-size:15.5px;line-height:1.5;margin-bottom:13px}
.article-info{padding:9px 0;font-size:10.5px;border-top:0}
.article-figure{margin:19px 0 23px}
.article-body{font-size:15.5px;line-height:1.72;max-width:650px}
.article-body p{margin-bottom:18px}
.article-body h2{font-size:20px;margin:28px 0 10px}
.article-body h3{font-size:17px}
.insight{margin:24px 0;padding:16px 18px}
.insight p{font-size:13.5px;line-height:1.58}
.article-source-link{margin:24px 0 6px;padding-top:12px;border-top:1px solid var(--line)}
.article-source-link a{font-size:11px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.source-box{margin-top:24px;padding:16px}
.sidebar{top:116px}
.sidebar-card h4{font-size:13.5px}
.related-block{margin-top:31px}
.related-list strong{font-size:13.5px}

.page-hero{padding:25px 0 20px}
.page-hero h1{font-size:30px}
.page-hero p{font-size:14px}
.archive-search{max-width:680px;margin-top:18px}
.archive-pager{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:34px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.archive-pager>div{display:flex;gap:18px}
.archive-pager a{font-weight:700;color:var(--ink)}

/* Pesquisa & Ciência */
.research-hero p{max-width:760px}
.research-day{display:grid;grid-template-columns:minmax(260px,420px) minmax(0,1fr);gap:32px;align-items:start}
.research-day-image{display:block;max-width:420px}
.research-day-image .cover{width:100%;aspect-ratio:16/9!important;height:auto!important;object-fit:cover;object-position:center}
.research-day-copy h2{font-size:25px;line-height:1.16;letter-spacing:-.015em;margin:8px 0 10px}
.research-day-copy h2 a{color:var(--ink)}
.research-day-summary{font-size:14.5px;line-height:1.55;color:var(--muted);margin:0 0 12px}
.research-why{margin:15px 0;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.research-why strong{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-bottom:5px}
.research-why p{font-size:13px;line-height:1.58;color:var(--muted);margin:0}
.research-score-badge{display:flex;align-items:baseline;gap:2px;color:#6f8612}
.research-score-badge strong{font-size:30px;line-height:1;font-weight:800}
.research-score-badge span{font-size:11px;font-weight:700}
.research-ranked-list{border-top:1px solid var(--line)}
.research-ranked-item{display:grid;grid-template-columns:62px 180px minmax(0,1fr);gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.research-rank-block{display:flex;flex-direction:column;gap:5px;align-items:flex-start}
.research-rank-no{font-size:22px;font-weight:800;letter-spacing:-.03em;color:var(--ink)}
.research-score{font-size:10px;font-weight:700;color:#6f8612}
.research-ranked-image{display:block;width:180px}
.research-ranked-image .research-thumb{display:block;width:180px;height:102px;object-fit:cover;object-position:center;background:#eceeea}
.research-ranked-copy h3{font-size:17px;line-height:1.28;margin:5px 0 6px}
.research-ranked-copy h3 a{color:var(--ink)}
.research-ranked-copy p{font-size:13px;line-height:1.5;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.research-ranked-meta{display:flex;gap:14px;margin-top:8px;font-size:10.5px;color:#7f868b}
.research-archive-list{border-top:1px solid var(--line)}
.research-archive-row{display:grid;grid-template-columns:90px minmax(0,1fr) 58px;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);color:var(--ink)}
.research-archive-row span{font-size:10.5px;color:var(--muted)}
.research-archive-row strong{font-size:13px}
.research-archive-row em{font-style:normal;font-size:10.5px;color:#6f8612;text-align:right}

.event-grid{gap:30px}
.event-row{grid-template-columns:82px 1fr 135px;padding:14px 0}
.event-row h3{font-size:16px}
.event-row p{font-size:11.5px}
.radar h3{font-size:20px}

.newsletter-band{padding:34px 0}
.newsletter-grid{gap:36px}
.newsletter-band h2{font-size:24px;margin:5px 0 7px}
.newsletter-band p{font-size:13px}
.newsletter-fields input,.newsletter-fields button{height:44px}

.footer{padding:30px 0 18px;background:#111315}
.footer-grid{grid-template-columns:1.45fr .7fr .85fr;gap:34px;align-items:start}
.footer .brand{color:#fff}
.footer .mark{width:44px;height:44px;flex-basis:44px}
.footer h4{font-size:10px;margin:0 0 9px;color:#fff}
.footer p,.footer a{font-size:12px;line-height:1.75;color:#aeb5ba}
.footer-brand p{max-width:390px;margin-top:12px}
.footer-bottom{margin-top:24px;padding-top:14px;font-size:10px;color:#7f868b}

.card a,.side-story a,.rank-item,.cat-tile,.section-link,.utility-nav a,.navbar a{transition:color .16s ease,opacity .16s ease,background-color .16s ease}
.card img,.side-story img,.hero-story img{transition:filter .18s ease}
.card:hover img,.side-story:hover img,.hero-story:hover img{filter:brightness(.97)}

@media(max-width:980px){
  .hero-grid,.article-grid,.event-grid,.research-day{grid-template-columns:1fr}
  .research-day-image{max-width:520px}
  .side-stack{display:grid;grid-template-columns:1fr 1fr;gap:22px;border-top:0}
  .side-story{border-top:1px solid var(--line)}
  .daily-layout{grid-template-columns:1fr}
  .editorial-grid{grid-template-columns:1fr}
  .sidebar{position:static}
  .list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}
  .category-strip{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1.2fr .8fr .8fr}
}

@media(max-width:720px){
  .container{width:min(100% - 26px,var(--max))}
  .masthead{height:62px}
  .mark{width:46px;height:46px;flex-basis:46px}
  .wordmark{font-size:17px}
  .utility-nav{display:none}
  .menu-btn{display:block;border-radius:0;padding:8px 11px}
  .navbar{display:none}
  .site-header.open .navbar{display:block}
  .site-header.open .navbar .container{height:auto;display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:8px;padding-bottom:10px;white-space:normal}
  .site-header.open .navbar a{line-height:1.2;padding:11px 0;border-bottom:1px solid #2a2f33}
  .hero{padding:20px 0 25px}
  .hero-grid,.side-stack,.daily-cards,.list-grid,.category-strip,.footer-grid{grid-template-columns:1fr}
  .hero-grid{gap:20px}
  .hero-story h1{font-size:27px;line-height:1.14;margin-top:10px}
  .hero-story p{font-size:14.5px}
  .side-stack{gap:0}
  .side-story{display:grid;grid-template-columns:112px 1fr;column-gap:13px;align-items:start;padding:13px 0}
  .side-story a{display:contents}
  .side-story .thumb{grid-column:1;grid-row:1/5;width:112px}
  .side-story .tag,.side-story h2,.side-story .meta{grid-column:2}
  .side-story.no-image{display:block}
  .side-story .tag{margin-top:0}
  .side-story h2{font-size:15px;margin:3px 0 6px}
  .section{padding:34px 0}
  .section-head{display:block}
  .section-head h2{font-size:21px}
  .section-link{display:inline-block;margin-top:10px}
  .daily-cards{gap:22px}
  .list-grid{gap:26px}
  .card h3{font-size:16.5px;min-height:0}
  .card p{-webkit-line-clamp:2}
  .editorial-stack .card{grid-template-columns:105px 1fr}
  .editorial-stack .card>a{grid-template-columns:105px 1fr}
  .editorial-stack .card .image{width:105px}
  .research-day{gap:18px}
  .research-day-image{max-width:100%}
  .research-day-copy h2{font-size:22px}
  .research-day-summary{font-size:14px}
  .research-score-badge{margin-top:10px}
  .research-ranked-item{grid-template-columns:44px 94px minmax(0,1fr);gap:11px;padding:14px 0;align-items:start}
  .research-rank-no{font-size:18px}
  .research-ranked-image,.research-ranked-image .research-thumb{width:94px}
  .research-ranked-image .research-thumb{height:68px}
  .research-ranked-copy h3{font-size:14px;margin-top:2px}
  .research-ranked-copy p{display:none}
  .research-ranked-meta{display:block;font-size:9.5px}
  .research-ranked-meta span{display:block;margin-top:2px}
  .research-archive-row{grid-template-columns:1fr 46px;gap:8px}
  .research-archive-row span{grid-column:1/3}
  .article-shell{padding:20px 0 44px}
  .article-header h1{font-size:27px}
  .article-dek{font-size:15px}
  .article-grid{gap:26px}
  .article-body{font-size:15px;line-height:1.7}
  .article-body h2{font-size:19px}
  .article-facts{grid-template-columns:1fr 1fr}
  .related-list a{grid-template-columns:1fr;gap:3px}
  .event-row{grid-template-columns:1fr;gap:5px}
  .event-row .place{text-align:left}
  .newsletter-grid{grid-template-columns:1fr;gap:20px}
  .newsletter-fields{grid-template-columns:1fr}
  .newsletter-fields button{width:100%}
  .archive-pager{align-items:flex-start;flex-direction:column}
  .footer{padding-top:26px}
  .footer-grid{gap:20px}
  .footer-bottom{display:block}
  .footer-bottom span{display:block;margin-top:4px}
}