@font-face{font-family:'Unbounded';font-style:normal;font-weight:200 900;font-display:swap;src:url(../fonts/unbounded-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:200 900;font-display:swap;src:url(../fonts/unbounded-cyrillic-wght-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Onest';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/onest-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Onest';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/onest-cyrillic-wght-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}

/* ==========================================================================
   AllAutoInfo — shared block system (used by both designs).
   Loaded after the official styles.css; only overrides / adds. No JS needed.
   Design files (bento.css / broken.css) set the tokens below.
   ========================================================================== */
:root{
  --font-display: system-ui,sans-serif;
  --font-body: system-ui,sans-serif;
  --thumb-w: 284px;          /* short-story images are fixed-size: never upscaled */
  --container: 112rem;
  --gap: clamp(.75rem, 1.2vw, 1.5rem);
}
html{font-size:clamp(16px,.34vw + 13px,26px);-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{font-family:var(--font-body);background:var(--bg);color:var(--text);overflow-wrap:break-word}
h1,h2,h3,h4,.brand__name,.widget__title,.block-head h2{font-family:var(--font-display)}
img{max-width:100%;height:auto}
:focus-visible{outline:.15rem solid var(--accent-strong);outline-offset:.15rem}
:root{--app-em:1rem}
.container{width:min(100% - 2*var(--gutter,1rem), var(--container))}
@media (min-width:700px){:root{--gutter:1.5rem}}

/* ---------- header (details-based popovers, no JS) ---------- */
.top-bar{position:sticky;top:0;z-index:40;background:var(--surface);border-bottom:var(--hair) solid var(--line)}
.hdr{display:flex;align-items:center;gap:var(--sp-5);min-height:4rem}
.top-nav{display:flex;gap:1.25rem;margin-inline:auto;font-weight:600;font-size:var(--fs-ui)}
.top-nav a{color:var(--muted);padding:.4rem 0;border-bottom:.12rem solid transparent}
.top-nav a:hover,.top-nav a[aria-current]{color:var(--text);border-color:var(--accent)}
.hdr-tools{display:flex;align-items:center;gap:var(--sp-2);margin-left:auto}
.top-nav + .hdr-tools{margin-left:0}
.hdr-pop{position:relative}
.hdr-pop>summary{list-style:none;cursor:pointer}
.hdr-pop>summary::-webkit-details-marker{display:none}
.hdr-pop[open]>summary{background:var(--accent-soft);color:var(--accent-strong)}
.hdr-pop__panel{position:absolute;right:0;top:calc(100% + .6rem);z-index:50;width:min(26rem,calc(100vw - 2rem));padding:var(--sp-4);background:var(--surface);border:var(--hair) solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-menu)}
.hdr-pop__panel--wide{width:min(46rem,calc(100vw - 2rem));max-height:calc(100vh - 6rem);overflow:auto}
.head-search{display:flex;gap:var(--sp-2)}
.head-search input[type=search]{flex:1;min-width:0;height:var(--control-h);padding:0 var(--sp-4);border:var(--hair) solid var(--line);border-radius:var(--r-lg);background:var(--surface-soft);color:var(--text);font:inherit}
.search-form__advanced{display:inline-flex;align-items:center;gap:.3rem;margin-top:var(--sp-3);font-size:var(--fs-meta);color:var(--muted)}
.nav-all{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:var(--sp-5)}
.nav-all__title{font:700 var(--fs-meta)/1.2 var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-strong);margin-bottom:var(--sp-2)}
.nav-all ul,.nav-util,.cat-list{list-style:none;margin:0;padding:0}
.nav-all a{display:block;padding:.3rem 0;font-size:var(--fs-ui)}
.nav-all a:hover{color:var(--accent-strong)}
.nav-util{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:var(--hair) solid var(--line)}
.nav-util a{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .8rem;border-radius:var(--r-pill);background:var(--surface-soft);font-size:var(--fs-meta);font-weight:600}
.nav-util a:hover{background:var(--accent-soft);color:var(--accent-strong)}
@media (max-width:900px){.top-nav{display:none}.hdr-tools{margin-left:auto}.hdr-pop{position:static}.hdr-pop__panel{left:var(--gutter,1rem);right:var(--gutter,1rem);width:auto}}
.to-top{opacity:1;transform:none;pointer-events:auto;display:grid;place-items:center}

/* ---------- media: fixed-size thumbnails, never upscaled ---------- */
.media{position:relative;display:grid;place-items:center;overflow:hidden;background:var(--surface-sunk);isolation:isolate;border-radius:var(--r-lg)}
.media__bg{position:absolute;inset:-12%;z-index:-1;background:var(--img) center/cover no-repeat;filter:blur(16px) saturate(1.25);opacity:.9;transform:scale(1.05)}
.thumb{display:block;width:auto;height:auto;max-width:100%;max-height:100%;border-radius:calc(var(--r-lg) - .1rem)}
.media--sm{width:6rem;aspect-ratio:1/1;flex:none;border-radius:var(--r-md)}
.cover-image{display:block;width:100%;height:100%;object-fit:cover}
.story-card{grid-template-columns:var(--thumb-w) minmax(0,1fr)}
.story-card .story-media{width:var(--thumb-w);min-height:0;max-height:none;align-self:start;aspect-ratio:3/2}
.story-card .story-media .thumb{transition:transform .5s cubic-bezier(.22,1,.36,1)}
.story-card:hover .thumb,.card:hover .thumb{transform:scale(1.03)}
@media (max-width:640px){.story-card{grid-template-columns:minmax(0,1fr)}.story-card .story-media{width:100%}}

/* ---------- headings / section blocks ---------- */
.home-lead{padding-top:var(--sp-5)}
.home-block{margin-top:clamp(1.5rem,3vw,3rem)}
.block-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);margin-bottom:var(--sp-4)}
.block-head h2{font-size:var(--fs-h2);line-height:1.1;letter-spacing:-.02em}
.block-head h2 a:hover{color:var(--accent-strong)}
.block-head__note{color:var(--muted);font-size:var(--fs-meta)}
.block-head__more{display:inline-flex;align-items:center;gap:.25rem;font-weight:600;font-size:var(--fs-meta);color:var(--accent-strong)}
.block-head__more:hover{text-decoration:underline}
.content-head{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:var(--sp-3);margin-bottom:var(--sp-4)}
.content-head h1{font-size:var(--fs-h2);line-height:1.1}
.content-head p{color:var(--muted);font-size:var(--fs-sm);margin-top:.3rem}
.feed-list{display:grid;gap:var(--sp-4)}
.pagetools__crumbs{font-size:var(--fs-meta);color:var(--muted)}
.pagetools__sort-label{margin-right:.4rem}
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:var(--gap)}
.card{display:flex;flex-direction:column;min-width:0;background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-soft);overflow:hidden;transition:transform .25s,box-shadow .25s}
.card:hover{transform:translateY(-.12rem);box-shadow:var(--shadow)}
.card>.media{border-radius:0;aspect-ratio:3/2;width:100%}
.card__body{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4);flex:1}
.card__title{font-size:var(--fs-h4);line-height:1.2;letter-spacing:-.01em}
.card__title a:hover{color:var(--accent-strong)}
.card .meta{margin-top:auto}
.chips--rub a{background:var(--accent-soft);color:var(--accent-strong)}
.top-grid{list-style:none;margin:0;padding:0;counter-reset:rank;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
@media (max-width:900px){.top-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.top-grid{grid-template-columns:minmax(0,1fr)}}
.top-item{counter-increment:rank;background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-soft)}
.top-item__link{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);height:100%}
.top-item__rank::before{content:counter(rank);font:800 var(--fs-h2)/1 var(--font-display);color:var(--accent);min-width:1.6rem;display:block}
.top-item__body{display:grid;gap:.35rem;min-width:0}
.top-item__title{font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.top-item__link:hover .top-item__title{color:var(--accent-strong)}
.home-ads .ad-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap)}
.ad-slot{max-width:100%;overflow:hidden;min-height:1px}
.ad-slot--story-top{margin-bottom:var(--sp-4)}

/* ---------- lead ---------- */
.lead-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--gap)}
.lead-small{display:grid;grid-template-columns:var(--thumb-w) minmax(0,1fr);align-items:stretch;background:var(--surface);box-shadow:var(--shadow-soft)}
.lead-small__media{border-radius:0;height:100%;min-height:9rem}
.lead-small .lead-content{position:static;color:var(--text);padding:var(--sp-4);display:flex;flex-direction:column;justify-content:center;gap:.4rem}
.lead-small__title{margin:0;font-size:var(--fs-h4)}
.lead-small .meta--light,.lead-small .meta{color:var(--muted)}
.lead-stack{grid-template-rows:none;grid-auto-rows:1fr}
.lead-text{color:rgba(255,255,255,.9);max-width:46rem;font-size:var(--fs-sm)}
.lead-main .lead-content{left:clamp(1rem,3vw,2.4rem);right:clamp(1rem,3vw,2.4rem);bottom:clamp(1rem,3vw,2.2rem)}
@media (max-width:1100px){.lead-grid{grid-template-columns:minmax(0,1fr)}.lead-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.lead-small{grid-template-columns:minmax(0,1fr)}.lead-small__media{aspect-ratio:3/2;min-height:0}}
@media (max-width:640px){.lead-stack{grid-template-columns:minmax(0,1fr)}.lead-main{min-height:22rem}}

/* ---------- layout / sidebar ---------- */
.layout{grid-template-columns:minmax(0,1fr) clamp(18rem,22vw,26rem);gap:var(--gap)}
@media (max-width:1000px){.layout{grid-template-columns:minmax(0,1fr)}}
.widget__title{font-size:var(--fs-h4);letter-spacing:-.015em;margin-bottom:var(--sp-3)}
.cat-list__link{display:flex;justify-content:space-between;gap:var(--sp-2);padding:.45rem .6rem;border-radius:var(--r-md);font-size:var(--fs-ui);font-weight:500}
.cat-list__link:hover{background:var(--accent-soft);color:var(--accent-strong)}
.widget--archive details>summary{cursor:pointer;font-weight:600;list-style:none}
.widget--archive details>summary::-webkit-details-marker{display:none}
.footer-col__title{margin-bottom:.9rem;font:700 var(--fs-ui)/1.2 var(--font-display)}

/* ---------- referer module (search-engine badges as CSS, no images) ---------- */
.ref-list{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}
.ref-list li,.ref-item{display:flex;align-items:center;gap:.6rem;padding:.35rem 0;font-size:var(--fs-meta);min-width:0}
.ref-list a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.ref-list a:hover{color:var(--accent-strong)}
.ref-ico{flex:none;display:inline-grid;place-items:center;width:1.55rem;height:1.55rem;border-radius:.45rem;color:#fff;font-family:var(--font-display);background:hsl(var(--h,220) 55% 42%)}
.ref-ico__n{display:block;font-size:0;line-height:1;font-weight:700}
.ref-ico__n::first-letter{font-size:.78rem}
.ref-ico--site{--h:160;font-size:.8rem;font-weight:700}
.ref-ico[data-engine*="google"]{--h:217}.ref-ico[data-engine*="yandex"]{--h:2}.ref-ico[data-engine*="bing"]{--h:190}.ref-ico[data-engine*="live"]{--h:200}
.ref-ico[data-engine*="mail"]{--h:32}.ref-ico[data-engine*="rambler"]{--h:210}.ref-ico[data-engine*="yahoo"]{--h:275}
.ref-ico[data-engine*="vk"]{--h:212}.ref-ico[data-engine*="msn"]{--h:150}.ref-ico[data-engine*="lycos"]{--h:340}.ref-ico[data-engine*="qip"]{--h:120}
.ref-hits{margin-left:auto;color:var(--muted);font-variant-numeric:tabular-nums;flex:none}

/* ---------- full story ---------- */
.fullstory .story-text,.fullstory .full-text{font-size:var(--fs-body);line-height:1.7;color:var(--text)}
.fullstory .story-text img{border-radius:var(--r-md);height:auto}
.fullstory__media .highslide{display:block;height:100%}
.story-extra{margin-top:var(--sp-5)}
.specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1px;margin:var(--sp-5) 0;background:var(--line);border:var(--hair) solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.specs__item{display:grid;gap:.15rem;padding:var(--sp-3) var(--sp-4);background:var(--surface)}
.specs dt{color:var(--muted);font-size:var(--fs-meta)}
.specs dd{margin:0;font-weight:600}
.notice--info{background:var(--mist-soft);color:var(--mist-ink)}
.file-restore-note{margin-top:var(--sp-4)}
.story-nav__item--prev{grid-column:1}
.related-box{display:grid;gap:var(--sp-6);margin-top:var(--sp-8)}
.related-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr))}

/* ---------- download / vip / buy ---------- */
.dl-box{padding:var(--sp-5);border-radius:var(--r-xl);background:var(--surface-soft);border:var(--hair) solid var(--line);margin:var(--sp-5) 0}
.dl-box--mega{background:var(--accent-soft)}
.dl-box__head{display:flex;gap:var(--sp-3);align-items:flex-start}
.dl-box__head>.icon{color:var(--accent-strong);margin-top:.2rem}
.dl-box__title{font:700 var(--fs-h4)/1.2 var(--font-display)}
.dl-box__note{color:var(--muted);font-size:var(--fs-sm);margin-top:.2rem}
.dl-box__note a,.dl-box__lock a{color:var(--accent-strong);text-decoration:underline}
.dl-actions,.dl-providers{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-4);list-style:none;padding:0}
.dl-providers li{padding:.4rem .8rem;border-radius:var(--r-pill);background:var(--surface);color:var(--muted);font-weight:600;font-size:var(--fs-meta)}
.dl-providers--locked li{opacity:.65}
.dl-box__lock{display:flex;gap:.4rem;align-items:center;margin-top:var(--sp-3);color:var(--muted);font-size:var(--fs-meta)}
.icon--lg{width:1.9rem;height:1.9rem}.icon--xl{width:2.6rem;height:2.6rem}
.vip-banner{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap;padding:var(--sp-4) var(--sp-5);margin:var(--sp-5) 0;border-radius:var(--r-xl);background:linear-gradient(120deg,var(--accent-soft),var(--surface-soft));border:var(--hair) solid var(--line)}
.vip-banner__icon{color:var(--star)}
.vip-banner__text{font:700 var(--fs-h4)/1.2 var(--font-display);margin-right:auto}

/* ---------- gallery (xfield "gallery") ---------- */
.gallery-block{margin:var(--sp-6) 0}
.gallery-block__title{display:flex;align-items:center;gap:.5rem;font-size:var(--fs-h3);margin-bottom:var(--sp-3)}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,12rem),1fr));gap:var(--sp-2);grid-auto-flow:dense}
.gallery__item{position:relative;margin:0;border-radius:var(--r-lg);overflow:hidden;background:var(--surface-sunk);aspect-ratio:4/3}
.gallery__item:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.gallery__link{position:relative;display:grid;place-items:center;width:100%;height:100%;isolation:isolate}
.gallery__img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .4s}
.gallery__item:first-child .gallery__img{width:100%;height:100%;object-fit:cover}
.gallery__link:hover .gallery__img{transform:scale(1.04)}
.gallery__cap{position:absolute;left:0;right:0;bottom:0;padding:.5rem .75rem;font-size:var(--fs-meta);color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.7));opacity:0;transition:opacity .25s}
.gallery__cap:empty{display:none}
.gallery__item:hover .gallery__cap,.gallery__link:focus-visible+.gallery__cap{opacity:1}
@media (hover:none){.gallery__cap{opacity:1}}
@media (max-width:640px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- misc ---------- */
.buyAction{cursor:pointer}
@media print{.top-bar,.sidebar,.footer,.to-top,.ad-slot,.vip-banner,.related-box,.hdr-tools{display:none!important}.layout{display:block}}
.popular-item__link{grid-template-columns:6rem minmax(0,1fr)}
.popular-item__thumb{height:auto;aspect-ratio:1/1;width:6rem}
.popular-item__thumb .thumb{max-width:none;max-height:none;width:auto;height:100%;object-fit:cover}

/* ---------- free price offer ---------- */
.fp-box{padding:var(--sp-5);margin:var(--sp-5) 0;border-radius:var(--r-xl);background:var(--surface-soft);border:var(--hair) solid var(--line)}
.fp-box__head{display:flex;gap:var(--sp-3);align-items:flex-start}
.fp-box__head>.icon{color:var(--accent-strong);margin-top:.2rem}
.fp-box__title{font:700 var(--fs-h4)/1.2 var(--font-display)}
.fp-box__note{color:var(--muted);font-size:var(--fs-sm);margin-top:.2rem}
.fp-box__note a{color:var(--accent-strong);text-decoration:underline}
.fp-box__options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:var(--sp-3);margin-top:var(--sp-4)}
.fp-opt{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4);border-radius:var(--r-lg);background:var(--surface);border:var(--hair) solid var(--line)}
.fp-opt__title{font:700 var(--fs-ui)/1.2 var(--font-display)}
.fp-opt__text{color:var(--muted);font-size:var(--fs-meta);flex:1}

/* ---------- BuySystem (payment dialog, status, log, donate) ---------- */
.buy-page{min-height:100vh;display:grid;place-items:center;padding:var(--sp-5) var(--gutter,1rem)}
.buy-card,.buySystem,#dlebuypopup{max-width:34rem;width:100%;padding:var(--sp-5);background:var(--surface);color:var(--text);border:var(--hair) solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-soft)}
.buy-card__title,.entry-top h3{font:700 var(--fs-h4)/1.25 var(--font-display);margin:0 0 var(--sp-4)}
.entry-top ol{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-4)}
.entry-top li dt{font-weight:600;margin-bottom:.35rem}
.entry-top li dd{margin:.25rem 0;color:var(--muted);font-size:var(--fs-sm)}
.entry-top input[type=text],.entry-top input[type=number],.entry-top input[type=email],.entry-top select,.buy-input{width:100%;max-width:100%;min-height:var(--control-h);padding:0 var(--sp-3);border:var(--hair) solid var(--line);border-radius:var(--r-lg);background:var(--surface-soft);color:var(--text);font:inherit}
.entry-top input[type=submit],.buySystem input[type=submit]{min-height:var(--control-h);padding:0 var(--sp-5);border:0;border-radius:var(--r-lg);background:var(--accent-strong);color:var(--accent-ink);font:600 var(--fs-ui)/1 var(--font-body);cursor:pointer}
.entry-top input[type=submit]:hover,.buySystem input[type=submit]:hover{background:var(--accent)}
.bs-payments{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:var(--sp-2)}
.payment-option{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border:var(--hair) solid var(--line);border-radius:var(--r-lg);background:var(--surface-soft);cursor:pointer}
.payment-option:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.payment-option img{max-height:1.4rem;width:auto}
.buy-dl{margin:0 0 var(--sp-4)}
.buy-dl>div{display:grid;grid-template-columns:minmax(8rem,12rem) 1fr;gap:var(--sp-3);padding:.55rem 0;border-bottom:var(--hair) solid var(--line)}
.buy-dl dt{color:var(--muted)}.buy-dl dd{margin:0;font-weight:500}
@media (max-width:520px){.buy-dl>div{grid-template-columns:1fr;gap:.15rem}}
.buy-badge{display:inline-block;padding:.15rem .6rem;border-radius:var(--r-pill);background:var(--surface-soft);font-size:var(--fs-meta);font-weight:600}
.buy-badge--ok{background:var(--positive-soft);color:var(--positive)}.buy-badge--bad{background:var(--negative-soft);color:var(--negative)}
.buy-scroll{overflow-x:auto;margin-bottom:var(--sp-4)}
.buy-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
.buy-table th,.buy-table td{padding:.5rem .6rem;text-align:left;border-bottom:var(--hair) solid var(--line)}
.buy-table th{color:var(--muted);font-weight:600;white-space:nowrap}
.buy-table__desc td{color:var(--muted);font-size:var(--fs-meta)}
.buy-list{margin:0;padding-left:1.1rem}.buy-muted{color:var(--muted)}
/* jQuery UI dialog opened by BuySystem */
.ui-dialog{max-width:calc(100vw - 1rem);border:0;border-radius:var(--r-xl)!important;box-shadow:var(--shadow-menu);background:var(--surface)!important;color:var(--text)}
.ui-dialog .ui-dialog-titlebar{background:transparent;border:0;font-family:var(--font-display)}
.ui-widget-overlay{background:rgba(0,0,0,.55);opacity:1}
/* engine .soft-button turns into a square icon button on narrow screens; keep text buttons in BuySystem/free-price blocks */
.fp-opt .soft-button,.fp-opt .primary-button,.buy-card .soft-button,.buy-status .soft-button,.buy-status .primary-button{width:auto;min-width:0;height:auto;min-height:var(--control-h);padding:0 1.1em;display:inline-flex;align-items:center;justify-content:center}
.fp-opt .soft-button span,.buy-status .soft-button span{display:inline}

/* ===== Design A — Bento Grid: rounded modular tiles, Unbounded + Onest ===== */
:root{
  --font-display:'Unbounded','Onest',system-ui,sans-serif;
  --font-body:'Onest',system-ui,'Segoe UI',Roboto,sans-serif;
  --bg:#f4f1ec;--surface:#fff;--surface-soft:#faf8f5;--surface-sunk:#ebe6de;--footer-bg:#12151c;
  --text:#14161c;--muted:#5f636d;--line:#e4dfd6;
  --accent:#ff5a1f;--accent-strong:#d9420a;--accent-soft:#ffe9df;--accent-hover-soft:#ffd9c8;--accent-ink:#fff;
  --volt:#d7ff3f;--night:#12151c;
  --radius:1.25rem;--r-xs:.4rem;--r-sm:.6rem;--r-md:.8rem;--r-lg:1rem;--r-xl:1.5rem;
  --shadow:0 1.2rem 3rem rgba(20,22,28,.12);--shadow-soft:0 .35rem 1.2rem rgba(20,22,28,.06);--shadow-tiny:0 .15rem .6rem rgba(20,22,28,.05);
  --fs-h1:clamp(1.6rem,3.2vw,2.6rem);--fs-h2:clamp(1.25rem,2vw,1.8rem);--fs-h3:1.3rem;--fs-h4:1.08rem;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0d0f14;--surface:#171a22;--surface-soft:#1d212b;--surface-sunk:#11141a;--footer-bg:#090b0f;
  --text:#eceae6;--muted:#a3a7b1;--line:#292e3a;
  --accent:#ff7a45;--accent-strong:#ff8f63;--accent-soft:#2c2019;--accent-hover-soft:#3a281d;--accent-ink:#14161c;
  --shadow:0 1.2rem 3rem rgba(0,0,0,.5);--shadow-soft:0 .35rem 1.2rem rgba(0,0,0,.35);
}}
body{font-feature-settings:"ss01","tnum" 0}
h1,h2,h3,.brand__name{letter-spacing:-.035em;font-weight:700}
.top-bar{background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);border:0}
.hdr{min-height:4.4rem}
.brand__mark{background:var(--night);color:var(--volt);border-radius:.9rem}
.brand__name{font-size:1.2rem;font-weight:800}.brand__name b{color:var(--accent)}
.top-nav a{border:0;padding:.5rem .9rem;border-radius:var(--r-pill)}
.top-nav a:hover,.top-nav a[aria-current]{background:var(--night);color:var(--volt)}
.icon-button{border-radius:var(--r-pill)}
.primary-button{background:var(--night);color:var(--volt);border-radius:var(--r-pill);box-shadow:none}
.primary-button:hover{background:var(--accent);color:#fff}
.section-intro,.widget,.panel,.fullstory,.story-card,.card,.top-item,.related-card{border-radius:var(--r-xl);box-shadow:none;border:var(--hair) solid var(--line)}
.story-card:hover,.card:hover{box-shadow:var(--shadow);border-color:transparent}
.lead-main{border-radius:2rem;box-shadow:none;min-height:34rem}
.lead-title{font-family:var(--font-display);font-weight:700;letter-spacing:-.045em}
.lead-small{border-radius:1.5rem;border:var(--hair) solid var(--line);box-shadow:none}
.lead-main .chips a{background:var(--volt);color:#14161c}
.lead-shade{background:linear-gradient(180deg,transparent 30%,rgba(10,12,16,.88))}
/* bento: first card of each home rail is a 2x2 tile */
.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense}
.card-grid>.card:first-child{grid-column:span 2;grid-row:span 2}
.card-grid>.card:first-child .card__title{font:700 var(--fs-h2)/1.1 var(--font-display);letter-spacing:-.035em}
.card-grid>.card:first-child>.media{aspect-ratio:auto;flex:1;min-height:14rem}
.card-grid>.card:nth-child(4){grid-column:span 2}
.card-grid>.card:nth-child(4)>.media{aspect-ratio:auto;height:9rem}
@media (max-width:1100px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1100px){.card-grid>.card:nth-child(4){grid-column:auto}.card-grid>.card:nth-child(4)>.media{aspect-ratio:3/2;height:auto}.card-grid>.card:first-child>.media{flex:none;aspect-ratio:4/3}}
@media (max-width:560px){.card-grid{grid-template-columns:minmax(0,1fr)}.card-grid>.card:first-child{grid-column:auto;grid-row:auto}}
.top-item:first-child{background:var(--night);color:#fff;border-color:transparent}
.top-item:first-child .meta,.top-item:first-child .meta-item{color:#b9bdc7}
.top-item:first-child .top-item__rank::before{color:var(--volt)}
.top-item__rank::before{font-size:2rem}
.block-head h2{font-weight:800}
.block-head__more{padding:.4rem .9rem;border-radius:var(--r-pill);background:var(--night);color:var(--volt)}
.chips a{border-radius:var(--r-pill)}
.chips--rub a{background:var(--accent-soft)}
.widget--cats{background:var(--night);color:#fff;border-color:transparent}
.widget--cats .cat-list__link{color:#e6e8ee}.widget--cats .cat-list__link:hover{background:rgba(255,255,255,.08);color:var(--volt)}
.widget--cats .widget__title{color:var(--volt)}
.fullstory__title{font-family:var(--font-display);font-weight:800;letter-spacing:-.045em}
.specs{border-radius:var(--r-xl)}
.specs dt{text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}
.dl-box{border-radius:var(--r-xl);background:var(--night);color:#fff;border-color:transparent}
.dl-box__note,.dl-box__lock{color:#b9bdc7}.dl-box .dl-box__head>.icon{color:var(--volt)}
.dl-box .primary-button{background:var(--volt);color:#14161c}
.dl-box .soft-button{background:rgba(255,255,255,.1);color:#fff}
.dl-box--mega{background:var(--accent);}
.dl-providers li{background:rgba(255,255,255,.1);color:#e6e8ee}
.vip-banner{background:var(--volt);color:#14161c;border:0}.vip-banner__icon{color:#14161c}
.gallery__item{border-radius:1.25rem}
.footer,.site-footer{background:var(--footer-bg);color:#c8ccd6}
.pagination__pages>span{background:var(--night);color:var(--volt)}

/* ---------- referer: letter badges emitted by the referrer plugin (.aai-ref-ico) ---------- */
.aai-ref-ico{flex:none;display:inline-grid;place-items:center;width:1.55rem;height:1.55rem;border-radius:.45rem;color:#fff;font:700 .78rem/1 var(--font-display,system-ui);background:hsl(var(--h,220) 45% 40%);text-transform:uppercase}
.aai-ref-google{--h:217}.aai-ref-yandexru,.aai-ref-yandex{--h:4}.aai-ref-bingcom,.aai-ref-bing{--h:190}.aai-ref-mailru,.aai-ref-gomailru{--h:205}.aai-ref-duckduckgocom{--h:15}.aai-ref-rambler,.aai-ref-ramblerru{--h:150}
.ref-list li>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ref-list li a{color:var(--text)}

/* referer: keep long queries inside the widget */
.widget--referer{min-width:0;overflow:hidden}
.ref-list{min-width:0;max-width:100%}
.ref-list li{min-width:0;max-width:100%;overflow:hidden}
.ref-list li>span:not(.aai-ref-ico):not(.ref-ico){flex:1 1 auto;min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ref-list li>span>a,.ref-list li>a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}

/* short-story card: the microdata wrapper must not become an empty grid cell */
.story-card>span[itemprop=item],.story-card>link,.story-card>meta{display:none!important}
.feed-list>*{min-width:0}

/* ---------- covers: the decorative .visual placeholder must sit BEHIND a real image ---------- */
.lead-art>.visual,.fullstory__media>.visual{position:absolute;inset:0;z-index:0}
.lead-art .cover-image,.fullstory__media .cover-image{position:relative;z-index:1}
.fullstory__media>a{position:relative;z-index:1;display:block;height:100%}

/* ---------- full story: big main image and big in-text images ---------- */
.fullstory__media{aspect-ratio:16/9;width:100%;margin-inline:0}
.fullstory .story-text,.fullstory .full-text{max-width:none}
.fullstory .story-text img[src*="/uploads/"],.fullstory .story-text img[data-src*="/uploads/"]{display:block;width:100%!important;max-width:100%;height:auto!important;margin:var(--sp-5,1.25rem) auto;border-radius:var(--r-lg,12px)}
.fullstory .story-text a>img{cursor:zoom-in}
.fullstory .story-text .fr-fic,.fullstory .story-text figure,.fullstory .story-text .image-align-center,.fullstory .story-text .fr-dib{display:block;width:100%!important;max-width:100%;margin-inline:0}
.fullstory .story-text p>a:has(>img){display:block}

/* ---------- thumbnails fill their frame with the real image (no blurred backdrop, no tiny sharp copy) ---------- */
.media__bg{display:none}
.media>.thumb,.media .thumb{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;border-radius:0}
.media{background:var(--surface-sunk)}
.popular-item__thumb .thumb{width:100%;height:100%}

/* lead cover: image always fills the whole block and stays under the shade/text */
.lead-art{isolation:isolate;overflow:hidden}
.lead-art .cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.lead-art>.visual{z-index:0}
.lead-shade{z-index:1}

/* paged home (page 2+): hide the front-page showcase even if the server-side [page-count] cut did not apply */
.is-paged .home-lead,.is-paged .home-block{display:none!important}

/* lazy placeholder (1x1 gif) must not stretch to a giant square before the real image loads */
.fullstory .story-text img[src^="data:image/gif"]{aspect-ratio:3/2;object-fit:cover;background:var(--surface-sunk)}

img.thumb[src=""]{display:none}