/* Karu Kuthir – blog (Belkins-style layout, brand colours). */
body.kk-blog-page{background:color-mix(in srgb,var(--kk-cream) 55%,#fff)}
body.kk-blog-page .site-main.kk-blog{max-width:var(--kk-container,1400px)!important;width:100%;margin:0 auto;padding:0 var(--kk-gutter,20px) 56px;box-sizing:border-box}
body.kk-blog-page .page-header{display:none}
.kk-blog{font-family:var(--kk-font);color:var(--kk-ink)}
.kk-blog *,.kk-blog *::before,.kk-blog *::after{box-sizing:border-box}
.kk-blog :is(h1,h2,h3){font-family:inherit;text-transform:none;color:var(--kk-ink);margin:0;padding:0}
.kk-blog a{color:inherit;text-decoration:none}
.kk-btn-brand{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:999px;background:var(--kk-brand);color:#fff!important;font:700 15px/1 var(--kk-font);text-decoration:none!important;transition:background .15s}
.kk-btn-brand:hover{background:var(--kk-brand-2)}

/* ---------- hero ---------- */
.kk-bh{position:relative;padding:56px 0 44px;isolation:isolate}
.kk-bh::before,.kk-bh::after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
.kk-bh::before{width:220px;height:220px;right:12%;top:-60px;background:radial-gradient(circle at 35% 35%,var(--kk-gold-light),var(--kk-accent) 70%);opacity:.9;filter:saturate(1.05)}
.kk-bh::after{width:340px;height:340px;right:-40px;top:-120px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(2px)}
.kk-bh__crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--kk-muted);margin-bottom:18px}
.kk-bh__crumbs a:hover{color:var(--kk-brand)}
.kk-blog .kk-bh__title{font-size:clamp(44px,5.6vw,80px);font-weight:800;line-height:.98;letter-spacing:-.05em;margin-bottom:16px;max-width:900px}
.kk-bh__intro{font-size:18px;line-height:1.6;color:var(--kk-ink-2);max-width:640px;margin:0 0 34px}
.kk-bh__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.kk-bh__pills{display:flex;flex-wrap:wrap;gap:10px}
.kk-pill{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border:1px solid var(--kk-line);border-radius:999px;background:transparent;color:var(--kk-ink-2)!important;font-size:15px;font-weight:600;transition:background .15s,border-color .15s,color .15s}
.kk-pill:hover{border-color:var(--kk-brand);color:var(--kk-brand)!important}
.kk-pill.is-on{background:var(--kk-brand);border-color:var(--kk-brand);color:#fff!important}
.kk-bh__search{position:relative;width:min(100%,320px)}
.kk-blog .kk-bh__search input[type=search]{width:100%;height:46px;padding:0 48px 0 18px;border:1px solid var(--kk-line);border-radius:14px;background:#fff;color:var(--kk-ink);font:500 15px var(--kk-font);outline:0}
.kk-blog .kk-bh__search input[type=search]:focus{border-color:var(--kk-brand);box-shadow:0 0 0 3px rgba(117,52,24,.12)}
.kk-blog .kk-bh__search button{position:absolute;right:6px;top:6px;width:34px;height:34px;display:grid;place-items:center;padding:0;border:0;border-radius:10px;background:none;color:var(--kk-accent);cursor:pointer}
.kk-blog .kk-bh__search button:hover{background:var(--kk-soft)}

/* ---------- section ---------- */
.kk-bs{margin-top:72px}
.kk-bs:first-of-type{margin-top:28px}
.kk-bs__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}
.kk-blog .kk-bs__title{font-size:clamp(30px,3.4vw,48px);font-weight:800;letter-spacing:-.04em;line-height:1.05}
.kk-bs__more{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 22px;border:1px solid var(--kk-line);border-radius:14px;background:#fff;font-weight:700;font-size:16px;color:var(--kk-ink)!important;white-space:nowrap;transition:border-color .15s,color .15s}
.kk-bs__more:hover{border-color:var(--kk-accent);color:var(--kk-accent)!important}
.kk-bs__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:stretch}
.kk-bs__grid.is-single{grid-template-columns:minmax(0,640px)}
.kk-bs__list{display:flex;flex-direction:column;gap:16px}

/* ---------- cards ---------- */
.kk-bc{position:relative;display:flex;background:#fff;border-radius:22px;transition:box-shadow .25s var(--kk-ease),transform .25s var(--kk-ease)}
.kk-bc:hover{box-shadow:0 14px 34px rgba(117,52,24,.1)}
.kk-bc__media{position:relative;display:block;overflow:hidden;border-radius:16px;background:var(--kk-soft)}
.kk-blog .kk-bc__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--kk-ease)}
.kk-bc:hover .kk-bc__media img{transform:scale(1.04)}
.kk-bc__ph{display:grid;place-items:center;width:100%;height:100%;font-size:64px;font-weight:800;color:var(--kk-peach)}
.kk-bc__ribbon{position:absolute;top:0;right:22px;display:flex;flex-direction:column;align-items:center;gap:4px;width:48px;padding:12px 0 18px;background:var(--kk-brand);color:#fff;font-size:12px;font-weight:600;clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%)}
.kk-bc__body{display:flex;flex-direction:column;gap:12px;min-width:0}
.kk-blog .kk-bc__title{font-size:20px;font-weight:700;line-height:1.3;letter-spacing:-.01em}
.kk-bc__title a{background-image:linear-gradient(currentColor,currentColor);background-size:0 1.5px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .25s}
.kk-bc:hover .kk-bc__title a{background-size:100% 1.5px}
.kk-bc__title a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.kk-bc__excerpt{margin:0;font-size:16px;line-height:1.7;color:var(--kk-muted)}
.kk-bc__meta{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:auto 0 0;font-size:14px;color:var(--kk-muted)}
.kk-bc__meta>*+*::before{content:"•";margin-right:10px;color:var(--kk-ink-2)}
.kk-bc__chip{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:8px;background:var(--kk-pill);color:var(--kk-ink-2)!important;font-size:13px;font-weight:600}
.kk-bc__chip:hover{background:var(--kk-peach);color:var(--kk-peach-ink)!important}
.kk-bc__meta .kk-bc__chip+*::before{margin-left:0}
/* big */
.kk-bc--big{flex-direction:column;gap:22px;padding:20px 20px 26px}
.kk-bc--big .kk-bc__media{aspect-ratio:16/10}
.kk-bc--big .kk-bc__body{flex:1;padding:0 2px}
.kk-blog .kk-bc--big .kk-bc__title{font-size:clamp(20px,1.7vw,24px)}
/* row */
.kk-bc--row{align-items:center;gap:22px;padding:12px}
.kk-bs__list:has(>:nth-child(3)) .kk-bc--row{flex:1}
.kk-bc--row .kk-bc__media{flex:0 0 clamp(150px,18vw,214px);aspect-ratio:3/2;border-radius:14px}
.kk-bc--row .kk-bc__body{padding-right:10px}
.kk-blog .kk-bc--row .kk-bc__title{font-size:clamp(17px,1.4vw,20px)}
/* grid */
.kk-bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:8px}
.kk-bc--grid{flex-direction:column;gap:18px;padding:16px 16px 22px}
.kk-bc--grid .kk-bc__media{aspect-ratio:16/10}
.kk-bc--grid .kk-bc__body{flex:1;padding:0 4px}

/* ---------- explore band ---------- */
.kk-bx{position:relative;margin-top:80px;padding:48px 32px 52px;border-radius:32px;background:#fff;text-align:center;overflow:hidden;isolation:isolate}
.kk-bx__blob{position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
.kk-bx__blob--a{width:200px;height:200px;left:-60px;top:-80px;background:radial-gradient(circle,rgba(242,169,59,.45),transparent 70%)}
.kk-bx__blob--b{width:90px;height:90px;right:10%;bottom:-30px;background:radial-gradient(circle at 35% 35%,var(--kk-gold-light),var(--kk-accent) 75%);box-shadow:0 10px 30px rgba(191,61,25,.35)}
.kk-blog .kk-bx__title{font-size:clamp(26px,2.6vw,36px);font-weight:800;letter-spacing:-.03em;margin-bottom:28px}
.kk-bx__list{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;list-style:none;margin:0;padding:0}
.kk-bx__item{display:flex;flex-direction:column;align-items:center;gap:12px;width:170px;padding:22px 14px 20px;border-radius:22px;background:var(--kk-pill);transition:transform .2s var(--kk-ease),background .2s}
.kk-bx__item:hover{transform:translateY(-4px);background:var(--kk-soft)}
.kk-bx__img{display:block;width:64px;height:64px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 0 0 4px #fff}
.kk-blog .kk-bx__img img{width:100%;height:100%;object-fit:cover}
.kk-bx__ini{display:grid;place-items:center;width:100%;height:100%;background:var(--kk-soft);color:var(--kk-accent);font-weight:800;font-size:26px}
.kk-bx__name{font-weight:700;font-size:16px;color:var(--kk-ink)}

/* ---------- newsletter ---------- */
.kk-bn{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:28px;align-items:center;margin-top:80px;padding:44px 48px;border-radius:28px;background:var(--kk-brand);background-image:radial-gradient(circle at 100% 0,rgba(249,202,134,.2),transparent 50%);color:#fff;overflow:hidden;isolation:isolate}
.kk-bn::after{content:"";position:absolute;z-index:-1;right:-80px;top:-120px;width:320px;height:320px;border-radius:50%;border:40px solid rgba(249,202,134,.08)}
.kk-blog .kk-bn h2{color:#fff;font-size:clamp(26px,2.8vw,38px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:10px}
.kk-bn p{margin:0;color:rgba(255,255,255,.72);font-size:16px;line-height:1.6}
.kk-bn__form{display:flex;flex-wrap:wrap;gap:10px}
.kk-blog .kk-bn__form input[type=email]{flex:1;min-width:200px;height:54px;padding:0 18px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(255,255,255,.08);color:#fff;font:500 16px var(--kk-font);outline:0}
.kk-blog .kk-bn__form input[type=email]::placeholder{color:rgba(255,255,255,.55)}
.kk-blog .kk-bn__form input[type=email]:focus{border-color:var(--kk-gold-light)}
.kk-blog .kk-bn__form button{height:54px;padding:0 26px;border:0;border-radius:14px;background:#fff;color:var(--kk-brand);font:700 16px var(--kk-font);cursor:pointer;transition:background .15s}
.kk-blog .kk-bn__form button:hover{background:var(--kk-peach);color:var(--kk-peach-ink)}
.kk-bn__msg{flex-basis:100%;font-size:14px;color:var(--kk-gold-light)!important}
.kk-bn__msg[hidden]{display:none}
.kk-ct__hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ---------- pagination + empty ---------- */
.kk-bpag{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:44px}
.kk-bpag .page-numbers{display:grid;place-items:center;min-width:46px;height:46px;padding:0 12px;border:1px solid var(--kk-line);border-radius:14px;background:#fff;font-weight:700}
.kk-bpag .page-numbers.current{background:var(--kk-brand);border-color:var(--kk-brand);color:#fff}
.kk-bpag a.page-numbers:hover{border-color:var(--kk-brand);color:var(--kk-brand)}
.kk-blog__empty{margin-top:28px;padding:64px 20px;border-radius:28px;background:#fff;text-align:center}
.kk-blog .kk-blog__empty h2{font-size:28px;font-weight:800;letter-spacing:-.03em;margin-bottom:8px}
.kk-blog__empty p{color:var(--kk-muted);margin:0 0 22px}

/* ---------- single post ---------- */
.kk-post__head{max-width:880px;margin:0 auto;padding:48px 0 32px;text-align:center}
.kk-post__head .kk-bh__crumbs{justify-content:center}
.kk-post__chip{margin-bottom:16px}
.kk-blog .kk-post__title{font-size:clamp(36px,4.6vw,64px);font-weight:800;line-height:1.04;letter-spacing:-.045em;margin-bottom:18px}
.kk-post__lead{font-size:19px;line-height:1.6;color:var(--kk-ink-2);margin:0 auto 22px;max-width:720px}
.kk-post__meta{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 12px;margin:0;font-size:14px;color:var(--kk-muted)}
.kk-post__meta>*+*::before{content:"•";margin-right:12px}
.kk-post__meta span{display:inline-flex;align-items:center;gap:6px}
.kk-post__by{font-weight:700;color:var(--kk-ink)}
.kk-post__hero{margin:0 0 48px;border-radius:32px;overflow:hidden;aspect-ratio:21/9;background:var(--kk-soft)}
.kk-blog .kk-post__hero img{width:100%;height:100%;object-fit:cover;display:block}
.kk-post__layout{display:grid;grid-template-columns:1fr minmax(0,760px) 1fr;gap:32px}
.kk-post__share{grid-column:1;justify-self:end;position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;align-items:center;gap:10px}
.kk-post__share span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--kk-muted)}
.kk-post__share :is(a,button){display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--kk-line);border-radius:50%;background:#fff;color:var(--kk-ink);cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.kk-post__share :is(a,button):hover,.kk-post__share .is-copied{background:var(--kk-brand);border-color:var(--kk-brand);color:#fff}
.kk-post__content{grid-column:2;min-width:0;font-size:18px;line-height:1.8;color:var(--kk-ink-2)}
.kk-post__content>*{margin:0 0 1.2em}
.kk-blog .kk-post__content h2{font-size:clamp(26px,2.4vw,32px);font-weight:800;letter-spacing:-.03em;line-height:1.2;margin:1.8em 0 .6em;color:var(--kk-ink)}
.kk-blog .kk-post__content h3{font-size:22px;font-weight:700;margin:1.5em 0 .5em;color:var(--kk-ink)}
.kk-post__content a{color:var(--kk-accent);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.kk-post__content :is(ul,ol){padding-left:1.3em}
.kk-post__content li{margin:.4em 0}
.kk-post__content li::marker{color:var(--kk-accent)}
.kk-post__content strong{color:var(--kk-ink)}
.kk-post__content blockquote{margin:1.8em 0;padding:22px 26px;border:0;border-left:4px solid var(--kk-accent);border-radius:0 18px 18px 0;background:var(--kk-soft);font-size:20px;font-style:normal;color:var(--kk-ink)}
.kk-post__content blockquote p{margin:0}
.kk-post__content img{border-radius:20px;height:auto}
.kk-post__content figure{margin:1.8em 0}
.kk-post__content figcaption{font-size:14px;color:var(--kk-muted);text-align:center;margin-top:8px}
.kk-post__content table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--kk-line);border-radius:16px;overflow:hidden;font-size:16px;background:#fff}
.kk-post__content :is(th,td){padding:12px 16px;border:0;border-bottom:1px solid var(--kk-line);text-align:left}
.kk-post__content tr:last-child td{border-bottom:0}
.kk-post__content th{background:var(--kk-pill);color:var(--kk-ink);font-weight:700}
.kk-post__content .kk-note{padding:18px 22px;border-radius:18px;background:#fff;border:1px dashed var(--kk-peach);font-size:16px}
.kk-post__tags{display:flex;flex-wrap:wrap;gap:8px}
.kk-post__cta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:2.4em!important;padding:24px 28px;border-radius:22px;background:var(--kk-soft)}
.kk-post__cta div{display:flex;flex-direction:column;gap:2px;font-size:16px;line-height:1.5}
.kk-post__cta b{font-size:19px;color:var(--kk-ink)}
.kk-post__related{margin-top:88px}

/* ---------- responsive ---------- */
@media (max-width:1024px){
	.kk-bs__grid{grid-template-columns:1fr}
	.kk-bgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.kk-bn{grid-template-columns:1fr;padding:36px 32px}
	.kk-post__layout{grid-template-columns:minmax(0,1fr)}
	.kk-post__share{grid-column:1;grid-row:2;position:static;flex-direction:row;justify-self:start}
	.kk-post__content{grid-column:1}
	.kk-post__hero{aspect-ratio:16/9}
}
@media (max-width:640px){
	.kk-bh{padding:32px 0 28px}
	.kk-bh::before{width:120px;height:120px;right:-20px;top:-30px}
	.kk-bh::after{display:none}
	.kk-bh__intro{font-size:16px;margin-bottom:24px}
	.kk-bh__pills{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(var(--kk-gutter) * -1);padding:0 var(--kk-gutter) 4px;scrollbar-width:none}
	.kk-bh__pills::-webkit-scrollbar{display:none}
	.kk-pill{flex:0 0 auto}
	.kk-bh__search{width:100%}
	.kk-bs{margin-top:52px}
	.kk-bs__head{margin-bottom:20px}
	.kk-bs__more{min-height:42px;padding:0 14px;font-size:14px}
	.kk-bgrid{grid-template-columns:1fr}
	.kk-bc--big{padding:14px 14px 20px}
	.kk-bc--row{gap:14px;padding:10px}
	.kk-bc--row .kk-bc__media{flex-basis:112px;aspect-ratio:1}
	.kk-blog .kk-bc--row .kk-bc__title{font-size:16px}
	.kk-bc--row .kk-bc__meta{font-size:12px}
	.kk-bc--row .kk-bc__chip{display:none}
	.kk-bc--row .kk-bc__meta>*:nth-child(2)::before{content:none}
	.kk-bx{padding:36px 16px 40px;border-radius:24px}
	.kk-bx__item{width:calc(50% - 8px)}
	.kk-bn{padding:28px 22px;border-radius:24px}
	.kk-post__head{padding-top:28px}
	.kk-post__hero{border-radius:22px;margin-bottom:28px}
	.kk-post__content{font-size:17px}
}
