/*
Theme Name: Rinno
Theme URI: https://rinno.ro/
Author: Ababei Online
Author URI: https://ababeionline.ro/
Description: Temă de blog în stil revistă pentru Rinno.ro, construită pe structura Sidewalk, dar refăcută modern: antet compact cu logo-ul și meniul centrate, titluri în Instrument Serif, text în Onest, deschidere pe trei coloane cu „Cele mai citite”, secțiune cu 4 articole, banda „Tema săptămânii”, 10 articole recente, articol cu imagine pe toată lățimea și cuprins automat. Păstrează locațiile de meniu din Sidewalk. Fără comentarii, fără jQuery, fonturi găzduite local.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rinno
Tags: blog, news, three-columns, right-sidebar, custom-logo, custom-menu, featured-images, translation-ready
*/

/* ---------- Fonturi (găzduite local) ---------- */
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/instrument-serif-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/instrument-serif-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(assets/fonts/instrument-serif-latin-400-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(assets/fonts/instrument-serif-latin-ext-400-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Onest";font-style:normal;font-weight:100 900;font-display:swap;src:url(assets/fonts/onest-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Onest";font-style:normal;font-weight:100 900;font-display:swap;src:url(assets/fonts/onest-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- Variabile ---------- */
:root{
	--r-accent:#F4B740;
	--r-ink:#16171A;
	--r-text:#2C2D32;
	--r-soft:#45464C;
	--r-muted:#6A6B70;
	--r-faint:#B8B9BD;
	--r-line:#E4E2DC;
	--r-line-2:#DEDBD3;
	--r-bg:#F7F6F3;
	--r-band:#EDE8DF;
	--r-white:#FFFFFF;
	--r-ad:#ECEAE5;
	--r-serif:"Instrument Serif",Georgia,"Times New Roman",serif;
	--r-sans:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;
	--r-radius:6px;
	--r-wrap:1280px;
	--r-gutter:32px;
}

/* ---------- Bază ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:24px}
body{margin:0;background:var(--r-bg);color:var(--r-ink);font:400 16px/1.6 var(--r-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote{margin:0}
ul,ol{padding:0}
img,svg,video,iframe{max-width:100%}
img{height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
button,input{font:inherit}
:focus-visible{outline:2px solid var(--r-ink);outline-offset:3px}
.wrap{width:100%;max-width:var(--r-wrap);margin:0 auto;padding:0 var(--r-gutter)}
.narrow{max-width:780px;margin-left:auto;margin-right:auto;padding-left:var(--r-gutter);padding-right:var(--r-gutter)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--r-ink);color:#fff;padding:10px 14px;border-radius:999px}
.skip-link:focus{left:8px;color:#fff}

/* Tipografie */
.t-sm,.t-md,.hero__title,.band__title,.sec__t,.row__title,.single__title,.prevnext__t,.brand__name,.site-footer__logo{font-family:var(--r-serif);font-weight:400;letter-spacing:-.01em;color:var(--r-ink)}
.t-sm{display:block;font-size:26px;line-height:1.1;margin:8px 0 6px}
.t-md{font-size:32px;line-height:1.05}
.kicker{display:inline-block;font:600 11px/1.2 var(--r-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--r-ink)}
.kicker--muted{color:var(--r-muted)}
.meta{font:400 13px/1.4 var(--r-sans);color:var(--r-muted);margin:0}
.meta-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.meta-row--center{justify-content:center}

/* Butoane */
.btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;font:600 14px/1 var(--r-sans);white-space:nowrap;border:1px solid transparent}
.btn:hover{text-decoration:none}
.btn--dark{background:var(--r-ink);color:#fff}
.btn--dark:hover{background:#2A2B30;color:#fff}
.btn--accent{background:var(--r-accent);color:var(--r-ink)}
.btn--accent:hover{filter:brightness(.96)}
.btn--line{border-color:var(--r-ink)}
.btn--line:hover{background:var(--r-ink);color:#fff}
.round-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--r-line-2);background:var(--r-white);color:var(--r-ink);cursor:pointer;padding:0;flex:none}
.round-btn:hover{border-color:var(--r-ink)}

/* Imagini */
.thumb{position:relative;overflow:hidden;background:#D9D5CC;border-radius:var(--r-radius)}
.thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
a:hover .thumb img{transform:scale(1.03)}
.ratio-3x2{aspect-ratio:3/2}
.ratio-4x3{aspect-ratio:4/3}
.ratio-4x5{aspect-ratio:4/5}
.ratio-16x9{aspect-ratio:16/9}

/* ---------- Antet compact ---------- */
.masthead{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding-top:14px;padding-bottom:14px}
.masthead__left{display:flex;align-items:center;gap:14px}
.masthead__date{font:400 13px var(--r-sans);color:var(--r-muted)}
.masthead__right{display:flex;align-items:center;justify-content:flex-end;gap:16px}
.menu-toggle,.mobile-search{display:none}
.logo__wrap{margin:0;font-size:inherit;font-weight:inherit;line-height:1}
.logo__wrap a:hover,.site-footer__logo:hover{text-decoration:none}
.brand{display:inline-flex;align-items:center;gap:10px}
.brand__mark{width:40px;height:40px;border-radius:50%;background:var(--r-accent);color:var(--r-ink);display:inline-flex;align-items:center;justify-content:center;flex:none;overflow:hidden}
.brand__mark img{width:28px;height:28px;object-fit:contain}
.brand__letter{font:400 30px/1 var(--r-serif);margin-top:2px}
.brand__name{font-size:46px;line-height:1;letter-spacing:-.02em}
.custom-logo{max-height:52px;width:auto}
.social-ico{display:inline-flex;color:var(--r-ink)}
.social-ico:hover{opacity:.7}
.searchbar{display:none;border-top:1px solid var(--r-line);padding:14px 0}
.searchbar.is-open{display:block}
.searchbar .search-form{max-width:640px;margin:0 auto}
.search-form{display:flex;align-items:center;gap:10px;height:50px;padding:0 6px 0 18px;border-radius:999px;background:var(--r-white);border:1px solid var(--r-line-2);color:var(--r-ink)}
.search-form:focus-within{border-color:var(--r-ink)}
.search-field{flex:1;min-width:0;border:0;outline:0;background:transparent;font:400 15px var(--r-sans);color:var(--r-ink);height:100%;padding:0}
.search-submit{height:38px;padding:0 16px;border-radius:999px;border:0;background:var(--r-ink);color:#fff;font:600 13px var(--r-sans);cursor:pointer}

/* Bara de progres */
.progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;pointer-events:none}
.admin-bar .progress{top:32px}
.progress span{display:block;height:100%;background:var(--r-accent);transform:scaleX(0);transform-origin:0 50%}

/* ---------- Meniul centrat între linii ---------- */
.mainnav__in{display:flex;justify-content:center;align-items:stretch;gap:34px;border-top:1px solid var(--r-ink);border-bottom:1px solid var(--r-ink)}
.mainnav__home,.mainnav .menu>li>a,.more-toggle{display:inline-flex;align-items:center;min-height:50px;font:500 15px/1 var(--r-sans);white-space:nowrap;color:var(--r-ink)}
.mainnav__home{flex:none}
.mainnav__home:hover,.mainnav .menu>li>a:hover{text-decoration:none;box-shadow:inset 0 -3px 0 var(--r-line-2)}
.mainnav__home.is-current,.mainnav .menu>.current-menu-item>a,.mainnav .menu>.current-category-ancestor>a,.mainnav .menu>.current-post-ancestor>a,.mainnav .menu>.current-menu-parent>a{font-weight:700;box-shadow:inset 0 -3px 0 var(--r-accent)}
.mainnav .menu{flex:0 1 auto;min-width:0;list-style:none;display:flex;flex-wrap:nowrap;align-items:stretch;gap:34px;overflow:hidden}
.mainnav.is-ready .menu{overflow:visible}
.mainnav .menu>li{position:relative;display:flex;align-items:center;flex:none}
.mainnav .menu>li[hidden]{display:none}
.sub-toggle{display:inline-flex;align-items:center;justify-content:center;width:22px;height:44px;margin-left:2px;margin-right:-10px;border:0;background:transparent;color:var(--r-ink);cursor:pointer;padding:0}
.more-toggle{gap:6px;border:0;background:transparent;cursor:pointer;font-weight:600}
.sub-toggle svg,.more-toggle svg{transition:transform .2s}
.is-open>.sub-toggle svg,.is-open>.more-toggle svg{transform:rotate(180deg)}
.mainnav .sub-menu{display:none;position:absolute;top:100%;left:-18px;z-index:50;min-width:230px;list-style:none;background:var(--r-white);border:1px solid var(--r-line);border-top:2px solid var(--r-ink);box-shadow:0 18px 40px rgba(22,23,26,.1);padding:8px}
.mainnav .menu>li:hover>.sub-menu,.mainnav .menu>li:focus-within>.sub-menu,.mainnav .menu>li.is-open>.sub-menu{display:block}
.mainnav .more-list{left:auto;right:-18px;max-height:70vh;overflow-y:auto}
.mainnav .sub-menu a{display:block;padding:10px 12px;border-radius:4px;font:500 15px/1.25 var(--r-sans);white-space:nowrap}
.mainnav .sub-menu a:hover{background:var(--r-bg);text-decoration:none}
.mainnav .more-list>li{display:block}
.mainnav .more-list .sub-toggle{display:none}
.mainnav .more-list .sub-menu{display:block;position:static;border:0;box-shadow:none;padding:0 0 4px 12px;min-width:0}
.mainnav .more-list .sub-menu a{font-size:14px;color:var(--r-muted)}

/* ---------- Reclame ---------- */
.ad-slot{display:block;text-align:center}
ins.adsbygoogle[data-ad-status="unfilled"]{display:none!important}
.ad-slot:empty{display:none}
.ad-slot .widget,.ad-col .widget{display:block;width:100%;max-width:100%;overflow:hidden;text-align:center}
.ad-slot .widget>*,.ad-slot .textwidget>*,.ad-col .widget>*,.ad-col .textwidget>*{margin-left:auto;margin-right:auto;max-width:100%}
.ad-slot .widget-title{display:none}
.ad-slot--header{padding-top:24px}
.ad-slot--billboard{margin-top:56px}
.ad-slot--content{margin:6px 0 30px}
.ad-col{display:flex;flex-direction:column;gap:26px}
.ad-col .widget:last-child{position:sticky;top:24px}
.ad-col .widget-title{font:600 11px/1.2 var(--r-sans);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}

/* ---------- Secțiuni ---------- */
.block{padding-top:72px}
.sec{display:flex;align-items:center;gap:22px;margin-bottom:28px}
.sec::before,.sec::after{content:"";flex:1;height:1px;background:var(--r-ink)}
.sec--left::before{display:none}
.sec__t{font-size:44px;line-height:1;margin:0}
.sec__t a:hover{text-decoration:none;opacity:.75}

/* ---------- Deschiderea ---------- */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(0,1fr);gap:40px;padding-top:36px}
.hero__side{display:flex;flex-direction:column;gap:24px}
.hero__side .card+.card{padding-top:24px;border-top:1px solid var(--r-line)}
.card .kicker{margin-top:14px}
.hero__lead{text-align:center}
.hero__lead .kicker{margin-top:22px}
.hero__title{font-size:56px;line-height:1;letter-spacing:-.02em;margin:14px 0 16px}
.hero__dek{font:400 17px/1.65 var(--r-sans);color:var(--r-soft);max-width:560px;margin:0 auto}
.hero__lead .meta{margin-top:14px}
.hero__rank{border-left:1px solid var(--r-line);padding-left:32px}
.side-title{font:600 11px/1.2 var(--r-sans);letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}
.side-title a:hover{text-decoration:none}
.ranked ol{list-style:none;counter-reset:r}
.ranked li{counter-increment:r;border-bottom:1px solid var(--r-line)}
.ranked li:last-child{border-bottom:0}
.ranked li a{display:block;padding:16px 0;font:500 16px/1.4 var(--r-sans)}
.ranked li a::before{content:counter(r,decimal-leading-zero);display:block;font:italic 400 40px/.9 var(--r-serif);color:var(--r-faint);margin-bottom:6px}
.ranked li a:hover::before{color:var(--r-ink)}

/* ---------- Grilă de 4 / 3 ---------- */
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.grid-4 .t-sm{font-size:24px;margin-top:14px}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}

/* ---------- Banda „Tema săptămânii” ---------- */
.band{margin-top:72px;background:var(--r-band);padding:56px 0}
.band__in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:56px;align-items:center}
.band__title{font-size:52px;line-height:1.02;margin:16px 0 16px}
.band__dek{font:400 17px/1.65 var(--r-sans);color:var(--r-soft);margin-bottom:24px}

/* ---------- Ultimele articole ---------- */
.latest{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
.latest--full{grid-template-columns:minmax(0,1fr);max-width:960px}
.latest__main .sec{margin-bottom:8px}
.row{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;align-items:center;padding:18px 0;border-bottom:1px solid var(--r-line)}
.row__title{font-size:27px;line-height:1.08;margin:8px 0 0}
.row__excerpt{font:400 15px/1.6 var(--r-sans);color:var(--r-soft);margin-top:8px}
.latest__more{margin-top:28px}

/* ---------- Articolul ---------- */
.single{padding-top:52px}
.single__head{text-align:center;max-width:900px}
.single__title{font-size:clamp(42px,5.2vw,72px);line-height:.98;letter-spacing:-.02em;margin:18px 0 18px}
.single__dek{font:400 19px/1.6 var(--r-sans);color:var(--r-soft);max-width:640px;margin:0 auto}
.byline{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px}
.byline__text{display:flex;flex-direction:column;text-align:left}
.byline__name{font:600 14px var(--r-sans)}
.avatar{width:40px;height:40px;border-radius:50%;background:var(--r-line);display:inline-flex;align-items:center;justify-content:center;font:600 14px var(--r-sans);flex:none}
.single__figure{margin-top:40px}
.single__figure img{width:100%;aspect-ratio:16/7;object-fit:cover;border-radius:var(--r-radius)}
.single__figure figcaption{margin-top:10px;text-align:center}
.single__layout{display:grid;grid-template-columns:200px minmax(0,680px) 200px;gap:48px;justify-content:center;padding-top:44px}
.single__left{align-self:start;position:sticky;top:24px;display:flex;flex-direction:column;gap:10px}
.share{display:flex;gap:8px;flex-wrap:wrap}
.share__btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--r-line-2);background:var(--r-white);color:var(--r-ink);cursor:pointer;padding:0}
.share__btn:hover{border-color:var(--r-ink)}
.share__btn .i-done{display:none}
.share__btn.is-done{background:var(--r-accent);border-color:var(--r-accent)}
.share__btn.is-done .i-link{display:none}
.share__btn.is-done .i-done{display:block}
.toc{margin-top:22px;display:flex;flex-direction:column}
.toc a{font:500 14px/1.4 var(--r-sans);padding:7px 0;color:var(--r-muted)}
.toc a:hover{color:var(--r-ink)}
.single__right{align-self:start;position:sticky;top:24px}
.single__right .widget+.widget{margin-top:20px}

.entry{font:400 19px/1.8 var(--r-sans);color:var(--r-text);overflow-wrap:break-word}
.entry>*{margin-top:0;margin-bottom:24px}
.entry>p:first-child::first-letter{float:left;font:400 84px/.8 var(--r-serif);margin:8px 12px 0 0;color:var(--r-ink)}
.entry h2{font:400 36px/1.1 var(--r-serif);letter-spacing:-.01em;margin:44px 0 14px;color:var(--r-ink)}
.entry h3{font:400 28px/1.15 var(--r-serif);margin:34px 0 10px;color:var(--r-ink)}
.entry h4{font:600 19px/1.3 var(--r-sans);margin:28px 0 8px}
.entry a{color:var(--r-ink);text-decoration:underline;text-decoration-color:var(--r-accent);text-decoration-thickness:3px;text-underline-offset:4px}
.entry a:hover{background:var(--r-accent)}
.entry ul,.entry ol{padding-left:1.3em}
.entry li{margin-bottom:8px}
.entry blockquote,.entry .wp-block-quote{margin:40px 0;padding:28px 0;border:0;border-top:1px solid var(--r-ink);border-bottom:1px solid var(--r-ink);text-align:center}
.entry blockquote p{font:italic 400 36px/1.18 var(--r-serif);color:var(--r-ink);margin:0 0 12px}
.entry blockquote cite{font:600 11px/1.2 var(--r-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--r-muted);font-style:normal}
.entry .is-style-rn-summary{background:var(--r-white);border:1px solid var(--r-line);border-radius:var(--r-radius);padding:48px 26px 14px 46px;position:relative;font-size:17px}
.entry .is-style-rn-summary::before{content:"Pe scurt";position:absolute;left:26px;top:20px;font:600 11px/1 var(--r-sans);letter-spacing:.14em;text-transform:uppercase}
.entry .wp-block-group.is-style-rn-summary{padding:48px 26px 14px}
.readalso{display:block;border-top:1px solid var(--r-ink);border-bottom:1px solid var(--r-ink);padding:16px 0}
.readalso__label{display:block;font:600 11px/1.2 var(--r-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--r-muted);margin-bottom:6px}
.entry .readalso a{font:400 26px/1.15 var(--r-serif);text-decoration:none}
.entry .readalso a:hover{background:none;text-decoration:underline}
.entry figure{margin-left:0;margin-right:0}
.entry figure img{border-radius:var(--r-radius)}
.entry figcaption,.entry .wp-element-caption{font:400 13px/1.4 var(--r-sans);color:var(--r-muted);margin-top:8px;text-align:center}
.entry table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.entry th,.entry td{border-bottom:1px solid var(--r-line);padding:10px 8px;text-align:left}
.entry .wp-block-table{overflow-x:auto}
.entry hr{border:0;text-align:center;margin:40px 0}
.entry hr::after{content:"· · ·";letter-spacing:.6em;color:var(--r-muted)}
.entry .alignleft{float:left;margin:6px 24px 12px 0;max-width:50%}
.entry .alignright{float:right;margin:6px 0 12px 24px;max-width:50%}
.entry .aligncenter{margin-left:auto;margin-right:auto}
.entry iframe{width:100%}
.tags{list-style:none;display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.tags a{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--r-line-2);background:var(--r-white);font:500 13px var(--r-sans)}
.tags a:hover{text-decoration:none;border-color:var(--r-ink)}
.page-links{font:600 14px var(--r-sans)}
.prevnext{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:40px}
.prevnext__item{border-top:1px solid var(--r-ink);padding-top:14px}
.prevnext__item:hover{text-decoration:none}
.prevnext__item--next{text-align:right}
.prevnext__t{display:block;font-size:24px;line-height:1.15;margin-top:8px}
.prevnext__item:hover .prevnext__t{text-decoration:underline;text-underline-offset:4px}
.related .t-sm{margin-top:8px}

/* Pagini statice */
.page-single{padding-top:48px}
.page-single .single__title{font-size:clamp(38px,4.4vw,56px);text-align:center}
.page-single .entry>p:first-child::first-letter{all:unset}

/* ---------- Liste ---------- */
.archive{padding-top:44px}
.archive__head{text-align:center;margin-bottom:12px}
.archive__head .sec{margin-bottom:12px}
.archive__head .sec__t{font-size:clamp(40px,5vw,60px)}
.archive__desc{max-width:680px;margin:0 auto;color:var(--r-soft);font:400 17px/1.6 var(--r-sans)}
.archive__search{max-width:560px;margin:16px auto 0}
.subcats{list-style:none;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:16px}
.subcats a{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--r-line-2);background:var(--r-white);font:500 13px var(--r-sans)}
.archive .latest{padding-top:16px}
.archive .latest--full{margin:0 auto}
.empty{font:400 18px/1.6 var(--r-sans);margin:24px 0 18px}
.pagination{margin-top:32px}
.pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:46px;padding:0 14px;border-radius:999px;border:1px solid var(--r-line-2);font:600 14px var(--r-sans)}
.pagination .page-numbers.current,.pagination a.page-numbers:hover{background:var(--r-ink);border-color:var(--r-ink);color:#fff;text-decoration:none}
.pagination .page-numbers.dots{border-color:transparent}
.pagination .next{margin-left:auto}

/* 404 */
.notfound{max-width:720px;padding-top:72px;padding-bottom:24px;text-align:center}
.notfound p{margin-bottom:18px;font:400 18px/1.6 var(--r-sans)}
.notfound__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:24px}
.pill{display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:999px;border:1px solid var(--r-ink);font:600 14px var(--r-sans)}
.pill--accent{background:var(--r-accent);border-color:var(--r-accent)}

/* ---------- Subsol compact ---------- */
.site-footer{margin-top:64px;background:var(--r-ink);color:#9C9EA5}
.site-footer__in{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;padding-top:22px;padding-bottom:22px}
.site-footer__logo{font-size:32px;line-height:1;color:#fff}
.footer-menu{list-style:none;display:flex;gap:8px 22px;flex-wrap:wrap;font:500 14px var(--r-sans)}
.footer-menu a{color:#D5D6DA}
.footer-menu a:hover{color:#fff}
.site-footer__copy{font-size:13px}

/* ---------- Responsive ---------- */
@media (max-width:1180px){
	.masthead__date{display:none}
	.hero{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
	.hero__side{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
	.hero__side .card+.card{padding-top:0;border-top:0}
	.hero__title{font-size:46px}
	.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
	.single__layout{grid-template-columns:56px minmax(0,680px) 220px;gap:32px}
	.single__left .kicker,.single__left .toc{display:none}
	.single__left .share{flex-direction:column}
}

@media (max-width:900px){
	:root{--r-gutter:16px}
	.masthead{grid-template-columns:44px 1fr 44px;gap:8px;padding-top:12px;padding-bottom:12px}
	.masthead__left{gap:0}
	.masthead__left .search-toggle{display:none}
	.menu-toggle{display:inline-flex}
	.masthead__right .social-ico,.masthead__right .btn{display:none}
	.masthead__right::after{content:"";width:0}
	.logo{text-align:center}
	.brand{gap:8px}
	.brand__mark{width:34px;height:34px}
	.brand__mark img{width:22px;height:22px}
	.brand__letter{font-size:25px}
	.brand__name{font-size:38px}
	.masthead__right{position:relative}
	.masthead__right .mobile-search{display:inline-flex}
	.masthead__right{justify-content:flex-end}
	.mainnav{padding:0}
	.mainnav__in{justify-content:flex-start;gap:22px;overflow-x:auto;scrollbar-width:none;margin:0 16px}
	.mainnav__in::-webkit-scrollbar{display:none}
	.mainnav .menu{overflow:visible;flex:none;gap:22px}
	.mainnav__home,.mainnav .menu>li>a{min-height:46px;font-size:14px}
	.mainnav .sub-toggle,.mainnav .menu-more{display:none}
	.mainnav .sub-menu{display:none!important}
	.mainnav.is-expanded .mainnav__in{flex-direction:column;align-items:stretch;gap:0;overflow:visible}
	.mainnav.is-expanded .menu{flex-direction:column;align-items:stretch;gap:0}
	.mainnav.is-expanded .menu>li{display:block}
	.mainnav.is-expanded .menu>li.menu-more,.mainnav .menu>li[hidden]{display:none!important}
	.mainnav.is-expanded .mainnav__home,.mainnav.is-expanded .menu>li>a{display:flex;min-height:52px;font:400 26px/1 var(--r-serif);border-bottom:1px solid var(--r-line);box-shadow:none}
	.mainnav.is-expanded .sub-menu{display:block!important;position:static;border:0;box-shadow:none;padding:4px 0 8px 14px;min-width:0;background:transparent}

	.hero{grid-template-columns:1fr;gap:28px;padding-top:22px}
	.hero__lead{order:-1}
	.hero__title{font-size:36px}
	.hero__dek{font-size:15px}
	.hero__side{grid-row:auto;grid-template-columns:1fr;gap:0}
	.hero__side .card{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:4px 14px;padding:16px 0;border-top:1px solid var(--r-line)}
	.hero__side .card>a:first-child{grid-column:2;grid-row:1/span 3}
	.hero__side .card .kicker{margin-top:0}
	.hero__side .t-sm{font-size:22px;margin:4px 0}
	.hero__side .card+.card{padding-top:16px;border-top:1px solid var(--r-line)}
	.hero__rank{border-left:0;padding-left:0}
	.ranked li a{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;padding:12px 0;font-size:15px}
	.ranked li a::before{font-size:32px;margin:0}
	.block{padding-top:44px}
	.sec{gap:14px;margin-bottom:18px}
	.sec__t{font-size:32px}
	.grid-4{grid-template-columns:1fr 1fr;gap:20px 12px}
	.grid-4 .t-sm{font-size:19px;margin-top:10px}
	.grid-3{grid-template-columns:1fr;gap:24px}
	.band{margin-top:44px;padding:24px 0 28px}
	.band__in{grid-template-columns:1fr;gap:16px}
	.band__title{font-size:32px;margin:10px 0}
	.band__dek{display:none}
	.latest,.latest--full{grid-template-columns:1fr;gap:32px}
	.row{grid-template-columns:minmax(0,1fr) 110px;gap:14px;padding:16px 0}
	.row__media{order:2}
	.row__media .thumb{aspect-ratio:1/1}
	.row__title{font-size:22px;margin-top:6px}
	.row__excerpt{display:none}
	.ad-col .widget:last-child{position:static}
	.ad-slot--billboard{margin-top:36px}

	.single{padding-top:28px}
	.single__title{font-size:38px}
	.single__dek{font-size:17px}
	.single__figure{padding:0;margin-top:24px}
	.single__figure img{aspect-ratio:4/3;border-radius:0}
	.single__layout{grid-template-columns:1fr;gap:20px;padding-top:24px}
	.single__left{position:static;order:2}
	.single__left .share{flex-direction:row}
	.single__left .kicker{display:block}
	.single__right{position:static}
	.entry{font-size:18px;line-height:1.75}
	.entry>p:first-child::first-letter{font-size:68px}
	.entry h2{font-size:30px}
	.entry blockquote p{font-size:28px}
	.entry .alignleft,.entry .alignright{float:none;margin:0 0 20px;max-width:100%}
	.prevnext{grid-template-columns:1fr}
	.prevnext__item--next{text-align:left}

	.archive{padding-top:28px}
	.pagination .next{margin-left:0}
	.site-footer{margin-top:44px}
	.site-footer__in{flex-direction:column;align-items:flex-start;gap:14px}
}

@media (prefers-reduced-motion:reduce){
	*{transition:none!important;scroll-behavior:auto!important}
	a:hover .thumb img{transform:none}
}

@media print{.masthead__left,.masthead__right,.mainnav,.ad-slot,.ad-col,.single__left,.single__right,.related,.site-footer,.progress{display:none}.single__layout{display:block}}