/* ===== APEX JOURNAL v2: Social Kandura style editorial layout ===== */
:root{--sk-ink:#000;--sk-text:#1F1F1F;--sk-grey:#6B6B6B;--sk-line:#E7E4DD;--sk-cream:#F7F3EA;--sk-gold:#E9655F;--sk-gold-d:#C8453F;--sk-wa:#25D366}
body.sk{background:#fff;color:var(--sk-text);font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.sk main{padding-top:72px;background:#fff}
.sk a{color:inherit}

/* Apex header, compact and solid on the white editorial pages */
.sk .top{background:#0F0F10!important;border-bottom-color:#1F1F22!important}
.sk .top::before{opacity:0!important}
.sk .top .wrap{height:72px!important}
.sk .logo img{height:52px!important}

.sk-wrap{width:min(1210px,calc(100% - 48px));margin:0 auto}
.sk-label{display:inline-block;font:700 11px/1.2 "Inter",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--sk-gold-d)}
.sk-label-light{color:var(--sk-gold)}
.sk-cat{display:block;font:600 11px/1.2 "Inter",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--sk-gold-d)}
.sk-when{display:block;font:400 12px/1.3 "Inter",sans-serif;color:var(--sk-grey)}
.sk h1,.sk h2,.sk h3,.sk h4{font-family:"Playfair Display",Georgia,serif;color:var(--sk-ink);letter-spacing:-.005em}

/* image boxes */
.sk-img,.sk-leadimg,.sk-rimg,.sk-nimg{position:relative;overflow:hidden;background:#EFEDE8;border-radius:6px}
.sk-img img,.sk-leadimg img,.sk-rimg img,.sk-nimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
a:hover .sk-img img,a:hover .sk-rimg img{transform:scale(1.03)}
.noimg::after{content:"APEX";position:absolute;inset:0;display:grid;place-items:center;font:700 italic 22px "Playfair Display",serif;color:#D2CEC5;letter-spacing:.1em}

/* ---- section / listing ---- */
.sk-section{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding:56px 0 22px}
.sk-section h1{font-weight:600;font-size:46px;line-height:1.1;margin:10px 0 12px}
.sk-section p{max-width:560px;color:#444;font-size:15px;line-height:1.6}
.sk-count{text-align:right;flex:none}
.sk-count strong{display:block;font:700 34px/1 "Playfair Display",serif;color:var(--sk-ink)}
.sk-count span{font-size:12px;color:var(--sk-grey);letter-spacing:.04em}

.sk-chips{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:26px}
.sk-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--sk-line);border-radius:30px;background:#fff;color:var(--sk-text);font:500 13px/1 "Inter",sans-serif;text-decoration:none;transition:border-color .2s ease}
.sk-chip span{color:var(--sk-grey);font-size:12px}
.sk-chip:hover{border-color:#000}
.sk-chip[aria-current]{background:#000;border-color:#000;color:#fff}
.sk-chip[aria-current] span{color:#C9C5BF}

.sk-top{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin-bottom:28px}
.sk-lead{position:relative;display:block;border-radius:6px;overflow:hidden;min-height:440px;text-decoration:none;color:#fff;background:#111}
.sk-lead .sk-leadimg{position:absolute;inset:0;border-radius:0}
.sk-lead::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.82) 100%)}
.sk-leadtext{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:30px 28px}
.sk-pill{display:inline-block;padding:5px 8px;background:var(--sk-gold);color:#000;font:700 10px/1 "Inter",sans-serif;letter-spacing:.12em;text-transform:uppercase;border-radius:2px}
.sk-lead h2{color:#fff;font-weight:600;font-size:32px;line-height:1.15;margin:14px 0 10px;max-width:640px}
.sk-lead p{color:rgba(255,255,255,.82);font-size:14px;line-height:1.55;max-width:600px}
.sk-lead .sk-when{color:rgba(255,255,255,.7);margin-top:12px}
.sk-side{display:flex;flex-direction:column;justify-content:space-between;gap:14px}
.sk-row{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:start;text-decoration:none;padding-bottom:14px;border-bottom:1px solid var(--sk-line)}
.sk-row:last-child{border-bottom:0}
.sk-rimg{aspect-ratio:4/3}
.sk-rtext strong{display:block;font:600 17px/1.3 "Playfair Display",serif;color:var(--sk-ink);margin:6px 0 6px}
.sk-row:hover strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

.sk-rule{display:flex;align-items:center;gap:14px;margin:8px 0 22px}
.sk-rule span{font:700 11px/1 "Inter",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--sk-ink);white-space:nowrap}
.sk-rule::after{content:"";flex:1;height:1px;background:var(--sk-line)}

.sk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 20px}
.sk-card{display:block;text-decoration:none}
.sk-card .sk-img{aspect-ratio:3/2;margin-bottom:16px}
.sk-card h3{font-weight:600;font-size:19px;line-height:1.3;margin:8px 0 6px}
.sk-card:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.sk-card p{color:#555;font-size:13.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px}
.sk-more{display:flex;justify-content:center;padding:44px 0 90px}
.sk-btn{display:inline-block;padding:14px 26px;border:1px solid #000;border-radius:2px;color:#000;text-decoration:none;font:600 12px/1 "Inter",sans-serif;letter-spacing:.12em;text-transform:uppercase;transition:all .2s ease}
.sk-btn:hover{background:#000;color:#fff}
.sk-empty{color:var(--sk-grey);padding:40px 0}

/* ---- article ---- */
.sk-article{display:grid;grid-template-columns:minmax(0,1fr) 333px;gap:40px;padding:32px 0 60px;align-items:start}
.sk-hero{position:relative;border-radius:8px;overflow:hidden;min-height:520px;display:flex;align-items:flex-end;background:#111}
.sk-herobg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sk-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.05) 30%,rgba(0,0,0,.6) 62%,rgba(0,0,0,.88) 100%)}
.sk-herotext{position:static;padding:84px 36px 32px;width:100%}
.sk-herotext>*{position:relative;z-index:2}
.sk-crumbs a{text-decoration:none;color:rgba(255,255,255,.85)}
.sk-crumbs a:hover{color:#fff}
.sk-hero .sk-crumbs{position:absolute;z-index:2;top:24px;left:36px;right:36px;display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:rgba(255,255,255,.75)}
.sk-hero h1{color:#fff;font-weight:600;font-size:46px;line-height:1.1;margin:12px 0 14px;max-width:760px}
.sk-dek{font:italic 400 17px/1.55 "Playfair Display",serif;color:rgba(255,255,255,.88);max-width:700px}
.sk-byline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:20px;font:600 11px/1 "Inter",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.sk-byline i{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.5)}
.sk-upd{padding:5px 8px;background:var(--sk-gold);color:#000;border-radius:20px;letter-spacing:.06em}

.sk-share{display:inline-flex;align-items:center;gap:10px;margin:26px 0 8px;padding:12px 18px;background:var(--sk-wa);color:#fff!important;border-radius:4px;text-decoration:none;font:600 14px/1 "Inter",sans-serif;box-shadow:0 4px 14px rgba(37,211,102,.28)}
.sk-share:hover{filter:brightness(.95)}

.sk-body{font-size:18px;line-height:1.75;color:var(--sk-text);padding-top:14px}
.sk-body>*+*{margin-top:1.1em}
.sk-body>p:first-child{font-size:19px;line-height:1.65;color:#111}
.sk-body h2{font-weight:600;font-size:30px;line-height:1.2;margin-top:1.9em;padding-bottom:14px;position:relative}
.sk-body h2::after{content:"";position:absolute;left:0;bottom:0;width:60px;height:2px;background:var(--sk-gold)}
.sk-body h3{font-weight:600;font-size:22px;line-height:1.3;margin-top:1.6em}
.sk-body strong{font-weight:600;color:#000}
.sk-body a{color:#000;text-decoration:underline;text-decoration-color:var(--sk-gold);text-decoration-thickness:2px;text-underline-offset:3px}
.sk-body ul,.sk-body ol{padding-left:1.3em}
.sk-body li{padding-left:4px}
.sk-body li+li{margin-top:.45em}
.sk-body ul li::marker{color:var(--sk-gold)}
.sk-body ol li::marker{color:var(--sk-gold-d);font-weight:700}
.sk-body blockquote{margin:1.6em 0;padding:4px 0 4px 22px;border-left:3px solid var(--sk-gold);font:italic 400 22px/1.5 "Playfair Display",serif;color:#111}
.sk-body blockquote p{margin:0}
.sk-body hr{border:0;height:1px;background:var(--sk-line);margin:2em 0}
.sk-body hr:has(+ h2){display:none}
.sk-body hr.sk-dot{width:80px;margin:1.6em auto}
.sk-body figure{margin:1.6em 0}
.sk-body img{width:100%;height:auto;border-radius:6px}
.sk-body figcaption{font-size:13px;color:var(--sk-grey);margin-top:8px}
.sk-body iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:6px}
.sk-body table{width:100%;border-collapse:collapse;font-size:15px;border:1px solid var(--sk-line)}
.sk-body th{background:#000;color:#fff;font:600 11px/1.2 "Inter",sans-serif;letter-spacing:.1em;text-transform:uppercase;text-align:left;padding:12px}
.sk-body td{padding:12px;border-bottom:1px solid var(--sk-line)}
.sk-body tr:nth-child(even) td{background:#FAF8F4}
.sk-body .wp-block-table{overflow-x:auto}
.sk-body .wp-block-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.sk-body .wp-block-gallery figure{margin:0}
.sk-body .wp-block-columns{display:flex;gap:24px;flex-wrap:wrap}
.sk-body .wp-block-column{flex:1 1 260px}
.sk-body .calendly-inline-widget,.sk-body .wp-block-jetpack-calendly,.sk-body .sharedaddy,.sk-body .jp-relatedposts,.sk-body #jp-relatedposts,.screen-reader-text{display:none!important}

.sk-toc{border:1px solid var(--sk-line);border-radius:30px;padding:12px 18px;font-size:13px;background:#fff}
.sk-toc[open]{border-radius:10px}
.sk-toc summary{cursor:pointer;font-weight:600;color:#111;list-style:none;display:flex;justify-content:space-between}
.sk-toc summary::-webkit-details-marker{display:none}
.sk-toc summary::after{content:"\203A";transform:rotate(90deg);font-size:18px;line-height:1;color:#555}
.sk-toc summary span{font-weight:500;color:var(--sk-gold-d);margin-right:auto;margin-left:4px}
.sk-toc ol{margin:12px 0 4px;padding-left:20px;font-size:14px;line-height:1.5}
.sk-toc a{text-decoration:none!important;color:#222}
.sk-toc a:hover{color:#000;text-decoration:underline!important}

.sk-quick{margin:2em 0;padding:22px 24px;background:var(--sk-cream);border-left:3px solid var(--sk-gold);border-radius:0 6px 6px 0}
.sk-quick h4{font-weight:600;font-size:22px;line-height:1.25;margin:8px 0 6px}
.sk-quick p{font-size:15px!important;line-height:1.6!important;color:#333!important;margin:0!important}
.sk-btn-dark{margin-top:16px;padding:12px 18px;background:#000;color:#fff;border:0;border-radius:2px;font:600 12px/1 "Inter",sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.sk-btn-dark:hover{background:#222}

/* sidebar */
.sk-aside{position:sticky;top:96px;display:flex;flex-direction:column;gap:26px}
.sk-promo{position:relative;background:#0F0F10;color:#fff;border-radius:6px;padding:28px 24px 24px;overflow:hidden;min-height:600px;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate}
.sk-promo-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(1.04)}
.sk-promo::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(12,10,10,.35) 0%,rgba(12,10,10,.45) 35%,rgba(12,10,10,.88) 70%,rgba(12,10,10,.96) 100%)}
.sk-badge{position:absolute;top:14px;left:14px;padding:4px 7px;background:var(--sk-gold);color:#000;font:700 9px/1 "Inter",sans-serif;letter-spacing:.14em;text-transform:uppercase;border-radius:2px}
.sk-kicker{display:block;margin-top:0;font:600 10px/1.2 "Inter",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--sk-gold)}
.sk-promo h3{color:#fff;font-weight:600;font-size:26px;line-height:1.15;margin:10px 0 8px}
.sk-promo h3 em{color:var(--sk-gold);font-style:italic}
.sk-promo p{font-size:13px;line-height:1.55;color:rgba(255,255,255,.82)}
.sk-tags{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 18px}
.sk-tags span{padding:6px 9px;border:1px solid rgba(255,255,255,.22);border-radius:3px;font-size:11px;color:#eee;background:rgba(0,0,0,.25);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.sk-btn-gold{display:flex;justify-content:space-between;align-items:center;width:100%;padding:13px 16px;background:var(--sk-gold);color:#000;border:0;border-radius:2px;font:700 11px/1 "Inter",sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.sk-btn-gold:hover{filter:brightness(1.05)}
.sk-box{border-top:2px solid #000;padding-top:14px}
.sk-boxhead{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.sk-boxhead h3{font-weight:600;font-size:22px}
.sk-boxhead a{font:700 10px/1 "Inter",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--sk-gold-d);text-decoration:none}
.sk-num{display:grid;grid-template-columns:26px 1fr 52px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--sk-line);text-decoration:none}
.sk-num:last-child{border-bottom:0}
.sk-num .n{font:700 24px/1 "Playfair Display",serif;color:var(--sk-gold)}
.sk-num strong{font:600 14px/1.3 "Playfair Display",serif;color:#000}
.sk-num:hover strong{text-decoration:underline;text-underline-offset:3px}
.sk-nimg{width:52px;height:40px;border-radius:3px}
.sk-visit p{font-size:14px;line-height:1.6;color:#333;margin:8px 0 10px}
.sk-visit a{font:600 13px/1 "Inter",sans-serif;color:#000;text-decoration:none;border-bottom:1px solid var(--sk-gold);padding-bottom:3px}
.sk-related{padding:10px 0 90px}

/* ---- responsive ---- */
@media (max-width:1100px){
  .sk-article{grid-template-columns:1fr}
  .sk-aside{position:static}
}
@media (max-width:960px){
  .sk-top{grid-template-columns:1fr}
  .sk-grid{grid-template-columns:1fr 1fr}
  .sk-hero h1{font-size:36px}
}
@media (max-width:640px){
  .sk main{padding-top:72px}
  .sk-wrap{width:calc(100% - 32px)}
  .sk-section{flex-direction:column;align-items:flex-start;gap:14px;padding:34px 0 18px}
  .sk-section h1{font-size:34px}
  .sk-count{text-align:left;display:flex;align-items:baseline;gap:8px}
  .sk-count strong{font-size:26px}
  .sk-chips{flex-wrap:nowrap;overflow-x:auto;margin-right:-16px;padding-right:16px;scrollbar-width:none}
  .sk-chips::-webkit-scrollbar{display:none}
  .sk-chip{flex:none}
  .sk-lead{min-height:380px}
  .sk-lead h2{font-size:24px}
  .sk-leadtext{padding:22px 18px}
  .sk-row{grid-template-columns:104px 1fr}
  .sk-grid{grid-template-columns:1fr;gap:34px}
  .sk-article{padding-top:16px;gap:34px}
  .sk-hero{min-height:500px;border-radius:6px;margin:0 -4px}
  .sk-hero .sk-crumbs{left:20px;right:20px;top:18px}
  .sk-herotext{padding:70px 20px 22px}
  .sk-hero h1{font-size:30px}
  .sk-dek{font-size:15px}
  .sk-body{font-size:17px}
  .sk-body>p:first-child{font-size:18px}
  .sk-body h2{font-size:25px}
  .sk-body blockquote{font-size:19px}
  .sk-promo{min-height:480px}
}