:root{--ink:#f6f8fc;--panel:#0d2042;--panel-2:#10264d;--muted:#aebbd4;--gold:#d6a84b;--blue:#5d8dff;--line:rgba(255,255,255,.10);--shadow:0 24px 70px rgba(0,0,0,.28)}
.articles-page{background:radial-gradient(circle at 10% 0,rgba(48,91,178,.16),transparent 28rem),linear-gradient(180deg,#061126 0,#08152e 100%);color:var(--ink);min-height:100vh}
.articles-page .site-header{background:rgba(5,16,37,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.articles-shell{width:min(1180px,calc(100% - 2rem));margin:auto;padding:2.4rem 0 5rem}
.articles-hero{padding:3.3rem 0 2.3rem;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:2rem;align-items:center}
.articles-hero .eyebrow,.article-eyebrow{color:#f2c76b;text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:.78rem}
.articles-hero h1{font-size:clamp(2.75rem,6vw,5.2rem);line-height:.98;margin:.55rem 0 1rem;max-width:800px;color:#fff}
.articles-hero p{font-size:1.08rem;line-height:1.75;color:var(--muted);max-width:720px}
.article-search{background:linear-gradient(145deg,rgba(18,42,82,.96),rgba(9,27,57,.96));border:1px solid var(--line);padding:1.15rem;border-radius:1.2rem;box-shadow:0 16px 45px rgba(0,0,0,.2)}
.article-search label{display:block;color:#fff;font-size:.78rem;font-weight:800;margin-bottom:.55rem;text-transform:uppercase;letter-spacing:.09em}
.article-search input{width:100%;border:1px solid rgba(255,255,255,.12);background:#071a3a;color:#fff;border-radius:.9rem;padding:1rem;font:inherit;outline:none}
.article-search input::placeholder{color:#91a2c0}.article-search input:focus{border-color:rgba(93,141,255,.7);box-shadow:0 0 0 3px rgba(93,141,255,.14)}
.featured-article{display:grid;grid-template-columns:.82fr 1.18fr;background:linear-gradient(145deg,#0f2448,#0a1a36);border:1px solid var(--line);border-radius:1.5rem;overflow:hidden;box-shadow:var(--shadow);margin-bottom:2.3rem}
.featured-visual{min-height:300px;background:radial-gradient(circle at 25% 20%,rgba(214,168,75,.38),transparent 34%),radial-gradient(circle at 85% 75%,rgba(93,141,255,.28),transparent 35%),linear-gradient(145deg,#17376f,#07162f);display:flex;align-items:flex-end;padding:2rem;color:white;position:relative}
.featured-visual:after{content:'Featured reflection';position:absolute;top:1.25rem;left:1.25rem;padding:.45rem .7rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(4,15,34,.34);font-size:.75rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.featured-visual span{font-size:4.2rem}.featured-copy{padding:clamp(2rem,5vw,3.8rem)}
.featured-copy h2{font-size:clamp(2rem,4vw,3.35rem);line-height:1.05;margin:.6rem 0 1rem;color:#fff}.featured-copy p{line-height:1.75;color:var(--muted)}
.article-meta{display:flex;gap:.65rem;flex-wrap:wrap;color:#91a2c0;font-size:.86rem}.article-meta span+span:before{content:'•';margin-right:.65rem}
.read-link{display:inline-flex;align-items:center;margin-top:1.35rem;color:#fff;font-weight:800;text-decoration:none;border:1px solid rgba(255,255,255,.13);background:#15356d;border-radius:999px;padding:.78rem 1rem;transition:.2s ease}
.read-link:hover{transform:translateY(-2px);border-color:rgba(242,199,107,.6);background:#1b4388}
.article-section{margin:2.2rem 0}.section-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1.1rem}.section-head h2{font-size:clamp(1.8rem,3vw,2.35rem);margin:.2rem 0;color:#fff}.section-head p{color:var(--muted);margin:0}
.category-row{display:flex;gap:.6rem;overflow:auto;padding:.2rem 0 .55rem;scrollbar-width:thin}.category-button{white-space:nowrap;border:1px solid var(--line);background:#0d2144;color:#dbe5f5;border-radius:999px;padding:.72rem 1rem;font:inherit;font-weight:760;cursor:pointer;transition:.2s ease}.category-button:hover{border-color:rgba(93,141,255,.55);transform:translateY(-1px)}.category-button.active{background:linear-gradient(135deg,#214c9c,#17356f);border-color:rgba(93,141,255,.55);color:white;box-shadow:0 8px 24px rgba(13,45,105,.35)}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.article-card{background:linear-gradient(155deg,#10254a,#0b1b38);border:1px solid var(--line);border-radius:1.15rem;padding:1.35rem;display:flex;flex-direction:column;min-height:305px;box-shadow:0 14px 34px rgba(0,0,0,.18);transition:.22s ease}.article-card:hover{transform:translateY(-4px);border-color:rgba(93,141,255,.34);box-shadow:0 20px 45px rgba(0,0,0,.27)}.article-card .category{color:#f2c76b;font-size:.74rem;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.article-card h3{font-size:1.45rem;line-height:1.14;margin:.7rem 0;color:#fff}.article-card p{color:var(--muted);line-height:1.65;flex:1}.article-card a{display:inline-flex;align-items:center;align-self:flex-start;margin-top:1rem;color:#fff;font-weight:850;text-decoration:none;border-bottom:2px solid var(--gold);padding-bottom:.18rem}.article-scripture{display:inline-flex;align-self:flex-start;margin:.2rem 0 .85rem;padding:.38rem .62rem;border-radius:999px;background:rgba(93,141,255,.12);border:1px solid rgba(93,141,255,.22);color:#c8d8ff;font-size:.78rem;font-weight:750}
.empty-articles{text-align:center;padding:3rem;background:#0d2144;border:1px solid var(--line);border-radius:1rem;color:var(--muted)}
.series-resources{background:linear-gradient(135deg,#122a55,#0a1b39);border:1px solid var(--line);border-radius:1.3rem;padding:clamp(1.5rem,4vw,2.5rem)}.series-resources h2{color:#fff;margin:.35rem 0}.series-resources p{color:var(--muted);max-width:760px;line-height:1.7}
.article-detail-page{background:#071329;color:#f6f8fc}.article-detail-shell{width:min(1050px,calc(100% - 2rem));margin:auto;padding:3rem 0 6rem}.article-header{max-width:850px;margin:2rem auto 3rem;text-align:center}.article-header h1{font-size:clamp(2.4rem,6vw,4.8rem);line-height:1;margin:.7rem 0 1.2rem;color:#fff}.article-header .dek{font-size:1.2rem;line-height:1.7;color:var(--muted)}
.article-layout{display:grid;grid-template-columns:220px minmax(0,700px);gap:3rem;justify-content:center}.article-aside{position:sticky;top:1rem;align-self:start;background:#0d2144;border:1px solid var(--line);border-radius:1rem;padding:1.1rem}.article-aside strong{display:block;margin-bottom:.7rem}.article-aside a{display:block;color:var(--muted);text-decoration:none;padding:.45rem 0}.article-body{background:#0e2142;border:1px solid var(--line);border-radius:1.2rem;padding:clamp(1.5rem,5vw,3.5rem)}.article-body section+section{margin-top:2.4rem}.article-body h2{font-size:1.8rem;color:#fff}.article-body p{font-size:1.06rem;line-height:1.85;color:#c8d2e4}.reflection-box,.prayer-box{margin-top:2.5rem;border-radius:1rem;padding:1.5rem;background:#132a52}.prayer-box{background:#17305f;color:white}.prayer-box p{color:#dce5f2}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.2rem}.related-grid a{background:#0d2144;border:1px solid var(--line);padding:1rem;border-radius:.8rem;text-decoration:none;color:#fff;font-weight:750}
@media(max-width:850px){.articles-hero,.featured-article,.article-layout{grid-template-columns:1fr}.article-grid,.related-grid{grid-template-columns:1fr 1fr}.article-aside{position:static}.featured-visual{min-height:220px}.articles-hero{padding-top:2rem}.section-head{align-items:start;flex-direction:column}}
@media(max-width:580px){.article-grid,.related-grid{grid-template-columns:1fr}.articles-shell{width:min(100% - 1.25rem,1180px)}.articles-hero h1{font-size:2.7rem}.featured-copy{padding:1.5rem}.article-card{min-height:0}.category-row{margin-right:-.625rem;padding-right:.625rem}}