/* kentck.com blog posts — built on the live site's design tokens so the new
   posts render as part of the site rather than as a separate mini-site.
   Tokens, nav, footer and language switcher are taken from the live template. */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--navy:#060640;--gold:#205df9;--gold2:#5C8FF9;--gold-pale:#F5EDD6;--off:#F9F8F6;--border:rgba(0,0,0,.08)}
body{font-family:'Plus Jakarta Sans',sans-serif;background:#fff;color:#1C1A18;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}

/* ---- nav (live template) ---- */
nav{position:fixed;top:0;left:0;right:0;z-index:500;background:rgba(255,255,255,.97);
  backdrop-filter:blur(20px);box-shadow:0 1px 0 var(--border);padding:14px 60px}
.nav-in{max-width:1320px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.logo-name{font-family:'Cormorant Garamond',serif;font-size:1.2rem;font-weight:700;color:var(--navy)}
.logo-sub{font-size:.5rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold2);display:block;margin-top:2px}
.nav-right{display:flex;align-items:center;gap:12px}
.nav-links{display:flex;gap:2px;list-style:none;align-items:center}
.nav-links a{font-size:.72rem;font-weight:600;color:#4A4844;padding:.4rem .7rem;border-radius:6px;transition:all .2s}
.nav-links a:hover{background:var(--off)}
.nav-cta{background:var(--gold)!important;color:#fff!important;padding:.55rem 1.1rem!important;border-radius:6px!important}
.lang-switcher{display:flex;gap:2px;background:var(--off);border:1px solid var(--border);border-radius:100px;padding:3px}
.lang-btn{font-size:.62rem;font-weight:700;letter-spacing:.05em;padding:.35rem .68rem;border-radius:100px;
  border:none;cursor:pointer;transition:all .2s;color:#6B7280;background:transparent;white-space:nowrap;font-family:inherit}
.lang-btn.active{background:var(--gold);color:#fff}
.lang-btn:hover:not(.active){color:var(--navy);background:rgba(10,22,40,.06)}
@media(max-width:900px){nav{padding:12px 20px}.nav-links{display:none}
  .lang-switcher{padding:2px}.lang-btn{font-size:.58rem;padding:.3rem .55rem}}

/* ---- article ---- */
.article-wrap{max-width:820px;margin:0 auto;padding:104px 24px 10px}
.crumb{font-size:.72rem;color:#6B7280;margin-bottom:18px}
.crumb a{color:var(--gold)}
.eyebrow{display:inline-block;font-size:.58rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold2);margin-bottom:10px}
article h1{font-family:'Cormorant Garamond',serif;font-size:clamp(1.9rem,4.4vw,2.9rem);line-height:1.15;
  font-weight:700;color:var(--navy);margin:0 0 14px}
.post-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:.74rem;color:#6B7280;
  padding-bottom:18px;border-bottom:1px solid var(--border);margin-bottom:24px}
.hero-fig{margin:0 0 26px}
.hero-fig img{width:100%;border-radius:16px;border:1px solid var(--border)}
.hero-fig figcaption,.gallery figcaption{font-size:.74rem;color:#6B7280;padding-top:8px;line-height:1.6}
.lede{font-size:1.12rem;line-height:1.75;color:#33312E;margin:0 0 26px;font-weight:500}
article h2{font-family:'Cormorant Garamond',serif;font-size:1.72rem;font-weight:700;color:var(--navy);margin:34px 0 12px}
article h3{font-size:1.2rem;font-weight:700;color:var(--navy);margin:26px 0 9px}
article h4{font-size:1.02rem;font-weight:700;color:#2b2a46;margin:20px 0 7px}
article h5{font-size:.92rem;font-weight:700;color:var(--gold);margin:17px 0 6px;
  letter-spacing:.01em;text-transform:none}
article p{font-size:1rem;line-height:1.78;color:#33312E;margin:0 0 15px}
article ul,article ol{margin:0 0 17px;padding-left:22px}
article li{font-size:1rem;line-height:1.72;color:#33312E;margin:6px 0}
article strong{color:var(--navy);font-weight:700}
article em{font-style:italic}

/* ---- tables ---- */
.table-wrap{overflow-x:auto;margin:22px 0}
table{width:100%;border-collapse:collapse;font-size:.88rem}
caption{caption-side:top;text-align:left;font-size:.78rem;color:#6B7280;padding-bottom:9px;font-weight:600}
th,td{padding:9px 12px;border-bottom:1px solid var(--border);text-align:left}
th{background:var(--off);font-weight:700;color:var(--navy);font-size:.8rem}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}
tbody tr:hover{background:#FCFCFB}

/* ---- notes ---- */
.note{background:var(--off);border:1px solid var(--border);border-left:3px solid var(--gold2);
  border-radius:12px;padding:14px 18px;margin:20px 0;font-size:.92rem;line-height:1.7;color:#33312E}
.verify-note{background:#FFFBF0;border:1px solid #F0E2BC;border-left:3px solid #B8952A;
  border-radius:12px;padding:14px 18px;margin:20px 0;font-size:.9rem;line-height:1.7;color:#5A4A1E}
.note a,.verify-note a{color:var(--gold);font-weight:600;text-decoration:underline}

/* ---- uplink: feeds the money pages ---- */
.uplink{background:linear-gradient(135deg,#F4F7FF,#EDF2FE);border:1px solid #D6E0FA;
  border-left:3px solid var(--gold);border-radius:16px;padding:20px 22px;margin:26px 0}
.uplink h2{font-family:'Plus Jakarta Sans',sans-serif!important;font-size:1.02rem!important;
  margin:0 0 8px!important;color:var(--navy)}
.uplink p{font-size:.92rem;margin:0 0 11px;color:#3A4169}
.uplink ul{margin:0 0 13px;padding-left:20px}
.uplink li{font-size:.92rem;margin:5px 0}
.uplink a{color:var(--gold);font-weight:600}
.uplink-cta{display:inline-block;background:var(--gold);color:#fff!important;padding:10px 18px;
  border-radius:8px;font-weight:700;font-size:.9rem}
.uplink-cta:hover{background:#1748c8}

/* ---- gallery ---- */
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:30px 0}
.gallery figure{margin:0;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff}
.gallery img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover}
.gallery figcaption{padding:9px 12px;background:var(--off)}
@media(max-width:600px){.gallery{grid-template-columns:1fr}}

/* ---- faq ---- */
.faq{margin:34px 0}
.faq h2{margin-bottom:12px}
details{border:1px solid var(--border);border-radius:12px;padding:13px 17px;margin:9px 0;background:#fff}
details[open]{background:var(--off)}
summary{cursor:pointer;font-weight:700;font-size:.97rem;color:var(--navy)}
details p{margin:10px 0 0;font-size:.94rem;color:#33312E}

/* ---- cta / author / topics / related ---- */
.cta-box{background:var(--navy);border-radius:18px;padding:26px 28px;margin:34px 0;color:#fff}
.cta-box h3{font-family:'Cormorant Garamond',serif;font-size:1.4rem;color:#fff;margin:0 0 9px}
.cta-box p{color:rgba(255,255,255,.72);font-size:.95rem;margin:0 0 17px}
.btns{display:flex;gap:11px;flex-wrap:wrap}
.btn{display:inline-block;padding:11px 20px;border-radius:9px;font-weight:700;font-size:.9rem}
.btn-wa{background:#25D366;color:#fff!important}
.btn-out{border:1px solid rgba(255,255,255,.3);color:#fff!important}
.author{display:flex;gap:14px;align-items:center;padding:17px 0;border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);margin:30px 0}
.author .av{width:46px;height:46px;border-radius:50%;background:var(--navy);color:var(--gold2);
  display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;
  font-size:1.3rem;font-weight:700;flex:none}
.author .nm{font-weight:700;color:var(--navy);font-size:.97rem}
.author .ro{font-size:.78rem;color:#6B7280;line-height:1.5}
.topics{margin:28px 0}
.topics h4{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#6B7280;margin-bottom:10px}
.chips{display:flex;flex-wrap:wrap;gap:7px}
.chips span{font-size:.74rem;background:var(--off);border:1px solid var(--border);
  border-radius:100px;padding:5px 12px;color:#4A4844}
.seealso{margin:30px 0;padding:17px 20px;border:1px solid var(--border);border-radius:14px;background:var(--off)}
.seealso h3{font-size:1.02rem;margin:0 0 9px;color:var(--navy)}
.seealso ul{margin:0;padding-left:20px}
.seealso li{font-size:.93rem;margin:5px 0}
.seealso a{color:var(--gold)}
.related{margin:32px 0 10px}
.related h3{font-size:1.02rem;color:var(--navy);margin-bottom:12px}
.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:13px}
.related-grid a{display:block;border:1px solid var(--border);border-radius:13px;padding:14px 16px;
  background:#fff;transition:all .2s}
.related-grid a:hover{border-color:#D6E0FA;box-shadow:0 8px 24px rgba(6,6,64,.08)}
.related-grid small{display:block;font-size:.58rem;font-weight:700;letter-spacing:.13em;
  text-transform:uppercase;color:var(--gold2);margin-bottom:5px}
.related-grid a{font-size:.92rem;font-weight:600;color:var(--navy);line-height:1.45}

/* ---- WhatsApp FAB (live template) ---- */
.kt-wa-fab{position:fixed;right:18px;bottom:18px;width:58px;height:58px;border-radius:50%;
  background:#25D366;display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 28px rgba(37,211,102,.45);z-index:450}
@media(max-width:600px){.article-wrap{padding:92px 16px 10px}.cta-box{padding:20px}}