:root{--mt-purple:#644d81;--mt-ink:#252538;--mt-muted:#565665;--mt-line:#ded7df;--mt-paper:#f6f2ea}
body{background:var(--mt-paper);color:var(--mt-ink)}
.mt-review{padding:11px 20px;background:#353047;color:#fff;text-align:center;font-size:.82rem;line-height:1.6}
.mt-review a{color:#fff;text-underline-offset:3px}
.hero-content h1{max-width:900px;font-size:clamp(2.4rem,5.5vw,4.5rem);line-height:1.07;letter-spacing:-.035em}
.hero-content .lead{max-width:730px;font-size:1.14rem;line-height:1.65;color:var(--mt-muted)}
.post-meta{font-size:.8rem;letter-spacing:.025em;color:var(--mt-muted)}
.mt-hero{max-width:1100px;margin:6px auto 34px;padding:0 24px}
.mt-hero img{display:block;width:100%;height:auto;border-radius:15px;background:#e9e2e5}
.mt-hero figcaption{margin-top:10px;font-size:.78rem;line-height:1.6;color:var(--mt-muted)}
main{max-width:900px}.post-body{padding:clamp(23px,4.5vw,56px);border-color:var(--mt-line);font-size:1.07rem;line-height:1.85}
.post-body p{margin:0 0 1.35em}.post-body h2{margin:2em 0 1em;font-size:clamp(1.45rem,3.5vw,1.8rem);line-height:1.28;max-width:30ch}
.post-body a{color:#604377;text-decoration-thickness:1px;text-underline-offset:4px;overflow-wrap:anywhere}
.post-body a:hover{color:#372044}.post-body a:focus-visible,.mt-review a:focus-visible,.top-nav a:focus-visible{outline:3px solid #a34f2b;outline-offset:4px}
.mt-source-note{border-top:1px solid var(--mt-line);margin-top:2.6em;padding-top:1.3em;font-size:.86rem;color:var(--mt-muted);line-height:1.7}
.mt-source-note h2{font-family:inherit;font-size:1rem;margin:0 0 12px}.mt-source-note p{margin-bottom:.7em}
@media(max-width:650px){.hero{padding-top:24px}.top-nav{margin-bottom:27px;align-items:center}.brand img{width:min(235px,61vw)}.nav-link{font-size:.85rem}.hero-content h1{font-size:2.55rem}.hero-content .lead{font-size:1.04rem}.mt-hero{padding:0 16px;margin:0 auto 22px}.post-body{font-size:1.04rem;line-height:1.8}.mt-review{font-size:.76rem}.mt-hero figcaption{font-size:.73rem}}
@media print{.mt-review,.top-nav,footer{display:none}.hero{padding:0 0 20px}.hero-content h1{font-size:32pt}body{background:white}.mt-hero{max-width:650px}main{padding:0}.panel{border:0;padding:0}.post-body{font-size:11pt;line-height:1.55}a{color:inherit}}
