:root{color-scheme:light;--paper:#f2ede4;--ink:#161513;--gold:#ba8e30;--gold-dark:#9a742a;--green:#168445;--dark:#171717;--cream:#fff9ed;--border:#ded7ca;--muted:#5f584c;--shadow:0 4px 10px #35291a24;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(ellipse at 35% 25%,#fbf7ef,transparent 66%),var(--paper);line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,.logo{font-family:Georgia,'Times New Roman',serif}
a{color:var(--gold-dark)}
img{max-width:100%}
::selection{background:#e9d9ae}
.nav-check{position:absolute;opacity:0;pointer-events:none}


.main{max-width:860px;margin:0 auto;padding:28px 20px 8px}
.kicker{color:var(--gold-dark);font-size:.8rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin:0 0 8px}
h1{font-size:2.15rem;line-height:1.18;margin:0 0 12px}
.lede{font-size:1.13rem;line-height:1.6}
.meta{color:var(--muted);font-size:.9rem;margin:0 0 16px}
.post-hero{margin:0 0 22px}
.post-hero img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;display:block}


.post-body p{margin:0 0 16px}
.post-body h2{font-size:1.45rem;margin:30px 0 10px;line-height:1.25}
.post-body h3{font-size:1.15rem;margin:24px 0 8px}
.post-body ul,.post-body ol{margin:0 0 16px;padding-left:22px}
.post-body li{margin-bottom:8px}
.post-body a{text-underline-offset:2px}
.post-body table{border-collapse:collapse;width:100%;margin:0 0 18px;font-size:.95rem}
.post-body th,.post-body td{border:1px solid var(--border);padding:8px 10px;text-align:left}
.post-body th{background:rgba(186,142,48,.16)}
.post-body blockquote{margin:0 0 16px;padding:10px 16px;border-left:3px solid var(--gold);background:var(--cream)}


.cta{background:linear-gradient(115deg,#171717,#111);color:#fff9f1;border-radius:12px;padding:20px 22px;margin:26px 0}
.cta p{margin:0 0 12px}
.cta strong{color:#fff9ed}
.btn{display:inline-block;background:var(--gold);color:#1a1205;text-decoration:none;font-weight:700;padding:11px 20px;border-radius:10px;border:0;cursor:pointer;font:inherit}
.btn:hover{background:#a47b31;color:#fff9ed}


.disclaimer{font-size:.85rem;color:var(--muted);border:1px solid var(--border);border-radius:10px;padding:12px 14px;background:var(--cream);margin:26px 0 0}
.share-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:22px 0 32px;padding-top:18px;border-top:1px solid var(--border)}
.share-label{font-weight:700;font-size:.9rem}
.share-btn{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--dark);border:1px solid var(--dark);color:var(--gold);box-shadow:0 2px 8px rgba(23,23,23,.18);transition:background .15s ease,color .15s ease,transform .1s ease}
.share-btn svg{width:20px;height:20px;fill:currentColor}
.share-btn:hover{background:var(--gold);border-color:var(--gold);color:var(--dark)}
.share-btn:active{transform:scale(.96)}


.blog-search,.newsletter{border:1px solid var(--border);border-radius:12px;background:var(--cream);padding:20px 22px;box-shadow:var(--shadow);margin:26px 0}
.blog-search h2,.newsletter h2{margin:0 0 8px;font-size:1.3rem}
.blog-search label,.newsletter-label{display:block;font-weight:700;font-size:.9rem;margin:12px 0 6px}
.blog-search input,.newsletter-row input{width:100%;font:inherit;font-size:16px;padding:12px 14px;border:1px solid #c9bfa8;border-radius:10px;background:#fffdf7;color:var(--ink)}
.blog-search-status{font-size:.85rem;color:var(--muted);margin:8px 0 0}
.blog-search-empty{font-size:.9rem;color:var(--muted)}
.newsletter-row{display:flex;gap:8px;flex-wrap:wrap}
.newsletter-row input{flex:1 1 240px;width:auto}
.newsletter-row button{background:var(--gold);color:#1a1205;border:0;font:inherit;font-weight:700;padding:12px 22px;border-radius:10px;cursor:pointer}
.newsletter-row button:hover{background:#a47b31;color:#fff9ed}
.powered{font-size:.8rem;color:var(--muted);margin:10px 0 0}


.post-list{list-style:none;margin:6px 0 30px;padding:0}
.post-list li{border-top:1px solid var(--border);padding:16px 2px}
.post-list li:first-child{border-top:0}
.post-date{display:block;font-size:.75rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--gold-dark);margin-bottom:4px}
.post-list h2{font-size:1.25rem;margin:0 0 6px;line-height:1.3}
.post-list h2 a{color:var(--ink);text-decoration:none}
.post-list h2 a:hover{color:var(--gold-dark)}
.post-list p{margin:0;color:var(--muted)}


.footer{background:linear-gradient(115deg,#171717,#111);color:#b8b0a0;text-align:center;padding:20px 20px 28px;font-size:.85rem;margin-top:20px}
.footer nav{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}
.footer nav a{color:#e8dfc9;text-decoration:none}
.footer a{color:#d9a84e;text-decoration:none}


@media (max-width:760px){
  h1{font-size:1.8rem}
  .main{padding:22px 16px 4px}
}

/* ===== Blog header = the homepage header (Pinky, Nov 9, 2026) ===== */
.site-header{background:linear-gradient(115deg,#171717,#111);color:#fff9f1;border-bottom:1px solid #ffffff18;position:sticky;top:0;z-index:60}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:11px 16px;width:min(94%,1260px);margin-inline:auto}
.brand{display:flex;align-items:center;gap:12px;flex:none;text-decoration:none;color:inherit}
.brand img{width:55px;height:auto}
.brand strong{display:block;font-family:Georgia,'Times New Roman',serif;letter-spacing:-.025em;font-size:clamp(1.16rem,2.45vw,1.8rem);line-height:1.05}
.brand small{display:block;font-size:clamp(.48rem,1vw,.67rem);text-transform:uppercase;margin-top:3px;letter-spacing:.06em}
.main-nav{display:flex;align-items:center;gap:clamp(16px,3vw,42px);margin-left:auto;font-size:.9rem}
.main-nav a{position:relative;color:inherit;text-decoration:none;padding:6px 0;white-space:nowrap}
.main-nav .active::after{content:'';position:absolute;inset:auto 0 -7px;height:2px;background:#d5a944}
.main-nav a:hover{color:#efcf85}
.header-actions{display:flex;gap:10px;align-items:center}
.icon-button{display:inline-grid;place-items:center;background:none;border:0;padding:5px;color:inherit;font-size:1.26rem;cursor:pointer;text-decoration:none}
.header-actions svg{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.menu{display:none}
.lang-switch{display:flex;gap:2px;align-items:center}
.lang-switch a{padding:5px 7px;font-size:.78rem;letter-spacing:.05em;color:#e8dfc9;text-decoration:none;border-radius:8px;line-height:1.25}
.lang-switch a:hover{color:#efcf85}
.lang-switch a.active{color:#d5a944;font-weight:700}
.lang-row{display:none}
h2,h3{scroll-margin-top:96px}
@media (max-width:860px){
.header-inner{padding-inline:5px;gap:12px}
.main-nav{display:none}
.nav-check:checked~.main-nav{display:grid;position:absolute;top:100%;left:0;right:0;background:#171717;margin:0;padding:12px 20px;border-bottom:1px solid #a47b31;gap:5px}
.main-nav .active::after{display:none}
.main-nav a{padding:9px 0;text-align:left;font-size:.91rem}
.menu{display:grid}
.brand img{width:42px}
.lang-switch{display:none}
.lang-row{display:flex;gap:8px;padding-top:10px;margin-top:6px;border-top:1px solid #ffffff22}
.lang-row a{border:1px solid #ffffff40;border-radius:999px;padding:5px 14px;font-size:.8rem;line-height:1.25;color:#e8dfc9;text-decoration:none}
.lang-row a.active{background:var(--gold);border-color:var(--gold);color:#171717;font-weight:700}
}