:root{
  --ivory:#FFFFFF; --ivory-soft:#EDEEF0; --charcoal:#0A1128; --charcoal-soft:#121B3D;
  --bronze:#E5E4E2; --bronze-deep:#B7B6B4; --muted:#9BA3B4; --line:rgba(229,228,226,.28);
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--charcoal); color:var(--ivory); font-family:'Cairo',sans-serif; line-height:1.7; overflow-x:hidden;}
h1,h2,h3{font-family:'Cormorant Garamond','Cairo',serif; font-weight:600; letter-spacing:.01em;}
a{color:inherit; text-decoration:none;}
.wrap{max-width:1180px; margin:0 auto; padding:0 28px;}
.eyebrow{font-size:12.5px; letter-spacing:.28em; text-transform:uppercase; color:var(--bronze); font-weight:700; display:flex; align-items:center; gap:12px;}
.eyebrow::before{content:""; width:28px; height:1px; background:var(--bronze); display:inline-block;}
html[dir="ltr"] .eyebrow::before{margin-left:0;}
header{position:fixed; top:0; left:0; right:0; z-index:100; background:rgba(10,17,40,.9); backdrop-filter:blur(10px); border-bottom:1px solid var(--line);}
nav{max-width:1180px; margin:0 auto; padding:16px 28px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;}
.logo{font-family:'Cormorant Garamond',serif; font-size:22px; font-weight:600; letter-spacing:.08em; display:flex; align-items:center; gap:10px;} .logo img{height:38px; width:auto; display:block;}
.logo span{color:var(--bronze);}
.nav-links{display:flex; gap:24px; font-size:14px; flex-wrap:wrap;}
.nav-links a{opacity:.85; transition:opacity .2s;}
.nav-links a:hover{opacity:1; color:var(--bronze);}
.nav-links a.active{opacity:1; color:var(--bronze);}
.nav-right{display:flex; align-items:center; gap:14px;}
.lang-btn{background:transparent; border:1px solid var(--bronze); color:var(--bronze); padding:7px 16px; border-radius:2px; font-size:12.5px; font-weight:700; letter-spacing:.05em; cursor:pointer; font-family:'Cairo',sans-serif;}
.lang-btn:hover{background:var(--bronze); color:var(--charcoal);}
.nav-wa{background:var(--bronze); color:var(--charcoal); padding:9px 20px; border-radius:2px; font-weight:700; font-size:13px; letter-spacing:.02em;}
section{padding:100px 0;}
.sec-head{text-align:center; max-width:680px; margin:0 auto 50px;}
.sec-head h2{font-size:clamp(28px,4vw,42px); margin:14px 0 10px;}
.sec-head .sub{font-family:'Cormorant Garamond',serif; font-style:italic; color:var(--muted); font-size:17px;}
.btn{display:inline-block; padding:15px 34px; font-size:14px; font-weight:700; letter-spacing:.03em; border-radius:2px; transition:transform .2s, background .2s; cursor:pointer; border:none;}
.btn-solid{background:var(--bronze); color:var(--charcoal);}
.btn-solid:hover{background:var(--ivory); transform:translateY(-2px);}
.btn-outline{border:1px solid var(--bronze); color:var(--ivory);}
.btn-outline:hover{background:rgba(229,228,226,.12); transform:translateY(-2px);}
.wa-float{position:fixed; bottom:26px; left:26px; z-index:200; background:var(--bronze); color:var(--charcoal); width:56px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:26px; box-shadow:0 6px 22px rgba(0,0,0,.35);}
html[dir="ltr"] .wa-float{left:auto; right:26px;}
footer{padding:36px 0; text-align:center; font-size:12px; color:var(--muted); border-top:1px solid var(--line);}
@media(max-width:900px){.nav-links{display:none;}}

/* Journal-specific */
.j-hero{padding-top:160px; padding-bottom:70px; text-align:center;}
.j-hero h1{font-size:clamp(34px,5.5vw,58px); margin:14px 0 10px;}
.j-hero p.sub{font-family:'Cormorant Garamond',serif; font-style:italic; color:var(--muted); font-size:18px; max-width:620px; margin:0 auto;}
.breadcrumb{padding:0 0 0; font-size:13px; color:var(--muted);}
.breadcrumb a{color:var(--bronze);}

.featured{background:var(--charcoal-soft); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.featured-card{display:grid; grid-template-columns:1.1fr 1fr; gap:0; background:var(--charcoal); border:1px solid var(--line);}
.featured-img{position:relative; min-height:340px;}
.featured-img img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.featured-body{padding:44px 44px;}
.featured-tag{display:inline-block; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--charcoal); background:var(--bronze); padding:5px 12px; border-radius:2px; font-weight:700; margin-bottom:16px;}
.featured-body h3{font-size:clamp(24px,3vw,32px); line-height:1.3; margin-bottom:14px;}
.featured-body p{color:var(--ivory-soft); font-size:15px; margin-bottom:22px;}
.featured-meta{display:flex; gap:16px; font-size:12.5px; color:var(--muted); margin-bottom:22px; flex-wrap:wrap;}
@media(max-width:900px){.featured-card{grid-template-columns:1fr;} .featured-img{min-height:220px;}}

.grid-cards{display:flex; flex-wrap:wrap; justify-content:center; gap:1px; background:var(--line); border:1px solid var(--line); margin-top:1px;}
.g-card{background:var(--charcoal); padding:36px 28px; display:flex; flex-direction:column; gap:12px; min-height:230px; opacity:.55; position:relative; width:320px; flex:0 1 320px;}
.g-card .soon-badge{position:absolute; top:20px; left:28px; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--bronze); border:1px solid var(--bronze); padding:3px 9px; border-radius:2px;}
html[dir="ltr"] .g-card .soon-badge{left:auto; right:28px;}
.g-card h4{font-size:19px; margin-top:20px;}
.g-card p{font-size:13px; color:var(--muted);}
@media(max-width:900px){.grid-cards{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.grid-cards{grid-template-columns:1fr;}}

.wa-band{text-align:center; padding:70px 0; background:linear-gradient(120deg, var(--charcoal-soft), var(--charcoal)); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.wa-band h2{margin-bottom:16px;}
.wa-band p{color:var(--ivory-soft); max-width:520px; margin:0 auto 26px;}

/* Homey recovery: article bodies must remain visible; homepage-only journal suppression is preserved. */
body:not(.homey-homepage) .homey-journal-entry { display:block !important; visibility:visible !important; opacity:1 !important; }
