/*
Theme Name: Spain Logs
Description: Личный блог Дмитрия Шейнкмана. Тема под чтение: Literata + Golos Text, светлая и тёмная схемы, без jQuery.
Author: Дмитрий Шейнкман
Version: 1.0.0
Requires PHP: 8.1
Text Domain: spainlogs
*/

/* ---------- Шрифты (локально) ---------- */
@font-face{font-family:"Literata";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/literata-cyr.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Literata";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/literata-lat.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:"Literata";font-style:italic;font-weight:400 700;font-display:swap;src:url(fonts/literata-i-cyr.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Literata";font-style:italic;font-weight:400 700;font-display:swap;src:url(fonts/literata-i-lat.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:"Golos Text";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/golos-cyr.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/golos-lat.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}

/* ---------- Токены: бумага, горчичное солнце, глубокое море ---------- */
:root{--paper:#F4EDDE; --paper-2:#EBE2CE; --card:#FAF5EA; --ink:#16292E; --ink-2:#4A5A5C; --ink-3:#6E7773; --line:#DDD2BC; --line-2:#CBBDA2; --accent:#255866; --accent-ink:#F4EDDE; --accent-soft:#DCE6E1; --gold:#A46C10; --gold-line:#D9B56A; --sun:#E2A73A; --sky:#F1E7D2; --sea-1:#1F3E47; --sea-2:#2E5560; --sea-3:#456F78; --c-zhizn:#9A5B0E; --c-ispanskij:#255866; --c-kultura:#A1452E; --c-istoriya:#56632D; --serif:"Literata",Georgia,"Times New Roman",serif; --sans:"Golos Text",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; --read:680px; --wide:1160px; --gutter:clamp(16px,4vw,32px); --r:14px; --r-s:8px; --shadow:0 1px 2px rgba(22,41,46,.06),0 10px 28px rgba(22,41,46,.08); --t-body:clamp(17px,1.05rem + .25vw,19.5px); color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#0F1B1F; --paper-2:#152428; --card:#132226; --ink:#EFE6D3; --ink-2:#B9B5A6; --ink-3:#8F948C; --line:#22343A; --line-2:#2E444B; --accent:#E6B14E; --accent-ink:#0F1B1F; --accent-soft:#2A3A35; --gold:#E6B14E; --gold-line:#C9A35A; --sun:#E6AE45; --sky:#1A2C31; --sea-1:#0B1619; --sea-2:#1E3B43; --sea-3:#30565F; --c-zhizn:#E5A54A; --c-ispanskij:#7FB8C4; --c-kultura:#E58B70; --c-istoriya:#B4C27C; --shadow:0 1px 2px rgba(0,0,0,.35),0 10px 28px rgba(0,0,0,.3); color-scheme:dark}}
:root[data-theme="dark"]{--paper:#0F1B1F; --paper-2:#152428; --card:#132226; --ink:#EFE6D3; --ink-2:#B9B5A6; --ink-3:#8F948C; --line:#22343A; --line-2:#2E444B; --accent:#E6B14E; --accent-ink:#0F1B1F; --accent-soft:#2A3A35; --gold:#E6B14E; --gold-line:#C9A35A; --sun:#E6AE45; --sky:#1A2C31; --sea-1:#0B1619; --sea-2:#1E3B43; --sea-3:#30565F; --c-zhizn:#E5A54A; --c-ispanskij:#7FB8C4; --c-kultura:#E58B70; --c-istoriya:#B4C27C; --shadow:0 1px 2px rgba(0,0,0,.35),0 10px 28px rgba(0,0,0,.3); color-scheme:dark}

/* ---------- База ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-underline-offset:.18em;text-decoration-thickness:1px;transition:color .15s,text-decoration-color .15s}
a:hover{color:var(--accent);text-decoration-color:currentColor}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
::selection{background:var(--accent-soft);color:var(--ink)}
.screen-reader-text,.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:var(--r-s);text-decoration:none}
.skip:focus{top:12px}
.wrap{max-width:var(--wide);margin:0 auto;padding:0 var(--gutter)}
.read{max-width:var(--read);margin-left:auto;margin-right:auto}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* ---------- Шапка ---------- */
.site-head{border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:50}
.admin-bar .site-head{top:32px}
@media (max-width:782px){.admin-bar .site-head{top:0;position:relative}}
.head-in{display:flex;align-items:center;gap:20px;min-height:68px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;margin-right:auto;color:var(--ink)}
.brand:hover{color:var(--ink)}
.brand-mark{width:36px;height:36px;flex:none;display:block}.brand-mark svg{width:100%;height:100%}
.brand-name{font:600 22px/1 var(--serif);letter-spacing:-.01em}
.brand-name em{font-style:italic;font-weight:500;color:var(--gold)}
.nav{display:flex;gap:4px;align-items:center}
.nav a{font:500 15px/1 var(--sans);text-decoration:none;padding:10px 12px;border-radius:999px;color:var(--ink-2)}
.nav a:hover,.nav .current-menu-item>a,.nav .current-cat>a,.nav a[aria-current]{color:var(--ink);background:var(--paper-2)}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px}
.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:999px;border:0;background:transparent;color:var(--ink-2);cursor:pointer}
.icon-btn:hover{background:var(--paper-2);color:var(--ink)}
.icon-btn svg{width:20px;height:20px}
.menu-btn{display:none}
.theme-btn .i-moon{display:none}
:root[data-theme="dark"] .theme-btn .i-sun{display:none}
:root[data-theme="dark"] .theme-btn .i-moon{display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .theme-btn .i-sun{display:none}:root:not([data-theme="light"]) .theme-btn .i-moon{display:block}}
@media (max-width:860px){
  .menu-btn{display:inline-grid}
  .nav{position:fixed;inset:68px 0 auto 0;flex-direction:column;align-items:stretch;background:var(--paper);border-bottom:1px solid var(--line);padding:12px var(--gutter) 20px;box-shadow:var(--shadow);transform:translateY(-8px);opacity:0;visibility:hidden;transition:.18s}
  .nav ul{flex-direction:column}
  .nav a{font-size:18px;padding:14px 12px;border-radius:var(--r-s)}
  body.nav-open .nav{transform:none;opacity:1;visibility:visible}
}
.progress{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--accent);transform-origin:0 50%;transform:scaleX(0)}

/* ---------- Поиск ---------- */
.search-panel{border-bottom:1px solid var(--line);background:var(--paper-2);padding:18px 0}
.search-panel[hidden]{display:none}
.search-form{display:flex;gap:8px;max-width:var(--read);margin:0 auto}
.search-form input{flex:1;font:400 17px/1.2 var(--sans);padding:13px 16px;border:1px solid var(--line-2);border-radius:999px;background:var(--card);color:var(--ink);min-width:0}
.search-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}

/* ---------- Кнопки, метки ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;font:600 15px/1 var(--sans);padding:13px 20px;border-radius:999px;border:1px solid transparent;text-decoration:none;cursor:pointer;transition:.15s}
.btn-primary{background:var(--ink);color:var(--paper)}
.btn-primary:hover{background:var(--accent);color:var(--accent-ink)}
.btn-ghost{border-color:var(--line-2);color:var(--ink)}
.btn-ghost:hover{border-color:var(--ink);color:var(--ink)}
.btn svg{width:18px;height:18px}
.kicker{display:inline-flex;align-items:center;gap:8px;font:600 12.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--cat,var(--accent));text-decoration:none}
.kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.kicker:hover{color:var(--ink)}
.meta{font:400 14px/1.4 var(--sans);color:var(--ink-3);display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}
.meta>*+*::before{content:"·";margin-right:14px;color:var(--line-2)}
.cat-zhizn{--cat:var(--c-zhizn)} .cat-ispanskij{--cat:var(--c-ispanskij)} .cat-kultura{--cat:var(--c-kultura)} .cat-istoriya{--cat:var(--c-istoriya)}

/* ---------- Главная ---------- */
.hero{padding:clamp(40px,7vw,88px) 0 clamp(32px,5vw,56px)}
.hero-in{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,44px);align-items:center;max-width:900px}
.avatar{width:clamp(88px,12vw,132px);aspect-ratio:1;border-radius:50%;object-fit:cover;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font:600 clamp(30px,4vw,44px)/1 var(--serif);box-shadow:0 0 0 6px var(--paper),0 0 0 7px var(--line)}
.hero h1{font:600 clamp(34px,3.2vw + 16px,58px)/1.06 var(--serif);letter-spacing:-.022em;margin:0 0 16px}
.hero h1 em{font-style:italic;font-weight:500;color:var(--gold)}
.hero p{font:400 clamp(17px,1.1vw + 12px,21px)/1.55 var(--serif);color:var(--ink-2);margin:0 0 24px;max-width:36em}
.hero-cta{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:600px){.hero-in{grid-template-columns:1fr}.avatar{width:84px}}

.section{padding:clamp(28px,5vw,56px) 0}
.section+.section{border-top:1px solid var(--line)}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:24px}
.sec-head h2{font:600 clamp(24px,1.5vw + 16px,32px)/1.15 var(--serif);letter-spacing:-.015em;margin:0}
.sec-head a{font:500 15px/1 var(--sans);color:var(--ink-2);white-space:nowrap}

/* Карточки */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,36px)}
@media (max-width:960px){.grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.grid{grid-template-columns:1fr}}
.card{display:flex;flex-direction:column;gap:12px;position:relative}
.card-img{aspect-ratio:3/2;border-radius:var(--r);overflow:hidden;background:var(--paper-2);display:block}
.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.card:hover .card-img img{transform:scale(1.03)}
.card h3{font:600 clamp(19px,.6vw + 15px,23px)/1.25 var(--serif);letter-spacing:-.01em;margin:0}
.card h3 a{text-decoration:none}
.card h3 a::after{content:"";position:absolute;inset:0}
.card .kicker{position:relative;z-index:1}
.card p{margin:0;color:var(--ink-2);font-size:15.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card:hover h3{color:var(--accent)}

/* Заглушка без обложки: сцена «солнце над волнами», волны цвета рубрики */
.ph{width:100%;height:100%;color:var(--cat,var(--sea-2))}
.ph .scene{width:100%;height:100%}

/* Главная запись */
.feature{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(20px,4vw,48px);align-items:center;position:relative}
.feature .card-img{aspect-ratio:4/3;border-radius:calc(var(--r) + 4px)}
.feature h2{font:600 clamp(26px,1.6vw + 14px,38px)/1.15 var(--serif);letter-spacing:-.02em;margin:14px 0;text-wrap:balance}
.feature h2 a{text-decoration:none}
.feature h2 a::after{content:"";position:absolute;inset:0}
.feature:hover h2{color:var(--accent)}
.feature p{font:400 18px/1.6 var(--serif);color:var(--ink-2);margin:0 0 18px}
@media (max-width:820px){.feature{grid-template-columns:1fr}}

/* Рубрики */
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media (max-width:960px){.cats{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.cats{grid-template-columns:1fr}}
.cat-tile{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);text-decoration:none;position:relative;overflow:hidden;transition:.18s;min-height:170px}
.cat-tile::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--cat)}
.cat-tile:hover{border-color:var(--cat);transform:translateY(-2px);box-shadow:var(--shadow);color:inherit}
.cat-tile b{font:600 22px/1.2 var(--serif);color:var(--ink)}
.cat-tile span{font-size:15px;line-height:1.5;color:var(--ink-2)}
.cat-tile small{margin-top:auto;font:600 13px/1 var(--sans);color:var(--cat);letter-spacing:.02em}

/* Подписка */
.subscribe{background:var(--ink);color:var(--paper);border-radius:calc(var(--r) + 6px);padding:clamp(28px,5vw,52px);display:grid;grid-template-columns:1.3fr auto;gap:24px;align-items:center}
.subscribe h2{font:600 clamp(24px,1.5vw + 16px,34px)/1.15 var(--serif);margin:0 0 8px;color:var(--paper)}
.subscribe p{margin:0;color:color-mix(in srgb,var(--paper) 75%,transparent)}
.subscribe .btn-primary{background:var(--accent);color:#fff}
.subscribe .btn-primary:hover{background:var(--paper);color:var(--ink)}
:root[data-theme="dark"] .subscribe{background:var(--paper-2);color:var(--ink);border:1px solid var(--line)}
:root[data-theme="dark"] .subscribe h2{color:var(--ink)}
:root[data-theme="dark"] .subscribe p{color:var(--ink-2)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .subscribe{background:var(--paper-2);color:var(--ink);border:1px solid var(--line)}:root:not([data-theme="light"]) .subscribe h2{color:var(--ink)}:root:not([data-theme="light"]) .subscribe p{color:var(--ink-2)}}
@media (max-width:700px){.subscribe{grid-template-columns:1fr}}

.empty{padding:48px 0;text-align:center;color:var(--ink-2);font:400 19px/1.6 var(--serif)}

/* ---------- Архивы ---------- */
.page-head{padding:clamp(36px,6vw,72px) 0 clamp(24px,4vw,40px);border-bottom:1px solid var(--line);margin-bottom:clamp(28px,4vw,48px)}
.page-head h1{font:600 clamp(32px,2.6vw + 16px,52px)/1.08 var(--serif);letter-spacing:-.02em;margin:12px 0 12px}
.page-head p{font:400 19px/1.55 var(--serif);color:var(--ink-2);margin:0;max-width:36em}
.list{display:flex;flex-direction:column}
.row{display:grid;grid-template-columns:220px 1fr;gap:28px;padding:26px 0;border-bottom:1px solid var(--line);position:relative;align-items:center}
.row:first-child{padding-top:0}
.row .card-img{aspect-ratio:3/2}
.row h2{font:600 clamp(21px,.8vw + 16px,27px)/1.22 var(--serif);letter-spacing:-.01em;margin:8px 0}
.row h2 a{text-decoration:none}
.row h2 a::after{content:"";position:absolute;inset:0}
.row:hover h2{color:var(--accent)}
.row p{margin:0 0 10px;color:var(--ink-2);font-size:16px}
@media (max-width:640px){.row{grid-template-columns:1fr;gap:14px}}
.pagination{display:flex;gap:8px;justify-content:center;margin:40px 0 0;font:500 15px/1 var(--sans)}
.pagination .page-numbers{min-width:42px;height:42px;display:inline-grid;place-items:center;padding:0 12px;border-radius:999px;text-decoration:none;border:1px solid var(--line)}
.pagination .current{background:var(--ink);color:var(--paper);border-color:var(--ink)}

/* ---------- Запись ---------- */
.post-head{padding-top:clamp(32px,6vw,72px);padding-bottom:clamp(20px,3vw,32px)}
.crumbs{font:400 14px/1.4 var(--sans);color:var(--ink-3);margin-bottom:22px}
.crumbs a{color:var(--ink-3)}
.crumbs .sep{margin:0 6px;color:var(--line-2)}
.post-head h1{font:650 clamp(32px,3vw + 16px,56px)/1.08 var(--serif);letter-spacing:-.024em;margin:14px 0 18px;text-wrap:balance}
.lede{font:400 clamp(19px,.7vw + 15px,23px)/1.5 var(--serif);color:var(--ink-2);margin:0 0 22px;text-wrap:pretty}
.byline{display:flex;align-items:center;gap:12px}
.byline .avatar{width:44px;box-shadow:none;font-size:17px}
.byline b{display:block;font:600 15px/1.3 var(--sans);color:var(--ink)}
.post-cover{max-width:calc(var(--read) + 240px);margin:0 auto clamp(28px,4vw,48px);padding:0 var(--gutter)}
.post-cover img{width:100%;border-radius:calc(var(--r) + 4px)}
.post-cover figcaption{font:400 14px/1.4 var(--sans);color:var(--ink-3);margin-top:10px;text-align:center}

/* Текст статьи */
.prose{font:400 var(--t-body)/1.72 var(--serif);color:var(--ink);hyphens:manual;overflow-wrap:break-word}
@media (max-width:480px){.prose{hyphens:auto;-webkit-hyphens:auto}}
.prose>*{margin:0 0 1.15em}
.prose>*+h2{margin-top:2.1em}
.prose>*+h3{margin-top:1.7em}
.prose h2{font:650 clamp(26px,1.2vw + 18px,34px)/1.2 var(--serif);letter-spacing:-.016em;margin-bottom:.6em;hyphens:manual}
.prose h3{font:600 clamp(21px,.6vw + 17px,25px)/1.3 var(--serif);margin-bottom:.5em;hyphens:manual}
.prose h4{font:600 17px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2)}
.prose a{color:var(--accent);text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent)}
.prose a:hover{text-decoration-color:var(--accent)}
.prose strong{font-weight:650}
.prose>p:first-of-type::first-letter{float:left;font:600 3.6em/.86 var(--serif);margin:.06em .1em 0 0;color:var(--gold)}
.prose.no-drop>p:first-of-type::first-letter{all:unset}
.prose ul,.prose ol{padding-left:1.3em}
.prose li{margin:.35em 0;padding-left:.2em}
.prose li::marker{color:var(--accent)}
.prose blockquote{margin:1.8em 0;padding:.2em 0 .2em 1.2em;border-left:3px solid var(--accent);font-style:italic;font-size:1.08em;color:var(--ink-2)}
.prose blockquote p{margin:0 0 .6em}
.prose blockquote cite{display:block;font:normal 400 14px/1.4 var(--sans);color:var(--ink-3);margin-top:.6em}
.prose .wp-block-pullquote{border:0;padding:1em 0;margin:2em 0;text-align:left}
.prose .wp-block-pullquote blockquote{border:0;padding:0;font:italic 500 clamp(24px,1.4vw + 16px,32px)/1.35 var(--serif);color:var(--ink)}
.prose hr{border:0;margin:2.6em auto;text-align:center;height:auto}
.prose hr::after{content:"✺   ✺   ✺";color:var(--gold);letter-spacing:.3em;font-size:14px}
.prose figure{margin:2em 0}
.prose figure img{border-radius:var(--r)}
.prose figcaption,.prose .wp-element-caption{font:400 14px/1.45 var(--sans);color:var(--ink-3);margin-top:10px;text-align:center}
.prose .alignwide{width:min(100vw - 2*var(--gutter),var(--read) + 240px);margin-left:50%;transform:translateX(-50%);max-width:none}
.prose .alignfull{width:100vw;margin-left:50%;transform:translateX(-50%);max-width:none}
.prose .alignfull img{border-radius:0}
.prose table{width:100%;border-collapse:collapse;font:400 15.5px/1.45 var(--sans)}
.prose .wp-block-table{overflow-x:auto}
.prose th,.prose td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.prose th{font-weight:600;color:var(--ink-2);border-bottom:2px solid var(--line-2)}
.prose code{font:400 .86em/1.4 ui-monospace,"SF Mono",Consolas,monospace;background:var(--paper-2);padding:.12em .4em;border-radius:5px}
.prose pre{background:var(--paper-2);padding:18px;border-radius:var(--r-s);overflow-x:auto;font-size:15px}
.prose pre code{background:none;padding:0}
.prose mark{background:var(--accent-soft);color:inherit;padding:0 .15em;border-radius:3px}
.prose :lang(es){font-style:italic}
.prose .wp-block-image.is-style-rounded img{border-radius:50%}
.prose iframe{width:100%;border-radius:var(--r)}
.prose .wp-block-embed__wrapper{position:relative}

/* Испанское слово: <aside class="sl-word"><b lang="es">madrugar</b><span>[мадругáр]</span><p>вставать очень рано</p></aside> */
.sl-word{display:grid;grid-template-columns:auto auto 1fr;gap:2px 14px;align-items:baseline;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px 22px;margin:1.8em 0;font-family:var(--sans)}
.sl-word::before{content:"Слово";grid-row:1/3;align-self:center;font:600 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg);color:var(--c-ispanskij);border-right:2px solid var(--c-ispanskij);padding-right:10px}
.sl-word b{font:italic 600 26px/1.2 var(--serif);color:var(--ink)}
.sl-word span{font-size:15px;color:var(--ink-3)}
.sl-word p{grid-column:2/-1;margin:0;font-size:16px;line-height:1.5;color:var(--ink-2)}
/* Врезка-заметка */
.sl-note{background:var(--accent-soft);border-radius:var(--r);padding:18px 22px;margin:1.8em 0;font:400 16.5px/1.6 var(--sans)}
.sl-note>:last-child{margin-bottom:0}

/* После статьи */
.post-foot{margin-top:clamp(36px,5vw,56px);padding-top:28px;border-top:1px solid var(--line)}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.tags a{font:500 14px/1 var(--sans);padding:9px 14px;border-radius:999px;background:var(--paper-2);text-decoration:none;color:var(--ink-2)}
.tags a:hover{background:var(--accent-soft);color:var(--accent)}
.author{display:grid;grid-template-columns:auto 1fr;gap:20px;padding:26px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);align-items:start}
.author .avatar{width:72px;box-shadow:none;font-size:26px}
.author h2{font:600 20px/1.3 var(--serif);margin:0 0 6px}
.author p{margin:0 0 12px;font-size:15.5px;color:var(--ink-2)}
.author .links{display:flex;flex-wrap:wrap;gap:6px 16px;font:500 14.5px/1.4 var(--sans)}
@media (max-width:520px){.author{grid-template-columns:1fr}}
.share{display:flex;align-items:center;gap:8px;margin:0 0 28px;font:500 14px/1 var(--sans);color:var(--ink-3)}
.share a,.share button{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink-2);cursor:pointer}
.share a:hover,.share button:hover{border-color:var(--accent);color:var(--accent)}
.share svg{width:17px;height:17px}
.adjacent{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}
.adjacent a{display:block;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r);text-decoration:none}
.adjacent a:hover{border-color:var(--accent);color:inherit}
.adjacent small{display:block;font:500 13px/1 var(--sans);color:var(--ink-3);margin-bottom:8px}
.adjacent b{font:600 17px/1.35 var(--serif)}
.adjacent .next{text-align:right;grid-column:2}
@media (max-width:600px){.adjacent{grid-template-columns:1fr}.adjacent .next{grid-column:auto}}

/* Комментарии */
.comments{max-width:var(--read);margin:0 auto}
.comments h2{font:600 24px/1.2 var(--serif)}
.comment-list{list-style:none;padding:0;margin:0 0 32px}
.comment-list .children{list-style:none;padding-left:clamp(16px,4vw,40px)}
.comment-body{padding:18px 0;border-bottom:1px solid var(--line);font-size:16px}
.comment-author{font-weight:600;display:flex;align-items:center;gap:10px}
.comment-author img{border-radius:50%;width:32px}
.comment-metadata{font-size:13px;color:var(--ink-3);margin:4px 0 8px}
.comment-metadata a{color:inherit;text-decoration:none}
.comment-respond label{display:block;font:500 14px/1.4 var(--sans);margin-bottom:6px;color:var(--ink-2)}
.comment-respond input[type=text],.comment-respond input[type=email],.comment-respond input[type=url],.comment-respond textarea{width:100%;font:400 16px/1.5 var(--sans);padding:12px 14px;border:1px solid var(--line-2);border-radius:var(--r-s);background:var(--card);color:var(--ink)}
.comment-respond textarea:focus,.comment-respond input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.comment-respond .submit{font:600 15px/1 var(--sans);padding:14px 22px;border:0;border-radius:999px;background:var(--ink);color:var(--paper);cursor:pointer}
.comment-respond .submit:hover{background:var(--accent)}
.comment-form-cookies-consent{display:flex;gap:8px;align-items:flex-start;font-size:14px}
.comment-form-cookies-consent label{display:inline}

/* ---------- Подвал ---------- */
.site-foot{margin-top:clamp(56px,8vw,104px);border-top:1px solid var(--line);background:var(--paper-2);padding:clamp(36px,5vw,56px) 0 28px;font-size:15px}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:32px}
@media (max-width:760px){.foot-grid{grid-template-columns:1fr 1fr}.foot-about{grid-column:1/-1}}
.foot-about p{color:var(--ink-2);max-width:30em;margin:12px 0 0}
.site-foot h2{font:600 13px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:6px 0 14px}
.site-foot ul{list-style:none;margin:0;padding:0}
.site-foot li{margin:0 0 9px}
.site-foot a{text-decoration:none;color:var(--ink-2)}
.site-foot a:hover{color:var(--accent)}
.foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:36px;padding-top:20px;border-top:1px solid var(--line);color:var(--ink-3);font-size:14px}
.foot-bottom ul{display:flex;flex-wrap:wrap;gap:6px 18px}
.foot-bottom li{margin:0}

/* ---------- 404 ---------- */
.nf{text-align:center;padding:clamp(56px,10vw,120px) 0}
.nf b{display:block;font:italic 500 clamp(72px,12vw,140px)/1 var(--serif);color:var(--accent)}
.nf h1{font:600 clamp(26px,2vw + 16px,38px)/1.2 var(--serif);margin:18px 0 10px}
.nf p{color:var(--ink-2);margin:0 0 24px}

/* Блоки WP: минимум */
.wp-block-buttons{display:flex;flex-wrap:wrap;gap:10px}
.wp-block-button__link{display:inline-block;font:600 15px/1 var(--sans);padding:14px 22px;border-radius:999px;background:var(--ink);color:var(--paper);text-decoration:none}
.wp-block-button__link:hover{background:var(--accent);color:var(--accent-ink)}
.prose .wp-block-button__link{color:var(--paper)}
.wp-block-separator{border:0}
.wp-block-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.wp-block-gallery figure{margin:0}
.wp-block-columns{display:flex;gap:28px;flex-wrap:wrap}
.wp-block-column{flex:1 1 240px}
.has-text-align-center{text-align:center}
.aligncenter{margin-left:auto;margin-right:auto}

@media print{.site-head,.site-foot,.share,.adjacent,.comments,.subscribe{display:none}body{background:#fff;color:#000}}

/* ---------- Стиль «солнце и волны»: доработки ---------- */
body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .09 0 0 0 0 .16 0 0 0 0 .18 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero-in{grid-template-columns:1fr auto;max-width:var(--wide)}
.hero-art{width:clamp(220px,30vw,400px);aspect-ratio:1;flex:none}
.hero-art .emblem{width:100%;height:100%;filter:drop-shadow(0 18px 40px rgba(22,41,46,.18))}
.hero-who{display:flex;align-items:center;gap:12px;margin:0 0 18px!important;font:500 15px/1.3 var(--sans)!important;color:var(--ink-2)}
.hero-who .avatar{width:44px;font-size:16px;box-shadow:none}
.hero-who b{color:var(--ink);font-weight:600}
@media (max-width:820px){.hero-in{grid-template-columns:1fr}.hero-art{order:-1;width:min(64vw,260px);margin:0 auto 4px}}
.avatar{background:var(--sea-2);color:#F1E7D2}
:root[data-theme="dark"] .avatar{background:var(--sea-3)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .avatar{background:var(--sea-3)}}
.btn-primary{background:var(--sea-1);color:var(--sky)}
.btn-primary:hover{background:var(--gold);color:#fff}
:root[data-theme="dark"] .btn-primary{background:var(--gold);color:var(--paper)}
:root[data-theme="dark"] .btn-primary:hover{background:var(--ink);color:var(--paper)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .btn-primary{background:var(--gold);color:var(--paper)}:root:not([data-theme="light"]) .btn-primary:hover{background:var(--ink);color:var(--paper)}}
.progress{background:var(--gold)}
.grid:has(>:nth-child(2):last-child),.grid:has(>:nth-child(4):last-child){grid-template-columns:repeat(2,1fr)}
@media (max-width:600px){.grid:has(>:nth-child(2):last-child),.grid:has(>:nth-child(4):last-child){grid-template-columns:1fr}}
.grid:has(>:nth-child(2):last-child) .card-img,.grid:has(>:nth-child(4):last-child) .card-img{aspect-ratio:16/9}
.subscribe{background:var(--sea-1)!important;color:var(--sky)!important;position:relative;overflow:hidden;border:0!important}
.sub-art{width:150px;height:150px;flex:none}.sub-art .emblem{width:100%;height:100%}
.subscribe>*{position:relative;z-index:1}
.subscribe h2{color:var(--sky)!important}
.subscribe p{color:color-mix(in srgb,var(--sky) 78%,transparent)!important}
:root[data-theme="dark"] .subscribe h2,:root[data-theme="dark"] .subscribe{color:var(--ink)!important}
.subscribe .btn-primary{background:var(--sun);color:#1F3E47}
.subscribe .btn-primary:hover{background:#F1E7D2;color:#1F3E47}
@media (max-width:700px){.sub-art{display:none}}
.cat-tile::before{width:100%;height:4px;bottom:auto}
.sl-note{background:color-mix(in srgb,var(--sun) 16%,var(--card))}
.foot-about .brand{margin:0}

.subscribe .hero-cta{margin-top:18px}
.site-foot{margin-top:clamp(24px,4vw,48px)}
.ph .scene .w1{fill:color-mix(in srgb,currentColor 50%,var(--sky))}
.ph .scene .w2{fill:color-mix(in srgb,currentColor 78%,var(--sky))}

.from-tg{font:400 14.5px/1.5 var(--sans)!important;color:var(--ink-3);border-top:1px solid var(--line);padding-top:16px;margin-top:2.4em!important}
.from-tg a{color:inherit}

/* Инфографика в записи */
.prose .sl-fig{margin:2.2em auto;max-width:440px}
.prose .sl-fig svg{width:100%;height:auto;border-radius:16px;box-shadow:var(--shadow)}
.prose .sl-fig figcaption{text-align:center}
.prose .wp-block-table{margin:1.6em 0}


/* Оглавление длинной статьи */
.prose .sl-toc{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px 22px;margin:1.8em 0;font:400 16px/1.5 var(--sans)}
.prose .sl-toc p{margin:0 0 8px}
.prose .sl-toc ul{margin:0;padding-left:1.1em;columns:2;column-gap:28px}
.prose .sl-toc li{margin:.25em 0;break-inside:avoid}
.prose .sl-toc a{color:var(--ink-2);text-decoration:none}
.prose .sl-toc a:hover{color:var(--accent);text-decoration:underline}
@media (max-width:600px){.prose .sl-toc ul{columns:1}}
.prose h2[id],.prose h3[id]{scroll-margin-top:88px}

/* Девиз на главной */
.motto{margin:4px 0 22px;padding:2px 0 2px 18px;border-left:3px solid var(--sun);max-width:34em}
.hero .motto p{font:italic 500 clamp(19px,.9vw + 14px,24px)/1.4 var(--serif);color:var(--gold);margin:0 0 6px}
.motto footer{font:400 15px/1.5 var(--sans);color:var(--ink-2)}
.motto footer a{color:var(--ink-3);white-space:nowrap}
.motto footer a:hover{color:var(--accent)}
.foot-motto{font:italic 400 15px/1.5 var(--serif)!important;color:var(--ink-3)!important}

/* Девиз под знаком справа */
.hero-side{display:flex;flex-direction:column;align-items:center;gap:18px;width:clamp(220px,30vw,400px)}
.hero-side .hero-art{width:100%}
.hero-side .motto{margin:0;padding:0;border:0;text-align:center;max-width:100%}
.hero-side .motto::before{content:"";display:block;width:40px;height:2px;background:var(--sun);margin:0 auto 12px}
.hero-side .motto p{font-size:clamp(18px,.7vw + 13px,21px)!important;margin:0 0 8px!important}
.hero-side .motto footer{font-size:14.5px}
@media (max-width:820px){.hero-side{order:-1;width:min(84vw,320px);margin:0 auto 8px}.hero-side .hero-art{width:min(64vw,260px)}}
/* Дескриптор в шапке */
.brand-text{display:flex;flex-direction:column;gap:3px}
.brand-desc{font:500 12.5px/1.2 var(--sans);color:var(--ink-3);letter-spacing:.01em}
@media (min-width:1000px){.brand-text{flex-direction:row;align-items:center;gap:14px}.brand-desc{padding-left:14px;border-left:1px solid var(--line-2)}}
@media (max-width:380px){.brand-desc{font-size:11.5px}}
.site-foot .brand-desc{display:none}

@media (max-width:480px){.brand-desc{font-size:11px;white-space:nowrap}.brand-name{font-size:20px}}
.icon-btn{flex:none}
.brand{min-width:0}
@media (max-width:420px){.head-in{gap:6px}.site-head .theme-btn{display:none}.brand-mark{width:32px;height:32px}.brand{gap:8px}}
.brand-text{min-width:0}
.brand-desc{overflow:hidden;text-overflow:ellipsis}