/* ── ARTICLES */
#articles{padding:5rem 0;background:var(--panel-mid);border-top:1px solid var(--rule)}
.art-search{display:flex;align-items:center;border:1px solid var(--rule);background:rgba(13,19,25,.66);margin-bottom:1.5rem}
.art-search input{flex:1;background:transparent;border:none;outline:none;font-family:'Inter',sans-serif;font-size:15px;font-weight:300;color:var(--ivory);padding:12px 1rem}
.art-search:focus-within{border-color:var(--signal);box-shadow:0 0 0 2px rgba(185,74,72,.22)}
.art-search input::placeholder{color:var(--sage-lt)}
.art-kbd{padding:0 1rem;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--signal-bright);border-left:1px solid var(--rule)}
.art-filters{display:flex;border-bottom:1px solid var(--rule);margin-bottom:2rem}
.afpill{font-family:'Inter',sans-serif;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:9px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--sage-lt);cursor:pointer;margin-bottom:-1px;transition:all .15s}
.afpill:hover{color:var(--ivory-dim)}
.afpill.active{color:var(--signal-bright);border-bottom-color:var(--signal)}
.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule)}
.art-link{display:block;color:inherit;text-decoration:none}
.art-card{background:var(--bg);padding:2rem;cursor:pointer;transition:background .15s;position:relative;min-height:100%}
.art-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:transparent;transition:background .2s}
.art-card:hover{background:var(--panel)}
.art-card:hover::before{background:var(--signal)}
.art-card.feat{grid-column:span 2;background:rgba(18,26,34,.64)}
.art-card.feat::before{background:var(--signal)}
.art-sec{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--signal-bright);margin-bottom:.7rem}
.art-h{font-family:'Cormorant Garamond',serif;font-size:19px;font-weight:600;line-height:1.3;color:var(--ivory);margin-bottom:.5rem}
.art-card.feat .art-h{font-size:23px}
.art-why{font-size:13px;font-weight:400;color:var(--sage-lt);margin-bottom:.7rem;padding-left:10px;border-left:2px solid var(--rule-strong);font-style:italic;line-height:1.6}
.art-exc{font-size:14px;font-weight:300;color:var(--sage-lt);line-height:1.7;margin-bottom:.8rem}
.art-meta{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
.art-date{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--sage-lt)}
.art-read{font-size:11px;color:var(--sage-lt)}
.acc-badge{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:2px 7px}
.acc-free{background:rgba(94,158,114,.1);color:var(--up);border:1px solid rgba(94,158,114,.2)}
.acc-mbr{background:var(--accent-soft);color:var(--signal-bright);border:1px solid var(--rule-strong)}
.acc-prem{background:rgba(185,74,72,.1);color:var(--signal-bright);border:1px solid rgba(185,74,72,.22)}
.no-art{display:none;padding:3rem;text-align:center;font-size:15px;color:var(--sage-lt)}