/*
Theme Name: Apu Rendelő
Theme URI: https://apu.blog.hu/
Author: BonsAI_HorizON
Description: Az "Az Apu azért iszik, mert te sírsz!" egyedi WordPress sablonja. Terápiás rendelő koncepció három hanggal (Rendelő, Puzsér, FAM), párbeszédes cikk- és tízes lista sablonnal, lite YouTube-beágyazással. Yoast SEO-kompatibilis.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: apu
*/

/* ============ Tokenek ============ */
:root{
  --ink:#16120F;--nikotin:#E2B51C;--paper:#E8E7E1;--ver:#B0231B;--halvany:#5B554B;
  --font-display:'Anton','Impact','Arial Narrow',sans-serif;
  --tt:uppercase;--hs:1;--lh:.9;
  --font-body:'Courier Prime','Courier New',monospace;
  --gutter:clamp(16px,4vw,48px);--rowtilt:0deg;
  color-scheme:light;
}
:root[data-mode="puzser"]{--ink:#ECEAE3;--paper:#0F0D0B;--nikotin:#B0231B;--ver:#E2B51C;--halvany:#A39D90;color-scheme:dark}
:root[data-mode="fam"]{--ink:#1B1530;--paper:#F1EFE8;--nikotin:#F4D230;--ver:#2646D9;--halvany:#5D567A;--font-display:'Caveat Brush','Comic Sans MS',cursive;--tt:none;--hs:1.28;--lh:.96;--rowtilt:.7deg}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.6;margin:0;transition:background .25s,color .25s}
a{color:inherit}
img{max-width:100%;height:auto}
:focus-visible{outline:3px solid var(--ver);outline-offset:3px}
.wrap{padding-inline:var(--gutter);max-width:1240px;margin-inline:auto}
.screen-reader-text,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip:focus{position:fixed;top:8px;left:8px;z-index:100;background:var(--ink);color:var(--paper);padding:10px 14px}
[hidden]{display:none!important}

.progress{position:fixed;left:0;top:0;height:6px;width:0;background:var(--ver);z-index:50}
.ticker{background:var(--ink);color:var(--nikotin);font-family:var(--font-display);text-transform:var(--tt);letter-spacing:.06em;font-size:calc(15px*var(--hs));overflow:hidden;white-space:nowrap;padding-block:8px}
.ticker-track{display:inline-flex;animation:run 38s linear infinite}
.ticker span{padding-right:2.5em}
@keyframes run{to{transform:translateX(-50%)}}

/* ============ Fejléc ============ */
.top{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap;padding-block:14px}
.logo{font-family:var(--font-display);text-transform:var(--tt);font-size:calc(20px*var(--hs));letter-spacing:.04em;text-decoration:none;line-height:1}
.logo b{background:var(--ink);color:var(--nikotin);padding:2px 6px;font-weight:400}
.nav ul{display:flex;gap:6px 20px;list-style:none;margin:0;padding:0;flex-wrap:wrap;font-size:14px;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.nav a{text-decoration:none;border-bottom:2px solid transparent}
.nav a:hover,.nav .current-menu-item>a{border-bottom-color:var(--ver)}
.seg{display:inline-flex;border:3px solid var(--ink)}
.seg button{font-family:var(--font-display);text-transform:var(--tt);font-size:calc(16px*var(--hs));letter-spacing:.05em;padding:8px 14px 6px;background:transparent;color:var(--ink);border:0;border-right:3px solid var(--ink);cursor:pointer;line-height:1}
.seg button:last-child{border-right:0}
.seg button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.seg button:hover{background:var(--ver);color:var(--paper)}
.crumbs{margin:0;padding-block:10px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;border-top:3px solid var(--ink)}

/* ============ Közös ============ */
.btn,.wp-block-button__link,.comment-form input[type=submit],.search-submit{font-family:var(--font-display);text-transform:var(--tt);letter-spacing:.06em;font-size:calc(18px*var(--hs));padding:12px 20px 10px;border:3px solid var(--ink);background:var(--ink);color:var(--nikotin);text-decoration:none;cursor:pointer;line-height:1;display:inline-block;border-radius:0}
.btn:hover,.wp-block-button__link:hover,.comment-form input[type=submit]:hover,.search-submit:hover{background:var(--ver);border-color:var(--ver);color:var(--paper)}
.btn.alt{background:transparent;color:var(--ink)}
.btn.alt:hover{background:var(--ink);color:var(--nikotin);border-color:var(--ink)}
.kicker{font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:13px;margin:0 0 12px}
.dname{font-family:var(--font-display);font-weight:400;text-transform:var(--tt);line-height:var(--lh)}
.note{font-size:14px;color:var(--halvany);margin:18px 0 0}
.ph{border:3px solid var(--ink);background:repeating-linear-gradient(135deg,transparent 0 14px,color-mix(in srgb,var(--ink) 12%,transparent) 14px 16px);display:grid;place-items:center;text-align:center;padding:14px;color:var(--halvany);font-size:13px;text-transform:uppercase;letter-spacing:.1em}
section.block{padding-block:clamp(44px,7vw,92px)}
.shead{display:flex;align-items:baseline;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin-bottom:28px;border-bottom:6px solid var(--ink);padding-bottom:10px}
h2.big{font-family:var(--font-display);font-weight:400;text-transform:var(--tt);font-size:calc(clamp(40px,7vw,92px)*var(--hs)*.9);line-height:var(--lh);margin:0;text-wrap:balance}
.shead p{margin:0;font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:var(--halvany);max-width:26em}
.dark{background:var(--ink);color:var(--paper)}
.dark .shead{border-bottom-color:var(--nikotin)}
.dark .shead p{color:var(--halvany)}
.dark h2.big em{font-style:normal;color:var(--nikotin)}

/* ============ Főoldal hero ============ */
.hero{background:var(--nikotin);color:var(--ink);border-block:6px solid var(--ink);overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;padding-block:clamp(28px,5vw,64px)}
.eyebrow{font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:14px;margin:0 0 14px}
.hero h1{font-family:var(--font-display);font-weight:400;text-transform:var(--tt);line-height:var(--lh);margin:0;font-size:calc(clamp(52px,10.5vw,148px)*var(--hs)*.86);text-wrap:balance}
.hero h1 .ver{display:inline-block;background:var(--ink);color:var(--nikotin);padding:.02em .12em .04em;transform:rotate(-1.6deg);margin-top:.08em}
:root[data-mode="fam"] .hero h1{transform:rotate(-1.2deg)}
:root[data-mode="fam"] .hero h1 .ver{transform:rotate(2deg);border-radius:.2em .5em .3em .6em}
.lead{max-width:34em;font-size:clamp(17px,1.5vw,20px);margin:26px 0 0;font-weight:700}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.card{background:var(--paper);color:var(--ink);border:3px solid var(--ink);padding:22px 22px 26px;transform:rotate(1.8deg);box-shadow:10px 10px 0 var(--ink);position:relative}
:root[data-mode="puzser"] .card{transform:none;box-shadow:none;border-width:6px}
:root[data-mode="fam"] .card{transform:rotate(-3.5deg);border-radius:6px 28px 8px 22px}
.card h2{font-family:var(--font-display);font-weight:400;text-transform:var(--tt);font-size:calc(28px*var(--hs));margin:0 0 4px;letter-spacing:.04em;line-height:1}
.card .sub{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--halvany);margin:0 0 14px}
.card dl{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 14px}
.card dt{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--halvany);padding-block:9px;border-top:1.5px dashed var(--ink)}
.card dd{margin:0;padding-block:8px;border-top:1.5px dashed var(--ink);font-weight:700}
.stamp{position:absolute;right:-14px;top:-22px;font-family:var(--font-display);text-transform:var(--tt);color:var(--ver);border:4px solid var(--ver);padding:6px 14px 4px;font-size:calc(26px*var(--hs));letter-spacing:.08em;transform:rotate(9deg);background:var(--paper);line-height:1}
.glass{display:block;width:92px;height:auto;margin:16px 0 0 auto;color:var(--ink)}
.glass .liq{animation:fill 7s ease-in-out infinite alternate}
.glass .drop{animation:drip 3.2s ease-in infinite}
.glass .drop:nth-of-type(2){animation-delay:1.1s}
.glass .drop:nth-of-type(3){animation-delay:2.1s}
@keyframes fill{from{transform:translateY(58px)}to{transform:translateY(8px)}}
@keyframes drip{0%{transform:translateY(-14px);opacity:0}15%{opacity:1}100%{transform:translateY(40px);opacity:0}}

/* ============ Ülések (lista) ============ */
.rows{list-style:none;margin:0;padding:0}
.rows li{border-bottom:2px solid var(--ink)}
:root[data-mode="fam"] .rows li:nth-child(odd){transform:rotate(calc(var(--rowtilt)*-1))}
:root[data-mode="fam"] .rows li:nth-child(even){transform:rotate(var(--rowtilt));margin-left:2%}
.rows a{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:6px 28px;align-items:center;padding:20px 12px;text-decoration:none}
.rows time{font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:14px;line-height:1.3}
.rows .t{font-family:var(--font-display);text-transform:var(--tt);font-size:calc(clamp(26px,3.6vw,46px)*var(--hs)*.92);line-height:1.02;letter-spacing:.01em}
.rows .meta{grid-column:2;font-size:14px;color:var(--halvany)}
.rows .go{font-family:var(--font-display);font-size:34px;line-height:1;grid-column:3;grid-row:1}
.rows a:hover,.rows a:focus-visible{background:var(--ink);color:var(--nikotin)}
.rows a:hover .meta,.rows a:focus-visible .meta{color:var(--paper)}

/* Legsúlyosabb esetek */
.ten{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,5vw,72px)}
.ten li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding-block:12px;border-bottom:1.5px dashed var(--halvany)}
.ten .n{font-family:var(--font-display);font-size:calc(clamp(46px,6vw,76px)*var(--hs)*.9);line-height:.9;color:var(--nikotin);min-width:1.5ch;text-align:right}
.ten a{font-weight:700;text-decoration:none;font-size:clamp(16px,1.5vw,19px)}
.ten a:hover{text-decoration:underline}

/* Beutaló */
.gen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,5vw,64px);align-items:start}
.gen label{display:block;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:14px;margin-bottom:10px}
.gen select,.afilter input,.search-field,.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{font:inherit;font-weight:700;width:100%;padding:14px 12px;background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:0}
.gen select{margin-bottom:16px}
.out{background:var(--paper);color:var(--ink);border:3px solid var(--ink);padding:24px;min-height:210px;position:relative;box-shadow:10px 10px 0 var(--nikotin);transform:rotate(-1deg)}
.out h3{font-family:var(--font-display);font-weight:400;text-transform:var(--tt);font-size:calc(34px*var(--hs));margin:0 0 10px;line-height:1}
.out p{margin:0 0 10px}
.out .stamp{right:14px;top:-18px;transform:rotate(-6deg);font-size:calc(22px*var(--hs))}

/* Videók */
.vids{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}
.vid{display:block;text-decoration:none;min-width:0}
.shot{aspect-ratio:16/9;max-width:100%;background:#16120F;position:relative;display:grid;place-items:center;border:3px solid var(--ink);overflow:hidden;width:100%;padding:0;cursor:pointer}
.shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75}
.shot iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.shot::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(42,36,31,.55) 0 3px,rgba(22,18,15,.2) 3px 6px);pointer-events:none;z-index:1}
.play{position:relative;z-index:2;width:64px;height:64px;background:#E2B51C;display:grid;place-items:center}
.play::before{content:"";border-left:22px solid #16120F;border-block:13px solid transparent;margin-left:6px}
.shot:hover .play{background:var(--ver)}
.vid h3{font-family:var(--font-display);font-weight:400;text-transform:var(--tt);font-size:calc(26px*var(--hs));line-height:1.02;margin:12px 0 2px}

/* Címkék */
.tags,.tagcloud{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center}
.tag,.tagcloud a{font-family:var(--font-display);text-transform:var(--tt);letter-spacing:.06em;border:3px solid var(--ink);padding:8px 16px 6px;text-decoration:none;line-height:1}
.tag:hover,.tagcloud a:hover{background:var(--ink);color:var(--nikotin)}
.tags.small .tag{font-family:var(--font-body);font-weight:700;font-size:14px;padding:3px 10px;border-width:2px;text-transform:uppercase}

/* ============ Cikk ============ */
.ahead{background:var(--nikotin);color:var(--ink);border-bottom:6px solid var(--ink)}
.ahead .wrap{padding-block:clamp(28px,5vw,64px)}
.ahead h1{font-size:calc(clamp(44px,8.2vw,120px)*var(--hs)*.86);margin:0;text-wrap:balance}
.ahead.small h1{font-size:calc(clamp(40px,6vw,84px)*var(--hs)*.9)}
.meta-row{display:flex;gap:6px 22px;flex-wrap:wrap;margin-top:22px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.meta-row span{border-top:3px solid var(--ink);padding-top:6px}
.people{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.chip{border:3px solid var(--ink);padding:6px 12px;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.08em;background:var(--paper);color:var(--ink)}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(24px,5vw,64px);padding-block:clamp(32px,5vw,64px)}
.layout.wide{grid-template-columns:minmax(0,1fr)}
.read{min-width:0;max-width:44em}
.is-lista .read{max-width:none}
.entry-content>*{margin-top:0;margin-bottom:1.15em}
.entry-content>p:first-of-type{font-size:1.2em;font-weight:700}
.entry-content h2,.entry-content h3{font-family:var(--font-display);font-weight:400;text-transform:var(--tt);line-height:1.02;margin-top:1.6em}
.entry-content h2{font-size:calc(40px*var(--hs)*.9)}
.entry-content h3{font-size:calc(30px*var(--hs)*.9)}
.entry-content img{display:block}
.entry-content figure,.wp-caption{margin:28px 0;max-width:100%}
.entry-content figcaption,.wp-caption-text{font-size:14px;color:var(--halvany);margin-top:8px;border-left:4px solid var(--ver);padding-left:10px}
.entry-content blockquote,.wp-block-quote{margin:32px 0;padding:6px 0 6px 22px;border-left:10px solid var(--ver);font-family:var(--font-display);text-transform:var(--tt);font-size:calc(clamp(26px,3.4vw,40px)*var(--hs)*.9);line-height:1.04}
.entry-content blockquote p{margin:0}
.entry-content a{text-decoration-thickness:2px;text-underline-offset:3px}
.entry-content .alignwide,.entry-content .alignfull{max-width:none}
.hero-img{margin:0 0 28px}
.hero-img img{width:100%;border:3px solid var(--ink);display:block}

.turn{display:grid;gap:6px;margin:26px 0!important;padding:18px 20px 8px}
.turn .who{font-family:var(--font-display);text-transform:var(--tt);font-size:calc(26px*var(--hs));line-height:1}
.turn p{margin:0 0 .9em;font-weight:700;font-size:1em!important}
.turn.p{background:#0F0D0B;color:#ECEAE3;margin-right:12%}
.turn.p .who{color:#E2B51C;text-transform:uppercase;font-family:'Anton','Impact',sans-serif}
.turn.f{background:#F4D230;color:#1B1530;margin-left:12%;transform:rotate(.5deg);border-radius:4px 22px 6px 18px}
.turn.f .who{font-family:'Caveat Brush','Comic Sans MS',cursive;font-size:36px;display:inline-block;transform:rotate(-2deg)}
.turn a{color:inherit}

/* tízes lista: <ol> a cikkben */
.is-lista .entry-content ol{list-style:none;counter-reset:pont;margin:0;padding:0;display:grid;gap:0}
.is-lista .entry-content ol>li{counter-increment:pont;display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr);gap:8px 24px;border-bottom:3px solid var(--ink);padding-block:22px;align-items:start}
.is-lista .entry-content ol>li::before{content:counter(pont);font-family:var(--font-display);font-size:calc(clamp(88px,15vw,190px)*var(--hs)*.8);line-height:.8;color:var(--nikotin);-webkit-text-stroke:3px var(--ink);text-align:right}
:root[data-mode="puzser"] .is-lista .entry-content ol>li::before{-webkit-text-stroke-color:#ECEAE3}
.is-lista .entry-content ol>li:first-child::before{color:var(--ver)}
.is-lista .entry-content ol[reversed]{counter-reset:pont 11}
.is-lista .entry-content ol[reversed]>li{counter-increment:pont -1}
.is-lista .entry-content ol>li>*{grid-column:2}

/* oldalsáv */
.side{position:sticky;top:22px;align-self:start;display:grid;gap:22px;min-width:0}
.box{border:3px solid var(--ink);padding:16px 18px}
.box h3{font-family:var(--font-display);font-weight:400;text-transform:var(--tt);font-size:calc(26px*var(--hs));margin:0 0 8px;line-height:1}
.box ol,.box ul{margin:0;padding:0;list-style:none}
.box li{border-top:1.5px dashed var(--ink);padding-block:8px;font-size:15px}
.box li a{font-weight:700;text-decoration:none}
.box li a:hover{text-decoration:underline}
.box.dark{background:var(--ink);color:var(--paper)}
.box.dark li{border-top-color:var(--halvany)}

.pn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:3px solid var(--ink);margin-top:40px}
.pn a{padding:20px;text-decoration:none;display:grid;gap:6px;align-content:start}
.pn a+a,.pn .next{border-left:3px solid var(--ink);text-align:right}
.pn a:hover{background:var(--ink);color:var(--nikotin)}
.pn small{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700}
.pn b{font-family:var(--font-display);font-weight:400;text-transform:var(--tt);font-size:calc(26px*var(--hs));line-height:1.02}
.pn .empty{padding:20px}

/* hozzászólások */
.comments{margin-top:56px}
.chead{border-bottom:6px solid var(--ink);padding-bottom:8px;margin-bottom:6px}
.chead h2{font-size:calc(clamp(36px,5vw,64px)*var(--hs)*.9);margin:0}
.commentlist,.commentlist .children{list-style:none;margin:0;padding:0}
.commentlist .children{margin-left:28px}
.cm{border-bottom:1.5px dashed var(--ink);padding-block:16px;display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 14px}
.cm .av{width:44px;height:44px;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-family:var(--font-display);font-size:calc(22px*var(--hs))}
.cm .who2{font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.08em}
.cm .who2 span{font-weight:400;color:var(--halvany);margin-left:8px}
.cm .body p{margin:4px 0 0}
.comment-form{display:grid;gap:14px;margin-top:24px}
.comment-form label{display:block;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:13px;margin-bottom:4px}
.comment-form p{margin:0}

/* archívum */
.afilter{display:grid;gap:14px;margin-bottom:26px}
.search-form{display:flex;gap:10px;flex-wrap:wrap}
.search-form label{flex:1 1 260px}
.pills{display:flex;gap:8px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.pills a{display:inline-block;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.06em;border:3px solid var(--ink);padding:6px 12px;text-decoration:none}
.pills a:hover,.pills .is-active a{background:var(--ink);color:var(--paper)}
.agrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.acard{border:3px solid var(--ink);display:grid;grid-template-rows:auto 1fr auto;text-decoration:none;min-width:0}
.acard .thumb{aspect-ratio:16/8;border:0;border-bottom:3px solid var(--ink);overflow:hidden;display:block}
.acard .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.acard .in{padding:14px 16px;display:grid;gap:8px;align-content:start}
.acard time{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.acard h3{font-family:var(--font-display);font-weight:400;text-transform:var(--tt);font-size:calc(28px*var(--hs)*.92);line-height:1.02;margin:0}
.acard .ft{border-top:1.5px dashed var(--ink);padding:8px 16px;font-size:13px;color:var(--halvany)}
.acard:hover{background:var(--ink);color:var(--nikotin)}
.acard:hover .ft{color:var(--paper)}
.empty-state{border:3px dashed var(--ink);padding:28px;text-align:center;font-weight:700}
.navigation.pagination{margin-top:32px}
.nav-links{display:flex;gap:8px;flex-wrap:wrap}
.page-numbers{border:3px solid var(--ink);padding:6px 14px;text-decoration:none;font-weight:700}
.page-numbers.current,.page-numbers:hover{background:var(--ink);color:var(--paper)}

/* lábléc */
.site-footer{background:var(--nikotin);color:var(--ink);border-top:6px solid var(--ink);padding-block:34px 44px}
.site-footer .wrap{display:flex;justify-content:space-between;gap:20px 40px;flex-wrap:wrap;align-items:end}
.big2{font-family:var(--font-display);text-transform:var(--tt);font-size:calc(clamp(34px,6vw,76px)*var(--hs)*.9);line-height:var(--lh);margin:0;max-width:11em}
.site-footer p:not(.big2){margin:0;font-weight:700;max-width:24em}
.site-footer ul{list-style:none;margin:10px 0 0;padding:0;display:flex;gap:6px 18px;flex-wrap:wrap;font-size:14px;text-transform:uppercase;letter-spacing:.06em}

/* 404 */
.nf{padding-block:clamp(48px,9vw,120px);text-align:left}
.nf .dname{font-size:calc(clamp(90px,22vw,300px)*var(--hs)*.7);margin:0;color:var(--ver)}

@media (max-width:900px){
  .hero .wrap,.gen,.ten{grid-template-columns:minmax(0,1fr)}
  .layout{grid-template-columns:minmax(0,1fr)}
  .side{position:static}
  .card{margin-top:18px;margin-right:10px}
  .turn.p{margin-right:0}.turn.f{margin-left:0}
  .rows a{grid-template-columns:minmax(0,1fr) auto;padding-inline:4px}
  .rows time{grid-column:1/-1}
  .rows .meta{grid-column:1}
  .rows .go{grid-column:2;grid-row:2}
  :root[data-mode="fam"] .rows li:nth-child(even){margin-left:0}
  .pn{grid-template-columns:minmax(0,1fr)}
  .pn a+a,.pn .next{border-left:0;border-top:3px solid var(--ink);text-align:left}
  .is-lista .entry-content ol>li{grid-template-columns:minmax(0,1fr)}
  .is-lista .entry-content ol>li::before{text-align:left}
  .is-lista .entry-content ol>li>*{grid-column:1}
}
@media (prefers-reduced-motion:reduce){
  .ticker-track,.glass .liq,.glass .drop{animation:none}
  html{scroll-behavior:auto}body{transition:none}
}