/* K Hotels blog, Night Edition (uses tokens from /k-night.css) */
.blog-main{background:var(--night);padding-top:calc(130px + env(safe-area-inset-top,0px));padding-bottom:100px}
.blog-main .page-wrap{max-width:var(--max);margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
@media (max-width:520px){.blog-main .page-wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}}
.breadcrumbs{font-size:12.5px;letter-spacing:.06em;color:var(--mist);margin-bottom:26px}
.breadcrumbs a{color:var(--khaki);text-decoration:none}
.blog-intro{max-width:46em;margin-bottom:48px}
.blog-intro h1{font-weight:300;font-size:clamp(38px,6vw,76px);letter-spacing:-.03em;line-height:1}
.blog-intro .lead{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(18px,1.8vw,22px);color:var(--khaki);margin-top:18px}
.blog-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:980px){.blog-cards{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.blog-cards{grid-template-columns:1fr}}
.blog-list{display:block}
.blog-card{border:1px solid var(--hair);border-radius:var(--r);overflow:hidden;background:rgba(244,238,223,.03);display:flex;flex-direction:column}
.blog-card-img img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;transition:transform .6s ease}
.blog-card:hover .blog-card-img img{transform:scale(1.03)}
.blog-card-img{overflow:hidden;display:block}
.blog-card-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:10px}
.blog-card-meta{font-size:12.5px;color:var(--mist);display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.blog-category{font:600 12px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--caramel-hi)}
.blog-card h2,.blog-card h3{font-weight:400;font-size:20px;line-height:1.3}
.blog-card h2 a,.blog-card h3 a{text-decoration:none;color:var(--cream)}
.blog-card h2 a:hover,.blog-card h3 a:hover{color:var(--caramel-hi)}
.blog-card-excerpt{color:var(--mist);font-size:15px}
.blog-empty{color:var(--mist)}
.blog-pagination{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}
.blog-pagination a,.blog-pagination span{padding:9px 14px;border:1px solid var(--hair);border-radius:999px;font-size:13.5px;text-decoration:none;color:var(--mist)}
.blog-pagination .is-current{background:var(--cream);color:var(--night);border-color:var(--cream)}

/* Post */
.blog-post{max-width:780px;margin:0 auto}
.blog-post-header h1{font-weight:300;font-size:clamp(34px,5vw,58px);letter-spacing:-.025em;line-height:1.08;margin-top:12px}
.blog-meta{color:var(--mist);font-size:13.5px;margin-top:16px}
.blog-hero{margin:34px 0 40px}
.blog-hero img{width:100%;height:auto;border-radius:var(--r);border:1px solid var(--hair);display:block}
.blog-body{font-family:var(--serif);font-size:18.5px;line-height:1.75;color:#E6DFCD}
.blog-body h2{font-family:var(--sans);font-weight:400;font-size:clamp(24px,2.6vw,30px);color:var(--cream);margin:46px 0 14px;letter-spacing:-.01em}
.blog-body h3{font-family:var(--sans);font-weight:500;font-size:20px;color:var(--cream);margin:32px 0 10px}
.blog-body p{margin:0 0 18px}
.blog-body a{color:var(--caramel-hi)}
.blog-body strong{font-family:var(--sans);font-weight:700;font-size:.92em;color:var(--cream)}
.blog-body ul,.blog-body ol{margin:0 0 20px;padding-left:22px}
.blog-body li{margin-bottom:8px}
.blog-body li::marker{color:var(--caramel-hi)}
.blog-body img{max-width:100%;height:auto;border-radius:var(--r);border:1px solid var(--hair)}
.blog-figure{margin:30px 0}
.blog-figure figcaption{font:400 13px var(--sans);color:var(--mist);margin-top:8px}
.blog-table{width:100%;border-collapse:collapse;font:400 15px var(--sans)}
.blog-table th,.blog-table td{border-bottom:1px solid var(--hair);padding:10px 12px;text-align:left}
.blog-faq{margin-top:56px;border-top:1px solid var(--hair);padding-top:36px}
.blog-faq h2{font-weight:300;font-size:30px;margin-bottom:18px}
.blog-faq dt{font-weight:500;font-size:17px;color:var(--cream);margin-top:18px}
.blog-faq dd{margin:6px 0 0;color:var(--mist)}
.blog-stay{margin-top:48px;border:1px solid var(--hair);border-radius:var(--r);padding:26px}
.blog-stay h2{font-weight:400;font-size:20px;margin-bottom:12px}
.blog-stay ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.blog-stay a{color:var(--khaki)}
.blog-cta{margin-top:18px;border-radius:var(--r);padding:28px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;background:linear-gradient(120deg,var(--olive) 0%,#5A5230 55%,#6B5A36 100%);border:1px solid rgba(200,154,99,.45)}
.blog-cta p{color:var(--cream);font-size:17px;margin:0}
.blog-book-btn{display:inline-flex;align-items:center;font:600 12.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;padding:16px 24px;border-radius:999px;background:var(--caramel-btn,#8A6338);color:#fff}
.blog-more{margin-top:80px}
.blog-more h2{font-weight:300;font-size:clamp(26px,3vw,38px);margin-bottom:24px}

/* Home page strip (injected by the build between the BLOG_STRIP markers) */
.blog-strip{background:var(--night-2);padding-block:100px}
.blog-strip-inner{max-width:var(--max);margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.blog-strip h2{font-weight:300;font-size:clamp(34px,5vw,64px);letter-spacing:-.02em;margin-bottom:36px}
.blog-strip-more{margin-top:28px}
.blog-strip-more a{font:600 12px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--cream);text-decoration:none;border-bottom:1px solid var(--caramel-hi);padding-bottom:3px}
