/*
Theme Name: Samadhan Blog
Description: Bima Samadhan Blog look (approved design A+): the main site's header and footer, Manrope and Karla, gold accents. Child of GeneratePress.
Template: generatepress
Version: 1.0.0
Text Domain: samadhan-blog
*/

@font-face{font-family:Manrope;src:url("fonts/manrope.ttf") format("truetype");font-weight:200 800;font-display:swap}
@font-face{font-family:Karla;src:url("fonts/karla.ttf") format("truetype");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:Karla;src:url("fonts/karla-italic.ttf") format("truetype");font-weight:200 800;font-style:italic;font-display:swap}
@font-face{font-family:Caveat;src:url("fonts/caveat.ttf") format("truetype");font-weight:400 700;font-display:swap}
:root{
  --ink:#16191D; --ink-2:#3C444E; --muted:#5F6771;
  --paper:#FFFFFF; --sky:#EAF0F6; --sky-2:#DCE7F2; --sky-line:#C7D6E4;
  --gold:#E9C75A; --gold-wash:#FAF1D8; --gold-line:#EFE1BC; --gold-deep:#B08C2E;
  --rule:#E3E8ED; --green:#3B9A68; --green-bg:#E6F3EC;
  /* text-safe golds from brand-kit/css/tokens.css (WCAG AA on the light backgrounds) */
  --gold-text:#846922; --gold-tag:#6E571B;
  --shadow-sm:0 2px 10px rgba(22,25,29,.06);
  --shadow-md:0 16px 34px rgba(22,25,29,.10);
  --shadow-lg:0 22px 46px rgba(22,25,29,.16);
  --ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Karla","Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5{margin:0}p{margin:0}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}
h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.01em;line-height:1.25}
.hl{background:var(--gold);padding:.04em .3em .12em;border-radius:2px;font-style:normal;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.meta{font-size:14px;color:var(--muted)}
.ph{background:var(--sky-2)}.cover{width:100%;height:100%;object-fit:cover}
.cta{background:var(--gold);color:var(--ink);border-radius:999px;padding:10px 20px;font:700 15px Manrope,sans-serif;white-space:nowrap}
footer{border-top:1px solid var(--rule)}
@media(max-width:560px){.wrap{padding:0 16px}}
/* ---------- buttons ---------- */
.btn{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:"Manrope";font-weight:700;font-size:14.5px;line-height:1;
  padding:14px 24px;min-height:48px;border-radius:100px;border:1.5px solid transparent;
  cursor:pointer;overflow:hidden;isolation:isolate;
  transition:background .18s,border-color .18s,color .18s,transform .12s var(--ease),box-shadow .22s;
}
.btn .ico{flex:none;transition:transform .3s var(--ease);}
.btn:hover .ico{transform:translateX(4px);}
.btn:active{transform:translateY(1px) scale(.99);}
/* ripple, painted by main.js */
.btn .ripple{position:absolute;border-radius:50%;transform:scale(0);opacity:.35;pointer-events:none;
             background:currentColor;animation:ripple .55s var(--ease) forwards;z-index:-1;}
@keyframes ripple{to{transform:scale(2.6);opacity:0;}}
.btn-dark{background:var(--ink);color:#fff;}
.btn-dark:hover{background:#000;box-shadow:0 10px 24px rgba(22,25,29,.24);}
.btn-line{border-color:var(--sky-line);color:var(--ink);background:transparent;}
.btn-line:hover{border-color:var(--ink);background:rgba(22,25,29,.03);}
.btn-gold{background:var(--gold);color:var(--ink);}
.btn-gold:hover{background:#E0B93F;box-shadow:0 10px 24px rgba(176,140,46,.3);}
.btn-sm{padding:10px 18px;min-height:42px;font-size:13.5px;}
/* Customer login (client portal) - header of index + bima-samadhan only.
   Light gold pill, so it never competes with the dark "Start my case". */
.btn-login{background:var(--gold-wash);border-color:var(--gold-line);color:var(--ink);}
.btn-login .ico{color:var(--gold-deep);}
.btn-login:hover{background:var(--gold);border-color:var(--gold);box-shadow:0 10px 24px rgba(176,140,46,.28);}
.btn-login:hover .ico{color:var(--ink);transform:translateY(-1px);}
.btn-login{white-space:nowrap;}
.nav .btn-login{margin-left:0;margin-right:-6px;}
/* with a fourth item the header row is full: tighten the links on these pages */
.nav:has(.btn-login) .links{gap:20px;}
@media (max-width:1260px){
  .nav .btn-login .lg-c{display:none;}
  .nav .btn-login .lg-w{text-transform:capitalize;}
  .nav:has(.btn-login) .links{gap:16px;}
}
.drawer .btn-login{margin-top:10px;}

/* ---------- header ---------- */
.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.93);
             backdrop-filter:blur(8px);border-bottom:1px solid var(--rule);}
.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;}
.brand{display:flex;align-items:center;gap:11px;}
.brand .logo{width:44px;height:44px;object-fit:contain;flex:none;}
.brand .wm{display:flex;flex-direction:column;line-height:1.15;}
.brand b{font-family:"Manrope";font-size:16.5px;font-weight:800;letter-spacing:-.01em;}
/* brand lockup: name + "Concern to Closure" in gold. The kit caps the tagline
   at 75% of the name's size; 12px under a 16.5px name is 73%. */
.brand .tag{font-family:"Manrope";font-size:12px;font-weight:700;letter-spacing:.01em;
            color:var(--gold-tag);margin-top:1px;white-space:nowrap;}
.links{display:flex;gap:26px;margin-left:auto;}
.links .has-sub{position:relative;}
.links .sub-btn{font:inherit;font-family:"Manrope";font-size:14.5px;font-weight:600;color:var(--ink-2);background:none;border:0;
  padding:6px 0;cursor:pointer;display:inline-flex;align-items:center;gap:5px;}
.links .sub-btn::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-2px);transition:transform .2s;}
.links .has-sub:hover .sub-btn,.links .has-sub:focus-within .sub-btn{color:var(--ink);}
.links .sub{display:none;position:absolute;top:100%;left:-14px;min-width:210px;padding:8px;background:#fff;
  border:1px solid var(--rule);border-radius:14px;box-shadow:var(--shadow-sm);z-index:60;}
.links .has-sub:hover .sub,.links .has-sub:focus-within .sub{display:grid;gap:2px;}
.links .sub a{padding:10px 12px;border-radius:9px;white-space:nowrap;}
.links .sub a::after{display:none;}
.links .sub a:hover{background:var(--gold-wash);}
.links a{font-family:"Manrope";font-size:14.5px;font-weight:600;color:var(--ink-2);position:relative;padding:6px 0;}
.links a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--gold);
                transition:right .25s var(--ease);}
.links a:hover::after,.links a[aria-current="true"]::after{right:0;}
.links a:hover{color:var(--ink);}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;
        padding:14px;margin-right:-8px;}
.burger i{width:22px;height:2px;background:var(--ink);display:block;border-radius:2px;
          transition:transform .25s var(--ease),opacity .2s;}
.burger[aria-expanded="true"] i:nth-child(1){transform:translateY(7px) rotate(45deg);}
.burger[aria-expanded="true"] i:nth-child(2){opacity:0;}
.burger[aria-expanded="true"] i:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.drawer{display:none;flex-direction:column;padding:6px 0 18px;border-top:1px solid var(--rule);}
.drawer a{font-family:"Manrope";font-weight:600;padding:13px 4px;border-bottom:1px solid var(--rule);}
.drawer .btn{width:100%;margin-top:14px;}
.drawer.open{display:flex;}

footer{padding:44px 0;}
.ftg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;margin-bottom:30px;}
/* was h5, which skipped heading levels on every page (13 Sep 2026) */
.ftg h2{font-family:"Manrope";font-size:11.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
        color:var(--muted);margin:0 0 14px;}
.ftg a{display:block;font-size:14.5px;color:var(--ink-2);padding:11px 0;}
.ftg a:hover{color:var(--ink);}
.ftg p{font-size:14px;color:var(--ink-2);max-width:34ch;}
.ft{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center;font-size:13.5px;
    color:var(--muted);border-top:1px solid var(--rule);padding-top:22px;}
/* follow-us strip (brand kit): one colour, quieter than the contact line */
.ss-social{display:inline-flex;align-items:center;gap:4px;color:var(--ink-2);}
.ss-social em{font-style:normal;font-family:"Manrope";font-size:11px;font-weight:800;letter-spacing:.12em;
              text-transform:uppercase;color:var(--gold-text);margin-right:6px;}
.ss-social a{display:inline-flex;padding:7px;border-radius:8px;opacity:.8;transition:color .2s,opacity .2s;}
.ss-social a:hover,.ss-social a:focus-visible{opacity:1;color:var(--gold-text);}
.ss-social svg{width:19px;height:19px;display:block;}
.contact-follow{margin-top:18px;padding-top:16px;border-top:1px solid var(--rule);}
.fine{font-size:12px;color:#8A929B;line-height:1.65;margin-top:18px;max-width:98ch;}

@media (max-width:980px){.links{display:none}.burger{display:flex}.nav .btn-login{margin-right:-4px}.ftg{grid-template-columns:1fr 1fr}}
@media (max-width:680px){.ftg{grid-template-columns:1fr}.nav>.btn{display:none}
 .nav>.btn-login{display:inline-flex;width:auto;margin-left:auto;margin-right:4px;padding:8px 14px;min-height:40px;gap:7px}}
@media (max-width:400px){.brand .logo{width:34px;height:34px}.nav{gap:10px}.brand{gap:8px}.brand b{font-size:15px;white-space:nowrap}.brand .tag{font-size:11px}}

.mast{background:var(--gold-wash);position:relative;overflow:hidden}
.mast:after{content:"";position:absolute;right:-120px;top:-160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(233,199,90,.45),transparent 70%)}
.mast .wrap{position:relative;z-index:1;padding-top:48px}
.mast .row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.mast .kick{font:700 13px Manrope,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-tag)}
.mast h1{color:var(--ink);font-size:clamp(40px,5.6vw,68px);font-weight:800;letter-spacing:-.045em;line-height:1;margin:10px 0 12px}

.mast p{margin:0;color:var(--ink-2);font-size:19px;max-width:560px}
.find{background:#fff;border-radius:20px;padding:20px 22px;box-shadow:0 2px 10px rgba(22,25,29,.06);width:380px;max-width:100%;flex:none}
.find b{font:800 17px Manrope,sans-serif}
.sbsearch{display:flex;border:1.5px solid var(--sky-line);border-radius:999px;padding:4px;margin:12px 0}
.sbsearch input{flex:1;border:0;outline:0;font:16px Karla,sans-serif;padding:0 14px;min-width:0;background:transparent}
.sbsearch button{border:0;background:var(--ink);color:#fff;border-radius:999px;padding:9px 18px;font:700 14px Manrope,sans-serif}
.pop{display:flex;gap:6px;flex-wrap:wrap}.pop a{font:600 12.5px Manrope,sans-serif;background:var(--gold-wash);color:var(--gold-tag);border-radius:999px;padding:4px 10px}
.topics{display:flex;gap:6px;overflow-x:auto;margin-top:36px;padding-bottom:18px}
.topics a{font:700 14px Manrope,sans-serif;padding:9px 16px;border-radius:999px;white-space:nowrap;color:var(--ink-2);background:rgba(255,255,255,.6)}
.topics a.on{background:var(--ink);color:#fff}
.hero{display:grid;grid-template-columns:1.75fr 1fr;gap:24px;margin-top:40px}
.feature{position:relative;border-radius:24px;overflow:hidden;min-height:500px;color:#fff;display:block}
.feature img{position:absolute;inset:0}
.feature:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,12,14,0) 30%,rgba(10,12,14,.9))}
.feature .txt{position:absolute;left:0;right:0;bottom:0;padding:34px;z-index:1}
.feature h2{font-size:38px;font-weight:800;letter-spacing:-.025em;line-height:1.12;margin:12px 0 10px;max-width:720px}
.feature .meta{color:#D5DAE0}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.c{font:800 11.5px Manrope,sans-serif;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:4px 11px}
.c.g{background:var(--gold);color:var(--ink)}.c.w{background:rgba(255,255,255,.18);color:#fff;backdrop-filter:blur(6px)}
.c.s{background:var(--sky);color:var(--ink-2)}.c.y{background:var(--gold-wash);color:var(--gold-tag)}.c.gr{background:var(--green-bg);color:#236943}
.side{display:flex;flex-direction:column;gap:14px}
.side a{display:grid;grid-template-columns:116px 1fr;gap:16px;align-items:center;background:#fff;border-radius:18px;padding:12px;box-shadow:0 2px 10px rgba(22,25,29,.06);transition:.15s}
.side a:hover,.post:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(22,25,29,.10)}
.side .pic{aspect-ratio:1;border-radius:12px;overflow:hidden}
.side h3{font-size:16px;font-weight:700;line-height:1.3;margin:6px 0 4px}
.side .more{background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:20px 22px;grid-template-columns:none}
.side .more b{font:800 18px Manrope,sans-serif}.side .more span{color:var(--gold)}
.sec{display:flex;justify-content:space-between;align-items:flex-end;margin:72px 0 24px}
.sec h2{font-size:34px;font-weight:800;letter-spacing:-.025em}.sec small{display:block;font:700 13px Manrope,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-text);margin-bottom:6px}
.sec a{font:700 15px Manrope,sans-serif;border:1px solid var(--rule);border-radius:999px;padding:9px 18px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.post{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 2px 10px rgba(22,25,29,.06);display:flex;flex-direction:column;transition:.15s}
.post .pic{aspect-ratio:16/10;overflow:hidden}
.post .pbody{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.post h3{font-size:19px;font-weight:800;letter-spacing:-.01em;line-height:1.3}
.post .foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--rule);padding-top:12px}
.post .amt{font:800 18px Manrope,sans-serif;color:var(--ink)}
.bg{background:var(--sky);padding:8px 0 72px;margin-top:56px}
.cband{margin-top:72px;background:var(--gold);color:var(--ink);border-radius:20px;padding:42px 46px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}
.cband .wm{position:absolute;right:-34px;top:50%;transform:translateY(-50%);width:216px;height:216px;opacity:.16;pointer-events:none}
.cband h2{font-size:clamp(22px,2.6vw,30px);letter-spacing:-.02em;text-transform:uppercase;position:relative}.cband p{margin:6px 0 0;color:#4A422A;font-size:15px;position:relative}
.cband .cta{position:relative;z-index:1;padding:14px 26px;font-size:15px;background:var(--ink);color:#fff;margin-right:120px}
.ins{display:flex;gap:10px;flex-wrap:wrap}
.ins a{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:12px 18px;font:700 15px Manrope,sans-serif}
.ins a span{color:var(--muted);font-weight:500;margin-left:8px}

.mast .row{flex-wrap:nowrap}h2,h3{color:var(--ink)}.feature h2{color:#fff}
@media(max-width:960px){.mast .row{flex-wrap:wrap}.hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.mast h1{font-size:50px}.feature{min-height:400px}.cband{grid-template-columns:1fr}}
@media(max-width:600px){.grid{grid-template-columns:1fr}.mast h1{font-size:40px}.feature h2{font-size:26px}.feature .txt{padding:22px}.nums div{min-width:0;padding:10px 14px}.nums b{font-size:22px}}

/* ---- not in the A+ sample: same style, for post, topic and search pages (listed in the report for approval) ---- */
.meta.lab{font:700 12px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase}.meta.lab.sm{font-size:11.5px}
.mast.small .wrap{padding-bottom:6px}.mast.small h1{font-size:clamp(34px,4.4vw,52px)}
.mast .sbsearch{max-width:520px;background:#fff}
.nores{background:#fff;border-radius:20px;padding:40px;box-shadow:0 2px 10px rgba(22,25,29,.06);margin-top:40px}
.pager{display:flex;gap:8px;justify-content:center;margin:48px 0 0;flex-wrap:wrap}
.pager a,.pager span{font:700 15px Manrope,sans-serif;border:1px solid var(--rule);background:#fff;border-radius:999px;padding:9px 16px;min-width:42px;text-align:center}
.pager .current{background:var(--ink);color:#fff;border-color:var(--ink)}
.ins a.b{padding:12px 18px}
.art{padding:44px 0 8px}
.art .crumbs{font:700 13px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-text);display:flex;gap:10px;flex-wrap:wrap;align-items:center;max-width:720px;margin:0 auto}
.art h1{font-size:clamp(30px,4.4vw,46px);font-weight:800;letter-spacing:-.03em;line-height:1.12;max-width:720px;margin:14px auto 12px;text-wrap:balance}
.art .by{max-width:720px;margin:0 auto 26px;color:var(--muted);font-size:15px}
.art .hero-img{max-width:960px;margin:0 auto 34px;border-radius:24px;overflow:hidden;aspect-ratio:16/9;box-shadow:0 2px 10px rgba(22,25,29,.06)}
.sbbody{max-width:720px;margin:0 auto;font-size:18px;line-height:1.75;color:var(--ink-2);overflow-wrap:break-word}
.sbbody,.sbbody *{font-family:Karla,sans-serif!important}
.sbbody :is(h1,h2,h3,h4,h5,h6),.sbbody :is(h1,h2,h3,h4,h5,h6) *{font-family:Manrope,sans-serif!important;color:var(--ink)!important;letter-spacing:-.01em;line-height:1.25}
.sbbody :is(p,li,span,div,td,th,blockquote,em,i,font,u){color:var(--ink-2)!important;background-color:transparent}
.sbbody :is(strong,b){color:var(--ink)!important}
.sbbody p,.sbbody ul,.sbbody ol,.sbbody blockquote,.sbbody table,.sbbody figure{margin:0 0 1.1em}
.sbbody ul,.sbbody ol{padding-left:1.4em}.sbbody li{margin-bottom:.4em}
.sbbody h2{font-size:28px;font-weight:800;margin:1.7em 0 .55em}.sbbody h3{font-size:22px;font-weight:800;margin:1.5em 0 .5em}.sbbody h4{font-size:18px;font-weight:800;margin:1.3em 0 .4em}
.sbbody a{color:var(--ink)!important;text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:3px}
.sbbody img{height:auto;max-width:100%;border-radius:14px;margin:0 auto}
.sbbody .separator,.sbbody .separator a{text-align:center;margin:0 0 1.1em!important;text-decoration:none}
.sbbody blockquote{border-left:4px solid var(--gold);background:var(--gold-wash);padding:14px 18px;border-radius:0 12px 12px 0}
.sbbody blockquote *{background:transparent!important}
.sbbody table{display:block;overflow-x:auto;border-collapse:collapse;max-width:100%}
.sbbody td,.sbbody th{border:1px solid var(--rule);padding:8px 10px}
.sbbody hr{border:0;border-top:1px solid var(--rule);margin:2em 0}
.sbbody [style*="border"]{border-color:var(--gold-line)!important}
.sbbody :is(div,section,p,aside)[style*="background"]{background:var(--sky)!important;border-radius:12px}
.sbbody iframe,.sbbody video{max-width:100%}
.tagsrow{max-width:720px;margin:34px auto 0;display:flex;gap:8px;flex-wrap:wrap}
.tagsrow a{font:600 13px Manrope,sans-serif;background:var(--gold-wash);color:var(--gold-tag);border-radius:999px;padding:5px 12px}
.postcta{margin-top:56px}
.related.bg{margin-top:64px;padding-top:8px}
@media(max-width:600px){.art{padding-top:28px}.sbbody{font-size:17px}.art .hero-img{border-radius:16px}.cband{padding:30px 26px}.cband .cta{margin-right:0;justify-self:start}.cband .wm{display:none}.sec{margin-top:52px}.sec h2{font-size:26px}.mast .row{gap:20px}.find{width:100%}}
@media(max-width:960px){.cband .cta{margin-right:0}.side a{grid-template-columns:96px 1fr}}

/* ---- single post (approved "post A+": design-approved/post_a_plus.py) ---- */
.art{padding-top:0}
.phead{background:var(--gold-wash);padding:44px 0 48px;position:relative;overflow:hidden}
.phead:after{content:"";position:absolute;right:-140px;top:-180px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(233,199,90,.40),transparent 70%)}
.phead .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
.phead .crumbs{max-width:none;margin:0}
.phead h1{font-size:clamp(30px,3.4vw,44px);font-weight:800;letter-spacing:-.03em;line-height:1.12;margin:14px 0 16px;max-width:none;text-wrap:balance}
.phead .pic{border-radius:24px;overflow:hidden;aspect-ratio:3/2;box-shadow:0 18px 40px rgba(22,25,29,.14)}
.phead .chips{margin:0}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;padding-top:48px;align-items:start}
.layout .sbbody{max-width:none;margin:0}
.layout .tagsrow{max-width:none;margin:34px 0 0}
aside.rail{position:sticky;top:24px;display:flex;flex-direction:column;gap:18px}
.box{background:#fff;border:1px solid var(--rule);border-radius:20px;padding:20px 22px}
.box h4{font:800 13px Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-text);margin:0 0 12px}
.glance div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--rule);font-size:15px}
.glance div:first-of-type{border-top:0}
.glance span:first-child{color:var(--muted)}.glance b{font:800 15px Manrope,sans-serif;text-align:right}
.toc a{display:block;padding:7px 0 7px 14px;border-left:2px solid var(--rule);font:600 14.5px Manrope,sans-serif;color:var(--ink-2)}
.toc a:hover{border-color:var(--gold);color:var(--ink)}
.mini{background:var(--gold);border-radius:20px;padding:22px;position:relative;overflow:hidden}
.mini b{font:800 19px Manrope,sans-serif;display:block;text-transform:uppercase;letter-spacing:-.01em}
.mini p{font-size:14.5px;color:#4A422A;margin:6px 0 14px}
.mini .cta{display:inline-block;background:var(--ink);color:#fff}
.mini img{position:absolute;right:-26px;bottom:-26px;width:120px;opacity:.16}
.morelist a{display:block;padding:10px 0;border-top:1px solid var(--rule);font:700 14.5px/1.35 Manrope,sans-serif}
.morelist a:first-of-type{border-top:0}
.postcta{max-width:none}
html{scroll-behavior:smooth}.sbbody h2{scroll-margin-top:24px}
@media(max-width:1060px){.layout{grid-template-columns:1fr}aside.rail{position:static}.toc-box{display:none}}
@media(max-width:860px){.phead .wrap{grid-template-columns:1fr;gap:26px}.phead{padding:28px 0 32px}}
/* share links (plain links, no plugin) */
.share{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:22px}
.share>span{font:700 13px Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-right:4px}
.sh{width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--ink);border:1px solid var(--rule);cursor:pointer;transition:.15s;padding:0}
.sh svg{width:19px;height:19px}.sh:hover{transform:translateY(-2px)}
.sh.whatsapp:hover{background:#25D366;color:#fff;border-color:#25D366}.sh.facebook:hover{background:#1877F2;color:#fff;border-color:#1877F2}
.sh.x:hover,.sh.mail:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.sh.linkedin:hover{background:#0A66C2;color:#fff;border-color:#0A66C2}
.sh.copy{width:auto;padding:0 14px;gap:7px;font:700 13.5px Manrope,sans-serif}.sh.copy i{font-style:normal}.sh.copy.ok{background:var(--green-bg);border-color:var(--green-bg)}
.share.big .sh{width:46px;height:46px}.share.big{margin:0}
.sh.copy{white-space:nowrap}.share.big .sh.copy{width:auto;padding:0 16px}.share>span:empty{display:none}
.endshare{margin-top:34px;background:var(--sky);border-radius:20px;padding:22px 26px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.endshare b{font:800 19px Manrope,sans-serif}.endshare p{color:var(--ink-2);font-size:15px;margin-top:2px}
/* comments (WordPress's own) */
.comments{margin-top:56px;padding-top:8px}
.chead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.chead small{display:block;font:700 13px Manrope,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-text);margin-bottom:6px}
.chead h2{font-size:30px;font-weight:800;letter-spacing:-.02em}
.empty{background:var(--gold-wash);border-radius:16px;padding:16px 20px;color:var(--ink-2);margin-bottom:18px}
.clist{display:flex;flex-direction:column;gap:14px;margin-bottom:22px}
.cmt{background:#fff;border:1px solid var(--rule);border-radius:16px;padding:16px 20px}
.cmt .who{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.cmt .who b{font:800 16px Manrope,sans-serif}.cmt .who span{font-size:13.5px;color:var(--muted)}
.cmt .txt{margin-top:6px;color:var(--ink-2);overflow-wrap:break-word}.cmt .txt p{margin:0 0 .6em}.cmt .txt p:last-child{margin:0}
.cmt .await{display:inline-block;margin-top:8px;font:700 12.5px Manrope,sans-serif;background:var(--gold-wash);color:var(--gold-tag);border-radius:999px;padding:3px 10px}
.cmt .rep a{font:700 13.5px Manrope,sans-serif;color:var(--gold-text);text-decoration:underline}
.cmt .rep{margin-top:8px}
.clist .children{display:flex;flex-direction:column;gap:14px;margin:14px 0 0 28px}
.cform{background:#fff;border:1px solid var(--rule);border-radius:20px;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cform .full{grid-column:1/-1}
.cform label span{display:block;font:700 14px Manrope,sans-serif;margin-bottom:6px}.cform label em{font-style:normal;font-weight:500;color:var(--muted)}
.cform input[type=text],.cform input[type=email],.cform textarea{width:100%;border:1.5px solid var(--sky-line);border-radius:14px;padding:12px 14px;font:16px Karla,sans-serif;background:#fff;outline:0}
.cform input:focus,.cform textarea:focus{border-color:var(--gold)}
.cform .check{display:flex;gap:10px;align-items:flex-start}.cform .check span{font:500 14.5px Karla,sans-serif;margin:0;color:var(--ink-2)}
.cform .note{font-size:13.5px;color:var(--muted);line-height:1.6}.cform .note a{color:var(--ink);text-decoration:underline}
.cform .cta{border:0;cursor:pointer;padding:13px 26px}
#respond .cform{margin:0}.clist .cmt .cancel{font-size:13px}
@media(max-width:600px){.cform{grid-template-columns:1fr;padding:18px}.endshare{padding:20px}.clist .children{margin-left:14px}}