*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#F4F2EF;--card:#FFFFFF;--border:rgba(0,0,0,.1);--red:#800000;--gold:#B8960A;--gold2:#92700A;--muted:rgba(0,0,0,.45);--ink:#1A1A1A;--ink2:rgba(0,0,0,.65)}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:'Inter',sans-serif;overflow-x:hidden}
.prog{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--red),var(--gold));z-index:9999;width:0;transition:width .08s}
/* topbar */
.topbar{background:#1A0000;border-bottom:1px solid var(--border);padding:.5rem 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.4rem}
.tb-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none}
.tb-logo-img{height:28px;width:auto}
.tb-name{font-family:'Montserrat',sans-serif;font-weight:800;font-size:.75rem;color:#fff}
.crumb{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}
.crumb a{font-size:.6rem;color:rgba(255,255,255,.35);text-decoration:none;transition:color .15s}.crumb a:hover{color:var(--gold)}
.crumb .sep{color:rgba(255,255,255,.15);font-size:.45rem}.crumb .cur{font-size:.6rem;color:rgba(255,255,255,.55)}
/* Article header */
.art-header{background:#1A0000;border-bottom:1px solid var(--border);padding:3rem 1.5rem 2.5rem}
.art-header-inner{max-width:820px;margin:0 auto}
.cat-badge{display:inline-flex;align-items:center;gap:.4rem;font-family:'Montserrat',sans-serif;font-weight:700;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;padding:.22rem .7rem;border-radius:3px;margin-bottom:1rem}
.art-title{font-family:'Merriweather',serif;font-weight:900;font-size:clamp(1.6rem,4vw,2.6rem);line-height:1.15;color:#fff;margin-bottom:.8rem;letter-spacing:-.02em}
.art-sub{font-family:'Merriweather',serif;font-size:1rem;color:rgba(255,255,255,.55);line-height:1.6;margin-bottom:1.2rem;font-weight:400}
.art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;padding-top:1rem;border-top:1px solid var(--border)}
.art-date{font-size:.72rem;font-weight:600;color:rgba(255,255,255,.4)}
.art-tags{display:flex;flex-wrap:wrap;gap:.3rem}
/* Body */
.art-body{max-width:1100px;margin:0 auto;padding:2.5rem 1.5rem 5rem;display:grid;grid-template-columns:1fr 300px;gap:2rem}
@media(max-width:860px){.art-body{grid-template-columns:1fr}}
.art-content{max-width:720px}
.art-content p{font-family:'Merriweather',serif;font-size:.95rem;color:#3A3A3A;line-height:1.95;margin-bottom:1.4rem}
.art-content h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:1.1rem;color:#1A1A1A;margin:2rem 0 .7rem;letter-spacing:-.01em}
.art-content h3{font-family:'Montserrat',sans-serif;font-weight:700;font-size:.95rem;color:#1A1A1A;margin:1.5rem 0 .5rem}
.art-content ul{padding-left:1.2rem;margin-bottom:1.4rem}
.art-content ul li{font-family:'Merriweather',serif;font-size:.9rem;color:#4A4A4A;line-height:1.85;margin-bottom:.4rem;padding-left:.3rem}
.art-content ul li::marker{color:var(--red)}
.art-content blockquote{border-left:3px solid var(--red);padding:.8rem 1.2rem;background:rgba(128,0,0,.06);border-radius:0 6px 6px 0;margin:1.4rem 0}
.art-content blockquote p{font-style:italic;color:#5A5A5A;margin-bottom:0}
/* Fact box */
.fact-box{background:#1A1A1A;border:1px solid var(--border);border-radius:10px;padding:1.2rem 1.4rem;margin:1.8rem 0}
.fact-box-head{font-family:'Montserrat',sans-serif;font-weight:800;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold2);margin-bottom:.8rem;display:flex;align-items:center;gap:.4rem}
.fact-box ul{padding-left:1rem;margin:0}
.fact-box ul li{font-family:'Inter',sans-serif;font-size:.82rem;color:rgba(255,255,255,.65);line-height:1.75;margin-bottom:.3rem;padding-left:.3rem}
.fact-box ul li::marker{color:var(--red)}
/* sidebar */
.art-sidebar{}
.s-card{background:#161616;border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:1.2rem}
.s-card-head{padding:.75rem 1rem;border-bottom:1px solid var(--border);font-family:'Montserrat',sans-serif;font-weight:700;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.35)}
.s-card-body{padding:.6rem .8rem}
.nav-a{display:flex;align-items:center;gap:.45rem;padding:.45rem .55rem;border-radius:5px;text-decoration:none;font-size:.78rem;font-weight:600;color:rgba(255,255,255,.55);transition:all .14s;font-family:'Inter',sans-serif}
.nav-a:hover{background:rgba(255,255,255,.05);color:#fff}
.nav-a .arr{margin-left:auto;font-size:.6rem;color:rgba(255,255,255,.2)}
/* back to top */
.btt{position:fixed;bottom:1.4rem;right:1.4rem;width:40px;height:40px;border-radius:50%;background:var(--red);color:#FFD700;border:none;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 2px 14px rgba(128,0,0,.4);z-index:999}
.btt.show{display:flex}