/* Raven Bard archive and story pages */
.social-coming-soon{padding:17px;border:1px solid var(--line);text-align:center;font-family:var(--display);font-size:.7rem;color:#8e8791;opacity:.72}
.social-coming-soon small{display:block;margin-top:4px;font-size:.48rem;letter-spacing:.08em;color:var(--gold)}

.archive-main{min-height:100vh;background:#0a090e;padding:72px clamp(20px,5vw,80px)}
.archive-hero{max-width:1180px;margin:0 auto 28px;padding:54px clamp(28px,6vw,72px);border:1px solid var(--line);background:linear-gradient(120deg,#241232,#0d0c12)}
.archive-hero h1{font-family:var(--display);font-size:clamp(2.7rem,6vw,5.8rem);line-height:1;margin:.15em 0;color:var(--gold)}
.archive-hero p:not(.kicker){max-width:760px;color:#d0c8d2}
.archive-controls{max-width:1180px;margin:0 auto 22px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.archive-controls label{font-family:var(--display);font-size:.65rem;color:var(--gold)}
.archive-controls select,.archive-controls input{min-height:42px;padding:9px 12px;border:1px solid var(--line);background:#15121a;color:var(--ivory);font-family:var(--serif)}
.archive-controls input{min-width:min(340px,100%)}
.archive-status{max-width:1180px;margin:0 auto 18px;color:#aaa2ad;font-size:.8rem}
.archive-groups{max-width:1180px;margin:auto}
.archive-group{margin:30px 0 48px}
.archive-group-title{font-family:var(--display);font-size:1.45rem;color:var(--gold);border-bottom:1px solid var(--line);padding-bottom:10px}
.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.archive-card{min-height:220px;padding:23px;border:1px solid var(--line);background:linear-gradient(145deg,#18141d,#0f0e13)}
.archive-card a{display:flex;flex-direction:column;height:100%}
.archive-card-meta{display:flex;justify-content:space-between;gap:14px;color:#a995b8;font-size:.68rem}
.archive-card h2{font-family:var(--display);font-size:1.15rem;line-height:1.2;color:var(--gold);margin:.8rem 0}
.archive-card p{color:#c5bdc8;font-size:.84rem}
.archive-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:14px}
.archive-card-tags span{padding:4px 7px;border:1px solid rgba(199,163,71,.38);font-size:.58rem;color:#cbb673}
.archive-empty{padding:28px;border:1px solid var(--line);background:#141118}
.story-main{background:linear-gradient(#100d14,#08090d);min-height:100vh;padding:72px 20px}
.story-page{max-width:1100px;margin:auto;background:#f2ead9;color:#241d18;padding:clamp(30px,6vw,78px);border:1px solid #b69a54;box-shadow:0 25px 70px rgba(0,0,0,.35)}
.story-page h1,.story-page h2,.story-page h3{font-family:var(--display);color:#5a231c}
.story-page h1{font-size:clamp(2.6rem,6vw,5.5rem);line-height:1}
.story-page p{max-width:850px}
.story-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:36px 0}
.story-card{padding:24px;border:1px solid rgba(90,35,28,.28);background:#fff8e8}
.story-card h2{font-size:1.2rem}
.story-back{display:inline-flex;margin-bottom:24px;color:#5b2d91;text-decoration:underline}
.story-note{padding:20px;border-left:5px solid #5b2d91;background:#fff8e8}
@media(max-width:900px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.archive-grid,.story-sections{grid-template-columns:1fr}.archive-controls{align-items:stretch;flex-direction:column}.archive-controls input,.archive-controls select{width:100%}}