.article-card{min-height: 290px; display: flex; flex-direction: column; justify-content: flex-end; position: relative; overflow: hidden; padding: 24px; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, #171a18, #0d0f0e);}
.article-card:first-child{grid-row: span 2; min-height: 596px;}
.article-card::before{content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 72% 18%, rgba(126,190,85,.19), transparent 34%), linear-gradient(0deg, rgba(0,0,0,.85), transparent 64%);}
.article-card > *{position: relative; z-index: 2;}
.article-tag{color: var(--gold-soft); text-transform: uppercase; letter-spacing: .14em; font-size: 10px;}
.article-card h3{margin: 12px 0 8px; font: 400 26px/1.16 Georgia, serif;}
.article-card:first-child h3{font-size: 40px;}
.article-card p{color: var(--muted); margin: 0; font-size: 13px;}
.filter-row{display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 34px;}
.filter-chip{min-height: 42px; padding: 10px 16px; border: 1px solid var(--line-strong); border-radius: 999px; background: #141615; color: #ddd9cf; font-size: 12px; font-weight: 700; cursor: pointer; transition: background .2s, border-color .2s, color .2s, transform .2s;}
.filter-chip:hover, .filter-chip.active{border-color: var(--gold); background: var(--gold); color: #111;}
.filter-chip:hover{transform: translateY(-1px);}
.filter-chip:focus-visible{outline: 2px solid var(--gold-soft); outline-offset: 3px;}
.materials-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;}
.material-card{overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); transition: transform .2s, border-color .2s;}
.material-card:hover{transform: translateY(-4px); border-color: rgba(126,190,85,.5);}
.material-card-wide{grid-column: span 2; display: grid; grid-template-columns: 1.15fr 1fr;}
.material-visual{min-height: 220px; display: grid; place-items: center; background: radial-gradient(circle at 70% 25%, rgba(126,190,85,.24), transparent 28%), repeating-linear-gradient(115deg, transparent 0 65px, rgba(255,255,255,.025) 66px 67px), #171b18; color: rgba(215,243,107,.48); font: italic 54px Georgia, serif;}
.material-card-wide .material-visual{min-height: 370px;}
.material-content{padding: 24px;}
.material-content h2{margin: 12px 0 10px; font: 28px/1.16 Georgia, serif;}
.material-card-wide h2{font-size: 38px;}
.material-content p{margin: 0 0 20px; color: var(--muted); font-size: 13px;}
.material-meta{color: #777a74; font-size: 11px;}
.article-container{width: min(calc(100% - 40px), 980px); margin-inline: auto;}
.article-hero{padding: 86px 0 70px; text-align: center; background: radial-gradient(circle at 50% 15%, rgba(22,83,55,.3), transparent 34%);}
.article-hero .breadcrumbs{justify-content: center;}
.article-hero h1{max-width: 900px; margin: 20px auto; font: 400 clamp(44px, 6vw, 78px)/1 Georgia, serif; letter-spacing: -.045em;}
.article-lead{max-width: 760px; margin: 0 auto; color: #c7c4ba; font-size: 20px; line-height: 1.65;}
.article-byline{display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; align-items: center; margin-top: 28px; color: var(--muted); font-size: 12px;}
.article-cover{width: min(calc(100% - 40px), 1220px); aspect-ratio: 16/7; display: grid; place-items: center; margin: 0 auto; border: 1px solid var(--line); border-radius: var(--radius); background: radial-gradient(circle at 70% 30%, rgba(126,190,85,.2), transparent 28%), linear-gradient(145deg, #242a25, #0c0e0d); color: rgba(215,243,107,.54); font: 22px Georgia, serif;}
.article-layout{display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 60px; padding-top: 72px; padding-bottom: 104px;}
.article-toc{position: sticky; top: 104px; align-self: start; display: grid; gap: 11px; padding: 18px; border-left: 1px solid var(--gold); color: var(--muted); font-size: 12px;}
.article-toc strong{margin-bottom: 6px; color: var(--text); text-transform: uppercase; letter-spacing: .12em; font-size: 10px;}
.article-toc a:hover{color: var(--gold-soft);}
.article-body{min-width: 0;}
.article-body p{color: #cbc8bd; font: 17px/1.85 Georgia, serif;}
.article-body .article-intro{margin-top: 0; color: var(--text); font-size: 21px;}
.article-body h2{scroll-margin-top: 100px; margin: 58px 0 18px; font: 40px/1.15 Georgia, serif;}
.article-body h3{margin: 36px 0 12px; font: 27px Georgia, serif;}
.article-body blockquote{margin: 38px 0; padding: 8px 0 8px 28px; border-left: 2px solid var(--gold); color: var(--gold-soft); font: italic 28px/1.45 Georgia, serif;}
.article-note{margin: 36px 0; padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface);}
.article-note strong{color: var(--gold-soft); text-transform: uppercase; letter-spacing: .12em; font-size: 10px;}
.article-note p{margin: 9px 0; font: 14px/1.65 Arial, sans-serif;}
.related-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px;}
.related-card{min-height: 180px; display: flex; flex-direction: column; justify-content: flex-end; padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: radial-gradient(circle at 80% 15%, rgba(126,190,85,.15), transparent 30%), var(--surface);}
.related-card h3{margin: 12px 0 0; font: 25px Georgia, serif;}
.prose .article-intro{color: var(--text); font-size: 19px;}
@media (max-width: 980px){.article-card:first-child{grid-column: span 2; grid-row: auto; min-height: 420px;}
.materials-grid{grid-template-columns: repeat(2, 1fr);}
.material-card-wide{grid-column: span 2;}
.article-layout{grid-template-columns: 1fr; gap: 30px;}
.article-toc{position: static;}}
@media (max-width: 680px){.article-card:first-child{grid-column: auto; min-height: 390px;}
.materials-grid{grid-template-columns: 1fr;}
.material-card-wide{grid-column: auto; display: block;}
.material-card-wide .material-visual{min-height: 240px;}
.article-container{width: min(calc(100% - 28px), 980px);}
.article-hero{padding: 58px 0 50px;}
.article-cover{width: min(calc(100% - 28px), 1220px); aspect-ratio: 4/3; padding: 20px; text-align: center;}
.article-layout{padding-top: 46px; padding-bottom: 76px;}
.article-body h2{font-size: 32px;}
.article-body blockquote{font-size: 23px;}
.related-grid{grid-template-columns: 1fr;}}
.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.episode-catalog{display:grid;gap:1px;background:var(--line)}
.episode-row{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:20px;padding:22px;background:var(--surface);color:inherit;text-decoration:none}
.episode-row:hover{background:var(--surface-2)}
.episode-row small{display:block;margin-top:5px;color:var(--muted)}
.post-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:56px}
.post-card{padding:26px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.pagination{margin-top:28px}
.pagination .nav-links{display:flex;gap:10px;flex-wrap:wrap}
.pagination a,.pagination span{padding:10px 14px;border:1px solid var(--line);border-radius:6px}
@media(max-width:760px){.episode-row{grid-template-columns:80px 1fr}
.episode-row .arrow-circle{display:none}
.post-layout{grid-template-columns:1fr}}