.historic-blog{--hb-wine:#701638;--hb-deep:#210712;--hb-gold:#e8c97b;--hb-paper:#f4efe7;--hb-ink:#21171b;background:var(--hb-paper);color:var(--hb-ink)}
.historic-blog h1,.historic-blog h2,.historic-blog h3{font-family:Georgia,"Times New Roman",serif;font-weight:400}.historic-blog p,.historic-blog li{font-size:1rem;line-height:1.78}.historic-blog a{color:inherit}.historic-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:min(84vh,56rem);overflow:hidden;background:var(--hb-deep);color:#fff}.historic-hero-media,.historic-hero-media picture,.historic-hero-media img{position:absolute;inset:0;width:100%;height:100%}.historic-hero-media img{object-fit:cover;object-position:center center}.historic-hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(22,3,12,.96),rgba(32,5,18,.73) 46%,rgba(19,2,10,.06) 78%),linear-gradient(0deg,rgba(19,2,10,.75),transparent 55%)}.historic-hero-copy{position:relative;z-index:2;width:min(1260px,100%);margin:auto;padding:clamp(7rem,12vw,11rem) clamp(1.4rem,6vw,5rem) clamp(3.8rem,7vw,6rem)}.historic-back{display:inline-block;margin-bottom:clamp(5rem,11vh,8rem);font-family:Arial,sans-serif;font-size:.86rem;text-decoration:none}.historic-hero h1{max-width:13ch;margin:0;font-size:clamp(3rem,6vw,6.5rem);line-height:.93;letter-spacing:-.045em;text-wrap:balance}.historic-meta{margin-top:1.4rem;color:#ddd0d4;font-family:Arial,sans-serif;font-size:.73rem;letter-spacing:.11em;text-transform:uppercase}.historic-copy{overflow:hidden;background:var(--hb-paper)}.historic-intro{display:grid;grid-template-columns:1.25fr .85fr .85fr;gap:clamp(1.8rem,5vw,4.5rem);max-width:1200px;margin:auto;padding:clamp(5rem,9vw,9rem) 1.5rem}.historic-intro p{margin:0}.historic-intro p:first-child{font-family:Georgia,serif;font-size:clamp(1.35rem,2.15vw,1.75rem);line-height:1.55}.historic-intro p:nth-child(2),.historic-intro p:nth-child(3){padding-top:.45rem}.historic-intro a,.historic-section a{color:var(--hb-wine);font-weight:700}.historic-section{max-width:1200px;margin:auto;padding:clamp(4.5rem,8vw,8rem) 1.5rem;border-top:1px solid #d8c9c2}.historic-section h2{max-width:21ch;margin:0 0 2rem;color:var(--hb-deep);font-size:clamp(2.35rem,4.5vw,4.7rem);line-height:1;letter-spacing:-.035em;text-wrap:balance}.historic-section ul{margin:1.8rem 0 0;padding:0;list-style:none}.historic-section li{position:relative;margin:0;padding:1.25rem 1rem 1.25rem 2.5rem;border-top:1px solid #d7c7c0}.historic-section li:last-child{border-bottom:1px solid #d7c7c0}.historic-section li:before{content:"";position:absolute;left:.45rem;top:1.85rem;width:.58rem;height:.58rem;border:1px solid var(--hb-wine);border-radius:50%}.historic-section li p{margin:0}.historic-takeaways{max-width:none;padding-inline:max(1.5rem,calc((100vw - 1200px)/2));background:var(--hb-deep);color:#fff;border:0}.historic-takeaways h2{color:#fff}.historic-takeaways ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:rgba(232,201,123,.24)}.historic-takeaways li{min-height:13rem;padding:4rem 1.4rem 1.5rem;background:#31101f;border:0}.historic-takeaways li:before{left:1.4rem;top:1.55rem;width:1.5rem;height:1.5rem;border-color:var(--hb-gold)}.historic-takeaways li:after{content:"";position:absolute;left:2.1rem;top:2.23rem;width:.7rem;height:1px;background:var(--hb-gold)}.historic-takeaways li p{font-family:Georgia,serif;line-height:1.6}.historic-answer{display:grid;grid-template-columns:minmax(17rem,.72fr) minmax(0,1.28fr);gap:clamp(2.5rem,7vw,7rem);align-items:center}.historic-answer h2{margin:0}.historic-answer>p{margin:0;padding:clamp(2rem,5vw,4.5rem);border-left:4px solid var(--hb-gold);background:#fff;font-family:Georgia,serif;font-size:clamp(1.18rem,2vw,1.5rem);line-height:1.68;box-shadow:0 20px 60px rgba(56,25,38,.08)}.historic-checklist h2{max-width:15ch}.historic-checklist>p{max-width:46rem}.historic-checklist ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#d7c7c0}.historic-checklist li{min-height:12.5rem;padding:2.2rem 2rem 2rem 4.5rem;background:#fff;border:0;counter-increment:check}.historic-checklist ul{counter-reset:check}.historic-checklist li:before{content:counter(check,decimal-leading-zero);left:1.7rem;top:2rem;width:auto;height:auto;border:0;border-radius:0;color:var(--hb-wine);font-family:Georgia,serif;font-size:1.2rem}.historic-photo-split{display:grid;grid-template-columns:minmax(23rem,.92fr) minmax(0,1.08fr);gap:clamp(3rem,8vw,7rem);align-items:start}.historic-photo-split h2,.historic-photo-split>p,.historic-photo-split>ul{grid-column:2}.historic-photo-split>.historic-section-photo{grid-column:1;grid-row:1/span 20}.historic-section-photo{overflow:hidden;margin:0;height:clamp(34rem,58vw,48rem);background:#d4c2bd;box-shadow:0 28px 70px rgba(54,21,36,.15)}.historic-section-photo picture,.historic-section-photo img{display:block;width:100%;height:100%}.historic-section-photo img{object-fit:cover}.historic-temple .historic-section-photo img{object-position:center}.historic-nightlife{grid-template-columns:minmax(0,1.08fr) minmax(23rem,.92fr)}.historic-nightlife h2,.historic-nightlife>p,.historic-nightlife>ul{grid-column:1}.historic-nightlife>.historic-section-photo{grid-column:2}.historic-nightlife .historic-section-photo img{object-position:center}.historic-spotlight{max-width:none;padding-inline:max(1.5rem,calc((100vw - 1200px)/2));background:var(--hb-wine);color:#fff;border:0}.historic-spotlight h2{max-width:16ch;color:#fff}.historic-spotlight>p{max-width:50rem;color:#eadde1}.historic-spotlight ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.1rem}.historic-spotlight li{min-height:15rem;padding:5.1rem 1.35rem 1.5rem;border:1px solid rgba(255,255,255,.23)}.historic-spotlight li:before{left:1.35rem;top:1.55rem;width:2.4rem;height:2.4rem;border-color:var(--hb-gold)}.historic-spotlight li p{font-family:Georgia,serif;line-height:1.6}.historic-spotlight a{color:var(--hb-gold)}.historic-rubric{display:grid;grid-template-columns:minmax(18rem,.65fr) minmax(0,1.35fr);gap:clamp(2.5rem,7vw,6rem)}.historic-rubric h2{grid-row:1/4}.historic-rubric>p,.historic-rubric>ul{grid-column:2}.historic-rubric ul{margin:0}.historic-rubric li{padding-block:1.5rem}.historic-faq{display:grid;grid-template-columns:minmax(19rem,.75fr) minmax(0,1.25fr);gap:0 clamp(3rem,8vw,7rem)}.historic-faq h2{grid-row:1/11}.historic-faq h3,.historic-faq p{grid-column:2}.historic-faq h3{margin:0;padding:1.55rem 2.5rem .6rem 0;border-top:1px solid #d7c7c0;color:var(--hb-wine);font-size:1.34rem;line-height:1.35}.historic-faq p{margin:0;padding:0 2.5rem 1.55rem 0}.historic-faq p:last-child{border-bottom:1px solid #d7c7c0}.historic-blog table{width:100%;border-collapse:collapse;margin:2rem 0;background:#fff}.historic-blog th,.historic-blog td{padding:1rem;border:1px solid #d7c7c0;text-align:left;vertical-align:top}.historic-blog th{background:var(--hb-deep);color:#fff;font-family:Arial,sans-serif;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:1000px){.historic-intro{grid-template-columns:1fr 1fr}.historic-intro p:first-child{grid-column:1/-1}.historic-takeaways ul,.historic-spotlight ul{grid-template-columns:repeat(2,minmax(0,1fr))}.historic-takeaways li:last-child,.historic-spotlight li:last-child{grid-column:1/-1;min-height:auto}.historic-answer,.historic-rubric,.historic-faq{grid-template-columns:1fr}.historic-answer h2,.historic-rubric h2,.historic-faq h2{grid-row:auto}.historic-answer>p,.historic-rubric>p,.historic-rubric>ul,.historic-faq h3,.historic-faq p{grid-column:1}.historic-photo-split,.historic-nightlife{grid-template-columns:1fr}.historic-photo-split h2,.historic-photo-split>p,.historic-photo-split>ul,.historic-photo-split>.historic-section-photo,.historic-nightlife h2,.historic-nightlife>p,.historic-nightlife>ul,.historic-nightlife>.historic-section-photo{grid-column:1}.historic-photo-split>.historic-section-photo,.historic-nightlife>.historic-section-photo{grid-row:auto;height:31rem;margin:1rem 0 2.4rem}}
@media(max-width:640px){.historic-hero{min-height:44rem}.historic-hero-media img{object-position:64% center}.historic-hero-shade{background:linear-gradient(0deg,rgba(24,3,14,.97),rgba(24,3,14,.66) 48%,rgba(24,3,14,.07) 82%)}.historic-back{margin-bottom:8.5rem}.historic-hero h1{font-size:3.15rem}.historic-meta{line-height:1.6}.historic-intro{grid-template-columns:1fr;padding-block:4.5rem}.historic-intro p:first-child{grid-column:auto}.historic-section{padding-block:4.5rem}.historic-section h2{font-size:2.65rem}.historic-takeaways ul,.historic-spotlight ul,.historic-checklist ul{grid-template-columns:1fr}.historic-takeaways li,.historic-takeaways li:last-child,.historic-spotlight li,.historic-spotlight li:last-child{grid-column:auto;min-height:auto}.historic-checklist li{min-height:auto}.historic-photo-split>.historic-section-photo,.historic-nightlife>.historic-section-photo{height:23rem;margin-inline:-1.5rem;box-shadow:none}.historic-faq h3{font-size:1.22rem}.historic-blog p,.historic-blog li{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.historic-blog *{scroll-behavior:auto!important}}

/* Compact responsive composition and exact, zero-download-cost photo watermark. */
.historic-hero{min-height:min(72vh,48rem)}
.historic-hero-copy{padding-top:clamp(6.5rem,9vw,8.5rem);padding-bottom:clamp(3rem,5vw,4.5rem)}
.historic-back{margin-bottom:clamp(2rem,4vh,3rem)}
.historic-intro{gap:clamp(1.5rem,3vw,3rem);padding-block:clamp(3rem,5vw,5rem)}
.historic-section{padding-block:clamp(3rem,5vw,5.5rem)}
.historic-takeaways li,.historic-checklist li,.historic-spotlight li{min-height:0}
.historic-section-photo{position:relative;align-self:start;height:auto;aspect-ratio:3/2}
.historic-faq{grid-template-columns:1fr;max-width:920px}
.historic-faq h2{grid-row:auto}
.historic-faq h3,.historic-faq p{grid-column:1}
.historic-hero-media::after,.historic-section-photo::after{content:"Chillax Resort Khaosan";position:absolute;right:clamp(.8rem,2.4vw,1.6rem);bottom:clamp(.8rem,2.4vw,1.6rem);z-index:3;padding:.5rem .72rem;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:rgba(31,5,17,.68);color:#fff;font-family:Arial,sans-serif;font-size:clamp(.65rem,1.15vw,.76rem);font-weight:700;line-height:1;letter-spacing:.075em;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.7);box-shadow:0 4px 16px rgba(0,0,0,.18);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);pointer-events:none}
@media(max-width:1000px){.historic-photo-split>.historic-section-photo,.historic-nightlife>.historic-section-photo{height:auto;aspect-ratio:3/2;margin:1rem 0 2rem}}
@media(max-width:640px){.historic-hero{min-height:36rem}.historic-hero-copy{padding-top:5.5rem;padding-bottom:2.75rem}.historic-back{margin-bottom:3rem}.historic-hero h1{font-size:clamp(2.45rem,12vw,3.15rem)}.historic-intro,.historic-section{padding-block:3.25rem}.historic-photo-split>.historic-section-photo,.historic-nightlife>.historic-section-photo{height:auto;aspect-ratio:3/2;margin-inline:0}.historic-hero-media::after,.historic-section-photo::after{right:.7rem;bottom:.7rem;padding:.45rem .62rem;letter-spacing:.055em}}

/* V3 compact reading flow: eliminate empty columns, fixed-height gaps and unused grid cells. */
.historic-hero{min-height:0}
.historic-hero-copy{padding:clamp(6.5rem,9vw,8rem) clamp(1.25rem,5vw,4rem) clamp(2.5rem,4vw,3.5rem)}
.historic-back{margin-bottom:1.5rem}
.historic-intro{display:block;max-width:920px;padding:2.5rem 1.25rem}
.historic-intro p:nth-child(2),.historic-intro p:nth-child(3){padding-top:0}
.historic-intro p+p{margin-top:1.25rem}
.historic-section{max-width:960px;padding:2.75rem 1.25rem}
.historic-section h2{margin-bottom:1.25rem}
.historic-section ul{margin-top:1.25rem}
.historic-section li{padding-top:.95rem;padding-bottom:.95rem}
.historic-takeaways,.historic-spotlight{max-width:none;padding-inline:max(1.25rem,calc((100vw - 1100px)/2))}
.historic-takeaways h2,.historic-spotlight h2,.historic-spotlight>p,.historic-takeaways ul,.historic-spotlight ul{max-width:1100px;margin-left:auto;margin-right:auto}
.historic-takeaways ul,.historic-spotlight ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px}
.historic-takeaways li:last-child,.historic-spotlight li:last-child{grid-column:1/-1}
.historic-takeaways li{padding:3.25rem 1.25rem 1.25rem}
.historic-spotlight li{padding:4.25rem 1.25rem 1.25rem}
.historic-answer,.historic-photo-split,.historic-nightlife,.historic-rubric,.historic-faq{display:block}
.historic-answer>p{margin-top:1.25rem;padding:2rem}
.historic-checklist ul{gap:1px}
.historic-checklist li:last-child:nth-child(odd){grid-column:1/-1}
.historic-photo-split h2,.historic-photo-split>p,.historic-photo-split>ul,.historic-photo-split>.historic-section-photo,.historic-nightlife h2,.historic-nightlife>p,.historic-nightlife>ul,.historic-nightlife>.historic-section-photo,.historic-rubric>p,.historic-rubric>ul,.historic-faq h3,.historic-faq p{grid-column:auto}
.historic-photo-split>.historic-section-photo,.historic-nightlife>.historic-section-photo{width:100%;height:auto;aspect-ratio:16/9;margin:1.5rem 0 1.75rem}
.historic-rubric h2,.historic-faq h2{grid-row:auto}
.historic-rubric ul{margin-top:1.25rem}
.historic-faq{max-width:920px}
.historic-faq h3{padding-top:1.25rem}
@media(max-width:700px){.historic-hero-copy{padding:5.5rem 1.25rem 2.25rem}.historic-back{margin-bottom:1rem}.historic-intro{padding-block:2rem}.historic-section{padding-block:2.25rem}.historic-section h2{font-size:clamp(2.1rem,10vw,2.65rem)}.historic-takeaways ul,.historic-spotlight ul,.historic-checklist ul{grid-template-columns:1fr}.historic-takeaways li:last-child,.historic-spotlight li:last-child,.historic-checklist li:last-child:nth-child(odd){grid-column:auto}.historic-photo-split>.historic-section-photo,.historic-nightlife>.historic-section-photo{aspect-ratio:3/2;margin:1.25rem 0 1.5rem}}

/* Linked bathtub feature for the booking checklist section. */
.historic-rubric-photo-link{display:block;margin:1.5rem 0 1.75rem;color:inherit;text-decoration:none}
.historic-rubric-photo-link .historic-section-photo{width:100%;height:auto;aspect-ratio:3/2;margin:0;box-shadow:0 18px 45px rgba(54,21,36,.14)}
.historic-rubric-photo-link img{transition:transform .45s ease}
.historic-rubric-photo-link:hover img,.historic-rubric-photo-link:focus-visible img{transform:scale(1.018)}
.historic-rubric-photo-link:focus-visible{outline:3px solid var(--hb-wine);outline-offset:4px}
@media(max-width:700px){.historic-rubric-photo-link{margin:1.25rem 0 1.5rem}.historic-rubric-photo-link .historic-section-photo{box-shadow:none}}
@media(prefers-reduced-motion:reduce){.historic-rubric-photo-link img{transition:none}}
