.article-nav{display:flex;gap:24px;align-items:center}.article-nav a{text-decoration:none;color:#f3edf8;white-space:nowrap}.article-nav a.active,.article-nav a:hover{color:#d56dff}.articles-wrap,.article-wrap{width:min(1040px,calc(100% - 32px));margin:0 auto;padding:48px 0 80px}.articles-hero{padding:36px 0 28px;border-bottom:1px solid var(--line)}.articles-hero h1,.article-header h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.1rem,6vw,4rem);line-height:1.08;margin:8px 0 16px}.articles-hero p,.article-meta{color:var(--muted)}.article-grid{display:grid;gap:22px;padding-top:30px}.article-card{padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.article-card h2{font-family:Georgia,"Times New Roman",serif;font-size:1.6rem;margin:4px 0 10px}.article-card h2 a{text-decoration:none}.article-date,.article-meta{font-size:.92rem}.article-read{display:inline-block;margin-top:14px;color:var(--lavender);font-weight:700}.breadcrumbs{display:flex;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:.92rem;margin-bottom:24px}.breadcrumbs a{color:var(--lavender)}.preview-banner{padding:12px 16px;margin-bottom:24px;border:1px solid #e2b05e;border-radius:12px;background:#34220b;color:#ffe3a8}.article-header{margin-bottom:28px}.article-topics{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.article-topics span{padding:5px 10px;border:1px solid var(--line);border-radius:999px;color:var(--lavender);font-size:.85rem}.article-featured{margin:0 0 30px}.article-featured img{width:100%;max-height:560px;object-fit:cover;border-radius:20px}.article-body{font-size:1.08rem}.article-body h2,.article-body h3{font-family:Georgia,"Times New Roman",serif;line-height:1.2;margin:32px 0 12px}.article-body p{margin:0 0 18px}.article-body ul{margin:0 0 20px 22px}.article-body a{color:#d58aff}.related{margin-top:42px;padding-top:24px;border-top:1px solid var(--line)}.related h2{margin-bottom:12px}.related a{display:block;padding:8px 0;color:var(--lavender)}
.admin-page{width:min(1100px,calc(100% - 24px));margin:0 auto;padding:24px 0 60px}.admin-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:16px 0}.admin-grid{display:grid;grid-template-columns:320px 1fr;gap:20px}.admin-panel{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:18px}.admin-list button{width:100%;text-align:left;margin:6px 0;padding:12px;border:1px solid var(--line);border-radius:12px;background:#120824;color:#fff;line-height:1.45}.admin-form label{display:block;margin:12px 0 6px;font-weight:700}.admin-form input,.admin-form textarea,.admin-form select,.admin-toolbar input,.admin-toolbar select,#login input{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:#080412;color:#fff}.admin-toolbar input{width:min(360px,100%)}.admin-toolbar select{width:auto}.admin-form textarea{min-height:110px}.admin-form #body_markdown{min-height:360px;font-family:ui-monospace,monospace}.admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.admin-actions button,.admin-toolbar button{min-height:44px;padding:0 16px;border:1px solid #d95cff;border-radius:12px;background:#4c118f;color:#fff;font-weight:700}.danger{border-color:#d66!important;background:#591b2d!important}.status-pill{display:inline-block;padding:4px 9px;border-radius:999px;background:#23123e;color:#e6c8ff}.article-admin-dates{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:16px}.admin-note{color:var(--muted);font-size:.92rem}.hidden{display:none!important}
@media(max-width:900px){.nav-wrap{min-height:84px;flex-wrap:wrap;padding:10px 0 12px}.brand-logo{width:62px;height:62px}.article-nav{display:flex;width:100%;gap:18px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:thin}.article-nav a{padding:7px 0}.admin-grid{grid-template-columns:1fr}.admin-list{max-height:280px;overflow:auto}.articles-wrap,.article-wrap{padding-top:28px}.admin-toolbar>*{flex:1 1 150px}.admin-actions button{flex:1 1 140px}}

/* Articles hero heading sizing */
.articles-hero h1 {
  font-size: clamp(2.1rem, 4.5vw, 2.9rem);
  line-height: 1.08;
}