/* Hua Hin Taxis — the travel guide: article typography on top of hh.css (system fonts only) */
.guide-hero{background:var(--royal);border-bottom:3px solid var(--gold);color:#fff;padding:34px 0 30px}
.guide-hero .eyebrow{font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-l);margin-bottom:8px}
.guide-hero h1{color:#fff;font-size:38px;max-width:860px}
.guide-hero p{color:#dfe6f7;max-width:660px;margin-top:10px;font-size:17px}
.guide-hero-fig{margin:0 auto;max-width:1200px;padding:0 16px}
.guide-hero-fig img{width:100%;max-height:440px;object-fit:cover;border-radius:0 0 var(--r) var(--r)}
.guide-hero-fig figcaption,.guide-fig figcaption{font-size:13.5px;color:var(--ink-2);padding-top:6px}
.guide-body{max-width:760px;margin:0 auto;padding:28px 0 12px;font-size:17px;line-height:1.7}
.guide-body h2{font-size:28px;margin:34px 0 12px}
.guide-body h3{font-size:21px;margin:26px 0 8px}
.guide-body h4{font:700 17px/1.4 var(--sans);margin:20px 0 6px}
.guide-body p{margin:0 0 16px}
.guide-body ul,.guide-body ol{margin:0 0 16px;padding-left:22px}
.guide-body li{margin-bottom:6px}
.guide-body a:not(.btn){color:var(--royal);text-decoration-color:var(--gold);text-underline-offset:3px}
.guide-body code{font-size:.9em;background:var(--sand);padding:1px 5px;border-radius:4px}
.quick-answer{background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:var(--r);padding:16px 18px;margin:0 0 24px}
.qa-label{display:block;font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--red-d);margin-bottom:4px}
.quick-answer p{margin:0}
.guide-fig{margin:22px 0}
.guide-fig img{width:100%;border-radius:var(--r)}
.tbl{overflow-x:auto;margin:0 0 20px;border:1px solid var(--line);border-radius:var(--r)}
.guide-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.45;background:var(--paper)}
.guide-table th{background:var(--royal);color:#fff;text-align:left;padding:10px 12px;font-weight:700}
.guide-table td{padding:10px 12px;border-top:1px solid var(--line);vertical-align:top}
.guide-table tr:nth-child(even) td{background:#fbf6ea}
.guide-callout{border-radius:var(--r);padding:14px 16px;margin:0 0 20px;font-size:16px}
.guide-callout-note{background:#eef2fb;border-left:4px solid var(--royal)}
.guide-callout-warning{background:#fdf1ef;border-left:4px solid var(--red)}
.guide-faq{background:var(--sand);padding:30px 0;margin-top:20px}
.guide-faq .guide-body{padding:0}
.guide-faq h2{font-size:26px;margin:0 0 10px}
.faq-item{border-top:1px solid var(--line);padding:14px 0}
.faq-item h3{font:700 17px/1.4 var(--sans);margin:0 0 4px}
.faq-item p{color:var(--ink-2);margin:0}
.guide-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}
.guide-body .guide-nav a{display:block;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;text-decoration:none;color:var(--ink);font-weight:700;line-height:1.4}
.guide-nav .dir{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--red-d);margin-bottom:4px}
.guide-body .guide-nav .all{grid-column:1/-1;background:var(--sand)}
.guide-updated{font-size:14px;color:var(--ink-2)}
.chapters{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:28px 0 8px}
.chapter-card{display:block;background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--royal);border-radius:var(--r);padding:18px;text-decoration:none;color:var(--ink)}
.chapter-card .num{display:block;font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--red-d);margin-bottom:6px}
.chapter-card h3{font-size:20px;margin-bottom:6px}
.chapter-card p{color:var(--ink-2);font-size:15px}
.img-note{font-size:13.5px;color:var(--ink-2);text-align:center;max-width:760px;margin:0 auto;padding:10px 16px 30px}
/* the booking box a reader meets inside every chapter */
.g-cta{background:var(--royal);border-radius:var(--r);color:#fff;padding:22px;margin:8px 0 26px;border-bottom:3px solid var(--gold)}
.g-cta .kick{color:var(--gold-l);margin-bottom:6px}
.g-cta h2{color:#fff;font-size:24px;margin:0 0 6px}
.g-cta p{color:#dfe6f7;margin:0 0 12px;font-size:16px;line-height:1.55}
.g-cta .board{margin:0 0 14px;padding:0}
.g-cta .board li{margin:0}
.g-cta .board a{color:#fff;text-decoration:none}
.g-cta .acts{margin:0}
.hub-cta{max-width:760px;margin:0 auto}
.hub-top{padding-top:22px}
.hub-top .g-cta{margin-bottom:0}
.g-cta.slim{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;margin:0 0 26px}
.g-cta.slim p{margin:0;color:#fff}
.g-cta.slim span{color:var(--gold-l);font-weight:800}
.g-cta.slim .btn{flex:none}
@media (max-width:899px){.g-cta.slim{flex-wrap:wrap}.g-cta.slim .btn{width:100%;justify-content:center}.guide-hero{padding:24px 0 22px}.guide-hero h1{font-size:28px}.chapters,.guide-nav{grid-template-columns:1fr}.guide-body{font-size:16.5px}.guide-body h2{font-size:24px}.g-cta h2{font-size:21px}}