:root{
  --mg-primary: var(--pl-primary, var(--green, #17805a));
  --mg-primary-ink: var(--pl-on-primary, #fff);
  --mg-card: var(--surface, #fff);
  --mg-soft: var(--surface2, #f4f5f9);
  --mg-line: var(--sf-line, var(--line, #e6e8ef));
  --mg-ink: var(--ink, #15181f);
  --mg-muted: var(--muted, #7a8194);
  --mg-bad: var(--pl-danger, var(--red, #d23b3b));
  --mg-warn: var(--pl-warn, var(--gold, #b8860b));
  --mg-r: var(--sf-r-lg, 24px);
  --mg-r-sm: var(--sf-r-sm, 15px);
  --mg-r-xs: 11px;
  --mg-sh: var(--sf-shadow-1, 0 1px 2px rgba(20,18,14,.05), 0 10px 30px -18px rgba(20,18,14,.16));
  --mg-sh-hi: var(--sf-shadow-2, 0 28px 60px -30px rgba(20,18,14,.34));
  --mg-tint: color-mix(in oklch, var(--mg-primary) 10%, transparent);
  --mg-tint-hi: color-mix(in oklch, var(--mg-primary) 18%, transparent);
  --mg-tint-bad: color-mix(in oklch, var(--mg-bad) 12%, transparent);
  --mg-tint-warn: color-mix(in oklch, var(--mg-warn) 16%, transparent);
  --mg-glass: color-mix(in oklch, var(--mg-card) 78%, transparent);
  --mg-ease: var(--ease, cubic-bezier(.16,1,.3,1));
  --mg-ease-out: cubic-bezier(.22,.68,0,1);
  --mg-head-h: var(--sf-head-h, 76px);
}
.sf-tag.amber{background:var(--mg-tint-warn);color:var(--mg-warn)}

.mg-wrap{max-width:1220px;margin:0 auto;padding:26px 20px 80px}

.mg-hero{position:relative;text-align:center;padding:44px 18px 34px;margin-bottom:8px;overflow:hidden;
  border-radius:calc(var(--mg-r) + 6px)}
.mg-hero-glow{position:absolute;inset:-40% -10% auto -10%;height:420px;pointer-events:none;
  background:
    radial-gradient(42% 52% at 28% 42%, color-mix(in oklch,var(--mg-primary) 26%,transparent), transparent 72%),
    radial-gradient(38% 48% at 74% 34%, color-mix(in oklch,var(--mg-warn) 20%,transparent), transparent 70%);
  filter:blur(28px);opacity:.9}
.mg-hero::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(to bottom, transparent 55%, var(--mg-bg-fade, transparent))}
.mg-hero-eyebrow{position:relative;display:inline-flex;align-items:center;gap:7px;padding:6px 15px;border-radius:99px;
  background:var(--mg-glass);border:1px solid var(--mg-line);box-shadow:var(--mg-sh);
  backdrop-filter:blur(10px) saturate(150%);
  font-size:calc(11.5px * var(--fz-base,1));font-weight:800;color:var(--mg-primary);letter-spacing:.01em}
.mg-hero h1{position:relative;margin:16px 0 10px;
  font-size:calc(clamp(29px,5vw,46px) * var(--fz-h1,1));
  font-weight:900;letter-spacing:-.035em;line-height:1.28;text-wrap:balance}
.mg-hero-sub{position:relative;margin:0 auto;max-width:58ch;color:var(--mg-muted);
  font-size:calc(14.5px * var(--fz-base,1));line-height:2}
.mg-hero-note{position:relative;margin:16px 0 0;font-size:calc(12.5px * var(--fz-base,1));color:var(--mg-muted)}
.mg-hero-note a{color:var(--mg-primary);font-weight:700}

.mg-search{position:relative;display:flex;align-items:center;gap:6px;max-width:540px;margin:24px auto 0;
  padding:6px;background:var(--mg-card);border:1px solid var(--mg-line);border-radius:99px;box-shadow:var(--mg-sh)}
.mg-search:focus-within{border-color:color-mix(in oklch,var(--mg-primary) 55%,transparent);
  box-shadow:0 0 0 4px var(--mg-tint),var(--mg-sh)}
.mg-search-ic{display:grid;place-items:center;width:36px;height:36px;color:var(--mg-muted);flex:0 0 36px}
.mg-search-ic svg{width:18px;height:18px}
.mg-search input{flex:1;min-width:0;border:0;background:none;color:var(--mg-ink);outline:none;
  padding:11px 2px;font:inherit;font-size:calc(13.5px * var(--fz-base,1))}
.mg-search button{flex:0 0 auto;border:0;cursor:pointer;background:var(--mg-primary);color:var(--mg-primary-ink);
  padding:12px 24px;border-radius:99px;font:inherit;font-weight:800;font-size:calc(12.5px * var(--fz-btn,1));
  transition:transform .2s var(--mg-ease),filter .2s,box-shadow .2s}
.mg-search button:hover{transform:translateY(-1px);filter:brightness(1.07);
  box-shadow:0 12px 26px -14px color-mix(in oklch,var(--mg-primary) 85%,transparent)}

.mg-nav{position:sticky;top:calc(var(--mg-head-h) - 6px);z-index:24;
  display:flex;align-items:center;gap:14px;justify-content:space-between;flex-wrap:wrap;
  margin:0 -8px 26px;padding:10px 8px;
  background:linear-gradient(to bottom, var(--mg-card) 62%, transparent);
  backdrop-filter:blur(12px) saturate(140%)}
.mg-nav-row{display:flex;gap:8px;flex-wrap:wrap;min-width:0;flex:1}
.mg-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border-radius:99px;
  border:1px solid var(--mg-line);background:var(--mg-card);color:var(--mg-ink);
  font-size:calc(12.5px * var(--fz-base,1));font-weight:600;white-space:nowrap;
  transition:border-color .2s,background .2s,color .2s,transform .2s var(--mg-ease)}
.mg-pill:hover{transform:translateY(-1px);border-color:color-mix(in oklch,var(--mg-primary) 45%,transparent);
  color:var(--mg-primary)}
.mg-pill.on{background:var(--mg-primary);color:var(--mg-primary-ink);border-color:transparent;
  box-shadow:0 12px 24px -15px color-mix(in oklch,var(--mg-primary) 85%,transparent)}
.mg-pill i{font-style:normal;font-size:1.05em;line-height:1}
.mg-pill small{opacity:.72;font-size:.85em;font-variant-numeric:tabular-nums}
.mg-sort{display:flex;gap:4px;padding:4px;background:var(--mg-soft);border-radius:99px;flex:0 0 auto}
.mg-sort a{padding:7px 15px;border-radius:99px;font-size:calc(12px * var(--fz-base,1));color:var(--mg-muted);
  font-weight:600;transition:background .2s,color .2s}
.mg-sort a:hover{color:var(--mg-ink)}
.mg-sort a.on{background:var(--mg-card);color:var(--mg-ink);font-weight:800;box-shadow:var(--mg-sh)}

.mg-item{position:relative;display:flex;flex-direction:column;background:var(--mg-card);
  border:1px solid var(--mg-line);border-radius:var(--mg-r);overflow:hidden;box-shadow:var(--mg-sh);
  transition:transform .32s var(--mg-ease),box-shadow .32s,border-color .32s}
.mg-item::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  opacity:0;transition:opacity .32s;
  background:linear-gradient(160deg, color-mix(in oklch,var(--mg-primary) 8%,transparent), transparent 46%)}
.mg-item:hover{transform:translateY(-5px);box-shadow:var(--mg-sh-hi);
  border-color:color-mix(in oklch,var(--mg-primary) 34%,transparent)}
.mg-item:hover::after{opacity:1}
.mg-item:focus-within{border-color:color-mix(in oklch,var(--mg-primary) 55%,transparent)}
.mg-item-img{position:relative;display:block;aspect-ratio:16/9;background:var(--mg-soft);overflow:hidden}
.mg-item-img img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .6s var(--mg-ease),filter .4s}
.mg-item:hover .mg-item-img img{transform:scale(1.06)}
.mg-item-img::after{content:'';position:absolute;inset:auto 0 0 0;height:56%;pointer-events:none;
  background:linear-gradient(to top,rgba(8,10,18,.55),transparent)}
.mg-kind,.mg-dur{position:absolute;bottom:10px;z-index:2;padding:5px 11px;border-radius:99px;
  background:rgba(10,12,22,.5);color:#fff;font-size:calc(10.5px * var(--fz-base,1));font-weight:700;
  border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px) saturate(150%)}
.mg-kind{inset-inline-start:10px}
.mg-dur{inset-inline-end:10px;font-variant-numeric:tabular-nums}
.mg-item-body{display:flex;flex-direction:column;gap:9px;padding:17px 17px 15px;flex:1}
.mg-item-cat{align-self:flex-start;font-size:calc(11px * var(--fz-base,1));font-weight:800;color:var(--mg-primary);
  letter-spacing:.01em}
.mg-item-title{margin:0;font-size:calc(16px * var(--fz-h3,1));font-weight:800;line-height:1.68;letter-spacing:-.015em}
.mg-item-title a{transition:color .2s}
.mg-item:hover .mg-item-title a{color:var(--mg-primary)}
.mg-item-sum{margin:0;color:var(--mg-muted);font-size:calc(12.5px * var(--fz-base,1));line-height:1.95}
.mg-item-foot{margin-top:auto;padding-top:11px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  border-top:1px solid color-mix(in oklch,var(--mg-line) 60%,transparent);
  font-size:calc(11px * var(--fz-base,1));color:var(--mg-muted)}
.mg-item-foot span{display:inline-flex;align-items:center;gap:5px}
.mg-item-foot span+span::before{content:'·';margin-inline-end:5px;opacity:.6}
.mg-by::before{content:none !important}
.mg-by{font-weight:700;color:var(--mg-ink)}
.mg-ava{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;flex:0 0 23px;
  background:linear-gradient(140deg,var(--mg-tint-hi),var(--mg-tint));color:var(--mg-primary);
  font-size:11px;font-weight:800;font-style:normal}
.mg-ava.lg{width:42px;height:42px;flex:0 0 42px;font-size:17px;
  border:1px solid color-mix(in oklch,var(--mg-primary) 22%,transparent)}

.mg-item.is-lg .mg-item-img{aspect-ratio:16/10}
.mg-item.is-lg .mg-item-body{padding:22px}
.mg-item.is-lg .mg-item-title{font-size:calc(22px * var(--fz-h2,1));line-height:1.55;letter-spacing:-.03em}
.mg-item.is-lg .mg-item-sum{font-size:calc(13.5px * var(--fz-base,1))}
.mg-item.is-sm{flex-direction:row;align-items:stretch;border-radius:var(--mg-r-sm)}
.mg-item.is-sm .mg-item-img{flex:0 0 118px;width:118px;aspect-ratio:1/1}
.mg-item.is-sm .mg-item-img::after{display:none}
.mg-item.is-sm .mg-kind,.mg-item.is-sm .mg-dur{display:none}
.mg-item.is-sm .mg-item-body{padding:13px 15px;gap:6px}
.mg-item.is-sm .mg-item-title{font-size:calc(13.5px * var(--fz-h3,1));line-height:1.75}
.mg-item.is-sm .mg-item-foot{border:0;padding-top:4px}

.mg-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(278px,1fr))}
.mg-feat{display:grid;gap:20px;margin-bottom:30px;grid-template-columns:1.6fr 1fr;align-items:start}
.mg-feat .mg-item.is-lg{grid-row:span 2}
@media(max-width:820px){.mg-feat{grid-template-columns:1fr}.mg-feat .mg-item.is-lg{grid-row:auto}}
.mg-pager{margin-top:38px;display:flex;justify-content:center}

.mg-empty{margin:44px auto;max-width:440px;text-align:center;padding:38px 24px;border-radius:var(--mg-r);
  background:var(--mg-card);border:1px dashed var(--mg-line);box-shadow:var(--mg-sh)}
.mg-empty span{font-size:36px;display:block;margin-bottom:12px}
.mg-empty b{display:block;font-size:calc(15.5px * var(--fz-base,1));margin-bottom:6px}
.mg-empty p{margin:0 0 18px;color:var(--mg-muted);font-size:calc(12.5px * var(--fz-base,1));line-height:1.95}

.mg-home{margin:52px 0}
.mg-home-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.mg-home-head h2{margin:0 0 5px;font-size:calc(23px * var(--fz-h2,1));font-weight:900;letter-spacing:-.03em}
.mg-home-head p{margin:0;color:var(--mg-muted);font-size:calc(12.5px * var(--fz-base,1))}
.mg-more{display:inline-flex;align-items:center;gap:6px;padding:10px 17px;border-radius:99px;
  border:1px solid var(--mg-line);background:var(--mg-card);font-size:calc(12px * var(--fz-base,1));font-weight:800;
  transition:border-color .22s,transform .22s var(--mg-ease),color .22s}
.mg-more:hover{transform:translateY(-1px);border-color:color-mix(in oklch,var(--mg-primary) 50%,transparent);color:var(--mg-primary)}
.mg-home-mix{display:grid;gap:20px;grid-template-columns:1.5fr 1fr;align-items:start}
.mg-home-side{display:flex;flex-direction:column;gap:12px}
.mg-home-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(272px,1fr))}
@media(max-width:900px){.mg-home-mix{grid-template-columns:1fr}}
@media(max-width:640px){
  .mg-home-grid.is-rail{display:flex;overflow:auto;scroll-snap-type:x mandatory;
    margin-inline:-20px;padding:2px 20px 8px;scrollbar-width:none}
  .mg-home-grid.is-rail::-webkit-scrollbar{display:none}
  .mg-home-grid.is-rail>.mg-item{flex:0 0 78%;scroll-snap-align:start}
}

.mg-progress{position:fixed;inset-inline:0;top:0;height:3px;z-index:60;background:transparent;pointer-events:none}
.mg-progress span{display:block;height:100%;width:0;border-radius:0 3px 3px 0;
  background:linear-gradient(90deg,var(--mg-primary),color-mix(in oklch,var(--mg-primary) 40%,#fff));
  box-shadow:0 0 12px color-mix(in oklch,var(--mg-primary) 55%,transparent);transition:width .12s linear}

.mg-single{max-width:1180px}
.mg-crumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:18px;
  font-size:calc(11.5px * var(--fz-base,1));color:var(--mg-muted)}
.mg-crumb a{font-weight:600}
.mg-crumb a:hover{color:var(--mg-primary)}
.mg-crumb span{opacity:.5}
.mg-draft{display:flex;align-items:center;gap:8px;padding:12px 16px;margin-bottom:18px;border-radius:var(--mg-r-sm);
  background:var(--mg-tint-warn);color:var(--mg-warn);font-size:calc(12.5px * var(--fz-base,1));font-weight:600;
  border:1px solid color-mix(in oklch,var(--mg-warn) 35%,transparent)}

.mg-head{max-width:820px;margin:0 auto 26px}
.mg-head-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.mg-kind-pill,.mg-cat-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border-radius:99px;
  font-size:calc(11px * var(--fz-base,1));font-weight:800}
.mg-kind-pill{background:var(--mg-soft);color:var(--mg-muted)}
.mg-cat-pill{background:var(--mg-tint);color:var(--mg-primary);
  border:1px solid color-mix(in oklch,var(--mg-primary) 22%,transparent)}
.mg-cat-pill:hover{background:var(--mg-tint-hi)}
.mg-head h1{margin:0 0 14px;font-size:calc(clamp(26px,3.9vw,38px) * var(--fz-h1,1));font-weight:900;
  line-height:1.44;letter-spacing:-.035em;text-wrap:balance}
.mg-lead{margin:0 0 18px;font-size:calc(15.5px * var(--fz-base,1));color:var(--mg-muted);line-height:2.05;
  padding-inline-start:14px;border-inline-start:3px solid color-mix(in oklch,var(--mg-primary) 45%,transparent)}
.mg-byline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:15px 0;
  border-top:1px solid var(--mg-line);border-bottom:1px solid var(--mg-line)}
.mg-byline-who{display:flex;flex-direction:column;gap:3px;margin-inline-end:auto}
.mg-byline-who b{font-size:calc(13px * var(--fz-base,1))}
.mg-byline-who span{font-size:calc(11.5px * var(--fz-base,1));color:var(--mg-muted);font-variant-numeric:tabular-nums}
.mg-share{display:flex;gap:6px}
.mg-sh{display:grid;place-items:center;width:37px;height:37px;border-radius:13px;cursor:pointer;
  border:1px solid var(--mg-line);background:var(--mg-card);color:var(--mg-muted);padding:0;
  transition:color .2s,border-color .2s,transform .2s var(--mg-ease),background .2s}
.mg-sh svg{width:17px;height:17px}
.mg-sh:hover{color:var(--mg-primary);background:var(--mg-tint);
  border-color:color-mix(in oklch,var(--mg-primary) 45%,transparent);transform:translateY(-2px)}
.mg-sh.is-done{color:var(--mg-primary);border-color:var(--mg-primary);background:var(--mg-tint-hi)}

.mg-single-grid{display:grid;gap:34px;grid-template-columns:minmax(0,1fr) 268px;align-items:start}
.mg-single-main{min-width:0;max-width:820px;margin-inline:auto;width:100%}
.mg-rail{position:sticky;top:calc(var(--mg-head-h) + 18px);display:flex;flex-direction:column;gap:14px}
.mg-rail-card{background:var(--mg-card);border:1px solid var(--mg-line);border-radius:var(--mg-r-sm);
  padding:15px 16px;box-shadow:var(--mg-sh)}
.mg-rail-h{display:flex;align-items:center;gap:7px;margin:0 0 11px;font-size:calc(12px * var(--fz-base,1));
  font-weight:800;color:var(--mg-muted);letter-spacing:.01em}
.mg-rail-toc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;
  max-height:min(52vh,440px);overflow:auto;scrollbar-width:thin}
.mg-rail-toc a{display:block;padding:7px 11px;border-radius:9px;font-size:calc(12px * var(--fz-base,1));
  color:var(--mg-muted);line-height:1.7;border-inline-start:2px solid transparent;transition:background .2s,color .2s}
.mg-rail-toc a:hover{background:var(--mg-soft);color:var(--mg-ink)}
.mg-rail-toc li.lvl3 a{padding-inline-start:22px;font-size:calc(11.5px * var(--fz-base,1))}
.mg-rail-toc a.is-on{background:var(--mg-tint);color:var(--mg-primary);font-weight:800;
  border-inline-start-color:var(--mg-primary)}
.mg-rail-share{display:flex;gap:6px;flex-wrap:wrap}
.mg-rail-meta{display:flex;flex-direction:column;gap:8px;font-size:calc(11.5px * var(--fz-base,1));color:var(--mg-muted)}
.mg-rail-meta b{color:var(--mg-ink);font-size:calc(12.5px * var(--fz-base,1))}
.mg-rail-ring{display:flex;align-items:center;gap:10px}
.mg-rail-ring i{--p:0;flex:0 0 34px;width:34px;height:34px;border-radius:50%;position:relative;
  background:conic-gradient(var(--mg-primary) calc(var(--p) * 1%), var(--mg-soft) 0)}
.mg-rail-ring i::after{content:'';position:absolute;inset:5px;border-radius:50%;background:var(--mg-card)}
@media(max-width:1080px){
  .mg-single-grid{grid-template-columns:1fr;gap:0}
  .mg-rail{display:none}
}

.mg-cover,.mg-player{margin:0 0 28px}
.mg-cover img{width:100%;border-radius:var(--mg-r);display:block;box-shadow:var(--mg-sh-hi)}
.mg-cover figcaption{margin-top:11px;text-align:center;font-size:calc(11.5px * var(--fz-base,1));color:var(--mg-muted)}
.mg-video video,.mg-video iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:var(--mg-r);display:block;
  background:var(--mg-soft);box-shadow:var(--mg-sh-hi)}
.mg-podcast{display:flex;gap:18px;align-items:center;padding:18px;border-radius:var(--mg-r);
  background:linear-gradient(140deg,var(--mg-tint-hi),transparent 68%),var(--mg-card);
  border:1px solid color-mix(in oklch,var(--mg-primary) 20%,var(--mg-line));box-shadow:var(--mg-sh)}
.mg-pod-cover{width:108px;height:108px;border-radius:var(--mg-r-sm);object-fit:cover;flex:0 0 108px;
  box-shadow:var(--mg-sh)}
.mg-pod-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:9px}
.mg-pod-body b{font-size:calc(13px * var(--fz-base,1))}
.mg-pod-body small{color:var(--mg-muted);font-size:calc(11px * var(--fz-base,1))}
.mg-podcast audio{width:100%}
.mg-podcast iframe{width:100%;border:0}

.mg-toc{margin:0 0 28px;padding:15px 19px;border-radius:var(--mg-r-sm);background:var(--mg-soft);
  border:1px solid color-mix(in oklch,var(--mg-line) 70%,transparent)}
.mg-toc summary{cursor:pointer;font-weight:800;font-size:calc(13px * var(--fz-base,1))}
.mg-toc ol{margin:13px 0 2px;padding-inline-start:20px;display:flex;flex-direction:column;gap:8px}
.mg-toc li{font-size:calc(12.5px * var(--fz-base,1));color:var(--mg-muted)}
.mg-toc li.lvl3{padding-inline-start:14px;font-size:calc(12px * var(--fz-base,1))}
.mg-toc a:hover{color:var(--mg-primary)}
@media(min-width:1081px){.mg-single .mg-toc{display:none}}

.mg-body{font-size:calc(16px * var(--fz-base,1));line-height:2.2;color:var(--mg-ink)}
.mg-body>*:first-child{margin-top:0}
.mg-body h2,.mg-body h3,.mg-body h4{scroll-margin-top:calc(var(--mg-head-h) + 22px);letter-spacing:-.025em}
.mg-body h2{position:relative;font-size:calc(22px * var(--fz-h2,1));font-weight:900;margin:40px 0 15px;
  padding-inline-start:16px}
.mg-body h2::before{content:'';position:absolute;inset-inline-start:0;top:.2em;bottom:.2em;width:5px;border-radius:5px;
  background:linear-gradient(to bottom,var(--mg-primary),color-mix(in oklch,var(--mg-primary) 40%,transparent))}
.mg-body h3{font-size:calc(17.5px * var(--fz-h3,1));font-weight:800;margin:30px 0 11px}
.mg-body h4{font-size:calc(15px * var(--fz-h3,1));font-weight:800;margin:24px 0 8px}
.mg-body p{margin:0 0 19px}
.mg-body ul,.mg-body ol{margin:0 0 19px;padding-inline-start:22px}
.mg-body li{margin-bottom:9px}
.mg-body ul li::marker{color:var(--mg-primary)}
.mg-body ol li::marker{color:var(--mg-primary);font-weight:800}
.mg-body img{max-width:100%;height:auto;border-radius:var(--mg-r-sm);margin:12px 0;box-shadow:var(--mg-sh)}
.mg-body figure{margin:26px 0}
.mg-body figcaption{margin-top:9px;text-align:center;color:var(--mg-muted);font-size:calc(11.5px * var(--fz-base,1))}
.mg-body blockquote{position:relative;margin:28px 0;padding:20px 24px;border-radius:var(--mg-r-sm);
  background:linear-gradient(140deg,var(--mg-tint),transparent 70%),var(--mg-soft);
  border-inline-start:4px solid var(--mg-primary);font-size:calc(15.5px * var(--fz-base,1));font-weight:500}
.mg-body blockquote p:last-child{margin:0}
.mg-body hr{margin:34px auto;width:78px;border:0;border-top:3px dotted var(--mg-line)}
.mg-body table{width:100%;border-collapse:separate;border-spacing:0;margin:0 0 24px;overflow:hidden;
  border:1px solid var(--mg-line);border-radius:var(--mg-r-sm);font-size:calc(13.5px * var(--fz-base,1));
  box-shadow:var(--mg-sh)}
.mg-body th,.mg-body td{padding:12px 13px;text-align:start;border-bottom:1px solid var(--mg-line)}
.mg-body thead th{background:var(--mg-soft);font-weight:800}
.mg-body tbody tr:last-child td{border-bottom:0}
.mg-body tbody tr:hover{background:color-mix(in oklch,var(--mg-soft) 55%,transparent)}
.mg-body a{color:var(--mg-primary);font-weight:600;text-decoration:underline;
  text-decoration-color:color-mix(in oklch,var(--mg-primary) 38%,transparent);text-underline-offset:4px;
  transition:text-decoration-color .2s}
.mg-body a:hover{text-decoration-color:var(--mg-primary)}
.mg-body code{background:var(--mg-soft);padding:2px 7px;border-radius:7px;font-size:.9em;direction:ltr;display:inline-block}
.mg-body pre{background:var(--mg-soft);padding:15px 17px;border-radius:var(--mg-r-sm);overflow:auto;direction:ltr;
  border:1px solid var(--mg-line)}
.mg-body mark{background:var(--mg-tint-hi);color:inherit;padding:1px 5px;border-radius:5px}

.mg-chip{display:inline-flex;align-items:baseline;gap:6px;padding:3px 12px;margin:0 2px;border-radius:99px;
  background:var(--mg-tint);border:1px solid color-mix(in oklch,var(--mg-primary) 28%,transparent);
  font-size:calc(13.5px * var(--fz-base,1));font-weight:700;color:var(--mg-primary);
  text-decoration:none !important;white-space:nowrap;transition:background .2s,transform .2s var(--mg-ease)}
.mg-chip:hover{background:var(--mg-tint-hi);transform:translateY(-1px)}
.mg-chip-ic{font-size:.9em}
.mg-chip-price{font-size:calc(11px * var(--fz-base,1));font-weight:600;color:var(--mg-muted)}

.mg-card{display:flex;gap:17px;margin:28px 0;padding:17px;align-items:center;
  background:var(--mg-card);border:1px solid var(--mg-line);border-radius:var(--mg-r);box-shadow:var(--mg-sh);
  transition:box-shadow .3s,transform .3s var(--mg-ease),border-color .3s}
.mg-card:hover{box-shadow:var(--mg-sh-hi);transform:translateY(-3px);
  border-color:color-mix(in oklch,var(--mg-primary) 26%,transparent)}
.mg-card-img{position:relative;flex:0 0 108px;width:108px;height:108px;border-radius:var(--mg-r-sm);
  overflow:hidden;background:var(--mg-soft)}
.mg-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--mg-ease)}
.mg-card:hover .mg-card-img img{transform:scale(1.05)}
.mg-card-off{position:absolute;top:7px;inset-inline-start:7px;padding:3px 9px;border-radius:99px;
  background:var(--mg-bad);color:#fff;font-size:10.5px;font-weight:800}
.mg-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.mg-card-kicker{font-size:calc(10.5px * var(--fz-base,1));font-weight:800;color:var(--mg-primary);letter-spacing:.02em}
.mg-card-name{font-weight:800;font-size:calc(14.5px * var(--fz-base,1));line-height:1.65;
  text-decoration:none !important;color:var(--mg-ink)}
.mg-card-name:hover{color:var(--mg-primary)}
.mg-card-note{margin:0;font-size:calc(12px * var(--fz-base,1));color:var(--mg-muted);line-height:1.9}
.mg-card-price{display:flex;gap:9px;align-items:baseline;flex-wrap:wrap}
.mg-card-price b{font-size:calc(16.5px * var(--fz-base,1));font-weight:900;font-variant-numeric:tabular-nums}
.mg-card-price b span{font-size:.7em;font-weight:600;color:var(--mg-muted)}
.mg-card-price del{color:var(--mg-muted);font-size:calc(11.5px * var(--fz-base,1))}
.mg-card-cta{display:flex;gap:8px;align-items:center;margin-top:5px;flex-wrap:wrap}
.mg-card-cta form{margin:0}

.mg-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;cursor:pointer;
  padding:11px 19px;border-radius:13px;background:var(--mg-primary);color:var(--mg-primary-ink);
  font:inherit;font-weight:800;font-size:calc(12.5px * var(--fz-btn,1));text-decoration:none !important;
  transition:transform .2s var(--mg-ease),filter .2s,box-shadow .2s}
.mg-btn:hover{transform:translateY(-1px);filter:brightness(1.07);
  box-shadow:0 12px 24px -14px color-mix(in oklch,var(--mg-primary) 85%,transparent)}
.mg-btn.ghost{background:transparent;color:var(--mg-ink);border:1px solid var(--mg-line);box-shadow:none}
.mg-btn.ghost:hover{border-color:var(--mg-primary);color:var(--mg-primary);filter:none}
.mg-btn.is-out{background:var(--mg-soft);color:var(--mg-muted);cursor:default}
.mg-btn.is-out:hover{transform:none;filter:none;box-shadow:none}

.mg-sec-h{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:calc(19px * var(--fz-h2,1));
  font-weight:900;letter-spacing:-.025em}
.mg-sec-h::after{content:'';flex:1;height:1px;background:linear-gradient(to left,var(--mg-line),transparent)}
.mg-sec-h small{padding:3px 10px;border-radius:99px;background:var(--mg-soft);color:var(--mg-muted);
  font-size:calc(11.5px * var(--fz-base,1));font-weight:700;font-variant-numeric:tabular-nums}
.mg-promo{margin:36px 0}
.mg-promo-grid{display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(305px,1fr))}
.mg-promo-grid .mg-card{margin:0}
.mg-tags{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}
.mg-tags a{padding:7px 14px;border-radius:99px;background:var(--mg-soft);color:var(--mg-muted);
  font-size:calc(11.5px * var(--fz-base,1));font-weight:700;transition:background .2s,color .2s,transform .2s var(--mg-ease)}
.mg-tags a:hover{background:var(--mg-tint);color:var(--mg-primary);transform:translateY(-1px)}
.mg-related{margin:42px 0}
.mg-rel-grid{display:grid;gap:13px;grid-template-columns:repeat(auto-fill,minmax(305px,1fr))}

.mg-pdp{max-width:1220px;margin:34px auto;padding:0 20px}
.mg-pdp h2{margin:0 0 16px;font-size:calc(19px * var(--fz-h2,1));font-weight:900;letter-spacing:-.025em}
.mg-pdp-grid{display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(226px,1fr))}
.mg-pdp-item{display:block;background:var(--mg-card);border:1px solid var(--mg-line);border-radius:var(--mg-r-sm);
  overflow:hidden;box-shadow:var(--mg-sh);transition:transform .28s var(--mg-ease),box-shadow .28s,border-color .28s}
.mg-pdp-item:hover{transform:translateY(-4px);box-shadow:var(--mg-sh-hi);
  border-color:color-mix(in oklch,var(--mg-primary) 30%,transparent)}
.mg-pdp-item img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.mg-pdp-item>div{padding:13px 14px;display:flex;flex-direction:column;gap:6px}
.mg-pdp-kind{font-size:calc(10.5px * var(--fz-base,1));font-weight:800;color:var(--mg-primary)}

.mg-cm{margin:46px 0 0;padding-top:30px;border-top:1px solid var(--mg-line)}
.mg-cm-none{color:var(--mg-muted);font-size:calc(12.5px * var(--fz-base,1))}
.mg-cm-item{display:flex;gap:12px;padding:16px 0;border-bottom:1px dashed color-mix(in oklch,var(--mg-line) 85%,transparent)}
.mg-cm-item:last-of-type{border-bottom:0}
.mg-cm-item.is-kid{margin-top:14px;padding:14px;border-bottom:0;border-radius:var(--mg-r-sm);background:var(--mg-soft)}
.mg-cm-main{flex:1;min-width:0}
.mg-cm-top{display:flex;align-items:baseline;gap:9px;margin-bottom:6px}
.mg-cm-top b{font-size:calc(13px * var(--fz-base,1))}
.mg-cm-top span{font-size:calc(11px * var(--fz-base,1));color:var(--mg-muted)}
.mg-cm-main p{margin:0;font-size:calc(13.5px * var(--fz-base,1));line-height:2.05}
.mg-cm-reply{margin-top:9px;border:0;background:none;cursor:pointer;padding:0;color:var(--mg-primary);
  font:inherit;font-weight:800;font-size:calc(11.5px * var(--fz-base,1))}
.mg-cm-reply:hover{text-decoration:underline}
.mg-cm-replyto{display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:99px;background:var(--mg-tint);
  color:var(--mg-primary);font-size:calc(11.5px * var(--fz-base,1));font-weight:700}
.mg-cm-replyto button{border:0;background:none;cursor:pointer;color:inherit;font:inherit;text-decoration:underline;
  margin-inline-start:auto}
.mg-cm-form{display:flex;flex-direction:column;gap:11px;margin-top:22px;padding:19px;border-radius:var(--mg-r);
  background:var(--mg-card);border:1px solid var(--mg-line);box-shadow:var(--mg-sh)}
.mg-cm-row{display:grid;gap:11px;grid-template-columns:1fr 1fr}
@media(max-width:560px){.mg-cm-row{grid-template-columns:1fr}}
.mg-cm-form input,.mg-cm-form textarea{width:100%;padding:12px 14px;border-radius:var(--mg-r-xs);
  border:1px solid var(--mg-line);background:var(--mg-soft);color:var(--mg-ink);font:inherit;
  font-size:calc(13px * var(--fz-base,1));outline:0;transition:border-color .2s,box-shadow .2s,background .2s}
.mg-cm-form input:focus,.mg-cm-form textarea:focus{background:var(--mg-card);
  border-color:color-mix(in oklch,var(--mg-primary) 50%,transparent);box-shadow:0 0 0 3px var(--mg-tint)}
.mg-cm-form textarea{resize:vertical;line-height:2}
.mg-cm-form>button{align-self:flex-start}

.mg-top{position:fixed;inset-inline-end:16px;bottom:88px;z-index:58;width:42px;height:42px;border:0;cursor:pointer;
  border-radius:50%;display:grid;place-items:center;background:var(--mg-card);color:var(--mg-primary);
  border:1px solid var(--mg-line);box-shadow:var(--mg-sh-hi);opacity:0;transform:translateY(10px) scale(.9);
  pointer-events:none;transition:opacity .28s,transform .28s var(--mg-ease);font-size:17px}
.mg-top.is-on{opacity:1;transform:none;pointer-events:auto}
.mg-top:hover{background:var(--mg-primary);color:var(--mg-primary-ink)}

.mg-reveal{opacity:0;transform:translateY(14px)}
.mg-reveal.is-in{opacity:1;transform:none;transition:opacity .5s var(--mg-ease-out),transform .5s var(--mg-ease-out)}

@media(max-width:640px){
  .mg-wrap{padding:18px 16px 60px}
  .mg-hero{padding:28px 6px 24px;border-radius:var(--mg-r)}
  .mg-nav{gap:10px;margin-inline:-16px;padding-inline:16px}
  .mg-nav-row{overflow:auto;flex-wrap:nowrap;margin-inline:-16px;padding:2px 16px 6px;scrollbar-width:none}
  .mg-nav-row::-webkit-scrollbar{display:none}
  .mg-sort{width:100%;justify-content:center}
  .mg-card{flex-wrap:wrap}
  .mg-card-img{flex:0 0 80px;width:80px;height:80px}
  .mg-podcast{flex-wrap:wrap}
  .mg-item.is-sm .mg-item-img{flex:0 0 98px;width:98px}
  .mg-byline{gap:10px}
  .mg-share{width:100%;justify-content:flex-start}
  .mg-body{font-size:calc(15px * var(--fz-base,1));line-height:2.1}
  .mg-top{bottom:78px;inset-inline-end:12px}
}
@media(prefers-reduced-motion:reduce){
  .mg-item,.mg-card,.mg-pill,.mg-btn,.mg-item-img img,.mg-progress span,.mg-reveal,.mg-top{transition:none !important}
  .mg-reveal{opacity:1;transform:none}
}
.mg-grid.is-thin{grid-template-columns:repeat(auto-fit,minmax(278px,368px));justify-content:center}
.mg-feat:has(> .mg-item:only-child){grid-template-columns:minmax(0,740px);justify-content:center}
.mg-feat:has(> .mg-item:nth-child(2):last-child){grid-template-columns:1fr 1fr}
.mg-feat:has(> .mg-item:only-child) .mg-item.is-lg,
.mg-feat:has(> .mg-item:nth-child(2):last-child) .mg-item.is-lg{grid-row:auto}
@media(max-width:520px){.mg-grid.is-thin{grid-template-columns:1fr}}

.mg-hero-stats{position:relative;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:22px 0 0}
.mg-hero-stats span{display:inline-flex;align-items:baseline;gap:6px;padding:7px 15px;border-radius:99px;
  background:var(--mg-glass);border:1px solid var(--mg-line);backdrop-filter:blur(10px) saturate(150%);
  font-size:calc(11.5px * var(--fz-base,1));color:var(--mg-muted);font-weight:600}
.mg-hero-stats b{font-size:calc(14px * var(--fz-base,1));font-weight:900;color:var(--mg-ink);
  font-variant-numeric:tabular-nums}

.mg-layout{display:grid;gap:28px;grid-template-columns:minmax(0,1fr) 304px;align-items:start}
.mg-layout-main{min-width:0}
@media(max-width:1060px){.mg-layout{grid-template-columns:1fr;gap:34px}}

.mg-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:calc(var(--mg-head-h) + 16px)}
@media(max-width:1060px){.mg-side{position:static}}
.mg-w{background:var(--mg-card);border:1px solid var(--mg-line);border-radius:var(--mg-r-sm);
  padding:16px 17px;box-shadow:var(--mg-sh)}
.mg-w-h{display:flex;align-items:center;gap:7px;margin:0 0 13px;font-size:calc(12.5px * var(--fz-base,1));
  font-weight:900;color:var(--mg-ink);letter-spacing:-.01em}
.mg-w-h .nv-i{color:var(--mg-primary);flex:0 0 auto}
.mg-w-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;counter-reset:none}
.mg-w-list a{display:flex;gap:11px;align-items:flex-start;padding:9px 8px;border-radius:11px;
  transition:background .2s}
.mg-w-list a:hover{background:var(--mg-soft)}
.mg-w-n{flex:0 0 24px;width:24px;height:24px;border-radius:8px;display:grid;place-items:center;
  background:var(--mg-tint);color:var(--mg-primary);font-size:11.5px;font-weight:900;
  font-variant-numeric:tabular-nums}
.mg-w-list a>span:last-child{min-width:0;display:flex;flex-direction:column;gap:3px}
.mg-w-list b{font-size:calc(12.3px * var(--fz-base,1));font-weight:700;line-height:1.75}
.mg-w-list a:hover b{color:var(--mg-primary)}
.mg-w-list i{font-style:normal;font-size:calc(10.8px * var(--fz-base,1));color:var(--mg-muted)}
.mg-w-cats{display:flex;flex-direction:column;gap:2px}
.mg-w-cats a{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:11px;
  font-size:calc(12.3px * var(--fz-base,1));font-weight:600;color:var(--mg-ink);transition:background .2s,color .2s}
.mg-w-cats a:hover{background:var(--mg-tint);color:var(--mg-primary)}
.mg-w-cats em{font-style:normal;flex:0 0 auto}
.mg-w-cats small{margin-inline-start:auto;padding:2px 8px;border-radius:99px;background:var(--mg-soft);
  color:var(--mg-muted);font-size:10.5px;font-weight:700;font-variant-numeric:tabular-nums}
.mg-w-kinds{display:grid;gap:7px}
.mg-w-kinds a{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:12px;
  border:1px solid var(--mg-line);font-size:calc(12.2px * var(--fz-base,1));color:var(--mg-ink);
  transition:border-color .2s,background .2s,transform .2s var(--mg-ease)}
.mg-w-kinds a:hover{border-color:color-mix(in oklch,var(--mg-primary) 45%,transparent);
  background:var(--mg-tint);transform:translateY(-1px)}
.mg-w-kinds .nv-i{color:var(--mg-primary);flex:0 0 auto}
.mg-w-kinds b{font-weight:700}
.mg-w-kinds small{margin-inline-start:auto;color:var(--mg-muted);font-weight:700;font-variant-numeric:tabular-nums}

.mg-blk{margin:46px 0}
.mg-blk-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;
  margin-bottom:20px;flex-wrap:wrap}
.mg-blk-head h2{margin:0 0 5px;font-size:calc(23px * var(--fz-h2,1));font-weight:900;letter-spacing:-.03em}
.mg-blk-head p{margin:0;color:var(--mg-muted);font-size:calc(12.5px * var(--fz-base,1));line-height:1.9}
.mg-more .nv-i{margin-inline-start:2px}

.mg-spot-grid{display:grid;gap:20px;grid-template-columns:1.55fr 1fr;align-items:start}
@media(max-width:900px){.mg-spot-grid{grid-template-columns:1fr}}
.mg-spot-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;
  background:var(--mg-card);border:1px solid var(--mg-line);border-radius:var(--mg-r-sm);padding:10px;
  box-shadow:var(--mg-sh)}
.mg-spot-list a{display:flex;gap:12px;align-items:flex-start;padding:11px 10px;border-radius:12px;
  transition:background .2s}
.mg-spot-list a:hover{background:var(--mg-soft)}
.mg-spot-n{flex:0 0 28px;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;
  background:linear-gradient(140deg,var(--mg-tint-hi),var(--mg-tint));color:var(--mg-primary);
  font-size:12px;font-weight:900;font-variant-numeric:tabular-nums}
.mg-spot-txt{min-width:0;display:flex;flex-direction:column;gap:4px}
.mg-spot-txt b{font-size:calc(13px * var(--fz-base,1));font-weight:800;line-height:1.75}
.mg-spot-list a:hover .mg-spot-txt b{color:var(--mg-primary)}
.mg-spot-txt i{font-style:normal;display:inline-flex;align-items:center;gap:5px;
  font-size:calc(10.8px * var(--fz-base,1));color:var(--mg-muted)}

.mg-cat-grid{display:grid;gap:13px;grid-template-columns:repeat(auto-fill,minmax(238px,1fr))}
.mg-cat-card{position:relative;display:flex;align-items:center;gap:12px;overflow:hidden;
  padding:15px 16px;border-radius:var(--mg-r-sm);background:var(--mg-card);border:1px solid var(--mg-line);
  box-shadow:var(--mg-sh);color:var(--mg-ink);
  transition:transform .28s var(--mg-ease),box-shadow .28s,border-color .28s}
.mg-cat-card:hover{transform:translateY(-3px);box-shadow:var(--mg-sh-hi);
  border-color:color-mix(in oklch,var(--mg-primary) 34%,transparent)}
.mg-cat-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.16;z-index:0}
.mg-cat-card.has-img::after{content:'';position:absolute;inset:0;z-index:1;
  background:linear-gradient(to left,color-mix(in oklch,var(--mg-card) 92%,transparent),var(--mg-card) 62%)}
.mg-cat-card>*:not(img){position:relative;z-index:2}
.mg-cat-ic{flex:0 0 42px;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;
  background:linear-gradient(140deg,var(--mg-tint-hi),var(--mg-tint));color:var(--mg-primary);font-size:19px}
.mg-cat-ic .nv-i{width:19px;height:19px}
.mg-cat-b{min-width:0;display:flex;flex-direction:column;gap:3px}
.mg-cat-b b{font-size:calc(13.5px * var(--fz-base,1));font-weight:800}
.mg-cat-b i{font-style:normal;font-size:calc(11px * var(--fz-base,1));color:var(--mg-muted)}
.mg-cat-go{margin-inline-start:auto;color:var(--mg-muted);display:grid;place-items:center;
  transition:transform .24s var(--mg-ease),color .24s}
.mg-cat-card:hover .mg-cat-go{color:var(--mg-primary);transform:translateX(-3px)}

.mg-rank-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;
  grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}
.mg-rank-list a{display:flex;align-items:center;gap:13px;padding:11px 13px;border-radius:var(--mg-r-sm);
  background:var(--mg-card);border:1px solid var(--mg-line);box-shadow:var(--mg-sh);color:var(--mg-ink);
  transition:transform .26s var(--mg-ease),box-shadow .26s,border-color .26s}
.mg-rank-list a:hover{transform:translateY(-3px);box-shadow:var(--mg-sh-hi);
  border-color:color-mix(in oklch,var(--mg-primary) 30%,transparent)}
.mg-rank-n{flex:0 0 auto;min-width:26px;text-align:center;font-size:calc(20px * var(--fz-h2,1));
  font-weight:900;line-height:1;color:color-mix(in oklch,var(--mg-primary) 55%,var(--mg-muted));
  font-variant-numeric:tabular-nums}
.mg-rank-img{flex:0 0 62px;width:62px;height:62px;border-radius:12px;overflow:hidden;background:var(--mg-soft)}
.mg-rank-img img{width:100%;height:100%;object-fit:cover;display:block}
.mg-rank-txt{min-width:0;display:flex;flex-direction:column;gap:4px}
.mg-rank-txt b{font-size:calc(13px * var(--fz-base,1));font-weight:800;line-height:1.7}
.mg-rank-list a:hover .mg-rank-txt b{color:var(--mg-primary)}
.mg-rank-txt i{font-style:normal;font-size:calc(10.8px * var(--fz-base,1));color:var(--mg-muted)}

.mg-media-rail{display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(232px,1fr))}
.mg-media-card{display:flex;flex-direction:column;gap:9px;color:var(--mg-ink)}
.mg-media-img{position:relative;display:block;border-radius:var(--mg-r-sm);overflow:hidden;
  aspect-ratio:16/10;background:var(--mg-soft);box-shadow:var(--mg-sh)}
.mg-media-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--mg-ease)}
.mg-media-card:hover .mg-media-img img{transform:scale(1.06)}
.mg-media-play{position:absolute;inset:0;margin:auto;width:46px;height:46px;border-radius:50%;
  display:grid;place-items:center;background:rgba(10,12,22,.52);color:#fff;
  border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px) saturate(150%);
  transition:transform .26s var(--mg-ease),background .26s}
.mg-media-card:hover .mg-media-play{transform:scale(1.09);background:var(--mg-primary);border-color:transparent}
.mg-media-dur{position:absolute;inset-inline-end:9px;bottom:9px;padding:4px 10px;border-radius:99px;
  background:rgba(10,12,22,.55);color:#fff;font-size:10.5px;font-weight:700;
  font-variant-numeric:tabular-nums;backdrop-filter:blur(8px)}
.mg-media-card b{font-size:calc(13px * var(--fz-base,1));font-weight:800;line-height:1.75}
.mg-media-card:hover b{color:var(--mg-primary)}
.mg-media-card i{font-style:normal;font-size:calc(10.8px * var(--fz-base,1));color:var(--mg-muted)}
@media(max-width:640px){
  .mg-media-rail{display:flex;overflow:auto;scroll-snap-type:x mandatory;
    margin-inline:-16px;padding:2px 16px 8px;scrollbar-width:none}
  .mg-media-rail::-webkit-scrollbar{display:none}
  .mg-media-card{flex:0 0 72%;scroll-snap-align:start}
}

.mg-tag-cloud{display:flex;gap:8px;flex-wrap:wrap}
.mg-tag-cloud a{display:inline-flex;align-items:baseline;gap:6px;padding:8px 14px;border-radius:99px;
  background:var(--mg-card);border:1px solid var(--mg-line);color:var(--mg-ink);
  font-size:calc(12px * var(--fz-base,1));font-weight:700;
  transition:background .2s,border-color .2s,color .2s,transform .2s var(--mg-ease)}
.mg-tag-cloud a:hover{background:var(--mg-tint);color:var(--mg-primary);transform:translateY(-2px);
  border-color:color-mix(in oklch,var(--mg-primary) 40%,transparent)}
.mg-tag-cloud small{color:var(--mg-muted);font-size:10.5px;font-weight:600;font-variant-numeric:tabular-nums}
.mg-tag-cloud.is-sm a{padding:6px 11px;font-size:calc(11.3px * var(--fz-base,1))}

.mg-cta{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;
  gap:22px;flex-wrap:wrap;padding:30px 32px;border-radius:calc(var(--mg-r) + 4px);
  background:var(--mg-card);border:1px solid color-mix(in oklch,var(--mg-primary) 22%,var(--mg-line));
  box-shadow:var(--mg-sh)}
.mg-cta-glow{position:absolute;inset:-60% -10% auto -10%;height:320px;pointer-events:none;
  background:radial-gradient(40% 55% at 24% 46%, color-mix(in oklch,var(--mg-primary) 30%,transparent), transparent 70%),
    radial-gradient(36% 46% at 78% 32%, color-mix(in oklch,var(--mg-warn) 22%,transparent), transparent 70%);
  filter:blur(30px);opacity:.85}
.mg-cta-txt{position:relative;flex:1 1 330px;min-width:0}
.mg-cta-eyebrow{display:inline-flex;align-items:center;gap:6px;padding:5px 13px;border-radius:99px;
  background:var(--mg-tint);color:var(--mg-primary);font-size:calc(11px * var(--fz-base,1));font-weight:800}
.mg-cta h2{margin:13px 0 8px;font-size:calc(26px * var(--fz-h2,1));font-weight:900;letter-spacing:-.035em;
  line-height:1.4;text-wrap:balance}
.mg-cta p{margin:0;color:var(--mg-muted);font-size:calc(13px * var(--fz-base,1));line-height:2;max-width:56ch}
.mg-cta-stats{display:flex;gap:18px;flex-wrap:wrap;margin-top:15px;font-size:calc(11.5px * var(--fz-base,1));
  color:var(--mg-muted)}
.mg-cta-stats b{display:block;font-size:calc(18px * var(--fz-h3,1));font-weight:900;color:var(--mg-ink);
  font-variant-numeric:tabular-nums}
.mg-cta .mg-btn{position:relative;flex:0 0 auto}
.mg-btn.lg{padding:14px 26px;font-size:calc(13.5px * var(--fz-btn,1));border-radius:15px}
@media(max-width:640px){
  .mg-cta{padding:22px;gap:16px}
  .mg-cta h2{font-size:calc(21px * var(--fz-h2,1))}
  .mg-cta .mg-btn{width:100%}
  .mg-blk{margin:34px 0}
  .mg-blk-head h2{font-size:calc(19px * var(--fz-h2,1))}
  .mg-rank-list{grid-template-columns:1fr}
}