.article-page{--article-rail:240px;--article-gap:50px;--article-body:18px}.article-page .article-head,.article-page .article-body,.article-page .article-related,.article-page .article-index{width:min(var(--mk-column), calc(100% - 40px));max-width:min(var(--mk-column), calc(100% - 40px))}.article-head{flex-direction:column;align-items:flex-start;gap:22px;padding:clamp(28px,3.4vw,44px) 0 clamp(30px,3.6vw,48px);display:flex}.article-breadcrumb{color:var(--takt-ink-subtle);flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}.article-breadcrumb a{color:var(--takt-ink-subtle);transition:color .18s}.article-breadcrumb a:hover{color:var(--takt-accent)}.article-head h1{max-width:950px;color:var(--takt-ink);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(36px,4.9vw,68px);font-weight:800;line-height:1.06}.article-head__lead{max-width:820px;color:var(--takt-ink-muted);text-wrap:pretty;margin:0;font-size:clamp(18px,1.6vw,21px);line-height:1.5}.article-meta{color:var(--takt-ink-subtle);flex-wrap:wrap;align-items:center;gap:14px;font-size:15px;display:flex}.article-meta__author{color:var(--takt-ink-muted);font-weight:600}.article-meta__dot{background:var(--takt-line-strong);border-radius:var(--takt-radius-round);width:4px;height:4px}.article-meta__time{font-variant-numeric:tabular-nums;align-items:center;gap:7px;display:inline-flex}.article-meta__time svg{width:15px;height:15px}
.article-cover,.article-figure{flex-direction:column;gap:12px;margin:0;display:flex}.article-cover{align-self:stretch;width:100%}.article-cover img,.article-figure img{background:var(--takt-canvas-strong);border:1px solid var(--takt-line);border-radius:var(--takt-radius-document);width:100%;height:auto}.article-cover figcaption,.article-figure figcaption{color:var(--takt-ink-subtle);font-size:14px;line-height:1.5}.article-figure{width:calc(100% + var(--article-rail) + var(--article-gap));margin-block:6px;margin-left:calc(-1 * (var(--article-rail) + var(--article-gap)))}.article-quote{flex-direction:column;gap:10px;margin:6px 0;display:flex}.article-quote blockquote{background:var(--takt-accent-soft);border-left:3px solid var(--takt-accent);border-radius:0 var(--takt-radius-document) var(--takt-radius-document) 0;gap:14px;margin:0;padding:24px 28px;display:flex}.article-quote blockquote svg{width:22px;height:22px;color:var(--takt-accent);flex:none;margin-top:4px}.article-quote blockquote p{color:var(--takt-ink);font-family:var(--mk-display);letter-spacing:-.02em;text-wrap:pretty;margin:0;font-size:22px;font-weight:700;line-height:1.4}.article-quote figcaption{color:var(--takt-accent);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}
.article-body{grid-template-columns:var(--article-rail) minmax(0, var(--takt-reading));gap:var(--article-gap);align-items:start;padding-bottom:clamp(40px,5vw,72px);display:grid}.article-contents{flex-direction:column;gap:12px;display:flex;position:sticky;top:96px}.article-contents h2{color:var(--takt-ink-subtle);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.article-contents nav{flex-direction:column;display:flex}.article-contents a{color:var(--takt-ink-muted);border-left:2px solid var(--takt-line);padding:9px 0 9px 14px;font-size:14.5px;line-height:1.35;transition:color .18s,border-color .18s}.article-contents a:hover{color:var(--takt-accent);border-left-color:var(--takt-accent-light)}.article-column{min-width:0;color:var(--takt-ink);font-size:var(--article-body);flex-direction:column;gap:44px;line-height:1.68;display:flex}.article-intro{color:var(--takt-ink);text-wrap:pretty;margin:0;font-size:22px;font-weight:500;line-height:1.55}.article-column>section{flex-direction:column;gap:18px;scroll-margin-top:96px;display:flex}.article-column h2{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(27px,2.6vw,34px);font-weight:800;line-height:1.16}.article-column p{margin:0}.article-column ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.article-column ul li{padding-left:28px;position:relative}.article-column ul li:before{content:"";background:var(--takt-accent-light);border-radius:var(--takt-radius-round);width:8px;height:8px;box-shadow:0 0 0 3px var(--takt-accent-soft);position:absolute;top:.62em;left:2px}
.article-cta{background:linear-gradient(160deg, var(--takt-paper) 0%, var(--takt-accent-wash) 100%);border:1px solid var(--takt-line);border-radius:var(--takt-radius-stat);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:28px 30px;display:flex}.article-cta__title{max-width:400px;color:var(--takt-ink);font-family:var(--mk-display);letter-spacing:-.02em;margin:0 0 6px;font-size:22px;font-weight:800;line-height:1.25}.article-cta__note{max-width:400px;color:var(--takt-ink-muted);margin:0;font-size:16px;line-height:1.5}.article-cta a{min-height:52px;color:var(--takt-on-audio);background:var(--takt-accent);border-radius:var(--takt-radius-round);box-shadow:0 18px 36px -18px color-mix(in srgb, var(--takt-accent) 55%, transparent);font-family:var(--mk-display);align-items:center;gap:10px;padding:16px 30px;font-size:17px;font-weight:800;transition:background .18s;display:inline-flex}.article-cta a:hover{background:var(--takt-accent-hover)}.article-cta a svg{width:18px;height:18px}.article-usecases{flex-direction:column;gap:14px;display:flex}.article-usecases h2{color:var(--takt-ink-subtle);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.article-usecases>div{flex-wrap:wrap;gap:10px;display:flex}.article-usecases a{color:var(--takt-ink);background:var(--takt-paper);border:1px solid var(--takt-line);border-radius:var(--takt-radius-round);align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:600;transition:color .18s,border-color .18s;display:inline-flex}.article-usecases a:hover{color:var(--takt-accent);border-color:var(--takt-line-strong)}.article-usecases a svg{width:15px;height:15px}
.article-related{flex-direction:column;gap:24px;padding-bottom:clamp(56px,6vw,88px);display:flex}.article-related .landing-section-heading h2{font-size:clamp(28px,2.8vw,38px)}.article-related__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.article-related__grid a,.article-index a{color:var(--takt-ink);background:var(--takt-paper);border:1px solid var(--takt-line);border-radius:var(--takt-radius-document);flex-direction:column;gap:12px;padding:24px 22px;transition:border-color .18s,box-shadow .18s;display:flex}.article-related__grid a:hover,.article-index a:hover{border-color:var(--takt-line-strong);box-shadow:var(--takt-shadow-card)}.article-related__grid h3{color:var(--takt-ink);margin:0}.article-related__grid p{color:var(--takt-ink-muted);margin:0}.article-related__grid a>span{color:var(--takt-accent)}.article-related__grid a svg,.article-index a svg{width:18px;height:18px;color:var(--takt-accent)}.article-index{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;padding-bottom:clamp(56px,6vw,88px);display:grid}.article-index h2{color:var(--takt-ink);font-family:var(--mk-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:21px;font-weight:800;line-height:1.3}.article-index p{color:var(--takt-ink-muted);margin:0;font-size:16px;line-height:1.55}.article-index__foot{color:var(--takt-ink-subtle);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:6px;font-size:14px;display:flex}
@media (max-width:999px){.article-body{grid-template-columns:minmax(0,1fr);gap:28px}.article-contents{background:var(--takt-paper);border:1px solid var(--takt-line);border-radius:var(--takt-radius-document);gap:8px;padding:18px 20px;position:static}.article-contents a{border-left:0;border-bottom:1px solid var(--takt-line);padding:8px 0}.article-contents nav a:last-child{border-bottom:0}.article-figure{width:100%;margin-left:0}.article-meta__dot{display:none}.article-column{gap:34px}.article-cta{flex-direction:column;align-items:stretch}.article-cta a{justify-content:center}}