/* Mediatext Signature Edition — editorial design layer */
:root {
  --bg-page:#f7f5f0; --bg-card:#fffdf9; --bg-subtle:#eeebe3; --border-color:#e2ddd2;
  --text-main:#172238; --text-muted:#647083; --text-light:#8d96a4;
  --primary:#a85d36; --primary-hover:#824327; --primary-subtle:#f5e6dc; --primary-text:#6e321d;
  --shadow-sm:0 3px 12px rgba(23,34,56,.045); --shadow-md:0 12px 32px rgba(23,34,56,.08); --shadow-lg:0 24px 70px rgba(23,34,56,.13);
  --radius-sm:10px; --radius-md:18px; --radius-lg:26px;
}
[data-theme="dark"] {--bg-page:#0c111b;--bg-card:#121a28;--bg-subtle:#182234;--border-color:#28354a;--text-main:#eef2f8;--text-muted:#aab5c6;--text-light:#78869b;--primary:#e0a17c;--primary-hover:#efb895;--primary-subtle:#35261f;--primary-text:#f4c9b1;--shadow-sm:0 3px 12px rgba(0,0,0,.16);--shadow-md:0 12px 32px rgba(0,0,0,.22);--shadow-lg:0 24px 70px rgba(0,0,0,.32)}
html {scroll-behavior:smooth;scroll-padding-top:100px}
body {letter-spacing:-.012em;line-height:1.7;background-image:radial-gradient(ellipse at 5% 0%,rgba(168,93,54,.045),transparent 35%),radial-gradient(ellipse at 95% 15%,rgba(35,73,108,.035),transparent 30%)}
::selection {background:#e8c6b1;color:#172238}
:focus-visible {outline:3px solid #d29b7c!important;outline-offset:3px}
.container {max-width:1320px}
.top-masthead-bar {background:var(--bg-page);border-bottom:1px solid var(--border-color);padding:8px 0;letter-spacing:.045em}
.site-header {backdrop-filter:blur(18px);background:color-mix(in srgb,var(--bg-card) 92%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border-color) 75%,transparent);box-shadow:0 6px 25px rgba(23,34,56,.035)}
.brand-logo {gap:13px}.logo-badge {border-radius:15px!important;background:linear-gradient(145deg,#172b47,#315271)!important;box-shadow:0 8px 20px rgba(23,43,71,.2);position:relative;overflow:hidden}.logo-badge:after{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.35);border-radius:10px;pointer-events:none}
.logo-title {letter-spacing:-.045em}.nav-link {font-weight:600;transition:color .2s,background .2s}.nav-link:hover,.nav-link.active {border-radius:999px}
.action-btn,.mobile-menu-btn {border:1px solid var(--border-color);border-radius:12px;transition:transform .2s,background .2s,border-color .2s}.action-btn:hover,.mobile-menu-btn:hover {transform:translateY(-2px);background:var(--primary-subtle);border-color:var(--primary)}
.hero-banner {position:relative;overflow:hidden;background:linear-gradient(120deg,#101c30 0%,#1a304a 55%,#29435b 100%);color:#f9f5ef;padding:clamp(44px,7vw,90px) 0;margin-bottom:0}
.hero-banner:before {content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(255,255,255,.10);border-radius:50%;right:-160px;top:-260px;box-shadow:0 0 0 48px rgba(255,255,255,.025),0 0 0 96px rgba(255,255,255,.02)}
.hero-banner:after {content:"M";position:absolute;right:7%;bottom:-.48em;font:700 clamp(220px,35vw,520px)/1 Georgia,serif;color:rgba(255,255,255,.025);pointer-events:none}
.hero-grid {position:relative;z-index:1;gap:clamp(36px,7vw,100px);align-items:center}.hero-kicker-flex {gap:12px;flex-wrap:wrap}.kicker-badge {background:rgba(255,255,255,.1)!important;color:#f4d3bd!important;border:1px solid rgba(255,255,255,.17);border-radius:999px;padding:8px 13px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.kicker-rating {color:#eac7a9!important;font-size:12px}.hero-title {font-family:var(--font-serif);font-size:clamp(42px,6.5vw,78px)!important;line-height:1.02!important;letter-spacing:-.055em!important;max-width:720px;text-wrap:balance;text-shadow:0 4px 28px rgba(0,0,0,.13)}.hero-meta-unboxed {color:#d0d9e4!important;gap:9px;flex-wrap:wrap}.hero-quote-box {border-left:2px solid #d59a75!important;background:rgba(255,255,255,.055)!important;border-radius:0 14px 14px 0;padding:18px 22px!important;max-width:620px;backdrop-filter:blur(8px)}.hero-quote-text {color:#f0e9e0!important;font-family:var(--font-serif);font-size:clamp(17px,2vw,21px)!important;line-height:1.65}.hero-buttons {gap:12px;flex-wrap:wrap}.btn {border-radius:999px!important;min-height:46px;box-shadow:none;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover {transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.12)}.btn-primary {background:#d49a75!important;color:#1b2636!important;border:1px solid #d49a75!important;font-weight:750}.btn-outline {border-color:rgba(255,255,255,.35)!important;color:#f7f3ee!important;background:rgba(255,255,255,.055)!important}.hero-media-wrap {border-radius:28px!important;border:1px solid rgba(255,255,255,.2);box-shadow:0 28px 80px rgba(0,0,0,.3);transform:rotate(1.1deg);overflow:hidden}.hero-media-wrap img {aspect-ratio:4/4.5;object-fit:cover;filter:saturate(.82) contrast(1.03);transition:transform .8s}.hero-media-wrap:hover img {transform:scale(1.04)}.media-watermark {background:rgba(13,25,42,.62)!important;backdrop-filter:blur(8px)}
.mt-discovery {padding:24px 0 18px;background:var(--bg-card);border-bottom:1px solid var(--border-color)}.mt-discovery-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mt-discovery-item {display:flex;gap:13px;align-items:center;padding:16px 17px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-page);min-width:0;transition:transform .2s,border-color .2s,box-shadow .2s}.mt-discovery-item:hover {transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary) 45%,var(--border-color));box-shadow:var(--shadow-md)}.mt-discovery-icon {width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:var(--primary-subtle);color:var(--primary);display:grid;place-items:center;font-size:20px}.mt-discovery-item strong {display:block;font-size:13px;color:var(--text-main);line-height:1.3}.mt-discovery-item span {display:block;font-size:11px;color:var(--text-muted);margin-top:4px;line-height:1.4}
.filter-bar-section {padding:48px 0 22px!important}.filter-bar-top {align-items:flex-end!important;gap:22px}.col-title {font-family:var(--font-serif)!important;letter-spacing:-.035em;font-size:clamp(26px,3vw,36px)!important;color:var(--text-main)}.filter-pills {gap:7px!important}.filter-btn,.length-btn {border-radius:999px!important;border:1px solid var(--border-color)!important;background:var(--bg-card)!important;padding:9px 14px!important;transition:all .2s}.filter-btn.active,.length-btn.active {background:var(--text-main)!important;color:var(--bg-card)!important;border-color:var(--text-main)!important;box-shadow:0 5px 15px rgba(23,34,56,.12)}.filter-btn:hover,.length-btn:hover {border-color:var(--primary)!important}.filter-controls-bottom {border-top:1px solid var(--border-color);margin-top:22px;padding-top:17px}.sort-select {border-radius:12px!important;border-color:var(--border-color)!important;background:var(--bg-card)!important;color:var(--text-main)!important;padding:10px 13px!important}
.articles-grid-section {padding:12px 0 64px!important}.articles-grid {gap:24px!important}.article-card {border:1px solid var(--border-color)!important;border-radius:20px!important;background:var(--bg-card)!important;overflow:hidden;box-shadow:0 2px 10px rgba(23,34,56,.025)!important;transition:transform .25s,border-color .25s,box-shadow .25s!important}.article-card:hover {transform:translateY(-6px)!important;box-shadow:var(--shadow-md)!important;border-color:color-mix(in srgb,var(--primary) 40%,var(--border-color))!important}.card-media {overflow:hidden}.card-media img {transition:transform .7s!important;filter:saturate(.86)}.article-card:hover .card-media img {transform:scale(1.045)}.card-cat-badge {border-radius:999px!important;backdrop-filter:blur(8px);font-weight:700;letter-spacing:.02em}.card-body {padding:22px!important}.card-title {font-family:var(--font-serif)!important;letter-spacing:-.025em;line-height:1.25!important}.card-title a:hover {color:var(--primary)!important}.card-excerpt {line-height:1.75!important;color:var(--text-muted)!important}.card-footer {border-top:1px solid var(--border-color);padding-top:14px!important;margin-top:18px!important}.like-btn {border-radius:999px;padding:6px 9px;transition:background .2s}.like-btn:hover,.like-btn.liked {background:#fae8e7;color:#bd434b}.save-badge-btn {backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6)!important;border-radius:50%!important;width:38px;height:38px;display:grid;place-items:center;background:rgba(255,253,249,.9)!important;color:#172238!important}
.site-footer {background:#101b2d!important;color:#d8e0e9!important;border-top:4px solid #c68e69}.site-footer a:hover {color:#f0bd9a!important}.footer-bottom-flex {border-color:rgba(255,255,255,.13)!important}.newsletter-form {gap:8px}.newsletter-input {border-radius:999px!important;min-height:46px!important}.newsletter-btn {border-radius:999px!important;min-height:46px}
.reader-container {max-width:1100px!important;padding-top:26px}.reader-top-nav {margin-bottom:26px!important}.reader-back {font-weight:700}.single-article-main {max-width:100%;}.reader-header {max-width:850px;margin:0 auto 28px!important}.reader-title {font-family:var(--font-serif)!important;font-size:clamp(38px,6vw,68px)!important;line-height:1.08!important;letter-spacing:-.055em!important;text-wrap:balance}.reader-lead-excerpt {font-family:var(--font-serif);font-size:clamp(18px,2.4vw,23px)!important;line-height:1.65!important;color:var(--text-muted)!important}.reader-meta-bar {border-top:1px solid var(--border-color)!important;border-bottom:1px solid var(--border-color)!important;padding:17px 0!important}.reader-featured-media {max-width:980px;margin:28px auto 30px!important;border-radius:24px!important;overflow:hidden;box-shadow:var(--shadow-md)}.reader-featured-media img {max-height:520px;object-fit:cover}.tts-player-card {border:1px solid var(--border-color)!important;border-radius:22px!important;background:var(--bg-card)!important;box-shadow:var(--shadow-sm)!important;padding:clamp(18px,3vw,28px)!important;margin:26px auto!important;max-width:980px}.tts-title {letter-spacing:-.02em}.tts-icon-pulse {border-radius:14px!important}.tts-select,.tts-slider {accent-color:var(--primary)}.reader-controls-bar {position:sticky;top:78px;z-index:20;backdrop-filter:blur(18px);background:color-mix(in srgb,var(--bg-card) 93%,transparent)!important;border:1px solid var(--border-color)!important;border-radius:18px!important;box-shadow:var(--shadow-sm);padding:12px 16px!important;gap:12px!important;margin:25px auto 20px!important}.font-btn,.tint-btn {border-radius:10px!important;border:1px solid var(--border-color)!important;padding:7px 10px!important}.font-btn.active,.tint-btn.active {background:var(--primary-subtle)!important;color:var(--primary-text)!important;border-color:var(--primary)!important}.reader-body {max-width:760px!important;margin:0 auto!important;padding:clamp(24px,5vw,56px)!important;border:1px solid var(--border-color);border-radius:22px!important;background:var(--bg-card)!important;box-shadow:var(--shadow-sm);font-size:19px;line-height:1.95!important}.reader-body p {line-height:1.95!important;margin-bottom:1.35em!important}.reader-body.poetry-mode {text-align:center}.reader-body.poetry-mode .poetry-stanza {margin:0 auto 2.1em!important}.reader-body.poetry-mode .poetry-stanza:last-child {margin-bottom:0!important}.article-tags-wrap,.author-bio-card,.article-pager-grid,.reader-review-box {max-width:850px;margin-left:auto!important;margin-right:auto!important}.author-bio-card {border:1px solid var(--border-color)!important;border-radius:20px!important;background:var(--bg-card)!important;padding:24px!important}.pager-card {border:1px solid var(--border-color)!important;border-radius:16px!important;background:var(--bg-card)!important;transition:transform .2s,box-shadow .2s}.pager-card:hover {transform:translateY(-3px);box-shadow:var(--shadow-md)}
.mt-reader-tools {max-width:850px;margin:18px auto 22px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-card);box-shadow:var(--shadow-sm)}.mt-reader-tools .mt-tool-label {font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:var(--text-muted);margin:0 5px}.mt-tool-btn {display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--border-color);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;background:var(--bg-page);color:var(--text-main);transition:all .2s}.mt-tool-btn:hover,.mt-tool-btn[aria-pressed="true"] {background:var(--primary-subtle);border-color:var(--primary);color:var(--primary-text)}.mt-reading-status {margin-left:auto;font-size:11px;color:var(--text-muted)}.mt-focus-mode .site-header,.mt-focus-mode .top-masthead-bar,.mt-focus-mode .reader-top-nav,.mt-focus-mode .reader-featured-media,.mt-focus-mode .tts-player-card,.mt-focus-mode .reader-controls-bar,.mt-focus-mode .article-tags-wrap,.mt-focus-mode .author-bio-card,.mt-focus-mode .article-pager-grid,.mt-focus-mode .reader-review-box,.mt-focus-mode .site-footer {display:none!important}.mt-focus-mode .reader-container {padding-top:24px}.mt-focus-mode .reader-header {margin-top:18px!important}.mt-focus-mode .reader-body {box-shadow:none;border:0;background:transparent!important}.mt-focus-mode .mt-reader-tools {position:sticky;top:8px;z-index:100;max-width:760px}
.mt-resume-card {display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 auto 20px;padding:18px 22px;max-width:1320px;border:1px solid var(--border-color);border-radius:18px;background:linear-gradient(120deg,var(--bg-card),var(--primary-subtle));box-shadow:var(--shadow-sm)}.mt-resume-copy strong {display:block;font-family:var(--font-serif);font-size:18px;color:var(--text-main)}.mt-resume-copy span {font-size:12px;color:var(--text-muted)}.mt-resume-link {white-space:nowrap;border-radius:999px;padding:10px 16px;background:var(--text-main);color:var(--bg-card);font-size:12px;font-weight:800}.mt-empty-resume {display:none}
#readingProgressTrack {background:linear-gradient(90deg,#b66e49,#e0b18e)!important;box-shadow:0 0 10px rgba(182,110,73,.35)}.modal-card {border:1px solid var(--border-color)!important;border-radius:22px!important;box-shadow:var(--shadow-lg)!important}.app-toast {border-radius:999px!important;box-shadow:var(--shadow-md)}
@media(max-width:900px){.mt-discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{gap:32px}.reader-controls-bar{top:64px}}
@media(max-width:600px){.container{padding-left:17px;padding-right:17px}.hero-banner{padding:42px 0 48px}.hero-title{font-size:43px!important}.hero-media-wrap{max-width:420px;margin:0 auto}.mt-discovery-grid{grid-template-columns:1fr 1fr;gap:8px}.mt-discovery-item{padding:12px;align-items:flex-start;gap:9px}.mt-discovery-icon{width:34px;height:34px;flex-basis:34px;font-size:16px;border-radius:10px}.mt-discovery-item strong{font-size:12px}.mt-discovery-item span{font-size:10px}.filter-bar-section{padding-top:32px!important}.filter-bar-top{align-items:flex-start!important}.filter-pills{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:7px}.filter-btn{white-space:nowrap}.articles-grid{gap:16px!important}.reader-title{font-size:38px!important}.reader-container{padding-left:15px!important;padding-right:15px!important}.reader-meta-bar{align-items:flex-start;gap:12px;flex-wrap:wrap}.meta-right-flex{flex-wrap:wrap}.reader-controls-bar{position:relative;top:auto;justify-content:flex-start}.reader-body{padding:24px 19px!important;font-size:18px;line-height:1.85!important}.mt-reader-tools{border-radius:14px}.mt-reader-tools .mt-tool-label{width:100%;margin:3px 0}.mt-reading-status{width:100%;margin:0}.mt-resume-card{align-items:flex-start;flex-direction:column;padding:16px}.mt-resume-link{white-space:normal}.site-footer .footer-grid{gap:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print {.site-header,.top-masthead-bar,.tts-player-card,.reader-controls-bar,.mt-reader-tools,.reader-featured-media,.site-footer,.article-pager-grid,.reader-review-box{display:none!important}.reader-body{max-width:none!important;border:0!important;box-shadow:none!important;font-size:12pt!important;color:#111!important}.reader-title{font-size:28pt!important}}
