:root{
  --gold:#c9a24b; --gold-bright:#e6c476; --ink:#0b0a08; --panel:#15130e;
  --cream:#f3ead8; --muted:#a89a7c; --line:#2c2617;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--ink);color:var(--cream);font-family:'Inter',system-ui,sans-serif;line-height:1.7}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(rgba(11,10,8,.48),rgba(11,10,8,.7)),#0b0a08 url('/bg-brand.webp') center/cover no-repeat}
a{color:var(--gold-bright);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:760px;margin:0 auto;padding:0 24px 70px}

.bheader{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(11,10,8,.94);backdrop-filter:blur(8px);z-index:5}
.bheader .brand{display:flex;align-items:center;gap:10px;color:var(--cream)}
.bheader .brand img{width:38px;height:38px;border-radius:9px}
.bheader .brand span{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:1.1rem;letter-spacing:.05em}
.bheader nav{margin-left:auto;display:flex;gap:4px;flex-wrap:wrap}
.bheader nav a{color:var(--muted);font-size:.9rem;padding:6px 10px;border-radius:8px}
.bheader nav a:hover{color:var(--gold-bright);text-decoration:none}
.bheader nav a.current{color:var(--gold)}

h1{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(2rem,5vw,2.8rem);margin:44px 0 8px;letter-spacing:.02em}
.lede{color:var(--muted);font-size:1.05rem;margin:0 0 8px}
.rule{width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:28px 0}
.post-meta{color:var(--muted);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;margin:0 0 18px}

article h2{font-family:'Cormorant Garamond',serif;color:var(--gold-bright);font-size:1.55rem;margin:34px 0 10px;letter-spacing:.03em}
article h3{font-family:'Cormorant Garamond',serif;color:var(--cream);font-size:1.2rem;margin:22px 0 6px}
article p{margin:0 0 14px}
article ul,article ol{margin:0 0 16px;padding-left:22px}
article li{margin-bottom:6px}
article blockquote{border-left:2px solid var(--gold);padding:4px 0 4px 16px;color:var(--muted);font-style:italic;margin:0 0 14px}
article strong{color:#fff}

.post-list .post-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:0 0 12px;transition:border-color .2s}
.post-list .post-card:hover{border-color:var(--gold);text-decoration:none}
.post-list .post-card b{font-family:'Cormorant Garamond',serif;color:var(--cream);font-size:1.25rem;display:block}
.post-list .post-card span{color:var(--muted);font-size:.92rem}
.post-list .post-card .date{display:block;color:var(--gold);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;margin-top:8px}

.plug{margin:30px 0 0;padding:16px 18px;background:rgba(201,162,75,.10);border:1px solid var(--gold);border-radius:14px}
.plug p{margin:0}

.subbox{margin:30px 0 0;padding:18px 20px;background:var(--panel);border:1px solid var(--line);border-radius:14px}
.subbox b{font-family:'Cormorant Garamond',serif;font-size:1.15rem}
.subbox p{color:var(--muted);font-size:.9rem;margin:4px 0 12px}
.subbox form{display:flex;gap:8px;flex-wrap:wrap}
.subbox input[type=email]{flex:1;min-width:200px;background:var(--ink);border:1px solid var(--line);color:var(--cream);border-radius:10px;padding:10px 12px;font-size:.95rem;font-family:inherit}
.subbox input[type=email]:focus{outline:none;border-color:var(--gold)}
.subbox button{background:var(--gold);color:var(--ink);border:none;border-radius:10px;padding:10px 18px;font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit}
.subbox .submsg{flex-basis:100%;font-size:.85rem;margin:6px 0 0;display:none}
.subbox .hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}

.disclaimer{margin-top:26px;color:var(--muted);font-size:.8rem;border-top:1px solid var(--line);padding-top:14px}

.bfooter{border-top:1px solid var(--line);margin-top:40px;padding:32px 24px 48px;text-align:center;color:var(--muted);font-size:.85rem}
.bfooter .links{margin-bottom:10px}
.bfooter .links a{margin:0 10px;color:var(--gold-bright)}

/* Desktop-only brand rail: big logo pinned top-right, reading column shifted left
   (mirrors the Tatanka Ledger app's rail). Hidden below 1200px — mobile is untouched. */
@media(min-width:1200px){
  body::after{content:"";position:fixed;top:92px;right:24px;width:min(18vw,260px);aspect-ratio:1;background:url('/logo.png') center/contain no-repeat;border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.45);z-index:4}
  main.wrap{margin-right:calc(24px + min(18vw,260px) + 44px);margin-left:auto}
}