/* ===== APEX JOURNAL v3: Social Kandura homepage layout, v2 light look ===== */
:root{--bg:#fff;--ink:#111;--inv:#fff;--body:#4A4A4A;--mute:#7A7671;--line:#E6E2DA;--card:#F7F4EE;--card2:#EEEAE2;--hi:#F7F4EE;--coral:#C8423A;--coral2:#E9655F;--edge:#D6D1C8;
--lab:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;--serif:"Playfair Display",Georgia,serif}
.x-dark,.x-hero,.x-pick,.x-lead,.x-strip-card,.x-promo,.x-reels{--ink:#F5F2EC;--inv:#111;--body:#D4CFC7;--mute:#9A958E;--line:#2A2A2E;--card2:#1C1C1F;--edge:#45454B;--coral:#E9655F}
body.v3{background:var(--bg);color:var(--ink);font-family:var(--lab)}
body.v3 main{background:var(--bg)}
.x-wrap{width:min(1240px,calc(100% - 48px));margin:0 auto}
.x-sec{padding:64px 0 0}
.v3 a{text-decoration:none}
.x-kicker{display:inline-block;font:700 11px/1.3 var(--lab);letter-spacing:.18em;text-transform:uppercase;color:var(--coral)}
.x-kicker-line{padding-bottom:8px;border-bottom:1px solid var(--coral);color:var(--ink)}
.x-micro{font:600 11px/1.3 var(--lab);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.x-h{font-family:var(--serif);font-weight:700;font-size:clamp(28px,3.2vw,44px);line-height:1.08;letter-spacing:-.01em;color:var(--ink)}
.x-h em{font-style:italic;font-weight:600}
.x-h-xl{font-size:clamp(36px,4.6vw,64px)}
.x-h-sm{font-size:clamp(22px,2.2vw,30px)}
.x-h3{font-family:var(--serif);font-weight:700;font-size:clamp(22px,2vw,28px);line-height:1.15;margin-top:8px}
.x-h3 em{font-style:italic;font-weight:600}
.x-sub{margin-top:10px;color:var(--body);font-size:15px;max-width:56ch}
.x-when{font:600 11px/1.3 var(--lab);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.x-when b{color:var(--coral);font-weight:700}
.x-tag{display:inline-block;background:var(--ink);color:var(--inv);font:800 10px/1 var(--lab);letter-spacing:.14em;text-transform:uppercase;padding:6px 8px}
.x-tag-coral{background:var(--coral2);color:#1A0907}
.x-pill{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#111;border-radius:999px;padding:12px 20px;font-weight:600;font-size:14px}
.x-dark-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;position:relative;background:#111;color:#fff;border:1px solid #111;padding:12px 16px;cursor:pointer;font:700 11px/1 var(--lab);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;transition:background .2s}
.x-dark-btn:hover{background:#333}
.x-dark-btn-sm{padding:10px 14px}
.x-dark-btn-full{width:100%;margin-top:22px;padding:16px}
.x-new{position:absolute;top:-9px;right:10px;background:var(--coral2);color:#1A0907;font:800 9px/1 var(--lab);letter-spacing:.12em;padding:4px 6px}
.x-btn-w,.x-btn-o,.x-btn-coral{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 20px;cursor:pointer;font:700 12px/1 var(--lab);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;transition:background .2s,border-color .2s}
.x-btn-w{background:var(--ink);color:var(--inv);border:1px solid var(--ink)}
.x-btn-o{background:transparent;color:var(--ink);border:1px solid var(--edge)}
.x-btn-o:hover{border-color:var(--ink)}
.x-btn-lg{padding:17px 34px}
.x-btn-coral{background:var(--coral2);color:#1A0907;border:0;border-radius:999px;padding:17px 28px;font-size:13px}
.x-btn-coral:hover{background:#F27B75}
.x-see,.x-view{font:700 12px/1 var(--lab);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);padding-bottom:5px;border-bottom:1px solid var(--ink);white-space:nowrap}
.x-view{border-bottom:0;letter-spacing:.04em;text-transform:none;font-size:14px}
.x-see:hover,.x-view:hover{color:var(--coral);border-color:var(--coral)}
.x-link{background:none;border:0;cursor:pointer;color:var(--ink);font:600 15px var(--lab);border-bottom:1px solid var(--coral);padding:0 0 3px}
.x-arrows{display:inline-flex;gap:8px}
.x-arrows button{width:40px;height:40px;border-radius:50%;border:1px solid var(--edge);background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background .2s}
.x-arrows button:hover{background:var(--ink);color:var(--inv);border-color:var(--ink)}
.x-arrows-sq button{border-radius:0}
.x-arrows-sm button{width:34px;height:34px}