/*
Theme Name: Observatório de Influência
Theme URI: https://test-wp.naca.dev/
Author: Claude Design → WordPress
Description: Блочная тема по брендбуку «Observatório de Influência»: кремовый фон, бирюзово-коралловая палитра, Familjen Grotesk + Hanken Grotesk, плиточные бразильские паттерны на обложках.
Version: 1.3.0
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: observatorio
Tags: blog, one-column, block-patterns, full-site-editing, custom-colors, editor-style
*/

:root{
  --oi-cream:#FFF9F0;
  --oi-sand:#F5E7D0;
  --oi-sand-2:#EADBC4;
  --oi-sand-3:#EFE3D2;
  --oi-sand-4:#E3D2B6;
  --oi-sand-5:#D8C9AE;
  --oi-white:#FFFFFF;
  --oi-teal:#0D5E63;
  --oi-teal-dark:#08464A;
  --oi-teal-deep:#0A4A4E;
  --oi-turq:#20B8B2;
  --oi-turq-mid:#118C88;
  --oi-tint:#E3F3F1;
  --oi-tint-2:#C7E9E6;
  --oi-tint-3:#D9F0ED;
  --oi-tint-4:#BEE2DF;
  --oi-ink:#123A3D;
  --oi-ink-2:#1E4548;
  --oi-ink-3:#3A5A5C;
  --oi-muted:#55706C;
  --oi-muted-2:#4C6668;
  --oi-muted-3:#32696B;
  --oi-coral:#B4503F;
  --oi-coral-soft:#D96F5F;
  --oi-coral-deep:#8F3D2E;
  --oi-ocre:#96601E;
  --oi-ocre-deep:#6E4715;
  --oi-plum:#7A3B52;
  --oi-plum-deep:#5A2A3D;
  --oi-oliva:#4F6B45;
  --oi-oliva-deep:#3A5033;
  --oi-head:"Familjen Grotesk", system-ui, sans-serif;
  --oi-body:"Hanken Grotesk", system-ui, -apple-system, sans-serif;
  --oi-r-card:22px;
  --oi-r-block:24px;
  --oi-r-small:20px;
  --oi-shell:1200px;
  --oi-gutter:40px;
}

/* ---------- base ---------- */
html{scroll-behavior:smooth}
body{
  background:var(--oi-cream);
  color:var(--oi-ink);
  font-family:var(--oi-body);
  font-size:17px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--oi-teal);text-decoration:none}
a:hover{color:var(--oi-coral)}
h1,h2,h3,h4,h5,h6,.oi-display{font-family:var(--oi-head);font-weight:700;letter-spacing:-0.025em;line-height:1.15;color:var(--oi-ink);text-wrap:pretty}
img{max-width:100%;height:auto}
:where(.wp-site-blocks)>*{margin-block-start:0}

.oi-shell{max-width:var(--oi-shell);margin-inline:auto;padding-inline:var(--oi-gutter)}
.oi-eyebrow{font-size:11.5px;letter-spacing:0.14em;text-transform:uppercase;color:var(--oi-muted-3);font-weight:700;font-family:var(--oi-body)}
.oi-rule{height:1px;background:var(--oi-sand-2);width:100%}

/* ---------- header ---------- */
.oi-header{position:sticky;top:0;z-index:20;background:rgba(255,249,240,0.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--oi-sand-2)}
.oi-header__inner{max-width:var(--oi-shell);margin-inline:auto;padding:16px var(--oi-gutter);display:flex;align-items:center;justify-content:space-between;gap:32px}
.oi-brand{display:flex;align-items:center;gap:12px;color:var(--oi-ink)}
.oi-brand:hover{color:var(--oi-ink)}
.oi-brand svg{flex:none}
.oi-brand__name{font-family:var(--oi-head);font-size:19px;font-weight:700;letter-spacing:-0.03em;line-height:1;display:block}
.oi-brand__sub{font-family:var(--oi-head);font-size:9.5px;font-weight:500;letter-spacing:0.22em;text-transform:uppercase;color:var(--oi-muted-3);display:block;margin-top:2px}
.oi-header .wp-block-navigation{font-size:15px;font-weight:500;gap:28px}
.oi-header .wp-block-navigation a{color:#3A5A5C}
.oi-header .wp-block-navigation a:hover{color:var(--oi-coral)}
.oi-header .wp-block-navigation .wp-block-navigation-item__content{text-decoration:none}
.oi-cta{background:var(--oi-teal);color:var(--oi-cream)!important;padding:9px 18px;border-radius:999px;font-weight:600;font-size:14px;display:inline-block}
.oi-cta:hover{background:var(--oi-coral-soft);color:var(--oi-cream)!important}

/* ---------- hero ---------- */
.oi-hero{max-width:var(--oi-shell);margin-inline:auto;padding:56px var(--oi-gutter) 48px;display:grid;grid-template-columns:1fr 1.3fr;gap:56px;align-items:center}
.oi-hero__text{display:flex;flex-direction:column;gap:22px}
.oi-hero__kicker{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.oi-hero__kicker span{font-size:11.5px;letter-spacing:0.16em;text-transform:uppercase;color:var(--oi-muted-3);font-weight:700}
.oi-hero__dot{width:4px;height:4px;border-radius:999px;background:var(--oi-coral-soft);display:inline-block}
.oi-hero h1{font-size:clamp(38px,5.2vw,60px);letter-spacing:-0.035em;line-height:1.0;margin:0}
.oi-hero__quote{font-family:var(--oi-head);font-style:italic;font-size:24px;line-height:1.4;color:var(--oi-teal);margin:0;max-width:520px}
.oi-hero__lead{font-size:17px;line-height:1.6;color:var(--oi-ink-3);margin:0;max-width:500px}
.oi-hero__actions{display:flex;align-items:center;gap:12px;margin-top:4px;flex-wrap:wrap}
.oi-btn{background:var(--oi-teal);color:var(--oi-cream)!important;font-size:15px;font-weight:600;padding:13px 24px;border-radius:999px;display:inline-block;border:none;cursor:pointer;font-family:var(--oi-body)}
.oi-btn:hover{background:var(--oi-coral-soft)}
.oi-social{display:flex;align-items:center;gap:8px;margin-left:8px;list-style:none;padding:0}
.oi-social.wp-block-social-links{gap:8px}
.oi-social .wp-block-social-link{margin:0;padding:0;background:transparent}
.oi-social .wp-block-social-link-anchor{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border-radius:999px;border:1px solid var(--oi-sand-5);color:var(--oi-teal);background:transparent}
.oi-social .wp-block-social-link-anchor svg{width:18px;height:18px;fill:currentColor}
.oi-social .wp-block-social-link-anchor:hover{border-color:var(--oi-teal);background:var(--oi-tint);color:var(--oi-teal)}
.oi-portrait{justify-self:center;width:100%;max-width:420px;aspect-ratio:380/440;background:var(--oi-portrait) center bottom / contain no-repeat}
.oi-portrait__photo{display:block;width:100%;height:auto}

/* ---------- topic filter ---------- */
.oi-filter{max-width:var(--oi-shell);margin-inline:auto;padding:0 var(--oi-gutter) 32px}
.oi-filter ul,.oi-filter .wp-block-categories-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.oi-filter li{margin:0}
.oi-filter a,.oi-chip{background:var(--oi-tint);color:var(--oi-teal);font-size:13.5px;font-weight:600;padding:8px 16px;border-radius:999px;display:inline-block}
.oi-filter a:hover,.oi-chip:hover{background:var(--oi-teal);color:var(--oi-cream)}
.oi-chip--on{background:var(--oi-teal);color:var(--oi-cream)}
.oi-chip--on:hover{background:var(--oi-teal-dark);color:var(--oi-cream)}

/* ---------- section head ---------- */
.oi-sectionhead{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid var(--oi-sand-2);padding-bottom:14px;margin-bottom:24px}
.oi-sectionhead h2{font-size:26px;letter-spacing:-0.02em;margin:0}
.oi-sectionhead a{font-size:14.5px;font-weight:600}

/* ---------- post grid ---------- */
.oi-grid{max-width:var(--oi-shell);margin-inline:auto;padding:0 var(--oi-gutter) 72px}
.oi-grid .wp-block-post-template{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;list-style:none;padding:0;margin:0}
.oi-grid .wp-block-post-template>li{margin:0}

.oi-card{background:var(--oi-white);border-radius:var(--oi-r-card);overflow:hidden;display:flex;flex-direction:column;color:var(--oi-ink);height:100%}
.oi-card__cover{position:relative;min-height:230px;display:flex;align-items:flex-end;background-color:var(--oi-teal);background-repeat:repeat;background-position:center}
.oi-card__cover::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(13,94,99,0.58) 0%,rgba(13,94,99,0.92) 46%,#0D5E63 100%)}
.oi-card__cover .wp-block-post-featured-image{position:absolute;inset:0;margin:0;z-index:0}
.oi-card__cover .wp-block-post-featured-image img{width:100%;height:100%;object-fit:cover;display:block}
.oi-card__body-top{position:relative;z-index:2;padding:22px 26px 24px;display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box}
.oi-card__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.oi-card__title{font-size:23px;letter-spacing:-0.024em;line-height:1.15;margin:0}
.oi-card__title,.oi-card__title a{color:var(--oi-cream)}
.oi-card__title a:hover{color:var(--oi-sand)}
.oi-card__body{padding:22px 26px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.oi-card__body .wp-block-post-excerpt{margin:0}
.oi-card__body .wp-block-post-excerpt__excerpt{font-size:15.5px;line-height:1.55;color:var(--oi-ink-3);margin:0}
.oi-card__body .wp-block-post-excerpt__more-text{display:none}
.oi-card__body .wp-block-post-date{margin-top:auto;font-size:13.5px;color:var(--oi-muted)}
.oi-card__body .wp-block-post-date a{color:var(--oi-muted)}

/* badge */
.oi-badge,.oi-card__meta .wp-block-post-terms a{background:var(--oi-sand);color:var(--oi-teal);font-size:10.5px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;padding:5px 11px;border-radius:999px;display:inline-block;line-height:1.3}
.oi-card__meta .wp-block-post-terms{font-size:0;display:flex;gap:6px;flex-wrap:wrap}
.oi-card__meta .wp-block-post-terms .wp-block-post-terms__separator{display:none}
.oi-readtime{font-size:10.5px;letter-spacing:0.12em;text-transform:uppercase;color:var(--oi-tint-2);font-weight:600}

/* декоративные бразильские плитки на обложках без фото — чередуются по позиции */
.oi-grid .wp-block-post-template>li:nth-child(6n+1) .oi-card__cover{background-color:#0D5E63;background-image:var(--tile-copacabana)}
.oi-grid .wp-block-post-template>li:nth-child(6n+2) .oi-card__cover{background-color:#8F3D2E;background-image:var(--tile-cobogo)}
.oi-grid .wp-block-post-template>li:nth-child(6n+2) .oi-card__cover::before{background:linear-gradient(160deg,rgba(154,66,52,0.40) 0%,rgba(143,61,46,0.82) 46%,#8F3D2E 100%)}
.oi-grid .wp-block-post-template>li:nth-child(6n+3) .oi-card__cover{background-color:#6E4715;background-image:var(--tile-pedra)}
.oi-grid .wp-block-post-template>li:nth-child(6n+3) .oi-card__cover::before{background:linear-gradient(160deg,rgba(127,81,26,0.58) 0%,rgba(127,81,26,0.92) 46%,#6E4715 100%)}
.oi-grid .wp-block-post-template>li:nth-child(6n+4) .oi-card__cover{background-color:#085B58;background-image:var(--tile-treli)}
.oi-grid .wp-block-post-template>li:nth-child(6n+4) .oi-card__cover::before{background:linear-gradient(160deg,rgba(10,102,99,0.40) 0%,rgba(8,91,88,0.82) 46%,#085B58 100%)}
.oi-grid .wp-block-post-template>li:nth-child(6n+5) .oi-card__cover{background-color:#5A2A3D;background-image:var(--tile-vela)}
.oi-grid .wp-block-post-template>li:nth-child(6n+5) .oi-card__cover::before{background:linear-gradient(160deg,rgba(102,48,69,0.58) 0%,rgba(102,48,69,0.92) 46%,#5A2A3D 100%)}
.oi-grid .wp-block-post-template>li:nth-child(6n) .oi-card__cover{background-color:#3A5033;background-image:var(--tile-onda)}
.oi-grid .wp-block-post-template>li:nth-child(6n) .oi-card__cover::before{background:linear-gradient(160deg,rgba(66,90,58,0.58) 0%,rgba(66,90,58,0.92) 46%,#3A5033 100%)}
/* если у записи есть обложка — плитка не нужна */
.oi-card__cover:has(.wp-block-post-featured-image img){background-image:none!important}

/* pagination */
.oi-pagination{margin-top:40px;display:flex;justify-content:center;gap:10px;font-weight:600}
.oi-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:999px;background:var(--oi-tint);color:var(--oi-teal)}
.oi-pagination .page-numbers.current{background:var(--oi-teal);color:var(--oi-cream)}
.oi-pagination a.page-numbers:hover{background:var(--oi-teal);color:var(--oi-cream)}

/* ---------- newsletter band ---------- */
.oi-newsletter{position:relative;background:var(--oi-sand);border-top:1px solid var(--oi-sand-2);overflow:hidden;background-image:var(--tile-cobogo-soft);background-blend-mode:normal}
.oi-newsletter__inner{position:relative;max-width:var(--oi-shell);margin-inline:auto;padding:56px var(--oi-gutter);display:flex;align-items:center;justify-content:space-between;gap:48px;flex-wrap:wrap}
.oi-newsletter__text{display:flex;flex-direction:column;gap:10px;max-width:560px}
.oi-newsletter__eyebrow{font-size:11.5px;letter-spacing:0.14em;text-transform:uppercase;color:#835619;font-weight:700}
.oi-newsletter h2{font-size:34px;letter-spacing:-0.025em;line-height:1.12;margin:0}
.oi-newsletter p{font-size:16.5px;line-height:1.55;color:#4A3F2C;margin:0}
.oi-form{display:flex;gap:10px;flex:none;flex-wrap:wrap}
.oi-form input[type=email]{width:280px;max-width:100%;padding:15px 20px;border-radius:999px;border:1px solid var(--oi-sand-4);background:#FFFCF6;font-family:var(--oi-body);font-size:16px;color:var(--oi-ink);outline:none}
.oi-form button{padding:15px 28px;border-radius:999px;border:none;background:var(--oi-teal);color:var(--oi-cream);font-family:var(--oi-body);font-size:16px;font-weight:600;cursor:pointer}
.oi-form button:hover{background:var(--oi-coral-soft)}

/* ---------- footer ---------- */
.oi-footer{background:var(--oi-teal);color:var(--oi-tint-3)}
.oi-footer__inner{max-width:var(--oi-shell);margin-inline:auto;padding:52px var(--oi-gutter) 40px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.oi-footer a{color:var(--oi-tint-3)}
.oi-footer a:hover{color:var(--oi-white)}
.oi-footer__brand{display:flex;align-items:center;gap:12px}
.oi-footer__brandname{font-family:var(--oi-head);font-size:19px;font-weight:700;color:var(--oi-cream);letter-spacing:-0.03em}
.oi-footer__about{font-size:14.5px;line-height:1.6;color:var(--oi-tint-4);margin:0;max-width:300px}
.oi-footer__col{display:flex;flex-direction:column;gap:10px;font-size:14.5px}
.oi-footer__col .oi-eyebrow{color:#B7DEDB;margin-bottom:4px}
.oi-footer__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.oi-footer__bottom{max-width:var(--oi-shell);margin-inline:auto;padding:0 var(--oi-gutter) 40px}
.oi-footer__bottom-inner{border-top:1px solid rgba(217,240,237,0.2);padding-top:20px;display:flex;justify-content:space-between;font-size:13px;color:#B7DEDB;gap:16px;flex-wrap:wrap}

/* ---------- single ---------- */
.oi-article-top{max-width:var(--oi-shell);margin-inline:auto;padding:28px var(--oi-gutter) 0}
.oi-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--oi-muted);flex-wrap:wrap}
.oi-breadcrumbs a{color:var(--oi-muted)}
.oi-breadcrumbs a:hover{color:var(--oi-coral)}

.oi-cover{max-width:var(--oi-shell);margin:0 auto;padding:24px var(--oi-gutter) 0}
.oi-cover__figure{position:relative;min-height:480px;border-radius:28px;overflow:hidden;background-color:var(--oi-teal);background-image:var(--tile-onda-hero);background-size:cover;background-position:center;display:flex;align-items:flex-end;margin:0 0 36px}
.oi-cover__figure .wp-block-post-featured-image{position:absolute;inset:0;margin:0}
.oi-cover__figure .wp-block-post-featured-image img{width:100%;height:100%;object-fit:cover}
.oi-cover__figure::before{content:"";position:absolute;inset:0;background:linear-gradient(96deg,#0D5E63 34%,rgba(13,94,99,0.94) 58%,rgba(13,94,99,0.30) 100%);z-index:1}
.oi-cover__body{position:relative;z-index:2;padding:48px 56px;display:flex;flex-direction:column;gap:22px;max-width:900px}
.oi-cover__meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.oi-cover__meta .wp-block-post-terms a{background:var(--oi-sand);color:var(--oi-teal);font-size:11.5px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;padding:7px 14px;border-radius:999px}
.oi-cover__date{font-size:11.5px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--oi-tint-2)}
.oi-cover__body h1{font-size:clamp(34px,4.8vw,58px);letter-spacing:-0.032em;line-height:1.03;margin:0;color:var(--oi-cream)}
.oi-cover__sig{display:flex;align-items:center;gap:10px;font-family:var(--oi-head);font-size:13px;font-weight:600;letter-spacing:0.04em;color:var(--oi-tint-3)}

.oi-lead{max-width:860px;margin:0 auto 22px;padding:0 var(--oi-gutter)}
.oi-byline{max-width:var(--oi-shell);margin:0 auto;padding:0 var(--oi-gutter)}
.oi-byline__inner{display:flex;align-items:center;gap:18px;border-top:1px solid var(--oi-sand-2);border-bottom:1px solid var(--oi-sand-2);padding:16px 0;max-width:860px;flex-wrap:wrap}
.oi-byline__name{font-size:15px;font-weight:600}
.oi-byline__role{font-size:13px;color:var(--oi-muted)}
.oi-byline__sep{width:1px;height:32px;background:var(--oi-sand-2)}
.oi-byline__fact{font-size:13px;color:var(--oi-muted-2)}
.oi-byline .wp-block-avatar img{border-radius:999px}

.oi-article{max-width:var(--oi-shell);margin-inline:auto;padding:36px var(--oi-gutter) 80px;display:grid;grid-template-columns:250px minmax(0,1fr) 240px;gap:48px;align-items:start}
.oi-aside{position:sticky;top:96px;display:flex;flex-direction:column;gap:14px}
.oi-toc{display:flex;flex-direction:column;gap:2px;border-left:2px solid var(--oi-sand-2)}
.oi-toc a{font-size:14px;line-height:1.35;padding:7px 0 7px 14px;color:var(--oi-muted-2);margin-left:-2px;border-left:2px solid transparent}
.oi-toc a:hover{color:var(--oi-teal)}
.oi-toc a.is-active{color:var(--oi-teal);font-weight:600;border-left-color:var(--oi-teal)}

.oi-content{display:flex;flex-direction:column;gap:26px;min-width:0}
.oi-content p{font-size:19px;line-height:1.68;color:var(--oi-ink-2);margin:0}
.oi-content h2{font-size:32px;letter-spacing:-0.025em;line-height:1.15;margin:14px 0 0}
.oi-content h3{font-size:22px;letter-spacing:-0.02em;margin:8px 0 0}
.oi-content ul,.oi-content ol{font-size:19px;line-height:1.68;color:var(--oi-ink-2);margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px}
.oi-content img,.oi-content figure img{border-radius:var(--oi-r-small)}
.oi-content figcaption{font-size:14px;color:var(--oi-muted);text-align:left}
.oi-content blockquote{border-left:3px solid var(--oi-coral);padding:4px 0 4px 28px;margin:6px 0}
.oi-content blockquote p{font-family:var(--oi-head);font-size:26px;line-height:1.4;letter-spacing:-0.02em;font-weight:600;color:var(--oi-ink)}
.oi-content blockquote cite{display:block;margin-top:10px;font-size:15px;font-style:normal;color:var(--oi-muted)}
.oi-content .wp-block-pullquote{border:none;padding:0}
.oi-content table{width:100%;border-collapse:collapse;font-size:15px}
.oi-content th{text-align:left;font-size:11.5px;letter-spacing:0.12em;text-transform:uppercase;color:var(--oi-muted);font-weight:700;padding:0 0 10px;border-bottom:1px solid #CFD7DC}
.oi-content td{padding:13px 0;border-bottom:1px solid var(--oi-sand-3);color:var(--oi-ink-3)}
.oi-content .wp-block-table{background:var(--oi-white);border-radius:var(--oi-r-block);padding:36px;box-sizing:border-box}
.oi-content .wp-block-table table{background:transparent}
.oi-content .wp-block-separator{border:none;height:1px;background:var(--oi-sand-2);margin:6px 0}
.oi-content .wp-block-details,.oi-content details{background:var(--oi-white);border-radius:18px;overflow:hidden;padding:0}
.oi-content details summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 26px;cursor:pointer;list-style:none;font-family:var(--oi-head);font-size:19px;font-weight:700;letter-spacing:-0.015em}
.oi-content details summary::-webkit-details-marker{display:none}
.oi-content details summary::after{content:"+";flex:none;width:28px;height:28px;border-radius:999px;background:var(--oi-tint);color:var(--oi-teal);font-family:var(--oi-head);font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:center}
.oi-content details[open] summary::after{content:"–"}
.oi-content details>*:not(summary){padding:0 26px 24px;font-size:16.5px;line-height:1.6;color:var(--oi-ink-3);margin:0}
/* «врезка» — цитата-акцент и информационный блок */
.oi-callout{background:var(--oi-tint);border-radius:var(--oi-r-block);padding:36px;display:flex;flex-direction:column;gap:16px}
.oi-callout h2,.oi-callout h3{font-size:24px;letter-spacing:-0.02em;margin:0}
.oi-callout p{font-size:16.5px;line-height:1.6;color:#234A4C;margin:0}
.oi-panel{background:var(--oi-white);border-radius:var(--oi-r-block);padding:36px;display:flex;flex-direction:column;gap:22px}

.oi-authorbox{background:var(--oi-white);border-radius:var(--oi-r-block);padding:32px;display:flex;gap:24px;align-items:flex-start}
.oi-authorbox .wp-block-avatar img{border-radius:999px;width:72px;height:72px}
.oi-authorbox__name{font-family:var(--oi-head);font-size:22px;font-weight:700;letter-spacing:-0.02em}
.oi-authorbox p{font-size:16px;line-height:1.6;color:var(--oi-ink-3);margin:0}

.oi-related h2{font-size:24px;letter-spacing:-0.02em;margin:0 0 18px}
.oi-related .wp-block-post-template{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;margin:0;padding:0}
.oi-related .wp-block-post-template>li{margin:0}
.oi-relcard{background:var(--oi-white);border-radius:var(--oi-r-small);padding:24px;display:flex;flex-direction:column;gap:10px;height:100%}
.oi-relcard .wp-block-post-terms{font-size:11.5px;letter-spacing:0.12em;text-transform:uppercase;color:var(--oi-teal);font-weight:700}
.oi-relcard .wp-block-post-terms a{color:var(--oi-teal)}
.oi-relcard .wp-block-post-title{font-size:18px;letter-spacing:-0.02em;line-height:1.25;margin:0}
.oi-relcard .wp-block-post-title a{color:var(--oi-ink)}
.oi-relcard .wp-block-post-date{font-size:13.5px;color:var(--oi-muted)}

.oi-sidecard{background:var(--oi-sand);border-radius:var(--oi-r-small);padding:26px;display:flex;flex-direction:column;gap:12px}
.oi-sidecard__title{font-family:var(--oi-head);font-size:20px;font-weight:700;color:var(--oi-ink);letter-spacing:-0.02em;line-height:1.2}
.oi-sidecard .oi-form{flex-direction:column}
.oi-sidecard .oi-form input[type=email]{width:100%;box-sizing:border-box;padding:12px 16px;font-size:14.5px}
.oi-sidecard .oi-form button{padding:12px 16px;font-size:14.5px;width:100%}
.oi-sidecard--white{background:var(--oi-white);gap:14px}
.oi-sidelist{display:flex;flex-direction:column;gap:14px}
.oi-sidelist ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.oi-sidelist li{font-size:14.5px;line-height:1.35;font-weight:600;border-bottom:1px solid var(--oi-sand-3);padding-bottom:14px}
.oi-sidelist li:last-child{border-bottom:none;padding-bottom:0}
.oi-sidelist a{color:var(--oi-ink)}
.oi-sidelist a:hover{color:var(--oi-coral)}

/* ---------- archive / page ---------- */
.oi-pagehead{max-width:var(--oi-shell);margin-inline:auto;padding:48px var(--oi-gutter) 8px;display:flex;flex-direction:column;gap:12px}
.oi-pagehead h1{font-size:clamp(32px,4.4vw,48px);letter-spacing:-0.03em;margin:0}
.oi-pagehead .wp-block-term-description,.oi-pagehead p{font-size:17px;color:var(--oi-ink-3);max-width:640px;margin:0}
.oi-page{max-width:860px;margin-inline:auto;padding:0 var(--oi-gutter) 80px;display:flex;flex-direction:column;gap:24px}
.oi-page p,.oi-page li{font-size:19px;line-height:1.68;color:var(--oi-ink-2)}
.oi-404{max-width:720px;margin-inline:auto;padding:80px var(--oi-gutter);text-align:center;display:flex;flex-direction:column;gap:20px;align-items:center}

/* comments */
.oi-comments{max-width:860px;margin-inline:auto;padding:0 var(--oi-gutter) 72px;display:flex;flex-direction:column;gap:18px}
.oi-comments .wp-block-comments-title{font-size:24px;letter-spacing:-0.02em}
.oi-comments .wp-block-comment-template li{background:var(--oi-white);border-radius:var(--oi-r-small);padding:22px;margin-bottom:14px;list-style:none}
.oi-comments input:not([type=submit]),.oi-comments textarea{border:1px solid var(--oi-sand-4);border-radius:14px;background:#FFFCF6;padding:12px 16px;font-family:var(--oi-body)}
.oi-comments .wp-block-button__link,.oi-comments input[type=submit]{background:var(--oi-teal);border-radius:999px;color:var(--oi-cream);border:none;padding:13px 24px;font-weight:600}

/* ---------- адаптив ---------- */
@media (max-width:1100px){
  .oi-article{grid-template-columns:minmax(0,1fr) 240px;gap:36px}
  .oi-article>.oi-aside:first-child{display:none}
  .oi-footer__inner{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  :root{--oi-gutter:24px}
  .oi-hero{grid-template-columns:1fr;gap:36px;padding-top:36px}
  .oi-hero__text{order:-1}
  .oi-portrait{max-width:320px}
  .oi-grid .wp-block-post-template,.oi-related .wp-block-post-template{grid-template-columns:repeat(2,1fr)}
  .oi-article{grid-template-columns:minmax(0,1fr)}
  .oi-article>.oi-aside{position:static}
  .oi-cover__body{padding:32px 28px}
  .oi-newsletter__inner{flex-direction:column;align-items:flex-start;gap:24px}
}
@media (max-width:640px){
  .oi-grid .wp-block-post-template,.oi-related .wp-block-post-template{grid-template-columns:1fr}
  .oi-footer__inner{grid-template-columns:1fr;gap:28px}
  .oi-header__inner{flex-wrap:wrap;gap:12px}
  .oi-content p,.oi-content ul,.oi-content ol{font-size:17.5px}
  .oi-cover__figure{min-height:360px}
}

/* ---------- бразильские плитки из брендбука (SVG data-URI) ---------- */
:root{
  --tile-copacabana:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%2260%22%20viewBox%3D%220%200%20120%2060%22%3E%3Cdefs%3E%3Cpattern%20id%3D%22cream%22%20width%3D%2213%22%20height%3D%2213%22%20patternUnits%3D%22userSpaceOnUse%22%3E%3Crect%20width%3D%2213%22%20height%3D%2213%22%20fill%3D%22%23E4D3B6%22%2F%3E%3Crect%20x%3D%221.1%22%20y%3D%221.1%22%20width%3D%2210.8%22%20height%3D%2210.8%22%20rx%3D%221.6%22%20fill%3D%22%23FFF9F0%22%2F%3E%3C%2Fpattern%3E%3Cpattern%20id%3D%22teal%22%20width%3D%2213%22%20height%3D%2213%22%20patternUnits%3D%22userSpaceOnUse%22%3E%3Crect%20width%3D%2213%22%20height%3D%2213%22%20fill%3D%22%2308464A%22%2F%3E%3Crect%20x%3D%221.1%22%20y%3D%221.1%22%20width%3D%2210.8%22%20height%3D%2210.8%22%20rx%3D%221.6%22%20fill%3D%22%230D5E63%22%2F%3E%3C%2Fpattern%3E%3C%2Fdefs%3E%3Crect%20width%3D%22120%22%20height%3D%2260%22%20fill%3D%22url%28%23cream%29%22%2F%3E%3Cpath%20d%3D%22M-30%2030%20C%20-10%20-2%2010%20-2%2030%2030%20C%2050%2062%2070%2062%2090%2030%20C%20110%20-2%20130%20-2%20150%2030%22%20fill%3D%22none%22%20stroke%3D%22url%28%23teal%29%22%20stroke-width%3D%2232%22%2F%3E%3C%2Fsvg%3E");
  --tile-cobogo:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2296%22%20viewBox%3D%220%200%2096%2096%22%3E%3Cdefs%3E%3Cpattern%20id%3D%22cream%22%20width%3D%2213%22%20height%3D%2213%22%20patternUnits%3D%22userSpaceOnUse%22%3E%3Crect%20width%3D%2213%22%20height%3D%2213%22%20fill%3D%22%23E4D3B6%22%2F%3E%3Crect%20x%3D%221.1%22%20y%3D%221.1%22%20width%3D%2210.8%22%20height%3D%2210.8%22%20rx%3D%221.6%22%20fill%3D%22%23FFF9F0%22%2F%3E%3C%2Fpattern%3E%3Cpattern%20id%3D%22coral%22%20width%3D%2213%22%20height%3D%2213%22%20patternUnits%3D%22userSpaceOnUse%22%3E%3Crect%20width%3D%2213%22%20height%3D%2213%22%20fill%3D%22%239A4234%22%2F%3E%3Crect%20x%3D%221.1%22%20y%3D%221.1%22%20width%3D%2210.8%22%20height%3D%2210.8%22%20rx%3D%221.6%22%20fill%3D%22%23B4503F%22%2F%3E%3C%2Fpattern%3E%3C%2Fdefs%3E%3Crect%20width%3D%2296%22%20height%3D%2296%22%20fill%3D%22url%28%23cream%29%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2288%22%20height%3D%2288%22%20rx%3D%226%22%20fill%3D%22url%28%23coral%29%22%2F%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%2248%22%20r%3D%2230%22%20fill%3D%22url%28%23cream%29%22%2F%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%2248%22%20r%3D%2214%22%20fill%3D%22url%28%23coral%29%22%2F%3E%3C%2Fsvg%3E");
  --tile-pedra:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22104%22%20height%3D%22104%22%20viewBox%3D%220%200%20104%20104%22%3E%3Cdefs%3E%3Cpattern%20id%3D%22cream%22%20width%3D%2213%22%20height%3D%2213%22%20patternUnits%3D%22userSpaceOnUse%22%3E%3Crect%20width%3D%2213%22%20height%3D%2213%22%20fill%3D%22%23E4D3B6%22%2F%3E%3Crect%20x%3D%221.1%22%20y%3D%221.1%22%20width%3D%2210.8%22%20height%3D%2210.8%22%20rx%3D%221.6%22%20fill%3D%22%23FFF9F0%22%2F%3E%3C%2Fpattern%3E%3Cpattern%20id%3D%22ocre%22%20width%3D%2213%22%20height%3D%2213%22%20patternUnits%3D%22userSpaceOnUse%22%3E%3Crect%20width%3D%2213%22%20height%3D%2213%22%20fill%3D%22%237F511A%22%2F%3E%3Crect%20x%3D%221.1%22%20y%3D%221.1%22%20width%3D%2210.8%22%20height%3D%2210.8%22%20rx%3D%221.6%22%20fill%3D%22%2396601E%22%2F%3E%3C%2Fpattern%3E%3C%2Fdefs%3E%3Crect%20width%3D%22104%22%20height%3D%22104%22%20fill%3D%22url%28%23cream%29%22%2F%3E%3Cg%20fill%3D%22url%28%23ocre%29%22%3E%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%2226%22%20height%3D%2226%22%20rx%3D%223%22%2F%3E%3Crect%20x%3D%2270%22%20y%3D%228%22%20width%3D%2226%22%20height%3D%2226%22%20rx%3D%223%22%2F%3E%3Crect%20x%3D%2239%22%20y%3D%2239%22%20width%3D%2226%22%20height%3D%2226%22%20rx%3D%223%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2270%22%20width%3D%2226%22%20height%3D%2226%22%20rx%3D%223%22%2F%3E%3Crect%20x%3D%2270%22%20y%3D%2270%22%20width%3D%2226%22%20height%3D%2226%22%20rx%3D%223%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --tile-treli:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2272%22%20height%3D%2272%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cdefs%3E%3Cpattern%20id%3D%22cream%22%20width%3D%2213%22%20height%3D%2213%22%20patternUnits%3D%22userSpaceOnUse%22%3E%3Crect%20width%3D%2213%22%20height%3D%2213%22%20fill%3D%22%23E4D3B6%22%2F%3E%3Crect%20x%3D%221.1%22%20y%3D%221.1%22%20width%3D%2210.8%22%20height%3D%2210.8%22%20rx%3D%221.6%22%20fill%3D%22%23FFF9F0%22%2F%3E%3C%2Fpattern%3E%3Cpattern%20id%3D%22teal%22%20width%3D%2213%22%20height%3D%2213%22%20patternUnits%3D%22userSpaceOnUse%22%3E%3Crect%20width%3D%2213%22%20height%3D%2213%22%20fill%3D%22%2308464A%22%2F%3E%3Crect%20x%3D%221.1%22%20y%3D%221.1%22%20width%3D%2210.8%22%20height%3D%2210.8%22%20rx%3D%221.6%22%20fill%3D%22%230D5E63%22%2F%3E%3C%2Fpattern%3E%3C%2Fdefs%3E%3Crect%20width%3D%2272%22%20height%3D%2272%22%20fill%3D%22url%28%23cream%29%22%2F%3E%3Cg%20stroke%3D%22url%28%23teal%29%22%20stroke-width%3D%228%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%220%22%20cy%3D%220%22%20r%3D%2226%22%2F%3E%3Ccircle%20cx%3D%2272%22%20cy%3D%220%22%20r%3D%2226%22%2F%3E%3Ccircle%20cx%3D%220%22%20cy%3D%2272%22%20r%3D%2226%22%2F%3E%3Ccircle%20cx%3D%2272%22%20cy%3D%2272%22%20r%3D%2226%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --tile-onda:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%2240%22%20viewBox%3D%220%200%20120%2040%22%3E%3Cdefs%3E%3Cpattern%20id%3D%22cream%22%20width%3D%2213%22%20height%3D%2213%22%20patternUnits%3D%22userSpaceOnUse%22%3E%3Crect%20width%3D%2213%22%20height%3D%2213%22%20fill%3D%22%23E4D3B6%22%2F%3E%3Crect%20x%3D%221.1%22%20y%3D%221.1%22%20width%3D%2210.8%22%20height%3D%2210.8%22%20rx%3D%221.6%22%20fill%3D%22%23FFF9F0%22%2F%3E%3C%2Fpattern%3E%3Cpattern%20id%3D%22oliva%22%20width%3D%2213%22%20height%3D%2213%22%20patternUnits%3D%22userSpaceOnUse%22%3E%3Crect%20width%3D%2213%22%20height%3D%2213%22%20fill%3D%22%23425A3A%22%2F%3E%3Crect%20x%3D%221.1%22%20y%3D%221.1%22%20width%3D%2210.8%22%20height%3D%2210.8%22%20rx%3D%221.6%22%20fill%3D%22%234F6B45%22%2F%3E%3C%2Fpattern%3E%3C%2Fdefs%3E%3Crect%20width%3D%22120%22%20height%3D%2240%22%20fill%3D%22url%28%23cream%29%22%2F%3E%3Cpath%20d%3D%22M-30%2020%20C%20-10%20-6%2010%20-6%2030%2020%20C%2050%2046%2070%2046%2090%2020%20C%20110%20-6%20130%20-6%20150%2020%22%20fill%3D%22none%22%20stroke%3D%22url%28%23oliva%29%22%20stroke-width%3D%229%22%2F%3E%3C%2Fsvg%3E");
  --tile-vela:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2296%22%20viewBox%3D%220%200%2096%2096%22%3E%3Cdefs%3E%3Cpattern%20id%3D%22cream%22%20width%3D%2213%22%20height%3D%2213%22%20patternUnits%3D%22userSpaceOnUse%22%3E%3Crect%20width%3D%2213%22%20height%3D%2213%22%20fill%3D%22%23E4D3B6%22%2F%3E%3Crect%20x%3D%221.1%22%20y%3D%221.1%22%20width%3D%2210.8%22%20height%3D%2210.8%22%20rx%3D%221.6%22%20fill%3D%22%23FFF9F0%22%2F%3E%3C%2Fpattern%3E%3Cpattern%20id%3D%22ameixa%22%20width%3D%2213%22%20height%3D%2213%22%20patternUnits%3D%22userSpaceOnUse%22%3E%3Crect%20width%3D%2213%22%20height%3D%2213%22%20fill%3D%22%23663045%22%2F%3E%3Crect%20x%3D%221.1%22%20y%3D%221.1%22%20width%3D%2210.8%22%20height%3D%2210.8%22%20rx%3D%221.6%22%20fill%3D%22%237A3B52%22%2F%3E%3C%2Fpattern%3E%3C%2Fdefs%3E%3Crect%20width%3D%2296%22%20height%3D%2296%22%20fill%3D%22url%28%23cream%29%22%2F%3E%3Cpath%20d%3D%22M0%2096%20C%200%2043%2043%200%2096%200%20L%2096%2096%20Z%22%20fill%3D%22url%28%23ameixa%29%22%2F%3E%3Cpath%20d%3D%22M96%200%20C%2096%2027%2074%2048%2048%2048%20C%2074%2048%2096%2070%2096%2096%22%20fill%3D%22none%22%20stroke%3D%22url%28%23cream%29%22%20stroke-width%3D%227%22%2F%3E%3C%2Fsvg%3E");
  --tile-leme:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22120%22%20viewBox%3D%220%200%20120%20120%22%3E%3Cdefs%3E%3Cpattern%20id%3D%22cream%22%20width%3D%2213%22%20height%3D%2213%22%20patternUnits%3D%22userSpaceOnUse%22%3E%3Crect%20width%3D%2213%22%20height%3D%2213%22%20fill%3D%22%23E4D3B6%22%2F%3E%3Crect%20x%3D%221.1%22%20y%3D%221.1%22%20width%3D%2210.8%22%20height%3D%2210.8%22%20rx%3D%221.6%22%20fill%3D%22%23FFF9F0%22%2F%3E%3C%2Fpattern%3E%3Cpattern%20id%3D%22agua%22%20width%3D%2213%22%20height%3D%2213%22%20patternUnits%3D%22userSpaceOnUse%22%3E%3Crect%20width%3D%2213%22%20height%3D%2213%22%20fill%3D%22%230A6663%22%2F%3E%3Crect%20x%3D%221.1%22%20y%3D%221.1%22%20width%3D%2210.8%22%20height%3D%2210.8%22%20rx%3D%221.6%22%20fill%3D%22%230E7C78%22%2F%3E%3C%2Fpattern%3E%3C%2Fdefs%3E%3Crect%20width%3D%22120%22%20height%3D%22120%22%20fill%3D%22url%28%23cream%29%22%2F%3E%3Cpath%20d%3D%22M60%200%20L%20120%2060%20L%2060%20120%20L%200%2060%20Z%22%20fill%3D%22url%28%23agua%29%22%2F%3E%3Cpath%20d%3D%22M60%2034%20L%2086%2060%20L%2060%2086%20L%2034%2060%20Z%22%20fill%3D%22url%28%23cream%29%22%2F%3E%3C%2Fsvg%3E");
  --tile-cobogo-soft:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22104%22%20height%3D%22104%22%20viewBox%3D%220%200%20104%20104%22%3E%3Crect%20width%3D%22104%22%20height%3D%22104%22%20fill%3D%22%23F5E7D0%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%226%22%20fill%3D%22none%22%20stroke%3D%22%23EEDFC4%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2252%22%20r%3D%2230%22%20fill%3D%22none%22%20stroke%3D%22%23EEDFC4%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
  --tile-onda-hero:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221200%22%20height%3D%22480%22%20viewBox%3D%220%200%201200%20480%22%3E%3Cdefs%3E%3Cpattern%20id%3D%22cream%22%20width%3D%2213%22%20height%3D%2213%22%20patternUnits%3D%22userSpaceOnUse%22%3E%3Crect%20width%3D%2213%22%20height%3D%2213%22%20fill%3D%22%23E4D3B6%22%2F%3E%3Crect%20x%3D%221.1%22%20y%3D%221.1%22%20width%3D%2210.8%22%20height%3D%2210.8%22%20rx%3D%221.6%22%20fill%3D%22%23FFF9F0%22%2F%3E%3C%2Fpattern%3E%3Cpattern%20id%3D%22teal%22%20width%3D%2213%22%20height%3D%2213%22%20patternUnits%3D%22userSpaceOnUse%22%3E%3Crect%20width%3D%2213%22%20height%3D%2213%22%20fill%3D%22%2308464A%22%2F%3E%3Crect%20x%3D%221.1%22%20y%3D%221.1%22%20width%3D%2210.8%22%20height%3D%2210.8%22%20rx%3D%221.6%22%20fill%3D%22%230D5E63%22%2F%3E%3C%2Fpattern%3E%3Cpattern%20id%3D%22turq%22%20width%3D%2213%22%20height%3D%2213%22%20patternUnits%3D%22userSpaceOnUse%22%3E%3Crect%20width%3D%2213%22%20height%3D%2213%22%20fill%3D%22%23118C88%22%2F%3E%3Crect%20x%3D%221.1%22%20y%3D%221.1%22%20width%3D%2210.8%22%20height%3D%2210.8%22%20rx%3D%221.6%22%20fill%3D%22%2320B8B2%22%2F%3E%3C%2Fpattern%3E%3C%2Fdefs%3E%3Crect%20width%3D%221200%22%20height%3D%22480%22%20fill%3D%22url%28%23cream%29%22%2F%3E%3Cpath%20d%3D%22M-200%2C240%20C%20-133%2C120%20-67%2C120%200%2C240%20C%2067%2C360%20133%2C360%20200%2C240%20C%20267%2C120%20333%2C120%20400%2C240%20C%20467%2C360%20533%2C360%20600%2C240%20C%20667%2C120%20733%2C120%20800%2C240%20C%20867%2C360%20933%2C360%201000%2C240%20C%201067%2C120%201133%2C120%201200%2C240%20C%201267%2C360%201333%2C360%201400%2C240%22%20fill%3D%22none%22%20stroke%3D%22url%28%23teal%29%22%20stroke-width%3D%22150%22%2F%3E%3Cpath%20d%3D%22M-200%2C120%20C%20-133%2C120%20-67%2C120%200%2C120%20C%2067%2C240%20133%2C240%20200%2C120%20C%20267%2C120%20333%2C120%20400%2C120%20C%20467%2C240%20533%2C240%20600%2C120%20C%20667%2C120%20733%2C120%20800%2C120%20C%20867%2C240%20933%2C240%201000%2C120%20C%201067%2C120%201133%2C120%201200%2C120%20C%201267%2C240%201333%2C240%201400%2C120%22%20fill%3D%22none%22%20stroke%3D%22url%28%23turq%29%22%20stroke-width%3D%2244%22%2F%3E%3Cpath%20d%3D%22M-200%2C360%20C%20-133%2C240%20-67%2C240%200%2C360%20C%2067%2C360%20133%2C360%20200%2C360%20C%20267%2C240%20333%2C240%20400%2C360%20C%20467%2C360%20533%2C360%20600%2C360%20C%20667%2C240%20733%2C240%20800%2C360%20C%20867%2C360%20933%2C360%201000%2C360%20C%201067%2C240%201133%2C240%201200%2C360%20C%201267%2C360%201333%2C360%201400%2C360%22%20fill%3D%22none%22%20stroke%3D%22url%28%23turq%29%22%20stroke-width%3D%2244%22%2F%3E%3C%2Fsvg%3E");
}

/* внутри врезок flex-колонка + constrained layout центрировали заголовки — выключаем авто-поля */
.oi-callout.oi-callout > *, .oi-panel.oi-panel > *, .oi-sidecard.oi-sidecard > *, .oi-card__body-top.oi-card__body-top > *, .oi-cover__body.oi-cover__body > *, .oi-col.oi-col > *{
  margin-left:0 !important;margin-right:0 !important;max-width:none
}

/* ссылки внутри текста статей и страниц — заметный цвет + подчёркивание */
.oi-content a:not(.wp-element-button):not(.wp-block-button__link),
.oi-page a:not(.wp-element-button):not(.wp-block-button__link),
.oi-content li a, .oi-page li a, .oi-content td a{
  color:var(--oi-coral);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  text-decoration-color:rgba(180,80,63,.5)
}
.oi-content a:hover, .oi-page a:hover{color:var(--oi-teal);text-decoration-color:currentColor}
.oi-content details summary a, .oi-page .wp-block-button a{text-decoration:none}

/* блочная раскладка WP добавляет вертикальные отступы детям — гасим там, где вёрстка на flex */
.oi-footer__col.oi-footer__col > *{margin-block:0 !important}
.oi-footer__col p{margin:0}
/* время чтения в шапке статьи — на кремовом фоне, не на тёмной обложке */
.oi-byline .oi-readtime{color:var(--oi-muted-2)}

/* форма подписки: ловушка для ботов и статус отправки */
.oi-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.oi-form button:disabled{opacity:.6;cursor:wait}
.oi-form__note{margin:10px 0 0;font-size:14.5px;font-weight:600;color:var(--oi-teal)}
.oi-form__note.is-error{color:var(--oi-coral)}
.oi-newsletter .oi-form__note{flex-basis:100%}

/* колонка статьи */
.oi-col{display:flex;flex-direction:column;gap:40px;min-width:0}
.oi-col>.oi-content{gap:26px}
.oi-search-form{max-width:860px;margin:0 auto;padding:0 var(--oi-gutter) 24px}
.oi-search-form .wp-block-search__input{border:1px solid var(--oi-sand-4);border-radius:999px;padding:13px 20px;background:#FFFCF6;font-family:var(--oi-body)}
.oi-search-form .wp-block-search__button{border-radius:999px;background:var(--oi-teal);color:var(--oi-cream);border:none;padding:13px 24px;font-weight:600}