/* Editorial article system — retains MadTinker's navy, lime, sky and pink palette. */
.mt-article.article{width:100%;max-width:1120px;padding:clamp(2rem,5vw,4rem) 0 5rem}
.mt-article .article-header{max-width:900px;margin:0 0 clamp(2.2rem,5vw,4.5rem)}
.mt-article .article-header h1{font-size:clamp(2.25rem,5vw,4.4rem);line-height:1.12;max-width:900px;margin:.6rem 0 1.15rem}
.mt-article .article-header .lede{max-width:730px;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.65}
.mt-article-byline{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 2rem;padding:1.4rem 0 0;margin-top:1.6rem;border-top:1px solid var(--line);color:var(--muted);font:500 .75rem/1.6 var(--mono)}
.mt-article-byline strong,.mt-article-byline time{display:block;color:var(--ink);font-size:.84rem}
.mt-copy-link{margin-left:auto;background:transparent;border:1px solid var(--line);color:var(--sky);font:500 .75rem var(--mono);padding:.55rem .8rem;cursor:pointer}
.mt-copy-link:hover,.mt-copy-link:focus-visible{border-color:var(--lime);color:var(--lime)}
.mt-article-grid{display:grid;grid-template-columns:minmax(200px,270px) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.mt-toc{min-width:0}.mt-toc-inner{position:sticky;top:1.5rem}.mt-toc-toggle{display:none}
.mt-toc-links{display:block!important;border-top:2px solid var(--lime)}
.mt-toc-links a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem .15rem;border-bottom:1px solid var(--line);color:var(--ink);font:600 .82rem/1.45 var(--sans);text-decoration:none;overflow-wrap:anywhere}
.mt-toc-links a:after{content:"↗";color:var(--sky);font:1.15rem var(--mono)}
.mt-toc-links a:hover,.mt-toc-links a[aria-current="location"]{color:var(--lime)}
.mt-toc-links a[aria-current="location"]:before{content:"";width:6px;height:6px;flex:0 0 6px;background:var(--lime);border-radius:50%}
.mt-toc-links a.mt-toc-sub{padding-left:1.1rem;font-weight:400;color:var(--muted);font-size:.76rem}
.mt-toc.is-empty{display:none}.mt-article-grid:has(.mt-toc.is-empty){grid-template-columns:minmax(0,760px);justify-content:center}
.mt-article-main{min-width:0}.mt-article-main .article-cover{margin:0 0 2.5rem}
.mt-article-main .article-cover img{max-height:620px;object-fit:contain;border:0;background:var(--paper)}
.mt-article-main .article-content{font-size:1rem;line-height:1.85;overflow-wrap:anywhere}
.mt-article-main .article-content p{margin:0 0 1.4rem}
.mt-article-main .article-content h2{font-size:clamp(1.45rem,2.2vw,1.9rem);margin:3rem 0 1rem;scroll-margin-top:2rem}
.mt-article-main .article-content h3{font-size:1.2rem;margin:2rem 0 .75rem;scroll-margin-top:2rem}
.mt-article-main .article-content img{height:auto;max-width:100%;display:block}
.mt-article-main .article-content figure{margin:2rem 0}
.mt-article-main .article-content pre{max-width:100%;overflow:auto;border-radius:3px}
.mt-article-main .article-content a{text-underline-offset:3px}
@media(max-width:760px){
 .mt-article.article{padding:2rem 0 4rem}
 .mt-article-grid{display:block}
 .mt-toc{margin-bottom:2rem}
 .mt-toc-inner{position:static;border:1px solid var(--line)}
 .mt-toc-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;background:var(--paper);border:0;color:var(--ink);padding:.95rem 1rem;text-align:left;font:600 .8rem var(--mono);cursor:pointer}
 .mt-toc-links{display:none!important;border-top:1px solid var(--line);padding:0 .8rem}
 .mt-toc-inner.is-open .mt-toc-links{display:block!important}
 .mt-article-byline{gap:.75rem 1.4rem}
 .mt-copy-link{margin-left:0}
}