/* Blog and pages (server-rendered) */
body.wpb{background:#f7f4f0;color:var(--ink);min-height:100vh;display:flex;flex-direction:column}
.wpb main{flex:1}
.wpb .bw{max-width:1180px;margin:0 auto;padding:0 24px}
.wpb .bw.nw{max-width:780px}
.wpb .bh{background:var(--m950);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(232,199,124,.18)}
.wpb .bh .bw{display:flex;align-items:center;gap:28px;height:76px}
.wpb .bh .lg img{height:46px;display:block}
.wpb .bh nav{display:flex;gap:24px;flex:1;overflow-x:auto;scrollbar-width:none}
.wpb .bh nav a{color:#e8d6d9;text-decoration:none;font-size:14.5px;font-weight:500;white-space:nowrap}
.wpb .bh nav a:hover{color:var(--gold)}
.wpb .bh .ba{display:flex;gap:10px}
.wpb .bhero{background:radial-gradient(700px 360px at 85% 0%,rgba(232,199,124,.16),transparent 60%),linear-gradient(165deg,#2a0610,#460a18);color:#fff;padding:72px 0 64px}
.wpb .bhero h1{color:#fff;font-size:clamp(32px,4.4vw,52px);font-weight:600;letter-spacing:-.03em;line-height:1.1}
.wpb .bhero p{color:rgba(255,255,255,.72);font-size:17px;margin-top:14px;max-width:620px}
.wpb .bhero .dt{display:block;color:var(--gold);font-size:14px;margin-top:16px}
.wpb .bhero .bk{display:inline-block;color:var(--gold2);text-decoration:none;font-size:14px;margin-bottom:18px}
.wpb .blist{padding:56px 24px 72px}
.wpb .blist.more{padding-top:0}
.wpb .blist.more h3{font-size:22px;margin-bottom:20px}
.wpb .bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.wpb .bc{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.wpb .bc:hover{transform:translateY(-3px);box-shadow:0 24px 50px -28px rgba(70,10,24,.45)}
.wpb .bc .im{aspect-ratio:16/9;background-size:cover;background-position:center}
.wpb .bc .im.ph{background:url(/icon.png) center/64px no-repeat,radial-gradient(circle at 70% 20%,rgba(232,199,124,.18),transparent 60%),linear-gradient(135deg,#5a1226,#2a0610)}
.wpb .bc .tx{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}
.wpb .bc .dt{font-size:12.5px;color:var(--mute)}
.wpb .bc h2{font-size:19px;margin:6px 0 10px;line-height:1.3}
.wpb .bc p{color:#5b5054;font-size:14.5px;line-height:1.65;flex:1}
.wpb .bc .rm{color:var(--m700);font-weight:600;font-size:14px;margin-top:16px}
.wpb .pgn{display:flex;justify-content:space-between;align-items:center;margin-top:36px}
.wpb .empty{text-align:center;color:var(--mute);padding:40px 0}
.wpb .prose{padding-top:48px;padding-bottom:72px;font-size:17px;line-height:1.85;color:#2b2226}
.wpb .prose .fi{width:100%;border-radius:20px;margin:0 0 32px;display:block}
.wpb .prose h2{font-size:28px;margin:40px 0 14px}
.wpb .prose h3{font-size:22px;margin:32px 0 12px}
.wpb .prose h4{font-size:18px;margin:26px 0 10px}
.wpb .prose p{margin:0 0 20px}
.wpb .prose ul,.wpb .prose ol{margin:0 0 20px;padding-left:24px}
.wpb .prose li{margin:6px 0}
.wpb .prose a{color:var(--m700);text-underline-offset:3px}
.wpb .prose img{max-width:100%;height:auto;border-radius:14px}
.wpb .prose blockquote{margin:28px 0;padding:18px 24px;border-left:4px solid var(--gold);background:#fff;border-radius:0 14px 14px 0;color:var(--m900);font-size:18px}
.wpb .prose table{margin:0 0 20px;background:#fff}
.wpb .prose td,.wpb .prose th{border:1px solid var(--line)}
.wpb .pv{background:#fdf1d9;color:var(--warn);text-align:center;padding:10px 16px;font-size:14px;font-weight:500}
.wpb .bf{background:var(--m950);color:#cdb9bb;font-size:14px}
.wpb .bf .bw{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:26px 24px}
.wpb .bf a{color:var(--gold);text-decoration:none}
@media (max-width:900px){.wpb .bgrid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){
.wpb .bh .bw{height:auto;flex-wrap:wrap;gap:12px 16px;padding-top:12px;padding-bottom:12px}
.wpb .bh .lg img{height:38px}
.wpb .bh nav{order:3;flex-basis:100%;gap:18px}
.wpb .bh .ba{margin-left:auto}
.wpb .bgrid{grid-template-columns:1fr}
.wpb .bhero{padding:48px 0 44px}
.wpb .prose{font-size:16px;padding-top:32px}
.wpb .pgn{flex-wrap:wrap;gap:10px}
}
