/* MartGain — Articles hub + single article. Built on home.css / pages.css tokens. */
.mgart-n{font-family:var(--mg-latin);direction:ltr;unicode-bidi:isolate;display:inline-block;font-variant-numeric:lining-nums;line-height:1.3}

/* ---------- hub: tools */
.mgart-tools{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center;justify-content:space-between;margin-bottom:clamp(1.4rem,3vw,2.2rem)}
.mgart-chips{display:flex;flex-wrap:wrap;gap:.5rem;min-width:0}
.mgart-chips a{display:inline-flex;align-items:center;gap:.5rem;min-height:40px;padding:.45rem .95rem;border-radius:999px;border:1px solid var(--mg-line-2);background:var(--mg-raised);color:var(--mg-muted);font-size:.9rem;font-weight:600;transition:background .25s,color .25s,border-color .25s,transform .25s var(--mg-ease-o)}
.mgart-chips a svg{width:16px;height:16px;flex:none;opacity:.8}
.mgart-chips a b{font-size:.75rem;font-weight:700;min-width:1.6em;padding:.1em .45em;border-radius:999px;background:var(--mg-sunken);color:var(--mg-faint);text-align:center}
.mgart-chips a:hover{color:var(--mg-ink);border-color:var(--mg-g);transform:translateY(-1px)}
.mgart-chips a.is-on{background:var(--mg-g);border-color:var(--mg-g);color:#050505}
.mgart-chips a.is-on b{background:rgba(0,0,0,.14);color:#050505}
.mgart-search{flex:0 1 340px;min-width:min(100%,240px)}
.mgart-search label{position:relative;display:flex;align-items:center;width:100%}
.mgart-found{margin:0 0 1.4rem;color:var(--mg-muted);display:flex;flex-wrap:wrap;gap:.5rem .8rem;align-items:baseline}
.mgart-found b{color:var(--mg-ink)}
.mgart-none{padding:3rem 1rem;text-align:center}

/* ---------- cards */
.mgart-feat,.mgart-grid{list-style:none;margin:0;padding:0}
.mgart-grid{display:grid;gap:clamp(.9rem,2vw,1.4rem);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));margin-top:clamp(1rem,2.5vw,1.6rem)}
.mgart-card{min-width:0;border-radius:var(--mg-r-lg)}
.mgart-card>a{position:relative;display:flex;flex-direction:column;height:100%;border-radius:inherit;border:1px solid var(--mg-line);background:var(--mg-card);overflow:hidden;isolation:isolate;transition:border-color var(--mg-fast),transform var(--mg-base) var(--mg-ease),box-shadow .4s}
.mgart-card>a::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(380px circle at var(--gx,50%) var(--gy,0%),var(--mg-g-soft),transparent 60%);opacity:0;transition:opacity .35s}
.mgart-card:hover>a::after{opacity:1}
.mgart-card>a:hover{border-color:var(--mg-g);transform:translateY(-3px);box-shadow:0 22px 40px -30px var(--mg-g-glow)}
.mgart-card__img{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--mg-sunken);border-bottom:1px solid var(--mg-line)}
.mgart-card__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--mg-ease)}
.mgart-card>a:hover .mgart-card__img img{transform:scale(1.04)}
.mgart-ph{position:absolute;inset:0;display:grid;place-items:center;color:var(--mg-g-ink);background:
 repeating-linear-gradient(90deg,transparent 0 47px,var(--mg-line) 47px 48px),
 repeating-linear-gradient(0deg,transparent 0 47px,var(--mg-line) 47px 48px),
 linear-gradient(135deg,var(--mg-g-soft),transparent 70%),var(--mg-sunken)}
.mgart-ph svg{width:clamp(44px,28%,72px);height:auto;stroke-width:1.2;opacity:.85}
.mgart-card__body{display:flex;flex-direction:column;gap:.65rem;padding:1.15rem 1.2rem 1.25rem;flex:1}
.mgart-cat{display:inline-flex;align-self:flex-start;font-size:.78rem;font-weight:700;letter-spacing:.02em;color:var(--mg-g-ink);padding:.18rem .65rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--mg-g) 45%,var(--mg-line));background:var(--mg-g-soft)}
.mgart-cat a{color:inherit}
.mgart-flag{font-family:var(--mg-latin);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mg-faint)}
[dir=rtl] .mgart-flag{font-family:var(--mg-font);letter-spacing:0;text-transform:none;font-size:.8rem}
.mgart-card__t{margin:0;font-size:1.18rem;line-height:1.45;font-weight:800;color:var(--mg-ink);text-wrap:balance}
.mgart-card__ex{color:var(--mg-muted);font-size:.95rem;line-height:1.75;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mgart-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .7rem;color:var(--mg-faint);font-size:.84rem}
.mgart-meta__dot{width:3px;height:3px;border-radius:50%;background:var(--mg-faint)}
.mgart-card .mgart-meta{margin-top:auto;padding-top:.4rem}
.mgart-card .mgart-meta .mg-arrow{margin-inline-start:auto}
.mgart-card>a:hover .mg-arrow{background:var(--mg-g);border-color:var(--mg-g);color:#050505}
/* featured */
.mgart-card--feat>a{display:grid;grid-template-columns:1.1fr 1fr}
.mgart-card--feat .mgart-card__img{aspect-ratio:auto;min-height:340px;height:100%;border-bottom:0;border-inline-end:1px solid var(--mg-line)}
.mgart-card--feat .mgart-card__body{justify-content:center;gap:.9rem;padding:clamp(1.4rem,3vw,2.6rem)}
.mgart-card--feat .mgart-card__t{font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1.35}
.mgart-card--feat .mgart-card__ex{-webkit-line-clamp:4;font-size:1.02rem}
@media (max-width:860px){.mgart-card--feat>a{grid-template-columns:1fr}.mgart-card--feat .mgart-card__img{min-height:0;aspect-ratio:16/10;border-inline-end:0;border-bottom:1px solid var(--mg-line)}}

/* pager */
.mgart-pager{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:center;margin-top:clamp(2rem,4vw,3rem)}
.mgart-pager ul{display:flex;gap:.4rem;list-style:none;margin:0;padding:0;align-items:center}
.mgart-pager li a,.mgart-pager li span.is-cur{display:grid;place-items:center;min-width:42px;height:42px;padding-inline:.6rem;border-radius:12px;border:1px solid var(--mg-line-2);background:var(--mg-raised);color:var(--mg-muted);font-weight:700;transition:border-color .2s,color .2s}
.mgart-pager li a:hover{border-color:var(--mg-g);color:var(--mg-ink)}
.mgart-pager li span.is-cur{background:var(--mg-g);border-color:var(--mg-g);color:#050505}
.mgart-pager__gap{color:var(--mg-faint)}
.mgart-pager__nav{display:inline-flex;align-items:center;gap:.5rem;height:42px;padding-inline:1rem;border-radius:12px;border:1px solid var(--mg-line-2);color:var(--mg-ink);font-weight:700;transition:border-color .2s}
.mgart-pager__nav:hover{border-color:var(--mg-g)}
.mgart-pager__nav svg{width:16px;height:16px}

/* newsletter strip */
.mgart-news{display:flex;flex-wrap:wrap;gap:1.2rem 2rem;align-items:center;justify-content:space-between;margin-top:clamp(2.4rem,5vw,4rem);padding:clamp(1.4rem,3vw,2.2rem);border-radius:var(--mg-r-lg);border:1px solid var(--mg-line);background:linear-gradient(90deg,var(--mg-g-soft),transparent 65%),var(--mg-raised)}
.mgart-news h2{margin:0 0 .35rem;font-size:clamp(1.25rem,2.2vw,1.6rem);font-weight:800}
.mgart-news p{margin:0;color:var(--mg-muted);max-width:40rem}
.mgs-news.is-pulse{outline:2px solid var(--mg-g);outline-offset:8px;border-radius:12px;transition:outline-color .6s}

/* ---------- single: header */
.mgart-head{position:relative;padding-block:clamp(2.2rem,5vw,3.6rem) clamp(1.2rem,3vw,2rem);isolation:isolate}
.mgart-head::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(55% 70% at 85% 0%,var(--mg-g-soft),transparent 70%)}
.mgart-head__in{max-width:calc(72ch + 2 * var(--mg-gut) + 320px)}
.mgart-head .mgp-crumbs{margin-bottom:1.2rem}
.mgart-h1{margin:.8rem 0 0;font-size:clamp(1.9rem,4.4vw,3.3rem);line-height:1.3;font-weight:800;letter-spacing:-.01em;text-wrap:balance;max-width:24em}
.mgart-lead{margin-top:1.1rem;max-width:62ch}
.mgart-by{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1rem;margin-top:1.6rem}
.mgart-av{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--mg-g-soft);border:1px solid color-mix(in srgb,var(--mg-g) 45%,var(--mg-line));color:var(--mg-g-ink);font-weight:800}
.mgart-by__t small{color:var(--mg-faint);margin-inline-end:.25rem}
.mgart-by__t b{color:var(--mg-ink)}
.mgart-cover{margin:clamp(.6rem,2vw,1.2rem) auto clamp(1.6rem,4vw,2.6rem);border-radius:var(--mg-r-lg);overflow:hidden;border:1px solid var(--mg-line);background:var(--mg-sunken);max-width:1080px}
.mgart-cover img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover}

/* layout + toc */
.mgart-layout{display:grid;gap:clamp(1.4rem,3vw,3rem);padding-bottom:clamp(2rem,4vw,3.5rem)}
.mgart-main{min-width:0;max-width:72ch;width:100%;margin-inline:auto}
@media (min-width:1024px){
 .mgart-layout.has-toc{grid-template-columns:minmax(0,72ch) 280px;justify-content:center;align-items:start}
 .mgart-layout.has-toc .mgart-main{margin-inline:0}
 .mgart-side{position:sticky;top:calc(var(--mgq-bar-h,0px) + 100px);order:2;max-height:calc(100vh - 130px);overflow:auto}
 .mgart-toc summary{pointer-events:none}
 .mgart-toc__chev{display:none}
}
.mgart-toc{border:1px solid var(--mg-line);border-radius:var(--mg-r);background:var(--mg-raised);padding:.2rem 1rem}
.mgart-toc summary{display:flex;align-items:center;gap:.6rem;list-style:none;cursor:pointer;padding:.85rem 0;font-weight:800;color:var(--mg-ink)}
.mgart-toc summary::-webkit-details-marker{display:none}
.mgart-toc summary svg{width:18px;height:18px;color:var(--mg-g-ink)}
.mgart-toc .mgart-toc__chev{margin-inline-start:auto;transition:transform .3s}
.mgart-toc[open] .mgart-toc__chev{transform:rotate(180deg)}
.mgart-toc ol{list-style:none;margin:0;padding:0 0 .8rem;display:flex;flex-direction:column;gap:.1rem;border-inline-start:1px solid var(--mg-line)}
.mgart-toc li a{display:block;padding:.38rem .8rem;margin-inline-start:-1px;border-inline-start:2px solid transparent;color:var(--mg-muted);font-size:.92rem;line-height:1.55;transition:color .2s,border-color .2s,background .2s}
.mgart-toc li.lvl-3 a{padding-inline-start:1.6rem;font-size:.86rem}
.mgart-toc li a:hover{color:var(--mg-ink)}
.mgart-toc li a.is-active{color:var(--mg-g-ink);border-inline-start-color:var(--mg-g);background:var(--mg-g-soft);font-weight:700}
.mgart-progress{position:fixed;inset:0 0 auto 0;height:3px;z-index:90;background:transparent;pointer-events:none}
.mgart-progress i{display:block;height:100%;background:var(--mg-g);transform-origin:var(--mgart-origin,left);transform:scaleX(0)}
[dir=rtl] .mgart-progress i{transform-origin:right}

/* share */
.mgart-share{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:2.6rem;padding-top:1.4rem;border-top:1px solid var(--mg-line)}
.mgart-share b{display:inline-flex;align-items:center;gap:.5rem;margin-inline-end:.6rem;color:var(--mg-ink)}
.mgart-share b svg{width:18px;height:18px;color:var(--mg-g-ink)}
.mgart-share a,.mgart-share button{display:inline-flex;align-items:center;gap:.45rem;min-height:38px;padding:.3rem .9rem;border-radius:999px;border:1px solid var(--mg-line-2);background:var(--mg-raised);color:var(--mg-muted);font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;transition:border-color .2s,color .2s}
.mgart-share a:hover,.mgart-share button:hover{border-color:var(--mg-g);color:var(--mg-ink)}
.mgart-share button svg{width:15px;height:15px}

/* related */
.mgart-rel{padding-block:clamp(1.6rem,3.5vw,3rem) 0}
.mgart-rel__p{color:var(--mg-muted);margin:.3rem 0 0}
.mgart-rel .mgp-h2{margin:0}
.mgart-band{margin-top:clamp(2.4rem,5vw,4rem)}

/*EDITOR-START*/
/* ---------- prose (front end: .mgart-prose; editor: same rules re-scoped to .editor-styles-wrapper) */
.mgart-prose{font-size:1.1rem;line-height:1.95;color:var(--mg-ink);overflow-wrap:anywhere}
.mgart-prose>*{max-width:100%}
.mgart-prose>*+*{margin-block-start:1.35em}
.mgart-prose p{margin-block-end:0;color:color-mix(in srgb,var(--mg-ink) 88%,transparent)}
.mgart-prose a{color:var(--mg-g-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;transition:color .2s}
.mgart-prose a:hover{color:var(--mg-g-2)}
.mgart-prose strong,.mgart-prose b{color:var(--mg-ink);font-weight:800}
.mgart-prose h2,.mgart-prose h3,.mgart-prose h4{color:var(--mg-ink);font-weight:800;line-height:1.4;scroll-margin-top:110px;text-wrap:balance}
.mgart-prose h2{font-size:clamp(1.55rem,2.6vw,2rem);margin-block-start:2.4em;padding-block-start:.9em;border-top:1px solid var(--mg-line)}
.mgart-prose h2:first-child{margin-block-start:0;padding-block-start:0;border-top:0}
.mgart-prose h3{font-size:clamp(1.25rem,2vw,1.5rem);margin-block-start:2em}
.mgart-prose h4{font-size:1.1rem;margin-block-start:1.8em}
.mgart-prose h2+*,.mgart-prose h3+*,.mgart-prose h4+*{margin-block-start:.8em}
.mgart-prose ul,.mgart-prose ol{padding-inline-start:1.4em}
.mgart-prose li{margin-block:.45em;padding-inline-start:.2em}
.mgart-prose ul li::marker{color:var(--mg-g)}
.mgart-prose ol li::marker{color:var(--mg-g-ink);font-family:var(--mg-latin);font-weight:700}
.mgart-prose blockquote,.mgart-prose .wp-block-quote{margin-inline:0;padding:1.1rem 1.4rem;border-inline-start:3px solid var(--mg-g);background:var(--mg-g-soft);border-radius:0 var(--mg-r) var(--mg-r) 0;font-size:1.15em;line-height:1.85}
[dir=rtl] .mgart-prose blockquote,[dir=rtl] .mgart-prose .wp-block-quote{border-radius:var(--mg-r) 0 0 var(--mg-r)}
.mgart-prose blockquote p{color:var(--mg-ink)}
.mgart-prose blockquote cite,.mgart-prose .wp-block-quote cite{display:block;margin-top:.6rem;font-size:.85em;color:var(--mg-faint);font-style:normal}
.mgart-prose figure{margin-inline:0}
.mgart-prose img{max-width:100%;height:auto;border-radius:var(--mg-r);border:1px solid var(--mg-line)}
.mgart-prose figcaption,.mgart-prose .wp-element-caption{margin-top:.6rem;font-size:.88rem;color:var(--mg-faint);text-align:center}
.mgart-prose hr,.mgart-prose .wp-block-separator{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--mg-line-2),transparent);margin-block:2.4em;opacity:1}
.mgart-prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;direction:ltr;unicode-bidi:isolate;padding:.15em .45em;border-radius:6px;background:var(--mg-sunken);border:1px solid var(--mg-line);color:var(--mg-g-ink)}
.mgart-prose pre{direction:ltr;text-align:left;overflow-x:auto;padding:1.1rem 1.3rem;border-radius:var(--mg-r);background:var(--mg-sunken);border:1px solid var(--mg-line);font-size:.92rem;line-height:1.7}
.mgart-prose pre code{padding:0;border:0;background:none;color:var(--mg-ink)}
.mgart-prose table{width:100%;border-collapse:separate;border-spacing:0;font-size:.96rem;line-height:1.7}
.mgart-prose .mgart-tbl,.mgart-prose figure.wp-block-table{overflow-x:auto;border:1px solid var(--mg-line);border-radius:var(--mg-r);background:var(--mg-card)}
.mgart-prose figure.wp-block-table table,.mgart-prose .mgart-tbl table{border:0;min-width:480px}
.mgart-prose th,.mgart-prose td{padding:.75rem 1rem;text-align:start;border-bottom:1px solid var(--mg-line);vertical-align:top}
.mgart-prose thead th,.mgart-prose th{background:var(--mg-raised);color:var(--mg-ink);font-weight:800}
.mgart-prose tr:last-child td{border-bottom:0}
.mgart-prose .wp-block-button__link,.mgart-prose .wp-element-button{display:inline-flex;align-items:center;gap:.5rem;min-height:48px;padding:.7rem 1.5rem;border-radius:999px;background:var(--mg-g);color:#050505;font-weight:800;text-decoration:none;border:1px solid var(--mg-g);transition:background .2s,transform .25s var(--mg-ease-o)}
.mgart-prose .wp-block-button__link:hover{background:var(--mg-g-2);color:#050505;transform:translateY(-2px)}
.mgart-prose .is-style-outline .wp-block-button__link{background:transparent;color:var(--mg-ink);border-color:var(--mg-line-2)}
.mgart-prose .wp-block-buttons{display:flex;flex-wrap:wrap;gap:.7rem}
/* details/summary = FAQ */
.mgart-prose details,.mgart-prose .wp-block-details{border:1px solid var(--mg-line);border-radius:var(--mg-r);background:var(--mg-card);padding:0 1.2rem;transition:border-color .25s}
.mgart-prose details+details{margin-block-start:.7em}
.mgart-prose details[open]{border-color:color-mix(in srgb,var(--mg-g) 55%,var(--mg-line))}
.mgart-prose summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;font-weight:800;color:var(--mg-ink)}
.mgart-prose summary::-webkit-details-marker{display:none}
.mgart-prose summary::after{content:"+";flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--mg-line-2);font-family:var(--mg-latin);font-weight:600;color:var(--mg-g-ink);transition:transform .3s}
.mgart-prose details[open]>summary::after{content:"\2212";transform:rotate(180deg)}
.mgart-prose details>*:not(summary){padding-bottom:1rem;margin-block-start:0}
/* pattern blocks */
.mgart-prose .mgart-cta-box,.mgart-prose .mgart-takeaways{padding:clamp(1.2rem,3vw,1.8rem);border-radius:var(--mg-r-lg);border:1px solid var(--mg-line)}
.mgart-prose .mgart-cta-box{background:linear-gradient(90deg,var(--mg-g-soft),transparent 70%),var(--mg-raised);border-color:color-mix(in srgb,var(--mg-g) 40%,var(--mg-line))}
.mgart-prose .mgart-takeaways{background:var(--mg-raised);border-inline-start:3px solid var(--mg-g)}
.mgart-prose .mgart-cta-box h3,.mgart-prose .mgart-takeaways h3{margin-block-start:0}
.mgart-prose .mgart-takeaways ul{margin-bottom:0}
.mgart-prose .alignwide,.mgart-prose .alignfull{max-width:100%}
.mgart-prose .wp-block-image img{display:block}