:root{
  
  --mwh-wrap:1252px;
  --mwh-pad:clamp(16px,4vw,34px);

  --mwh-bg:#15161b;
  --mwh-surface:#1c1e25;
  --mwh-surface-2:#23252e;
  --mwh-surface-3:#2b2d38;
  --mwh-hairline:color-mix(in srgb,#cdd2c8 14%,transparent);
  --mwh-hairline-2:color-mix(in srgb,#cdd2c8 22%,transparent);

  --mwh-ink:#ECEDE7;
  --mwh-ink-2:#BFC2BA;
  --mwh-ink-3:#9A9D97;

  --mwh-accent:#9bbf4e;                 
  --mwh-accent-ink:#1a1c14;             
  --mwh-accent-2:#202431;               
  --mwh-cta:#7e5062;                    
  --mwh-cta-ink:#ffffff;
  --mwh-dark:#23242f;                   
  --mwh-dark-ink:#ECEDE7;
  --mwh-frame:#2c2d40;                  

  --mwh-tp-star:#a7c93f;
  --mwh-tp:#a7c93f;

  --mwh-r:12px;
  --mwh-r-sm:8px;
  --mwh-r-md:12px;

  --mwh-sh:0 8px 20px -12px rgba(0,0,0,.72);
  --mwh-sh-lg:0 16px 38px -18px rgba(0,0,0,.78);
  --mwh-inhi:inset 0 1px 0 color-mix(in srgb,#fff 8%,transparent);

  --mwh-h1:clamp(2.05rem,1.45rem + 2.7vw,3.05rem);
  --mwh-h2:clamp(1.5rem,1.2rem + 1.45vw,1.95rem);
  --mwh-h3:clamp(1.2rem,1.06rem + .68vw,1.45rem);
  --mwh-h4:1.05rem;

  --mwh-s1:.4rem; --mwh-s2:.8rem; --mwh-s3:1.2rem;
  --mwh-s4:1.8rem; --mwh-s5:2.6rem; --mwh-s6:3.5rem;

  --mwh-dur:.18s;
  --mwh-ease:cubic-bezier(.16,1,.3,1);

  --mwh-font-display:"Fraunces",Georgia,"Times New Roman",serif;
  --mwh-font-text:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;scroll-behavior:smooth}
img,svg,video,canvas,iframe{max-width:100%;height:auto}
body.mwh-body{
  margin:0;
  font-family:var(--mwh-font-text);
  font-size:1.125rem;          /* 18px */
  line-height:1.8;
  color:var(--mwh-ink);
  background:var(--mwh-bg);
  -webkit-font-smoothing:antialiased;
  font-variant-numeric:tabular-nums lining-nums;
  overflow-x:clip;
}
h1,h2,h3,h4{font-family:var(--mwh-font-display);font-weight:700;line-height:1.12;letter-spacing:-.015em;color:var(--mwh-ink)}
a{color:var(--mwh-accent)}
strong{font-weight:700;color:var(--mwh-ink)}
::selection{background:color-mix(in srgb,var(--mwh-accent) 32%,transparent);color:var(--mwh-ink)}
:focus-visible{outline:2px solid var(--mwh-accent);outline-offset:2px;border-radius:2px}
::-webkit-scrollbar{height:10px;width:10px}
::-webkit-scrollbar-thumb{background:var(--mwh-surface-3);border-radius:8px}
*{scrollbar-color:var(--mwh-surface-3) transparent}
:root{accent-color:var(--mwh-accent)}

.mwh-skip{position:absolute;left:-9999px;top:0;z-index:300;background:var(--mwh-accent);color:var(--mwh-accent-ink);
  padding:10px 16px;font-weight:700;border-radius:0 0 var(--mwh-r-sm) 0}
.mwh-skip:focus{left:0}

.mwh-wrap{max-width:var(--mwh-wrap);margin-inline:auto;padding-inline:var(--mwh-pad);box-sizing:border-box;width:100%}

.mwh-main{
  max-width:var(--mwh-wrap);
  margin-inline:auto;
  padding-inline:var(--mwh-pad);
  padding-block:clamp(22px,3.5vw,40px);
  box-sizing:border-box;
  width:100%;
}

.mwh-main .mwh-wrap,.mwh-main.mwh-wrap{max-width:none;margin-inline:0;padding-inline:0;width:auto}

.mwh-main>p,.mwh-main>section>p{margin-top:1em}
.mwh-main>h2{margin-top:1.7em}
.mwh-main>h3{margin-top:1.3em}

.mwh-head{
  background:linear-gradient(180deg,var(--mwh-frame),color-mix(in srgb,var(--mwh-frame) 86%,#000));
  color:var(--mwh-ink);
  border-bottom:1px solid var(--mwh-hairline-2);
  transition:background var(--mwh-dur) ease;
}
.mwh-head a{color:var(--mwh-ink)}
.mwh-nav__list a{color:var(--mwh-ink);text-decoration:none;font-size:.82rem;transition:color var(--mwh-dur) ease}
.mwh-nav__list a:hover,.mwh-nav__list a[aria-current="page"]{color:var(--mwh-accent)}

.mwh-nav__list a[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--mwh-accent)}
.mwh-burger{color:var(--mwh-ink);border-color:var(--mwh-hairline-2)!important;border-radius:var(--mwh-r-sm)}
.mwh-burger:hover{color:var(--mwh-accent);border-color:var(--mwh-accent)!important}

.mwh-cta{
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  font-family:var(--mwh-font-text);font-weight:700;
  letter-spacing:.02em;text-transform:uppercase;font-size:.92rem;
  padding:13px 24px;border-radius:var(--mwh-r);
  text-decoration:none;cursor:pointer;
  border:1px solid var(--mwh-cta);
  background:var(--mwh-cta);color:var(--mwh-cta-ink);
  box-shadow:var(--mwh-sh);
  transition:transform var(--mwh-dur) var(--mwh-ease), background var(--mwh-dur) ease, border-color var(--mwh-dur) ease;
  position:relative;overflow:hidden;
}
.mwh-cta:hover{transform:translateY(-2px);filter:brightness(1.06);
  background:color-mix(in srgb,var(--mwh-cta) 88%,#000);
  box-shadow:var(--mwh-sh-lg),0 12px 30px -16px color-mix(in srgb,var(--mwh-cta) 70%,transparent)}
.mwh-cta:active{transform:translateY(1px)}

.mwh-cta::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 32%,color-mix(in srgb,#fff 26%,transparent) 50%,transparent 68%);
  transform:translateX(-130%);transition:transform .6s var(--mwh-ease)}
.mwh-cta:hover::after{transform:translateX(130%)}
.mwh-cta--ghost{background:none;border-color:transparent;color:var(--mwh-accent);box-shadow:none;padding-inline:8px}
.mwh-cta--ghost::after{content:none}
.mwh-cta--ghost:hover{background:none;filter:none;color:color-mix(in srgb,var(--mwh-accent) 80%,#fff);transform:none}

.mwh-ctarow{display:flex;justify-content:center;margin:1.4em 0}
.mwh-main>.mwh-cta,
.mwh-main :not(.mwh-hero__cta):not(.mwh-nav__cta)>.mwh-cta{display:flex;width:fit-content;margin:1.4em auto}

.mwh-hero{
  position:relative;isolation:isolate;overflow-x:clip;
  padding-block:clamp(30px,4.4vw,58px);
  background:
    radial-gradient(120% 90% at 70% 0%,color-mix(in srgb,var(--mwh-accent) 8%,transparent),transparent 60%),
    linear-gradient(180deg,color-mix(in srgb,var(--mwh-accent-2) 55%,var(--mwh-bg)),var(--mwh-bg));
  border-bottom:1px solid var(--mwh-hairline);
}

.mwh-hero::before{content:"";position:absolute;inset:-6% 0 auto;height:70%;z-index:-1;pointer-events:none;
  background:radial-gradient(58% 60% at 72% 26%,color-mix(in srgb,var(--mwh-accent) 22%,transparent),transparent 70%)}
.mwh-hero__kicker{
  font-weight:700;text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;
  color:var(--mwh-accent);display:block}
.mwh-hero__h1{font-family:var(--mwh-font-display);color:var(--mwh-ink);text-wrap:balance}
.mwh-hero__lead{color:var(--mwh-ink-2);text-wrap:pretty}

.mwh-hero__fact{
  background:color-mix(in srgb,var(--mwh-surface) 82%,transparent)!important;
  border:1px solid var(--mwh-hairline);border-radius:0 0 var(--mwh-r) var(--mwh-r);
  box-shadow:var(--mwh-inhi)}
.mwh-hero__fact:first-child{border-top:2px solid var(--mwh-accent)}
.mwh-hero__tile-k{color:var(--mwh-ink-3)}
.mwh-hero__tile-v{color:var(--mwh-ink);font-variant-numeric:tabular-nums}

.mwh-hero__media img{box-shadow:var(--mwh-sh-lg),0 0 0 1px var(--mwh-hairline);max-height:440px}

.mwh-prose{max-width:none}
.mwh-prose>:first-child{margin-top:0}
.mwh-prose>:last-child{margin-bottom:0}

.mwh-prose p{margin:0 0 1em;color:var(--mwh-ink-2);text-wrap:pretty;overflow-wrap:break-word}
.mwh-prose h2{font-size:var(--mwh-h2);margin:1.7em 0 .5em;line-height:1.18;color:var(--mwh-ink);
  position:relative;padding-top:.5em;border-top:2px solid var(--mwh-hairline-2)}

.mwh-prose h3{font-size:var(--mwh-h3);margin:1.35em 0 .45em;line-height:1.22;color:var(--mwh-ink);
  font-variant:small-caps;letter-spacing:.06em;color:var(--mwh-ink-2)}
.mwh-prose h4{font-size:var(--mwh-h4);margin:1.2em 0 .4em;color:var(--mwh-ink);
  text-transform:uppercase;letter-spacing:.05em;font-family:var(--mwh-font-text);font-weight:700}

.mwh-prose a:not(.mwh-cta){
  color:var(--mwh-accent);text-decoration:none;
  background-image:linear-gradient(var(--mwh-accent),var(--mwh-accent));
  background-size:0% 1.5px;background-position:0 100%;background-repeat:no-repeat;
  text-underline-offset:2px;transition:background-size var(--mwh-dur) var(--mwh-ease), color var(--mwh-dur) ease}
.mwh-prose a:not(.mwh-cta):hover{background-size:100% 1.5px;color:color-mix(in srgb,var(--mwh-accent) 82%,#fff)}

.mwh-prose ul,.mwh-prose ol{margin:0 0 1.2em;padding-left:0;list-style:none}
.mwh-prose ul li,.mwh-prose ol li{position:relative;margin:.5em 0;padding-left:1.9em;line-height:1.6;color:var(--mwh-ink-2)}

.mwh-prose ul li::before{content:"";position:absolute;left:.15em;top:.62em;width:.66em;height:.66em;
  border:1.5px solid var(--mwh-accent);border-radius:50%;
  transition:transform var(--mwh-dur) var(--mwh-ease), background var(--mwh-dur) ease}
.mwh-prose ul li:hover::before{background:var(--mwh-accent);transform:scale(1.12)}

.mwh-prose ol{counter-reset:mwh-ol}
.mwh-prose ol li{counter-increment:mwh-ol}
.mwh-prose ol li::before{content:counter(mwh-ol);position:absolute;left:0;top:0;
  min-width:1.5em;font-family:var(--mwh-font-display);font-weight:700;color:var(--mwh-accent);
  font-variant-numeric:tabular-nums}

/* ---------- 9. BLOCKQUOTE / STRONG / EM ----------------------------------- */
.mwh-prose blockquote{margin:1.4em 0;padding:.4em 0 .4em 1.2em;
  border-left:3px solid var(--mwh-accent);color:var(--mwh-ink);
  font-family:var(--mwh-font-display);font-size:1.12em;line-height:1.5;font-style:italic}
.mwh-prose blockquote p{color:var(--mwh-ink)}
.mwh-prose em{font-style:italic;color:var(--mwh-ink)}

.mwh-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.6em 0;
  border:1px solid var(--mwh-hairline);border-radius:0 0 var(--mwh-r) var(--mwh-r)}
.mwh-prose table,.mwh-main table,.mwh-prose .mwh-tablewrap table{
  width:100%;border-collapse:collapse;font-size:.96rem;
  font-variant-numeric:tabular-nums lining-nums;background:var(--mwh-surface);
  margin:1.6em 0}
.mwh-tablewrap table{margin:0}
.mwh-prose thead th,.mwh-main thead th{
  background:var(--mwh-surface-2);color:var(--mwh-ink);text-align:left;
  font-family:var(--mwh-font-text);font-weight:700;text-transform:uppercase;
  letter-spacing:.04em;font-size:.8rem;
  border-bottom:2px solid var(--mwh-accent)}
.mwh-prose th,.mwh-prose td,.mwh-main th,.mwh-main td{
  padding:.7em .9em;border-bottom:1px solid var(--mwh-hairline);
  text-align:left;vertical-align:top;color:var(--mwh-ink-2)}

.mwh-prose tbody td:first-child,.mwh-main tbody td:first-child{color:var(--mwh-ink);font-weight:600}
.mwh-prose tbody tr:hover td,.mwh-main tbody tr:hover td{background:color-mix(in srgb,var(--mwh-accent) 7%,transparent)}
.mwh-prose tbody tr:nth-child(even) td,.mwh-main tbody tr:nth-child(even) td{background:color-mix(in srgb,#fff 2%,transparent)}
.mwh-prose caption,.mwh-main caption{caption-side:top;text-align:left;color:var(--mwh-ink-3);
  font-size:.85rem;padding:0 0 .5em}

.mwh-callout{
  margin:1.6em 0;padding:18px 22px;color:var(--mwh-ink-2);
  background:color-mix(in srgb,var(--mwh-accent-2) 50%,var(--mwh-surface));
  border:1px solid var(--mwh-hairline);
  border-left:4px solid var(--mwh-accent);
  border-radius:0 0 var(--mwh-r) 0;
  box-shadow:var(--mwh-inhi)}
.mwh-callout>:first-child{margin-top:0}
.mwh-callout>:last-child{margin-bottom:0}
.mwh-callout strong{color:var(--mwh-ink)}
.mwh-callout--warn{border-left-color:var(--mwh-cta);
  background:color-mix(in srgb,var(--mwh-cta) 14%,var(--mwh-surface))}
.mwh-callout__t{display:block;font-family:var(--mwh-font-display);font-weight:700;
  color:var(--mwh-ink);margin-bottom:.3em;font-size:1.05rem}

.mwh-prose img{border-radius:var(--mwh-r-sm)}

.mwh-figure,figure.mwh-figure{width:min(70%,760px);margin:1.6em auto;max-width:100%}
.mwh-figure img,.mwh-figure>img{width:100%;height:auto;border-radius:var(--mwh-r-sm);
  box-shadow:var(--mwh-sh),0 0 0 1px var(--mwh-hairline)}
.mwh-figure figcaption{margin-top:.6em;font-size:.85rem;color:var(--mwh-ink-3);text-align:center}
.mwh-img{display:block;width:100%;height:auto;margin:1.4em auto;border-radius:var(--mwh-r-sm)}

.mwh-badge,.mwh-tag,.mwh-pill{display:inline-flex;align-items:center;gap:.4em;
  font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;
  padding:.25em .7em;border-radius:999px;
  background:var(--mwh-accent-2);color:var(--mwh-ink);border:1px solid var(--mwh-hairline-2)}

.mwh-badge--hot,.mwh-hot{position:relative;overflow:hidden;
  background:color-mix(in srgb,var(--mwh-accent) 22%,var(--mwh-accent-2));color:var(--mwh-accent)}
.mwh-badge--hot::after,.mwh-hot::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 38%,color-mix(in srgb,#fff 38%,transparent) 50%,transparent 62%);
  transform:translateX(-130%);animation:mwh-sheen 5s ease-in-out infinite}
@keyframes mwh-sheen{0%,72%{transform:translateX(-130%)}88%,100%{transform:translateX(130%)}}

.mwh-grade{font-family:var(--mwh-font-display);font-weight:700;font-size:2.4rem;line-height:1;
  color:var(--mwh-accent);display:inline-block}

.mwh-slots{padding-block:clamp(20px,3vw,36px)}
.mwh-slots__h{font-family:var(--mwh-font-display);color:var(--mwh-ink)}
.mwh-slot{border:1px solid var(--mwh-hairline);box-shadow:var(--mwh-inhi)}
.mwh-slot:hover{border-color:color-mix(in srgb,var(--mwh-accent) 55%,transparent);
  box-shadow:var(--mwh-sh)}

.mwh-cookie{position:fixed;left:0;right:0;bottom:0;z-index:250;
  background:color-mix(in srgb,var(--mwh-frame) 96%,#000);
  border-top:1px solid var(--mwh-hairline-2);
  box-shadow:0 -12px 36px -20px rgba(0,0,0,.8)}
.mwh-cookie[hidden]{display:none}
.mwh-cookie__inner{display:flex;align-items:center;gap:clamp(14px,3vw,28px);
  padding-block:14px;flex-wrap:wrap}
.mwh-cookie__txt{flex:1 1 320px;min-width:0;margin:0;font-size:.9rem;line-height:1.55;color:var(--mwh-ink-2)}
.mwh-cookie__txt a{color:var(--mwh-accent)}
.mwh-cookie__btns{display:flex;gap:10px;flex:0 0 auto}
.mwh-cookie__btn{font-family:var(--mwh-font-text);font-weight:700;font-size:.85rem;
  cursor:pointer;padding:11px 18px;border-radius:var(--mwh-r-sm);min-height:44px;
  border:1px solid var(--mwh-hairline-2);background:transparent;color:var(--mwh-ink);
  transition:background var(--mwh-dur) ease, border-color var(--mwh-dur) ease, transform var(--mwh-dur) ease}
.mwh-cookie__btn:hover{border-color:var(--mwh-accent);transform:translateY(-1px)}
.mwh-cookie__btn--ok{background:var(--mwh-accent);color:var(--mwh-accent-ink);border-color:var(--mwh-accent)}
.mwh-cookie__btn--ok:hover{filter:brightness(1.05)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important}
  .mwh-cta::after,.mwh-badge--hot::after,.mwh-hot::after{display:none}
}

@media (max-width:900px){
  .mwh-hero__h1{font-size:clamp(1.7rem,5.4vw,2.4rem)}
}

@media (max-width:768px){
  body.mwh-body{font-size:1.06rem;line-height:1.72}
  .mwh-prose h2{margin-top:1.5em}
}

@media (max-width:640px){
  body.mwh-body{font-size:1rem}
  .mwh-main{padding-block:clamp(16px,4vw,26px)}
  .mwh-figure,figure.mwh-figure{width:100%}
  .mwh-prose ul li,.mwh-prose ol li{padding-left:1.6em}
  .mwh-cookie__inner{flex-direction:column;align-items:stretch}
  .mwh-cookie__btns{flex-wrap:wrap}
  .mwh-cookie__btn{flex:1 1 auto}
  .mwh-ctarow .mwh-cta,.mwh-main .mwh-cta,.mwh-hero__cta .mwh-cta{width:100%;max-width:340px}
  
  .mwh-hero__media img{max-height:42vh}
}
html,body{overflow-x:hidden}

/* container-guarantee */
.mwh-prose{max-width:var(--mwh-wrap,1200px);margin-inline:auto;padding-inline:clamp(16px,4vw,32px);box-sizing:border-box}
.mwh-main .mwh-prose,.mwh-main>.mwh-wrap{max-width:none;padding-inline:0;margin-inline:0}

/* кап контентных картинок (голый <figure> в прозе): по центру, не во всю ширину */
.mwh-prose figure,.mwh-doc figure{width:min(70%,720px);margin:1.7em auto;max-width:100%}
.mwh-prose figure img,.mwh-doc figure img{width:100%;height:auto;display:block}
@media(max-width:640px){.mwh-prose figure,.mwh-doc figure{width:100%}}