/* Fonty z npm (@fontsource-variable), bez Google Fonts. */
@font-face{ font-family:'Source Serif 4 Variable'; font-style:normal; font-display:swap; font-weight:200 900; src:url(../fonts/source-serif-4-latin-ext-wght-normal.woff2) format('woff2-variations'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face{ font-family:'Source Serif 4 Variable'; font-style:normal; font-display:swap; font-weight:200 900; src:url(../fonts/source-serif-4-latin-wght-normal.woff2) format('woff2-variations'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face{ font-family:'Source Serif 4 Variable'; font-style:italic; font-display:swap; font-weight:200 900; src:url(../fonts/source-serif-4-latin-ext-wght-italic.woff2) format('woff2-variations'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face{ font-family:'Source Serif 4 Variable'; font-style:italic; font-display:swap; font-weight:200 900; src:url(../fonts/source-serif-4-latin-wght-italic.woff2) format('woff2-variations'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face{ font-family:'IBM Plex Sans Variable'; font-style:normal; font-display:swap; font-weight:100 700; src:url(../fonts/ibm-plex-sans-latin-ext-wght-normal.woff2) format('woff2-variations'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face{ font-family:'IBM Plex Sans Variable'; font-style:normal; font-display:swap; font-weight:100 700; src:url(../fonts/ibm-plex-sans-latin-wght-normal.woff2) format('woff2-variations'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }

/* ===== Tokeny marki (te same co w makiecie) ===== */
.mpp{ color-scheme:light;
  --paper:#F3F6F5; --white:#FFFFFF; --ink:#0E1F26; --text:#2A3C43; --muted:#5F7279; --line:#D5DEE0; --line-2:#E7EEEF;
  --brand:#0F4C5C; --brand-2:#166B7F; --brand-3:#1F8A9C; --mist:#DCEBEE; --mist-2:#EEF5F6;
  --accent:#E0A21B; --accent-2:#F3C65A; --accent-ink:#6B4A00;
  --sponsor:#8A4F2B; --sponsor-bg:#F6EEE8;
  --danger:#B23A3A;
  --serif:'Source Serif 4', Georgia, 'Times New Roman', serif;
  --sans:'IBM Plex Sans', 'Segoe UI', Roboto, Arial, sans-serif;
  --r-s:6px; --r-m:12px; --r-l:20px;
  --shadow:0 12px 32px rgba(14,31,38,.10);
  --w:1240px; --gutter:24px;
  --fs:16px;
  box-sizing:border-box; padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
  box-sizing:border-box;
}
@media (prefers-color-scheme: dark){ .mpp:not([data-theme="light"]){ color-scheme:dark;
  --paper:#0C171B; --white:#132227; --ink:#F2F6F7; --text:#D6E0E3; --muted:#9BB0B7; --line:#2A3C43; --line-2:#1E2F35;
  --brand:#7CC6D4; --brand-2:#5FB2C2; --brand-3:#8FD3DF; --mist:#15323A; --mist-2:#122A31;
  --accent:#F0B63A; --accent-2:#5A4410; --accent-ink:#F7D98A;
  --sponsor:#E0B392; --sponsor-bg:#2A1F18; --shadow:0 12px 32px rgba(0,0,0,.45);
}}
.mpp[data-theme="dark"]{ color-scheme:dark;
  --paper:#0C171B; --white:#132227; --ink:#F2F6F7; --text:#D6E0E3; --muted:#9BB0B7; --line:#2A3C43; --line-2:#1E2F35;
  --brand:#7CC6D4; --brand-2:#5FB2C2; --brand-3:#8FD3DF; --mist:#15323A; --mist-2:#122A31;
  --accent:#F0B63A; --accent-2:#5A4410; --accent-ink:#F7D98A;
  --sponsor:#E0B392; --sponsor-bg:#2A1F18; --shadow:0 12px 32px rgba(0,0,0,.45);
}
.mpp[data-contrast="high"]{ --text:var(--ink); --muted:var(--ink); --line:var(--ink); --line-2:var(--ink); }
.mpp[data-underline="on"] a{ text-decoration:underline; }
.mpp[data-theme="dark"] .btn-p{ color:var(--ink); }
@media (prefers-color-scheme: dark){ .mpp:not([data-theme="light"]) .btn-p{ color:var(--ink); } .mpp:not([data-theme="light"]) .ft{ background:#061013; } }
.mpp[data-theme="dark"] .ft{ background:#061013; }
html{ scroll-padding-top:calc(env(safe-area-inset-top,0px) + 96px); }
body.mpp-full{ margin:0; background:var(--paper); color:var(--text); font-family:var(--sans); font-size:var(--fs); line-height:1.6; -webkit-font-smoothing:antialiased; padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px); }
body.mpp-full::before{ content:""; position:fixed; inset:0 0 auto; height:env(safe-area-inset-top,0px); z-index:60; background:var(--white); }
@media (max-width:900px){ body.mpp-full{ padding-bottom:calc(64px + env(safe-area-inset-bottom,0px)); } }
@media print{ body.mpp-full{ background:#fff; color:#000; } }

.mpp *{box-sizing:border-box;}
.mpp :where(a){color:var(--brand); text-decoration:none;}
.mpp :where(a:hover){text-decoration:underline;}
.mpp img,.mpp svg{max-width:100%;}
.mpp :where(button){font:inherit; cursor:pointer;}
.mpp :where(ul,ol){margin:0 0 1em; padding-left:20px;}
.mpp :focus-visible{outline:3px solid var(--accent); outline-offset:2px; border-radius:var(--r-s);}
.mpp .in{box-sizing:content-box; max-width:var(--w); margin:0 auto; padding:0 var(--gutter);}
.mpp :where(h1,h2,h3,h4,h5,h6){font-family:var(--serif); color:var(--ink); line-height:1.15; margin:0 0 .5em; font-weight:600; letter-spacing:-.01em;}
.mpp h1{font-size:clamp(32px,4.2vw,52px);}
.mpp h2{font-size:clamp(24px,2.6vw,34px);}
.mpp h3{font-size:20px;}
.mpp :where(p){margin:0 0 1em;}
.mpp .sr{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0);}
.mpp .skip{position:absolute; left:-999px; top:8px; background:var(--accent); color:var(--ink); padding:8px 14px; z-index:100; border-radius:var(--r-s);}
.mpp .skip:focus{left:8px;}
.mpp .testbar{background:var(--accent); color:#1b1400; font-size:14px;}
.mpp .testbar .in{display:flex; gap:12px; align-items:center; justify-content:space-between; padding-top:8px; padding-bottom:8px;}
.mpp .testbar button{background:transparent; border:1px solid rgba(0,0,0,.35); color:inherit; padding:4px 10px; border-radius:var(--r-s);}
.mpp .hd{position:sticky; top:env(safe-area-inset-top,0px); z-index:50; background:var(--white); border-bottom:1px solid var(--line);}
.mpp .hd .in{display:flex; align-items:center; gap:28px; min-height:72px; justify-content:space-between;}
.mpp .hd .in > *{min-width:0;}
.mpp .logo{display:flex; align-items:center; gap:10px; color:var(--ink); font-family:var(--serif); font-weight:700; font-size:22px; letter-spacing:-.01em; white-space:nowrap;}
.mpp .logo:hover{text-decoration:none;}
.mpp .logo .mark{width:34px; height:34px; flex:none;}
.mpp .logo small{display:block; font-family:var(--sans); font-weight:500; font-size:11px; color:var(--muted); letter-spacing:.02em; margin-top:-2px;}
.mpp .nav{display:flex; gap:4px; margin-left:auto;}
.mpp .nav a{color:var(--text); font-weight:500; padding:10px 12px; border-radius:var(--r-s);}
.mpp .nav a:hover,.mpp .nav a.on{background:var(--mist-2); color:var(--brand); text-decoration:none;}
.mpp .hd .tools{display:flex; gap:8px; align-items:center;}
.mpp .ibtn{display:inline-flex; align-items:center; gap:8px; background:var(--white); border:1px solid var(--line); color:var(--text); padding:9px 12px; border-radius:var(--r-s); font-weight:500; line-height:1;}
.mpp .ibtn:hover{border-color:var(--brand); color:var(--brand);}
.mpp .ibtn kbd{font:600 11px var(--sans); background:var(--mist-2); border:1px solid var(--line); border-radius:4px; padding:2px 5px; color:var(--muted);}
.mpp .burger{display:none;}
.mpp .mnav{display:none; background:var(--white); border-bottom:1px solid var(--line);}
.mpp .mnav.open{display:block;}
.mpp .mnav a{display:block; padding:14px 24px; border-top:1px solid var(--line-2); color:var(--ink); font-weight:500;}
.mpp .btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:13px 22px; border-radius:var(--r-s); font-weight:600; border:1px solid transparent; line-height:1.2;}
.mpp .btn:hover{text-decoration:none;}
.mpp .btn-p{background:var(--brand); color:#fff;}
.mpp .btn-p:hover{background:var(--brand-2);}
.mpp .btn-s{background:transparent; color:var(--brand); border-color:var(--brand);}
.mpp .btn-s:hover{background:var(--mist-2);}
.mpp .btn-a{background:var(--accent); color:#1b1400;}
.mpp .btn-a:hover{background:var(--accent-2);}
.mpp .btn-sm{padding:8px 14px; font-size:14px;}
.mpp .hero{background:var(--white); border-bottom:1px solid var(--line);}
.mpp .hero .in{display:grid; grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); gap:48px; align-items:end; padding-top:56px; padding-bottom:56px;}
.mpp .hero h1{font-size:clamp(38px,5.4vw,68px); font-weight:600; margin-bottom:18px; max-width:14ch;}
.mpp .hero h1 em{font-style:italic; font-weight:400; color:var(--brand);}
.mpp .hero .lead{font-size:19px; color:var(--text); max-width:52ch; margin-bottom:24px;}
.mpp .search{display:flex; border:2px solid var(--ink); border-radius:var(--r-m); background:var(--white); overflow:hidden; max-width:640px;}
.mpp .search input{flex:1; border:0; padding:16px 18px; font:inherit; font-size:17px; background:transparent; color:var(--ink); min-width:0;}
.mpp .search input:focus{outline:none;}
.mpp .search button{border:0; background:var(--ink); color:var(--paper); padding:0 22px; font-weight:600;}
.mpp .search button:hover{background:var(--brand);}
.mpp .hero .hints{margin-top:12px; font-size:14px; color:var(--muted); display:flex; gap:6px 14px; flex-wrap:wrap;}
.mpp .hero .hints a{color:var(--brand);}
.mpp .heroaside{border-left:1px solid var(--line); padding-left:40px;}
.mpp .heroaside .stat{display:flex; gap:18px; align-items:baseline; margin-bottom:14px;}
.mpp .heroaside .stat b{font-family:var(--serif); font-size:56px; line-height:1; color:var(--brand); font-weight:600; letter-spacing:-.02em;}
.mpp .heroaside .stat span{color:var(--muted); font-size:15px; line-height:1.3; max-width:22ch;}
.mpp .heroaside ul{list-style:none; margin:14px 0 0; padding:0; border-top:1px solid var(--line);}
.mpp .heroaside li{padding:10px 0; border-bottom:1px solid var(--line-2); font-size:15px; display:flex; justify-content:space-between; gap:12px;}
.mpp .heroaside li span{color:var(--muted); white-space:nowrap;}
.mpp .topics{background:var(--paper);}
.mpp .topics .in{padding-top:24px; padding-bottom:8px;}
.mpp .tgrid{display:grid; grid-template-columns:repeat(5,1fr); gap:12px;}
.mpp .tile{display:flex; gap:12px; align-items:center; background:var(--white); border:1px solid var(--line); border-radius:var(--r-m); padding:12px 14px; color:var(--ink); min-height:72px;}
.mpp .tile:hover{border-color:var(--brand); text-decoration:none;}
.mpp .tile .g{width:40px; height:40px; flex:none; border-radius:10px; display:grid; place-items:center;}
.mpp .tile .g svg{width:24px; height:24px;}
.mpp .tile b{display:block; font-weight:600; font-size:15px; line-height:1.2;}
.mpp .tile span{color:var(--muted); font-size:13px;}
.mpp .sec{padding:56px 0;}
.mpp .sec.alt{background:var(--white); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.mpp .sechd{display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:24px;}
.mpp .sechd h2{margin:0;}
.mpp .sechd a{font-weight:500; white-space:nowrap;}
.mpp .sechd p{color:var(--muted); margin:6px 0 0; max-width:60ch;}
.mpp .feat{display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:32px;}
.mpp .card{display:grid; grid-template-rows:auto 1fr; background:var(--white); border:1px solid var(--line); border-radius:var(--r-m); overflow:hidden; color:var(--ink);}
.mpp .card:hover{text-decoration:none; border-color:var(--brand);}
.mpp .card .ph{aspect-ratio:16/9; display:grid; place-items:center; position:relative;}
.mpp .card .ph svg{width:34%; height:auto; opacity:.9;}
.mpp .card .bd{padding:18px 20px 20px;}
.mpp .card .meta{display:flex; gap:10px; align-items:center; font-size:13px; color:var(--muted); margin-bottom:8px; flex-wrap:wrap;}
.mpp .card h3{font-size:19px; margin:0 0 8px;}
.mpp .card.big h3{font-size:clamp(24px,2.4vw,32px);}
.mpp .card p{color:var(--text); font-size:15px; margin:0;}
.mpp .card.spons{border-color:var(--sponsor);}
.mpp .chip{display:inline-block; font-size:12px; font-weight:600; padding:3px 8px; border-radius:999px; background:var(--mist); color:var(--brand); letter-spacing:.01em;}
.mpp .chip.sp{background:var(--sponsor-bg); color:var(--sponsor);}
.mpp .grid3{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.mpp .grid4{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.mpp .list{list-style:none; margin:0; padding:0;}
.mpp .list li{border-top:1px solid var(--line); padding:14px 0; display:grid; grid-template-columns:1fr auto; gap:10px 20px; align-items:baseline;}
.mpp .list li:last-child{border-bottom:1px solid var(--line);}
.mpp .list a{color:var(--ink); font-family:var(--serif); font-size:18px; font-weight:600;}
.mpp .list small{color:var(--muted); font-size:13px; white-space:nowrap;}
.mpp .list .k{display:block; font:500 13px var(--sans); color:var(--brand); margin-bottom:2px;}
.mpp .guide{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.mpp .path{background:var(--white); border:1px solid var(--line); border-radius:var(--r-l); padding:26px 26px 22px; display:flex; flex-direction:column;}
.mpp .path h3{font-size:22px; margin-bottom:6px;}
.mpp .path p{color:var(--muted); font-size:15px;}
.mpp .path ol{margin:10px 0 18px; padding-left:20px; color:var(--text); font-size:15px;}
.mpp .path ol li{margin:6px 0;}
.mpp .path .btn{margin-top:auto; align-self:flex-start;}
.mpp .path.p1{border-top:6px solid var(--brand);}
.mpp .path.p2{border-top:6px solid var(--accent);}
.mpp .path.p3{border-top:6px solid var(--brand-3);}
.mpp .trust{display:grid; grid-template-columns:1.1fr 1fr; gap:48px; align-items:center;}
.mpp .trust ul{list-style:none; margin:0; padding:0;}
.mpp .trust li{padding:14px 0 14px 34px; border-top:1px solid var(--line); position:relative;}
.mpp .trust li::before{content:"✓"; position:absolute; left:0; top:17px; width:20px; height:20px; border-radius:50%; background:var(--accent); color:#1b1400; font:700 12px/20px var(--sans); text-align:center;}
.mpp .trust li b{display:block; color:var(--ink);}
.mpp .trust li span{color:var(--muted); font-size:15px;}
.mpp .nl{background:var(--brand); color:#fff; border-radius:var(--r-l); padding:40px; display:grid; grid-template-columns:1.2fr 1fr; gap:32px; align-items:center;}
.mpp .nl h2{color:#fff; margin-bottom:6px;}
.mpp .nl p{color:rgba(255,255,255,.85); margin:0;}
.mpp .nl form{display:flex; gap:8px;}
.mpp .nl input{flex:1; border:0; border-radius:var(--r-s); padding:13px 14px; font:inherit; min-width:0;}
.mpp .phead{background:var(--white); border-bottom:1px solid var(--line);}
.mpp .phead .in{padding-top:36px; padding-bottom:32px;}
.mpp .crumbs{font-size:14px; color:var(--muted); margin-bottom:14px; display:flex; gap:8px; flex-wrap:wrap;}
.mpp .crumbs a{color:var(--muted);}
.mpp .crumbs span::before{content:"/"; margin-right:8px; color:var(--line);}
.mpp .phead p.lead{font-size:18px; max-width:66ch; color:var(--text); margin:0;}
.mpp .phead .hub{display:grid; grid-template-columns:auto 1fr; gap:24px; align-items:start;}
.mpp .phead .hub .g{width:72px; height:72px; border-radius:18px; display:grid; place-items:center;}
.mpp .phead .hub .g svg{width:40px; height:40px;}
.mpp .layout{display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:48px; padding:40px 0 64px;}
.mpp .filters{display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-bottom:20px;}
.mpp .filters select,.mpp .filters input{font:inherit; padding:9px 12px; border:1px solid var(--line); border-radius:var(--r-s); background:var(--white); color:var(--ink);}
.mpp .filters .cnt{margin-left:auto; color:var(--muted); font-size:14px;}
.mpp .az{display:flex; flex-wrap:wrap; gap:4px; margin-bottom:20px;}
.mpp .az a,.mpp .az span{display:inline-grid; place-items:center; min-width:32px; height:32px; padding:0 6px; border-radius:var(--r-s); font-size:14px; font-weight:600; color:var(--brand); background:var(--white); border:1px solid var(--line);}
.mpp .az span{color:var(--line); border-color:var(--line-2);}
.mpp .az a.on{background:var(--ink); color:var(--paper); border-color:var(--ink);}
.mpp .rows{list-style:none; margin:0; padding:0;}
.mpp .rows li{display:grid; grid-template-columns:88px 1fr; gap:18px; padding:18px 0; border-top:1px solid var(--line);}
.mpp .rows li:last-child{border-bottom:1px solid var(--line);}
.mpp .rows .ph{width:88px; height:66px; border-radius:var(--r-s); display:grid; place-items:center;}
.mpp .rows .ph svg{width:34px; height:34px;}
.mpp .rows h3{font-size:20px; margin:4px 0 6px;}
.mpp .rows h3 a{color:var(--ink);}
.mpp .rows .meta{font-size:13px; color:var(--muted); display:flex; gap:10px; flex-wrap:wrap;}
.mpp .rows p{margin:6px 0 0; font-size:15px;}
.mpp .pager{display:flex; gap:6px; margin-top:24px; flex-wrap:wrap;}
.mpp .pager a,.mpp .pager span{padding:8px 13px; border:1px solid var(--line); border-radius:var(--r-s); background:var(--white); color:var(--brand); font-weight:600; font-size:14px;}
.mpp .pager .on{background:var(--ink); color:var(--paper); border-color:var(--ink);}
.mpp .aside{display:grid; gap:24px; align-content:start;}
.mpp .box{background:var(--white); border:1px solid var(--line); border-radius:var(--r-m); padding:20px;}
.mpp .box h3{font-size:17px; margin-bottom:12px;}
.mpp .box ul{list-style:none; margin:0; padding:0;}
.mpp .box li{padding:8px 0; border-top:1px solid var(--line-2); font-size:15px;}
.mpp .box li a{color:var(--ink);}
.mpp .box li span{float:right; color:var(--muted); font-size:13px;}
.mpp .box.sp{background:var(--sponsor-bg); border-color:var(--sponsor);}
.mpp .box.sp p{font-size:14px; color:var(--sponsor); margin:0 0 10px;}
.mpp .empty{padding:48px 24px; text-align:center; color:var(--muted); background:var(--white); border:1px dashed var(--line); border-radius:var(--r-m);}
.mpp .art{display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:48px; padding:0 0 64px;}
.mpp .art .hdr{padding:36px 0 24px;}
.mpp .art .hdr h1{max-width:24ch; font-size:clamp(30px,3.8vw,46px);}
.mpp .art .meta{display:flex; gap:16px; flex-wrap:wrap; font-size:14px; color:var(--muted); align-items:center;}
.mpp .art .meta b{color:var(--text); font-weight:500;}
.mpp .art .lead{font-family:var(--serif); font-size:21px; line-height:1.5; color:var(--text); max-width:62ch; margin:18px 0 0;}
.mpp .art .cover{aspect-ratio:21/9; border-radius:var(--r-m); display:grid; place-items:center; margin:8px 0 28px;}
.mpp .art .cover svg{width:120px; height:120px;}
.mpp .toc{background:var(--mist-2); border-left:4px solid var(--brand); padding:16px 20px; margin:0 0 28px; border-radius:0 var(--r-s) var(--r-s) 0;}
.mpp .toc b{display:block; margin-bottom:6px; color:var(--ink);}
.mpp .toc ol{margin:0; padding-left:20px; font-size:15px;}
.mpp .toc li{margin:4px 0;}
.mpp .prose{font-family:var(--serif); font-size:18.5px; line-height:1.68; max-width:68ch; color:var(--text);}
.mpp .prose h2{font-size:28px; margin:1.4em 0 .5em;}
.mpp .prose h3{font-size:22px; margin:1.2em 0 .4em;}
.mpp .prose p,.mpp .prose ul,.mpp .prose ol{margin:0 0 1.1em;}
.mpp .prose blockquote{margin:1.4em 0; padding:4px 0 4px 22px; border-left:3px solid var(--accent); font-style:italic; color:var(--ink);}
.mpp .prose .ph{background:var(--line-2); border:1px dashed var(--line); color:var(--muted); font:italic 15px var(--sans); padding:18px; border-radius:var(--r-s); margin:0 0 1.2em;}
.mpp .pill{background:var(--white); border:1px solid var(--line); border-radius:var(--r-m); padding:20px 22px; margin:0 0 1.4em; font-family:var(--sans); font-size:15.5px;}
.mpp .pill b{display:block; font-family:var(--serif); font-size:19px; color:var(--ink); margin-bottom:8px;}
.mpp .pill ul{margin:0; padding-left:18px;}
.mpp .faq details{border-top:1px solid var(--line); padding:10px 0; font-family:var(--sans); font-size:16px;}
.mpp .faq details:last-child{border-bottom:1px solid var(--line);}
.mpp .faq summary{cursor:pointer; font-weight:600; color:var(--ink); list-style:none; display:flex; justify-content:space-between; gap:12px;}
.mpp .faq summary::after{content:"+"; color:var(--brand); font-weight:600;}
.mpp .faq details[open] summary::after{content:"–";}
.mpp .faq p{margin:8px 0 2px; font-size:15.5px;}
.mpp .disc{font-family:var(--sans); font-size:14px; color:var(--muted); border-top:1px solid var(--line); padding-top:14px; margin-top:28px;}
.mpp .author{display:flex; gap:16px; align-items:center; background:var(--white); border:1px solid var(--line); border-radius:var(--r-m); padding:18px; margin-top:28px; font-family:var(--sans); font-size:15px;}
.mpp .author .av{width:56px; height:56px; border-radius:50%; background:var(--mist); color:var(--brand); display:grid; place-items:center; font:600 18px var(--serif); flex:none;}
.mpp .author b{display:block; color:var(--ink);}
.mpp .share{display:flex; gap:8px; flex-wrap:wrap; margin-top:20px;}
.mpp .prevnext{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:32px;}
.mpp .prevnext a{border:1px solid var(--line); border-radius:var(--r-m); padding:14px 16px; color:var(--ink); background:var(--white);}
.mpp .prevnext a small{display:block; color:var(--muted); font-size:13px; margin-bottom:4px;}
.mpp .prevnext a:last-child{text-align:right;}
.mpp .sticky{position:sticky; top:calc(env(safe-area-inset-top,0px) + 92px);}
.mpp .layout > .aside.sticky{align-self:start;}
.mpp .art > .aside{position:static; align-self:stretch;}
.mpp .art .sticktoc{position:sticky; top:calc(env(safe-area-inset-top,0px) + 92px);}
.mpp .spbar{background:var(--sponsor-bg); color:var(--sponsor); border:1px solid var(--sponsor); border-radius:var(--r-s); padding:10px 14px; font-size:14px; margin:0 0 20px;}
.mpp .static{display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:48px; padding:40px 0 64px;}
.mpp .team{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
.mpp .person{background:var(--white); border:1px solid var(--line); border-radius:var(--r-m); padding:18px;}
.mpp .person .av{width:64px; height:64px; border-radius:50%; background:var(--mist); display:grid; place-items:center; color:var(--brand); font:600 20px var(--serif); margin-bottom:10px;}
.mpp .person b{display:block; color:var(--ink);}
.mpp .person span{font-size:14px; color:var(--muted);}
.mpp .form{display:grid; gap:14px;}
.mpp .form label{display:grid; gap:6px; font-weight:500; font-size:14px; color:var(--ink);}
.mpp .form input,.mpp .form textarea,.mpp .form select{font:inherit; padding:11px 12px; border:1px solid var(--line); border-radius:var(--r-s); background:var(--white); color:var(--ink);}
.mpp .form .row{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
.mpp .form .ok{background:var(--mist-2); border:1px solid var(--brand); border-radius:var(--r-s); padding:14px; color:var(--ink);}
.mpp .docs{list-style:none; margin:0; padding:0;}
.mpp .docs li{display:flex; justify-content:space-between; gap:12px; padding:12px 0; border-top:1px solid var(--line);}
.mpp .ft{background:var(--ink); color:#B9C9CE; font-size:14px; margin-top:0;}
.mpp .ft .in{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:32px; padding-top:48px; padding-bottom:28px;}
.mpp .ft h4{color:#fff; font-family:var(--sans); font-size:14px; margin-bottom:10px;}
.mpp .ft a{color:#E2ECEF; display:block; padding:4px 0;}
.mpp .ft .logo{color:#fff; margin-bottom:12px;}
.mpp .ft .logo small{color:#9FB3B9;}
.mpp .ft .bottom{border-top:1px solid rgba(255,255,255,.12);}
.mpp .ft .bottom .in{display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; padding:16px 24px; font-size:13px;}
.mpp .ft .bottom a{display:inline; padding:0 10px 0 0;}
.mpp .modal{position:fixed; inset:0; background:rgba(14,31,38,.55); z-index:80; display:none; align-items:flex-start; justify-content:center; padding:min(12vh,96px) 16px 16px;}
.mpp .modal.open{display:flex;}
.mpp .modal .win{background:var(--white); border-radius:var(--r-l); width:min(720px,100%); box-shadow:var(--shadow); overflow:hidden;}
.mpp .modal .win input{width:100%; border:0; border-bottom:1px solid var(--line); padding:18px 20px; font:inherit; font-size:18px; background:transparent; color:var(--ink);}
.mpp .modal .win input:focus{outline:none;}
.mpp .res{max-height:52vh; overflow:auto;}
.mpp .res a{display:grid; grid-template-columns:1fr auto; gap:12px; padding:12px 20px; color:var(--ink); border-top:1px solid var(--line-2);}
.mpp .res a:hover,.mpp .res a.sel{background:var(--mist-2); text-decoration:none;}
.mpp .res a span{color:var(--muted); font-size:13px; white-space:nowrap;}
.mpp .res .none{padding:20px; color:var(--muted);}
.mpp .modal .foot{padding:10px 20px; font-size:12px; color:var(--muted); border-top:1px solid var(--line); display:flex; gap:14px;}
.mpp .a11y{position:fixed; right:16px; bottom:76px; z-index:70; background:var(--white); border:1px solid var(--line); border-radius:var(--r-m); box-shadow:var(--shadow); padding:16px; width:260px; display:none;}
.mpp .a11y.open{display:block;}
.mpp .a11y h3{font-size:15px; margin-bottom:10px; font-family:var(--sans);}
.mpp .a11y .r{display:flex; justify-content:space-between; align-items:center; padding:8px 0; border-top:1px solid var(--line-2); font-size:14px;}
.mpp .a11y .r div{display:flex; gap:4px;}
.mpp .a11y .r button{border:1px solid var(--line); background:var(--white); color:var(--ink); border-radius:var(--r-s); padding:4px 9px; font-size:13px;}
.mpp .a11y .r button.on{background:var(--ink); color:var(--paper); border-color:var(--ink);}
.mpp .fab{position:fixed; right:16px; bottom:16px; z-index:70; width:48px; height:48px; border-radius:50%; background:var(--ink); color:var(--paper); border:0; box-shadow:var(--shadow); display:grid; place-items:center;}
.mpp .cookie{position:fixed; left:16px; right:16px; bottom:16px; z-index:75; background:var(--white); border:1px solid var(--line); border-radius:var(--r-m); box-shadow:var(--shadow); padding:16px 18px; display:none; gap:14px; align-items:center; max-width:760px; margin:0 auto; font-size:14px;}
.mpp .cookie.open{display:flex;}
.mpp .cookie p{margin:0; flex:1;}
.mpp .mbar{display:none;}
.mpp .toast{position:fixed; left:50%; bottom:80px; transform:translateX(-50%); background:var(--ink); color:var(--paper); padding:10px 16px; border-radius:var(--r-s); font-size:14px; z-index:90; opacity:0; transition:opacity .2s; pointer-events:none;}
.mpp .toast.on{opacity:1;}
@media (max-width:1100px){.mpp .tgrid{grid-template-columns:repeat(3,1fr);}
.mpp .grid4{grid-template-columns:repeat(2,1fr);}
.mpp .ft .in{grid-template-columns:1fr 1fr;}}
@media (max-width:900px){.mpp .nav,.mpp .hd .tools .lbl{display:none;}
.mpp .burger{display:inline-flex; margin-left:auto;}
.mpp .hero .in{grid-template-columns:minmax(0,1fr); gap:28px; padding-top:36px; padding-bottom:36px;}
.mpp .hero .in > *{min-width:0;}
.mpp .logo{white-space:normal; font-size:19px;}
.mpp .logo small{display:none;}
.mpp .hd .in{gap:12px;}
.mpp .heroaside{border-left:0; padding-left:0; border-top:1px solid var(--line); padding-top:20px;}
.mpp .feat,.mpp .grid3,.mpp .guide,.mpp .trust,.mpp .layout,.mpp .art,.mpp .static,.mpp .nl{grid-template-columns:minmax(0,1fr);}
.mpp .team{grid-template-columns:1fr 1fr;}
.mpp .sticky{position:static;}
.mpp .mbar{display:flex; position:fixed; left:0; right:0; bottom:0; z-index:65; background:var(--white); border-top:1px solid var(--line); padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px)); gap:8px;}
.mpp .mbar a{flex:1;}
.mpp .fab{bottom:72px;}
.mpp .a11y{bottom:132px;}
.mpp .cookie{bottom:70px;}}
@media (max-width:600px){.mpp .tgrid{grid-template-columns:1fr 1fr;}
.mpp .grid4,.mpp .team{grid-template-columns:minmax(0,1fr);}
.mpp .tgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
.mpp .rows li{grid-template-columns:1fr;}
.mpp .rows .ph{display:none;}
.mpp .form .row{grid-template-columns:1fr;}
.mpp .ft .in{grid-template-columns:1fr;}
.mpp .prevnext{grid-template-columns:1fr;}
.mpp .prevnext a:last-child{text-align:left;}
.mpp .list li{grid-template-columns:1fr;}}
@media (prefers-reduced-motion: reduce){.mpp *{transition:none !important; animation:none !important;}}
@media print{.mpp .hd,.mpp .ft,.mpp .testbar,.mpp .fab,.mpp .a11y,.mpp .cookie,.mpp .mbar,.mpp .aside,.mpp .share,.mpp .prevnext,.mpp .mnav{display:none !important;}
.mpp .art{grid-template-columns:1fr;}
.mpp .prose{max-width:none;}}
.mpp .utility{background:var(--ink); color:#C5D4D9; font-size:13px;}
.mpp .utility .in{display:flex; justify-content:space-between; align-items:center; gap:16px; min-height:34px;}
.mpp .utility a{color:#E6EEF1;}
.mpp .utility .l{display:flex; gap:18px; align-items:center;}
.mpp .utility .r{display:flex; gap:16px; align-items:center;}
.mpp .utility .sos{display:inline-flex; align-items:center; gap:6px;}
.mpp .utility .sos b{background:var(--danger); color:#fff; padding:1px 7px; border-radius:4px; font-weight:600;}
.mpp .hd .in{min-height:78px;}
.mpp .nav{margin-left:0;}
.mpp .nav > a,.mpp .nav .dd > a{color:var(--ink); font-weight:500; padding:12px 14px; border-radius:var(--r-s); display:inline-flex; align-items:center; gap:6px;}
.mpp .nav .dd{position:relative;}
.mpp .nav .dd > a::after{content:""; width:7px; height:7px; border-right:1.6px solid currentColor; border-bottom:1.6px solid currentColor; transform:rotate(45deg) translateY(-2px); opacity:.6;}
.mpp .mega{position:absolute; left:50%; top:calc(100% + 10px); transform:translateX(-50%); width:min(880px,calc(100vw - 48px)); background:var(--white); border:1px solid var(--line); border-radius:var(--r-l); box-shadow:var(--shadow); padding:20px; display:none; grid-template-columns:1.6fr 1fr; gap:24px; z-index:60;}
.mpp .mega::before{content:""; position:absolute; left:0; right:0; top:-12px; height:12px;}
.mpp .dd.open .mega,.mpp .dd:hover .mega,.mpp .dd:focus-within .mega{display:grid;}
.mpp .mega .cols{display:grid; grid-template-columns:1fr 1fr; gap:4px 16px;}
.mpp .mega .cols a{display:flex; gap:10px; align-items:center; padding:8px 10px; border-radius:var(--r-s); color:var(--ink);}
.mpp .mega .cols a:hover{background:var(--mist-2); text-decoration:none;}
.mpp .mega .cols .g{width:30px; height:30px; border-radius:8px; display:grid; place-items:center; flex:none;}
.mpp .mega .cols .g svg{width:18px; height:18px;}
.mpp .mega .cols b{display:block; font-size:14px; font-weight:600; line-height:1.2;}
.mpp .mega .cols span{font-size:12px; color:var(--muted);}
.mpp .mega .side{border-left:1px solid var(--line); padding-left:24px;}
.mpp .mega .side h4{font:600 12px var(--sans); letter-spacing:.04em; color:var(--muted); margin:4px 0 10px;}
.mpp .mega .side a.item{display:block; padding:7px 0; border-top:1px solid var(--line-2); color:var(--ink); font-family:var(--serif); font-weight:600; font-size:15px; line-height:1.3;}
.mpp .mega .side a.item small{display:block; font:400 12px var(--sans); color:var(--muted); margin-top:2px;}
.mpp .mega .all{grid-column:1/-1; border-top:1px solid var(--line); padding-top:12px; display:flex; justify-content:space-between; align-items:center; font-size:14px;}
.mpp .hd .cta{display:inline-flex;}
.mpp .progress{position:fixed; left:0; top:env(safe-area-inset-top,0px); height:3px; background:var(--accent); width:0; z-index:61; transition:width .1s linear;}
.mpp .mnav .grp{padding:10px 24px 4px; font:600 12px var(--sans); letter-spacing:.04em; color:var(--muted); border-top:1px solid var(--line);}
.mpp .mnav .grp + a{border-top:0;}
.mpp .mnav .sub{padding-left:40px; font-weight:400;}
.mpp .ft .top{border-bottom:1px solid rgba(255,255,255,.12);}
.mpp .ft .top .in{display:grid; grid-template-columns:1.2fr .8fr; gap:32px; padding:40px 24px 32px; align-items:center;}
.mpp .ft .top h3{color:#fff; font-size:24px; margin-bottom:6px;}
.mpp .ft .top p{margin:0; color:#B9C9CE; max-width:52ch;}
.mpp .ft .top form{display:flex; gap:8px;}
.mpp .ft .top input{flex:1; border:1px solid rgba(255,255,255,.25); background:rgba(255,255,255,.06); color:#fff; border-radius:var(--r-s); padding:12px 14px; font:inherit; min-width:0;}
.mpp .ft .top input::placeholder{color:#8FA3AA;}
.mpp .ft .in.cols{grid-template-columns:1.6fr 1fr 1fr 1fr 1fr; padding-top:40px; padding-bottom:32px;}
.mpp .ft .cols p{margin:8px 0 16px;}
.mpp .ft .soc{display:flex; gap:8px;}
.mpp .ft .soc a{display:grid; place-items:center; width:36px; height:36px; border:1px solid rgba(255,255,255,.2); border-radius:50%; padding:0;}
.mpp .ft .soc a:hover{background:rgba(255,255,255,.1); text-decoration:none;}
.mpp .ft .soc svg{width:16px; height:16px;}
.mpp .ft .badges{display:flex; gap:10px; flex-wrap:wrap; margin-top:18px;}
.mpp .ft .badge{font-size:12px; border:1px solid rgba(255,255,255,.2); border-radius:999px; padding:5px 11px; color:#D6E3E7;}
.mpp .ft .partners{border-top:1px solid rgba(255,255,255,.12);}
.mpp .ft .partners .in{display:flex; gap:8px 24px; flex-wrap:wrap; align-items:center; padding:14px 24px; font-size:13px;}
.mpp .ft .partners span{color:#8FA3AA;}
.mpp .ft .partners a{display:inline; padding:0;}
.mpp .ft .bottom .in{align-items:center;}
.mpp .ft .bottom .legal{color:#8FA3AA; font-size:12px; max-width:70ch;}
.mpp .ft .toTop{display:inline-flex; align-items:center; gap:6px;}
.mpp .art{grid-template-columns:minmax(0,1fr) 320px;}
.mpp .art .hdr{padding:28px 0 20px;}
.mpp .art .kicker{display:flex; gap:10px; align-items:center; margin-bottom:14px;}
.mpp .art .kicker .chip{font-size:13px; padding:5px 11px;}
.mpp .art .meta{gap:0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:12px 0; margin-top:22px;}
.mpp .art .meta > span{padding:0 16px; border-left:1px solid var(--line);}
.mpp .art .meta > span:first-child{padding-left:0; border-left:0;}
.mpp .art .meta .upd{color:var(--brand);}
.mpp .art .cover{aspect-ratio:2/1; margin:24px 0 10px; position:relative;}
.mpp .art .cover figcaption{position:absolute; left:14px; bottom:10px; font-size:12px; color:var(--muted); font-family:var(--sans);}
.mpp figure{margin:0;}
.mpp .sticktoc{background:var(--white); border:1px solid var(--line); border-radius:var(--r-m); padding:18px 20px;}
.mpp .sticktoc b{display:block; font-size:12px; letter-spacing:.04em; color:var(--muted); margin-bottom:8px;}
.mpp .sticktoc ol{list-style:none; margin:0; padding:0; counter-reset:toc;}
.mpp .sticktoc li{counter-increment:toc;}
.mpp .sticktoc a{display:flex; gap:10px; padding:7px 0; border-left:2px solid transparent; padding-left:10px; margin-left:-12px; color:var(--text); font-size:14px; line-height:1.35;}
.mpp .sticktoc a::before{content:counter(toc,decimal-leading-zero); color:var(--muted); font-size:12px; font-variant-numeric:tabular-nums;}
.mpp .sticktoc a.on{border-left-color:var(--brand); color:var(--brand); font-weight:600;}
.mpp .sticktoc a:hover{text-decoration:none; color:var(--brand);}
.mpp .sticktoc .tools{display:flex; gap:6px; margin-top:12px; padding-top:12px; border-top:1px solid var(--line-2);}
.mpp .sticktoc .tools button,.mpp .sticktoc .tools a{flex:1; border:1px solid var(--line); background:var(--white); color:var(--ink); border-radius:var(--r-s); padding:6px 4px; font-size:12px; text-align:center;}
.mpp .facts{background:var(--mist-2); border-radius:var(--r-m); padding:20px 22px; margin:0 0 1.6em; font-family:var(--sans); border:1px solid var(--mist);}
.mpp .facts b{display:flex; align-items:center; gap:8px; font-family:var(--serif); font-size:19px; color:var(--ink); margin-bottom:10px;}
.mpp .facts ul{margin:0; padding:0; list-style:none; display:grid; gap:8px;}
.mpp .facts li{padding-left:22px; position:relative; font-size:15.5px;}
.mpp .facts li::before{content:""; position:absolute; left:0; top:9px; width:10px; height:10px; border-radius:3px; background:var(--brand);}
.mpp .callout{display:flex; gap:14px; background:var(--white); border:1px solid var(--line); border-left:4px solid var(--accent); border-radius:0 var(--r-m) var(--r-m) 0; padding:14px 16px; margin:1.4em 0; font-family:var(--sans); font-size:15px;}
.mpp .callout .ic{width:32px; height:32px; border-radius:8px; background:var(--accent); display:grid; place-items:center; flex:none; color:#1b1400; font-weight:700;}
.mpp .callout b{display:block; color:var(--ink);}
.mpp .callout.warn{border-left-color:var(--danger);}
.mpp .callout.warn .ic{background:var(--danger); color:#fff;}
.mpp .prose table{border-collapse:collapse; width:100%; font-family:var(--sans); font-size:14.5px; margin:0 0 1.4em;}
.mpp .prose th,.mpp .prose td{text-align:left; padding:10px 12px; border-bottom:1px solid var(--line); vertical-align:top;}
.mpp .prose th{background:var(--mist-2); color:var(--ink); font-weight:600;}
.mpp .tblwrap{overflow-x:auto;}
.mpp .steps{list-style:none; margin:0 0 1.4em; padding:0; counter-reset:st; font-family:var(--sans);}
.mpp .steps li{counter-increment:st; display:grid; grid-template-columns:36px 1fr; gap:14px; padding:12px 0; border-top:1px solid var(--line); font-size:15.5px;}
.mpp .steps li::before{content:counter(st); width:32px; height:32px; border-radius:50%; background:var(--ink); color:var(--paper); display:grid; place-items:center; font-weight:600; font-size:14px;}
.mpp .steps li b{display:block; color:var(--ink);}
.mpp .pull{margin:1.8em 0; padding:0 0 0 26px; border-left:3px solid var(--brand);}
.mpp .pull p{font-size:24px; line-height:1.35; color:var(--ink); font-style:italic; margin:0 0 .4em;}
.mpp .pull cite{font:500 14px var(--sans); color:var(--muted); font-style:normal;}
.mpp .sources{font-family:var(--sans); font-size:14px;}
.mpp .sources ol{padding-left:20px; margin:0;}
.mpp .sources li{margin:6px 0; color:var(--text);}
.mpp .tags{display:flex; flex-wrap:wrap; gap:8px; margin-top:20px;}
.mpp .tags a{font:500 13px var(--sans); color:var(--ink); background:var(--white); border:1px solid var(--line); border-radius:999px; padding:6px 12px;}
.mpp .tags a:hover{border-color:var(--brand); color:var(--brand); text-decoration:none;}
.mpp .review{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:28px;}
.mpp .review .person{display:flex; gap:14px; align-items:center; margin:0;}
.mpp .review .person .av{margin:0; width:52px; height:52px; font-size:17px;}
.mpp .review .person b{font-family:var(--sans);}
.mpp .review .person span{display:block;}
.mpp .changelog{margin-top:16px; font:13px var(--sans); color:var(--muted); border:1px dashed var(--line); border-radius:var(--r-s); padding:10px 14px;}
.mpp .sharebar{display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-top:22px; padding-top:16px; border-top:1px solid var(--line);}
.mpp .sharebar span{font-size:13px; color:var(--muted); margin-right:4px;}
.mpp .sharebar a,.mpp .sharebar button{display:inline-flex; align-items:center; gap:6px; border:1px solid var(--line); background:var(--white); color:var(--ink); border-radius:var(--r-s); padding:7px 11px; font-size:13px; font-weight:500;}
.mpp .sharebar a:hover,.mpp .sharebar button:hover{border-color:var(--brand); color:var(--brand); text-decoration:none;}
.mpp .sharebar svg{width:15px; height:15px;}
.mpp .aside .box.key{border-top:4px solid var(--accent);}
.mpp .aside .box.key li{border:0; padding:6px 0;}
.mpp .aside .box.key li b{display:block; color:var(--ink); font-family:var(--serif); font-size:22px; line-height:1;}
.mpp .aside .box.key li span{float:none; font-size:13px;}
.mpp .fsctl{display:flex; gap:4px;}
.mpp .fsctl button{border:1px solid var(--line); background:var(--white); color:var(--ink); border-radius:var(--r-s); padding:2px 8px; font-size:13px;}
.mpp .prose.lg{font-size:20.5px;}
.mpp .prose.sm{font-size:17px;}
@media (max-width:1100px){.mpp .ft .in.cols{grid-template-columns:1fr 1fr 1fr;}}
@media (max-width:900px){.mpp .utility .r .hide-m,.mpp .utility .l .hide-m{display:none;}
.mpp .ft .top .in,.mpp .review{grid-template-columns:1fr;}}
@media (max-width:600px){.mpp .ft .in.cols{grid-template-columns:1fr;}
.mpp .art .meta > span{border:0; padding:3px 0; display:block;}
.mpp .pull p{font-size:20px;}}
.mpp .cardlink,.mpp .phlink{display:block; color:inherit;}
.mpp .card{color:var(--ink);}
.mpp .card h3 a{color:var(--ink);}
.mpp .card h3 a:hover{color:var(--brand); text-decoration:none;}
.mpp .ph.has-img,.mpp .cover.has-img{overflow:hidden;}
.mpp .ph.has-img img,.mpp .cover.has-img img{width:100%; height:100%; object-fit:cover; display:block;}
.mpp .rows .ph{overflow:hidden;}
.mpp .rows .ph img{width:100%; height:100%; object-fit:cover; display:block;}
.mpp .card .ph{position:relative; overflow:hidden;}
.mpp .card .ph > svg{width:34%; height:auto;}
.mpp .card .ph.has-img > svg{display:none;}
.mpp .art .cover.has-img{aspect-ratio:auto; display:block;}
.mpp .art .cover.has-img img{width:100%; height:auto; border-radius:var(--r-m);}
.mpp .art .cover figcaption{position:static; margin-top:6px;}
.mpp .hero .heroaside .more,.mpp .box .more{margin:12px 0 0; font-size:14px;}
.mpp .single-col{padding:40px 0 64px;}
.mpp .page-prose{max-width:none;}
.mpp .page-prose > :where(p,ul,ol,h2,h3,blockquote){max-width:68ch;}
.mpp .page-prose :where(h2){font-size:28px; margin:1.4em 0 .5em;}
.mpp .page-prose :where(h2:first-child){margin-top:0;}
.mpp .page-prose .form,.mpp .page-prose .box{font-family:var(--sans);}
.mpp .tcard{display:block;}
.mpp .tcard .thd{display:flex; gap:14px; align-items:center; margin-bottom:12px;}
.mpp .tcard .thd h3{margin:0;}
.mpp .tcard .thd span{font-size:13px; color:var(--muted);}
.mpp .tcard .last{margin-top:12px; font-size:14px; color:var(--muted);}
.mpp .tcard .price{margin-top:12px;}
.mpp .tcard .price b{color:var(--ink);}
.mpp .oferta .bd p{font-family:var(--sans); font-size:15px;}
.mpp .nf{padding:72px 0 96px; max-width:640px;}
.mpp .nf .lead{font-size:18px;}
.mpp .nf .btns{margin-top:20px; display:flex; gap:8px; flex-wrap:wrap;}
.mpp .hp{position:absolute; left:-9999px;}
.mpp .form .chk{display:grid; grid-template-columns:auto 1fr; align-items:start; gap:10px; font-weight:400;}
.mpp .form .chk input{margin-top:4px;}
.mpp .form .ok.err{border-color:var(--danger);}
.mpp .nums{font-family:var(--sans); margin:0 0 1.4em;}
.mpp .nums ul{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px;}
.mpp .nums li{background:var(--white); border:1px solid var(--line); border-radius:var(--r-m); padding:14px 16px;}
.mpp .nums li b{display:block; font-family:var(--serif); font-size:26px; color:var(--brand); line-height:1; margin-bottom:6px;}
.mpp .nums li span{font-size:13px; color:var(--muted);}
.mpp .callout.link .ic{background:var(--brand); color:#fff;}
.mpp .callout.link{border-left-color:var(--brand);}
.mpp .art .meta .small,.mpp .art .kicker .small{font-size:13px; color:var(--muted);}
.mpp .spbar.inline{display:inline-block; margin-top:12px;}
.mpp .box p.small{margin:0; font-size:15px;}
.mpp .nlform{display:flex; gap:8px;}
.mpp .nlform input[type="email"]{flex:1; border:1px solid rgba(255,255,255,.25); background:rgba(255,255,255,.06); color:#fff; border-radius:var(--r-s); padding:12px 14px; font:inherit; min-width:0;}
.mpp .nlform input::placeholder{color:#8FA3AA;}
.mpp .ft .nlok{margin-top:8px; color:var(--accent); font-weight:600;}
.mpp .mobile-toc{display:none;}
.mpp .rows .meta .chip{font-size:12px;}
.mpp .comments{margin-top:36px; font-family:var(--sans);}
.mpp .comments .clist{list-style:none; padding:0;}
.mpp .comments .comment{border-top:1px solid var(--line); padding:14px 0;}
.mpp .comments .comment-form input,.mpp .comments .comment-form textarea{font:inherit; padding:10px 12px; border:1px solid var(--line); border-radius:var(--r-s); width:100%; max-width:100%; background:var(--white); color:var(--ink);}
.mpp .comments .submit{background:var(--brand); color:#fff; border:0; border-radius:var(--r-s); padding:12px 20px; font-weight:600;}
.mpp .prose :where(img){max-width:100%; height:auto; border-radius:var(--r-s);}
.mpp .prose :where(figure){margin:0 0 1.4em;}
.mpp .prose :where(figcaption){font:13px var(--sans); color:var(--muted); margin-top:6px;}
.mpp .prose :where(a:not(.btn):not(.chip)){color:var(--brand); text-decoration:underline; text-decoration-color:var(--mist); text-underline-offset:3px;}
.mpp .prose :where(a:not(.btn):not(.chip):hover){text-decoration-color:var(--brand);}
.mpp .prose :where(h2){font-size:28px; margin:1.4em 0 .5em;}
.mpp .prose :where(h3){font-size:22px; margin:1.2em 0 .4em;}
.mpp .prose :where(h4){font-size:19px; margin:1.1em 0 .3em;}
.mpp .prose :where(p,ul,ol){margin:0 0 1.1em;}
.mpp .prose :where(ul,ol){padding-left:24px;}
.mpp .prose :where(strong){color:var(--ink);}
.mpp .prose :where(table){border-collapse:collapse; width:100%; font-family:var(--sans); font-size:14.5px; margin:0 0 1.4em;}
.mpp .prose :where(th,td){text-align:left; padding:10px 12px; border-bottom:1px solid var(--line); vertical-align:top;}
.mpp .prose :where(th){background:var(--mist-2); color:var(--ink); font-weight:600;}
.mpp .prose :where(.wp-block-table){overflow-x:auto;}
.mpp .prose :where(.wp-block-image){margin:0 0 1.4em;}
.mpp .prose :where(iframe,video){max-width:100%;}
@media (max-width:900px){.mpp .mobile-toc{display:block;}
.mpp .sticktoc{display:none;}
.mpp .single-col{padding-top:24px;}}
.mpp .res a .t{color:var(--ink); font-weight:500;}
.mpp .res a .t.more{color:var(--brand);}