.md-main{padding:clamp(32px,6vw,88px) var(--mira-gutter) 80px;background:var(--mira-bg);isolation:isolate}.md-design{max-width:1240px;margin:0 auto;min-width:0}.md-design>*{min-width:0}.md-hero{grid-area:hero}.md-visual{grid-area:visual;position:relative;min-width:0;isolation:isolate;overflow:hidden}.md-body{grid-area:body;min-width:0}.md-aside{grid-area:aside;min-width:0}.md-footer{grid-area:footer}.md-kicker{display:flex;align-items:center;gap:10px;color:var(--md-accent);font-size:11px;letter-spacing:.13em;font-weight:750;margin:0 0 22px;line-height:1.6}.md-live-dot{width:7px;height:7px;flex-shrink:0;background:var(--md-accent);border-radius:50%;box-shadow:0 0 0 5px color-mix(in srgb,var(--md-accent) 10%,transparent)}.md-title{font-size:clamp(2.3rem,5vw,4.8rem);font-weight:800;line-height:1.22;letter-spacing:-.05em;margin:0 0 26px;text-wrap:balance;overflow-wrap:anywhere}.md-summary{font-size:clamp(1rem,1.5vw,1.15rem);line-height:2;max-width:660px;color:var(--mira-muted);margin:0 0 24px}.md-meta{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--mira-muted);margin-block:24px}.md-meta .post-meta{margin:0}.md-categories{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.md-categories a{font-size:11px;border:1px solid color-mix(in srgb,var(--md-accent) 24%,white);border-radius:999px;padding:4px 10px;text-decoration:none;color:var(--md-accent)}.md-sample-note{font-size:10px;line-height:1.8;color:var(--mira-muted);margin-top:24px;max-width:600px}.md-visual .md-art{height:100%;min-height:inherit;position:relative}.md-visual::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:radial-gradient(260px circle at var(--md-pointer-x,50%) var(--md-pointer-y,40%),#ffffff55,transparent 70%);opacity:.65;transition:opacity .3s}.md-media{height:100%;margin:0}.md-media img{width:100%;height:100%;min-height:300px;max-height:650px;object-fit:cover;border-radius:inherit}.md-media figcaption{position:absolute;bottom:12px;left:12px;padding:6px 10px;background:#ffffffed;font-size:11px;max-width:calc(100% - 24px);border-radius:6px}.md-body{font-size:clamp(16px,1.4vw,18px);line-height:2.1;--mira-reading:760px}.md-body>h2{scroll-margin-top:80px}.md-body>h3{scroll-margin-top:80px}.md-body .alignwide,.md-body .alignfull{width:100%;max-width:100%;left:auto;transform:none}.md-body a:not(.wp-block-button__link){color:var(--md-accent)}.md-body p{margin:0 0 1.6em}.md-body .md-lead{font-size:1.2em;line-height:2}.md-body .md-card,.md-body .md-callout{padding:24px;border:1px solid var(--mira-line);border-radius:16px;background:#fff}.md-body .md-card> :last-child,.md-body .md-callout> :last-child{margin-bottom:0}.md-body .md-cards,.md-body .md-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-block:32px}.md-label{font-size:11px;letter-spacing:.13em;font-weight:700;color:var(--md-accent)}.md-body .md-pill{display:inline-flex;padding:4px 12px;border:1px solid var(--mira-line);border-radius:99px;font-size:12px}.md-body .md-stat{font-size:2.3rem;line-height:1.3;font-weight:800;color:var(--md-accent)}.md-body .md-button{display:inline-flex;text-decoration:none;padding:12px 22px;border:1px solid var(--md-accent);border-radius:8px;font-weight:700}.md-toc{position:sticky;top:70px;padding:20px 0;max-height:calc(100vh - 100px);overflow:auto}.md-aside-label{font-size:10px;letter-spacing:.18em;color:var(--md-accent);font-weight:800;margin:0 0 8px}.md-toc h2{font-size:15px;margin:0 0 20px;letter-spacing:0}.md-toc ol{padding:0;list-style:none;margin:0;counter-reset:toc}.md-toc li{counter-increment:toc;margin:0 0 14px}.md-toc a{display:block;text-decoration:none;font-size:12px;line-height:1.8;color:var(--mira-muted);padding-left:26px;position:relative}.md-toc li a::before{content:counter(toc,decimal-leading-zero);position:absolute;left:0;color:var(--md-accent);font-size:10px}.md-toc a:hover,.md-toc a[aria-current=true]{color:var(--md-accent)}.md-footer{border-top:1px solid var(--mira-line);padding-top:24px;font-size:12px;display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.md-back-top{text-decoration:none;color:var(--md-accent)}.md-reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:99990;pointer-events:none}.admin-bar .md-reading-progress{top:32px}.md-reading-progress span{display:block;width:100%;height:100%;background:var(--md-accent);transform:scaleX(0);transform-origin:left}.md-preview-notice{padding:12px 24px;text-align:center;background:#eaf2ff;color:#254f8d;font-size:13px}.md-after-content{margin-top:40px}.md-reveal{transition:opacity .7s ease,translate .7s cubic-bezier(.2,.65,.3,1)}.md-reveal[data-md-entered=false]{opacity:0;translate:0 18px}@media(max-width:800px){.md-main{padding-inline:20px}.md-design{display:flex;flex-direction:column;gap:28px}.md-hero{order:0}.md-visual{order:1;min-height:280px}.md-aside{order:2}.md-body{order:3;width:100%;max-width:none}.md-footer{order:4}.md-toc{position:static;max-height:none;padding:18px;border:1px solid var(--mira-line);border-radius:12px;background:#ffffffaa}.md-toc ol{display:flex;gap:10px 18px;flex-wrap:wrap}.md-toc li{margin:0}.md-toc h2{margin-bottom:12px}.md-title{font-size:clamp(2rem,8vw,3.6rem);line-height:1.35}.md-summary{font-size:15px}.md-kicker{font-size:9px}.md-body .md-cards,.md-body .md-grid{grid-template-columns:1fr}.md-design .md-hero,.md-design .md-body{min-width:0}.md-meta{gap:10px}.md-toc a{font-size:11px}.md-visual .md-art{min-height:280px}.admin-bar .md-reading-progress{top:46px}}@media(prefers-reduced-motion:reduce){.md-reveal,.md-visual::after{transition:none!important}.md-reveal[data-md-entered=false]{opacity:1;translate:none}}@media print{.md-aside,.md-visual,.md-reading-progress,.md-back-top{display:none!important}.md-main{padding:0}.md-design{display:block!important}.md-reveal{opacity:1!important;translate:none!important}}

/* Article presets position their tracks numerically. */
.md-design[class*="md-design--post-"]>*{grid-area:auto}

/* All template opening photos: preserve the complete source and its proportions. */
.md-design[class*="md-design--"]>.md-visual:has(.md-media){height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;clip-path:none!important;border-radius:0!important;transform:none!important;align-self:start!important}
.md-design[class*="md-design--"]>.md-visual:has(.md-media)::before,.md-design[class*="md-design--"]>.md-visual:has(.md-media)::after{display:none!important}
.md-design[class*="md-design--"] .md-visual .md-media{height:auto!important;min-height:0!important;max-height:none!important;margin:0}
.md-design[class*="md-design--"] .md-visual .md-media img{display:block;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;object-fit:contain!important;aspect-ratio:auto!important;border-radius:0!important;clip-path:none!important;transform:none!important}
.md-design[class*="md-design--"] .md-visual .md-media figcaption{position:static!important;max-width:none!important}
