@charset "utf-8";
:root{--ink:#253d36;--muted:#687d73;--jade:#2f7665;--jade-dark:#1e5b4d;--mint:#dceee2;--rose:#c75d55;--rose-light:#f6e4dd;--gold:#d79b38;--gold-light:#f7edcf;--cream:#f7f1e5;--paper:#fffdf7;--line:#d9ded1;--shadow:0 16px 42px rgba(47,70,57,.09);--radius:26px;--sans:system-ui,-apple-system,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;--serif:"Noto Serif TC","Source Han Serif TC","PMingLiU",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.75;letter-spacing:.01em}a{color:inherit}img{max-width:100%;display:block}button,input{font:inherit}button,a,.file-button{touch-action:manipulation}button{color:inherit}.skip-link{position:absolute;left:-9999px;top:0}.skip-link:focus{left:10px;z-index:99;background:#fff;padding:10px 14px}.site-header{height:76px;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:22px;padding:10px clamp(16px,4vw,62px);background:rgba(255,253,247,.94);border-bottom:1px solid rgba(66,100,82,.12);backdrop-filter:blur(16px)}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:47px;height:47px;border-radius:50% 50% 45% 45%;background:var(--jade);color:#fff;font-size:14px;font-weight:900;letter-spacing:.08em;border:3px solid #d8e9d9;box-shadow:0 0 0 2px var(--jade)}.brand strong,.brand small{display:block;line-height:1.35}.brand strong{font-size:16px}.brand small{font-size:11px;color:var(--muted);margin-top:3px}.nav-links{display:flex;gap:19px;margin-left:auto;align-items:center}.nav-links a{font-size:14px;font-weight:750;text-decoration:none;color:#506a5e;white-space:nowrap}.nav-links a:hover,.text-link:hover{color:var(--rose)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;padding:13px 22px;cursor:pointer;text-decoration:none;font-weight:800;letter-spacing:.02em;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(39,76,60,.16)}.button-primary{background:var(--jade);color:#fff}.button-primary:hover{background:var(--jade-dark)}.button-secondary{background:#f1ce73;color:#3e3827}.button-ghost{background:transparent;border:1px solid #bbc9bc;color:var(--ink)}.button-small{font-size:13px;padding:8px 15px}.button-wide{width:100%;margin-top:16px;font-size:15px}
.hero{min-height:555px;position:relative;overflow:hidden;padding:76px clamp(20px,8vw,126px) 70px;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.74fr);align-items:center;isolation:isolate;background-color:#e9f0df;background-image:linear-gradient(90deg,rgba(250,247,234,.08) 0%,rgba(250,247,234,.12) 38%,rgba(250,247,234,.74) 55%,rgba(250,247,234,.94) 100%),url("assets/bangkok-storybook-bg.png");background-size:cover;background-position:center 52%;animation:hero-pan 30s ease-in-out infinite alternate}.hero::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 74% 14%,rgba(255,255,255,.28),transparent 31%),linear-gradient(0deg,rgba(245,238,217,.38),transparent 32%)}.hero-copy{max-width:780px;position:relative;z-index:2;grid-column:2;grid-row:1;padding:8px 0 18px}.eyebrow{margin:0 0 10px;color:var(--rose);font-weight:900;font-size:12px;letter-spacing:.16em}.hero h1{font-family:var(--serif);font-size:clamp(40px,5.2vw,72px);line-height:1.17;letter-spacing:.02em;margin:0;color:#21463b;text-wrap:balance}.hero h1 span{font-size:.64em;color:#537368}.hero-intro{max-width:520px;font-size:18px;color:#445e52;margin:22px 0 19px;line-height:1.8}.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.hero-tags span,.experience-tags span{background:rgba(255,255,255,.74);border:1px solid rgba(90,120,101,.16);border-radius:99px;padding:6px 12px;font-size:13px;font-weight:760;color:#48665a}.hero-art{position:absolute;inset:0 auto 0 0;width:55%;pointer-events:none;z-index:1}.hero-mascot{position:absolute;bottom:-36px;left:clamp(7px,4vw,60px);width:clamp(150px,17vw,250px);filter:drop-shadow(0 15px 16px rgba(37,57,47,.14));animation:mascot-bob 4.2s ease-in-out infinite}.sun-orbit{position:absolute;left:49%;top:19%;width:118px;height:118px;border-radius:50%;border:1px dashed rgba(213,158,60,.42);animation:sun-spin 42s linear infinite}.waterline{position:absolute;left:0;right:0;bottom:25px;height:24px;background:repeating-linear-gradient(0deg,transparent 0 6px,rgba(47,118,101,.24) 7px 8px,transparent 9px 14px);opacity:.5;animation:water-drift 7s ease-in-out infinite alternate}.hero-note{position:absolute;z-index:3;left:clamp(17px,4vw,60px);bottom:22px;max-width:370px;background:rgba(255,253,247,.91);border-radius:16px 16px 16px 4px;padding:12px 16px;box-shadow:var(--shadow);font-size:13px;color:#5c7064;display:flex;gap:10px;align-items:flex-start}.hero-note strong{color:var(--rose);white-space:nowrap}.hero-stamp{position:absolute;z-index:2;left:42%;top:42%;border:1px solid rgba(199,93,85,.52);border-radius:50%;width:112px;height:112px;display:grid;place-content:center;text-align:center;color:#a8554e;font-size:12px;font-weight:760;line-height:1.25;transform:rotate(-13deg);background:rgba(255,253,247,.5)}.hero-stamp b{font-size:13px;letter-spacing:.08em}.quick-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--paper);border-bottom:1px solid var(--line);padding:20px clamp(18px,6vw,94px);gap:10px}.quick-strip>div{padding:6px 18px;border-right:1px dashed #d9ddcf}.quick-strip>div:last-child{border:0}.strip-label,.quick-strip small{display:block;color:var(--muted);font-size:12px;line-height:1.5}.quick-strip strong{display:block;font-size:17px;margin:3px 0 4px;color:#314e42}
.section{width:min(1130px,calc(100% - 36px));margin:0 auto;padding:88px 0 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-heading h2{font-family:var(--serif);font-size:clamp(30px,3.5vw,46px);line-height:1.22;margin:0;color:#274a3e}.section-heading>p{max-width:490px;margin:0 0 4px;color:var(--muted);font-size:15px}.compact-heading{align-items:center}.date-panel{padding:28px 32px 31px;background:#fffdf8;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.date-panel .section-heading{margin-bottom:22px}.date-controls{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:16px;align-items:end}.date-controls label,.budget-controls label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:760;color:var(--muted)}input[type=date],input[type=number]{width:100%;min-height:45px;border:1px solid #cbd6ca;border-radius:12px;background:#fff;color:var(--ink);padding:8px 12px;font-size:16px;outline:none}input:focus{border-color:var(--jade);box-shadow:0 0 0 3px rgba(47,118,101,.12)}.date-result{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-left:3px solid var(--gold);padding:4px 0 4px 14px}.date-result span,.date-result small{font-size:12px;color:var(--muted)}.date-result strong{font-size:19px;color:var(--jade)}.date-result small{width:100%;margin-left:2px}.itinerary-legend{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin:-8px 0 26px}.legend-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.legend-dot.rose{background:var(--rose)}.legend-dot.jade{background:var(--jade)}.legend-dot.gold{background:var(--gold)}.timeline{position:relative}.timeline::before{content:"";position:absolute;left:128px;top:32px;bottom:36px;border-left:2px dashed #c7d7c7}.day-card{display:grid;grid-template-columns:128px minmax(0,1fr);gap:26px;position:relative;margin:0 0 24px;scroll-margin-top:95px}.day-rail{position:relative;text-align:right;padding:23px 20px 0 0}.day-count{display:block;color:var(--rose);font-size:11px;font-weight:900;letter-spacing:.12em}.day-date{display:block;font-size:17px;font-weight:850;color:#2c5547;margin-top:5px}.day-dot{position:absolute;right:-8px;top:30px;width:18px;height:18px;border:4px solid var(--cream);border-radius:50%;background:var(--jade);box-shadow:0 0 0 2px #91b69e}.day-card:nth-child(even) .day-dot{background:var(--gold);box-shadow:0 0 0 2px #e2c980}.day-content{min-width:0;background:var(--paper);border:1px solid #e1e2d5;border-radius:var(--radius);padding:25px 28px 21px;box-shadow:0 11px 30px rgba(47,70,57,.06)}.arrival-card .day-content{background:linear-gradient(138deg,#fffdf7,#f4faf0)}.depart-card .day-content{background:linear-gradient(138deg,#fffdf7,#fff3ed)}.day-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:14px}.day-theme{font-size:12px;color:var(--rose);font-weight:850;letter-spacing:.04em}.day-content h3{font-family:var(--serif);font-size:clamp(21px,2vw,27px);line-height:1.35;margin:3px 0 0;color:#2a4b40}.day-badge{flex:none;border-radius:99px;background:#f8e7de;color:#ad5149;font-size:12px;font-weight:850;padding:6px 12px}.badge-jade{background:#e3f0e5;color:#38705d}.badge-gold{background:#f8edcf;color:#946e20}.schedule-grid{display:grid;gap:0}.schedule-item{display:grid;grid-template-columns:114px minmax(0,1fr);gap:14px;padding:12px 0;border-bottom:1px solid #e8e8dd}.schedule-item:last-child{border:0}.schedule-item time{font-size:13px;font-weight:900;color:var(--jade-dark);padding-top:2px}.schedule-item strong{font-size:16px;color:#344d42}.schedule-item p{font-size:14px;line-height:1.65;color:#6a7c71;margin:3px 0 0}.day-foot{border-top:1px dashed #d6dfd3;margin-top:10px;padding-top:13px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:12px}.check-row{display:flex;align-items:flex-start;gap:10px;cursor:pointer;line-height:1.5}.check-row input[type=checkbox]{accent-color:var(--jade);width:19px;height:19px;flex:0 0 19px;margin:1px 0 0}.day-foot .check-row{font-size:12px;font-weight:800;white-space:nowrap;color:var(--jade-dark)}.check-row input:checked+span{text-decoration:line-through;color:#98a59a}.photo-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 15px}.photo-row figure,.wide-photo{margin:0;overflow:hidden;border-radius:18px;position:relative;background:#dde5d8}.photo-row img{height:185px;width:100%;object-fit:cover;transition:transform .5s ease}.photo-row figure:hover img{transform:scale(1.035)}figcaption{padding:8px 12px;font-size:12px;color:#536b5c;background:#f7f7ef}.wide-photo{margin:14px 0}.wide-photo img{width:100%;height:235px;object-fit:cover;object-position:center 58%}.wide-photo figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(22,44,35,.7));color:#fff;padding:28px 16px 11px}.link-row{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:15px}.text-link{font-weight:800;color:var(--jade-dark);font-size:13px;text-decoration-thickness:1px;text-underline-offset:3px}.notice{padding:14px 17px;border-radius:15px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;margin:17px 0 8px;font-size:13px;line-height:1.65}.notice strong{font-size:14px}.notice-warm{background:#fcf4da;color:#705926}.notice-alert{background:#f8e3dc;color:#79433d}.notice-neutral{background:#eaf1e8;color:#496357;margin-top:18px}.notice span{color:inherit}
.split-section{width:min(1130px,calc(100% - 36px))}.transport-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.route-card{background:var(--paper);border:1px solid var(--line);border-radius:21px;padding:21px 23px;display:grid;grid-template-columns:37px minmax(0,1fr);gap:12px;box-shadow:0 8px 20px rgba(47,70,57,.045)}.route-card-featured{grid-column:1/-1;background:linear-gradient(110deg,#edf5e8,#fffdf7)}.route-card-alert{background:linear-gradient(110deg,#fff2ec,#fffdf7)}.route-number{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e3efe3;color:var(--jade-dark);font-weight:900;font-size:12px}.route-card-alert .route-number{background:#f7e1d9;color:#b05249}.route-card h3{margin:0 0 5px;font-size:18px;color:#2e4c40}.route-card p{font-size:14px;color:#687b70;line-height:1.7;margin:4px 0 8px}.route-card p b{color:#3f6253}.route-meta{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.route-meta span{font-size:12px;font-weight:800;background:#f4f0e3;color:#70613c;border-radius:99px;padding:5px 9px}.deal-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.deal-card{border-radius:var(--radius);padding:27px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}.flight-deal{background:linear-gradient(140deg,#fffaf0,#fffdf7)}.stay-deal{background:linear-gradient(140deg,#f2f8ed,#fffdf7)}.deal-topline{display:flex;justify-content:space-between;align-items:center;gap:9px}.deal-type,.snapshot-tag{font-size:11px;font-weight:900;letter-spacing:.05em;padding:6px 10px;border-radius:99px;background:var(--rose-light);color:#a54f46}.deal-type-jade{background:#e2f0e5;color:#2e6a53}.snapshot-tag{background:transparent;border:1px solid #dedbc9;color:#7d806e;font-weight:700}.deal-card h3{font-family:var(--serif);font-size:25px;color:#2a4c40;margin:18px 0}.flight-leg{border-top:1px dashed #d6d9c9;padding:12px 0;display:grid;grid-template-columns:1fr auto;gap:3px 12px}.flight-leg>span{font-size:13px;color:var(--muted);font-weight:800}.flight-leg>strong{font-size:19px;color:var(--jade-dark)}.flight-leg i{font-style:normal;color:var(--gold);padding:0 3px}.flight-leg small{grid-column:1/-1;color:#7e897b;font-size:12px}.price-line{border-top:1px solid #daddcf;margin-top:5px;padding-top:16px;display:flex;align-items:baseline;gap:12px}.price-line strong{font-size:31px;color:var(--rose);letter-spacing:-.03em}.price-line span{font-size:12px;color:var(--muted)}.fine-print{color:#788278;font-size:12px;line-height:1.7;margin:13px 0}.stay-rating{display:flex;align-items:center;gap:12px;margin:10px 0 15px}.stay-rating>strong{font-size:27px;color:var(--jade)}.stay-rating>strong span{font-size:13px;color:#889687}.stay-rating>span{font-size:13px;color:var(--muted)}.room-detail{display:grid;gap:4px;border-left:3px solid var(--gold);padding:4px 0 4px 14px}.room-detail strong{font-size:17px}.room-detail span{font-size:13px;color:#64786b}.alt-room{border-top:1px dashed #cfd8ce;margin-top:20px;padding-top:13px;display:grid;gap:3px}.alt-room strong{font-size:14px;color:#526657}.alt-room span,.alt-room small{font-size:12px;color:#778276}.alt-room a{font-size:12px;font-weight:850;color:var(--jade-dark);margin-top:4px}.base-total{margin:20px 0 0;background:#294e40;color:#fff;border-radius:18px;padding:19px 24px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 14px}.base-total span{font-size:15px}.base-total strong{font-size:29px;letter-spacing:-.02em}.base-total small{grid-column:1/-1;color:#d9e7dd;font-size:12px}.date-price-alert{margin-top:12px;border-radius:12px;background:#fff0d6;padding:12px 15px;color:#7a5d22;font-size:13px}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.experience-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:22px;display:flex;flex-direction:column;min-height:275px}.experience-featured{background:linear-gradient(145deg,#edf5e9,#fffdf7);border-color:#b9d2ba}.experience-kicker{font-size:11px;font-weight:900;color:var(--rose);letter-spacing:.08em}.experience-card h3{font-family:var(--serif);font-size:20px;line-height:1.4;margin:9px 0;color:#315244}.experience-card p{color:#687a70;font-size:13px;line-height:1.7;margin:0 0 14px}.experience-tags{display:flex;flex-wrap:wrap;gap:6px;margin:auto 0 13px}.experience-tags span{font-size:10px;padding:5px 8px}.experience-card .text-link{margin-top:3px}.micro-note{background:#fff5df;border-radius:13px;padding:12px 15px;margin:16px 0 0;font-size:13px;color:#77633a}
.budget-layout{display:grid;grid-template-columns:1.45fr .75fr;gap:17px;align-items:stretch}.budget-table-wrap{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:23px}.budget-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:13px}.budget-controls label{font-size:12px}.budget-controls input{font-size:15px}.budget-total-card{background:#285143;color:#fff;border-radius:22px;padding:25px;display:flex;flex-direction:column;justify-content:center;min-height:260px}.total-label{color:#d1e5d4;font-size:13px;font-weight:800}.budget-total-card>strong{font-size:clamp(34px,4vw,48px);line-height:1.15;margin:8px 0;color:#fff4c6}.budget-range{font-size:12px;color:#d6e5da}.budget-breakdown{border-top:1px solid rgba(255,255,255,.22);margin-top:17px;padding-top:12px;display:grid;gap:6px}.budget-breakdown>div{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#e2ede4}.budget-breakdown b{color:white}.total-small{color:#b8d0c0;font-size:11px;margin-top:13px}.budget-note{margin-top:16px;border-left:4px solid var(--gold);border-radius:0 14px 14px 0;background:#fbf2d8;padding:14px 17px;display:grid;grid-template-columns:175px 1fr;gap:14px;color:#705d2f;font-size:13px}.budget-note strong{font-size:14px}.packing-warning{display:grid;grid-template-columns:190px 1fr;gap:14px;background:#f8e9dd;color:#805047;padding:15px 18px;border-radius:15px;font-size:13px;margin:0 0 17px}.packing-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pack-card{background:var(--paper);border:1px solid var(--line);border-radius:19px;padding:21px 23px}.pack-card h3{margin:0 0 13px;color:#315548;font-size:18px}.pack-card .check-row{padding:7px 0;border-bottom:1px dashed #e6e6db;font-size:13px;color:#586e60}.pack-card .check-row:last-child{border:0}.prep-list{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:8px 22px}.prep-list .check-row{padding:12px 0;border-bottom:1px dashed #e2e4d8;font-size:14px;color:#50675a}.prep-list .check-row:last-child{border:0}.progress-card{margin-top:17px;padding:18px 21px;border-radius:18px;background:#e3efe2}.progress-copy{display:flex;justify-content:space-between;gap:12px;color:#365a49;font-size:14px}.progress-copy span{color:#708371}.progress-track{height:10px;background:#cadac9;border-radius:99px;overflow:hidden;margin-top:12px}.progress-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#54a27f,#d3a744);border-radius:99px;transition:width .35s ease}.source-details{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:17px 20px}.source-details summary{font-size:15px;font-weight:850;color:#35594a;cursor:pointer}.source-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:18px}.source-columns h3{font-size:14px;color:var(--rose);margin:0 0 8px}.source-columns a{display:block;color:#557265;font-size:12px;text-decoration-thickness:1px;text-underline-offset:2px;padding:3px 0}.source-footnote,.photo-credits{font-size:12px;color:#778276;line-height:1.7}.source-footnote{border-top:1px dashed var(--line);padding-top:13px;margin:15px 0 0}.photo-credits{display:flex;gap:14px;margin-top:13px;background:#f1eee2;padding:13px 16px;border-radius:13px}.photo-credits strong{color:#506455;white-space:nowrap}.site-footer{margin-top:78px;padding:26px clamp(18px,6vw,94px);background:#274b3e;color:#fff;display:flex;align-items:center;gap:20px}.footer-mascot{width:82px;height:82px;overflow:hidden;flex:none;border-radius:50%;background:#f7efd9;padding:6px}.footer-mascot img{width:100%;height:100%;object-fit:cover;object-position:50% 38%}.site-footer>div:nth-child(2){display:grid;gap:4px}.site-footer>div:nth-child(2) strong{font-family:var(--serif);font-size:20px}.site-footer>div:nth-child(2) span{font-size:12px;color:#d2e1d5}.footer-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.site-footer .button-ghost{color:#fff;border-color:#84a18e}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.floating-mascot{position:fixed;z-index:18;right:12px;bottom:7px;width:82px;pointer-events:none;filter:drop-shadow(0 8px 10px rgba(20,50,38,.19));animation:mascot-bob 4s ease-in-out infinite}.floating-mascot img{width:100%}.toast{position:fixed;z-index:60;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#274b3e;color:white;border-radius:999px;padding:11px 18px;font-size:13px;box-shadow:var(--shadow);transition:all .25s ease}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes mascot-bob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}@keyframes sun-spin{to{transform:rotate(360deg)}}@keyframes water-drift{from{transform:translateX(-12px);opacity:.28}to{transform:translateX(14px);opacity:.58}}@keyframes hero-pan{from{background-position:48% 52%}to{background-position:51% 48%}}
@media(max-width:940px){.nav-links{gap:12px}.nav-links a{font-size:12px}.site-header{gap:12px;padding-inline:18px}.site-header>.button{font-size:11px;padding:7px 10px}.hero{grid-template-columns:1fr .9fr;padding-inline:30px;min-height:520px}.hero-copy{grid-column:2}.hero-stamp{left:45%;width:90px;height:90px}.quick-strip{padding-inline:20px}.quick-strip>div{padding-inline:11px}.quick-strip strong{font-size:15px}.section{padding-top:69px}.experience-grid{grid-template-columns:1fr 1fr}.budget-controls{grid-template-columns:1fr 1fr}}
@media(max-width:700px){body{font-size:16px}.site-header{height:auto;min-height:68px;flex-wrap:wrap;gap:8px 12px;padding:8px 12px}.brand-mark{width:40px;height:40px}.brand strong{font-size:14px}.brand small{font-size:10px}.site-header>.button{margin-left:auto}.nav-links{order:3;width:100%;margin:0;overflow-x:auto;justify-content:flex-start;gap:17px;padding:3px 2px 5px;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-links a{font-size:12px}.hero{min-height:610px;display:flex;align-items:flex-start;padding:40px 21px 155px;background-image:linear-gradient(180deg,rgba(250,247,234,.82) 0%,rgba(250,247,234,.95) 39%,rgba(250,247,234,.22) 74%,rgba(250,247,234,.3) 100%),url("assets/bangkok-storybook-bg.png");background-size:auto 390px;background-repeat:no-repeat;background-position:left bottom}.hero-copy{position:relative;max-width:100%;padding:0;z-index:3}.hero h1{font-size:43px}.hero h1 span{font-size:.65em}.hero-intro{font-size:15px;line-height:1.68;margin:15px 0}.hero-tags{gap:6px}.hero-tags span{font-size:11px;padding:5px 9px}.hero .button{font-size:14px;padding:11px 17px}.hero-art{width:100%;top:auto;height:240px;bottom:0}.hero-mascot{width:137px;left:auto;right:10px;bottom:-15px}.sun-orbit{width:85px;height:85px;left:auto;right:31%;top:20px}.hero-note{left:14px;right:120px;bottom:13px;font-size:11px;padding:9px 11px;max-width:none}.hero-stamp{top:auto;left:10px;bottom:125px;width:74px;height:74px;font-size:9px}.hero-stamp b{font-size:10px}.quick-strip{grid-template-columns:1fr 1fr;padding:13px 12px;gap:0}.quick-strip>div{border-right:0;padding:9px 10px;border-bottom:1px dashed #d9ddcf}.quick-strip>div:nth-child(odd){border-right:1px dashed #d9ddcf}.quick-strip>div:nth-child(n+3){border-bottom:0}.quick-strip strong{font-size:13px}.quick-strip small,.strip-label{font-size:10px}.section{width:calc(100% - 24px);padding-top:58px}.section-heading{display:block;margin-bottom:21px}.section-heading h2{font-size:31px}.section-heading>p{font-size:13px;margin-top:10px}.date-panel{padding:21px 16px 20px}.date-panel .section-heading{margin-bottom:16px}.date-controls{grid-template-columns:1fr 1fr;gap:10px}.date-result{grid-column:1/-1;padding-top:8px}.date-result small{font-size:11px}.timeline::before{left:16px;top:33px;bottom:22px}.day-card{grid-template-columns:33px minmax(0,1fr);gap:7px;margin-bottom:18px}.day-rail{text-align:left;padding:21px 0 0}.day-count{font-size:9px;writing-mode:vertical-rl;letter-spacing:.08em}.day-date{font-size:11px;writing-mode:vertical-rl;margin:7px 0 0 1px}.day-dot{right:auto;left:8px;top:7px;width:17px;height:17px}.day-content{padding:18px 15px 15px;border-radius:20px}.day-title-row{gap:8px}.day-content h3{font-size:21px}.day-theme{font-size:10px}.day-badge{font-size:10px;padding:4px 8px}.schedule-item{grid-template-columns:85px minmax(0,1fr);gap:8px;padding:10px 0}.schedule-item time{font-size:11px}.schedule-item strong{font-size:14px}.schedule-item p{font-size:12px}.day-foot{align-items:flex-start;font-size:10px}.day-foot .check-row{font-size:10px}.photo-row{gap:8px}.photo-row img{height:125px}.photo-row figcaption{font-size:10px;padding:6px 8px}.wide-photo img{height:165px}.notice{grid-template-columns:1fr;gap:3px;font-size:12px;padding:12px 13px}.transport-grid,.deal-grid,.packing-grid{grid-template-columns:1fr}.route-card{padding:17px 15px;grid-template-columns:31px 1fr;gap:8px}.route-card-featured{grid-column:auto}.route-number{width:29px;height:29px;font-size:10px}.route-card h3{font-size:16px}.route-card p{font-size:12px}.route-meta span{font-size:10px}.deal-card{padding:20px 17px}.deal-card h3{font-size:21px;margin:14px 0}.deal-topline{align-items:flex-start}.deal-type,.snapshot-tag{font-size:9px;padding:5px 8px}.price-line strong{font-size:27px}.base-total{padding:15px 16px;grid-template-columns:1fr auto}.base-total span{font-size:12px}.base-total strong{font-size:23px}.base-total small{font-size:10px}.experience-grid{grid-template-columns:1fr}.experience-card{min-height:0;padding:18px}.experience-card h3{font-size:19px}.experience-card p{font-size:12px}.budget-layout{grid-template-columns:1fr}.budget-controls{grid-template-columns:1fr 1fr;gap:10px}.budget-controls label{font-size:10px}.budget-controls input{font-size:14px;min-height:40px}.budget-table-wrap{padding:16px}.budget-total-card{min-height:225px}.budget-note,.packing-warning{grid-template-columns:1fr;gap:4px;font-size:12px}.budget-note{padding:12px 14px}.pack-card{padding:17px}.pack-card h3{font-size:16px}.pack-card .check-row{font-size:12px}.prep-list{padding:5px 14px}.prep-list .check-row{font-size:12px;padding:10px 0}.progress-copy{font-size:12px}.source-columns{grid-template-columns:1fr;gap:12px}.source-columns a{font-size:12px}.photo-credits{display:block;font-size:11px}.photo-credits strong{display:block;margin-bottom:4px}.site-footer{margin-top:54px;padding:22px 16px 31px;display:grid;grid-template-columns:58px 1fr;gap:12px}.footer-mascot{width:58px;height:58px}.site-footer>div:nth-child(2) strong{font-size:16px}.site-footer>div:nth-child(2) span{font-size:10px}.footer-actions{grid-column:1/-1;margin:6px 0 0;justify-content:center}.site-footer .button{font-size:11px;padding:7px 11px}.floating-mascot{display:none}.toast{width:max-content;max-width:calc(100% - 32px);font-size:12px}.section:last-of-type{padding-bottom:0}}
@media(max-width:390px){.hero h1{font-size:38px}.hero{min-height:650px}.schedule-item{grid-template-columns:73px minmax(0,1fr)}.day-content{padding-inline:12px}.day-content h3{font-size:19px}.deal-topline{flex-wrap:wrap}.date-controls{grid-template-columns:1fr}.date-result{grid-column:auto}.quick-strip strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media print{body{background:#fff;font-size:12pt;color:#111}.site-header,.hero .button,.footer-actions,.floating-mascot,.toast,.date-controls input,.budget-controls input,.link-row,.text-link{display:none!important}.hero{min-height:0;background:none;padding:24px 0;display:block}.hero-copy{max-width:100%}.hero h1{font-size:32pt}.hero-art,.hero-note,.hero-stamp{display:none}.quick-strip{padding:10px 0;grid-template-columns:repeat(4,1fr)}.section{width:100%;padding-top:28px;break-inside:auto}.section-heading h2{font-size:24pt}.date-panel,.day-content,.deal-card,.route-card,.pack-card,.experience-card,.budget-total-card{box-shadow:none;break-inside:avoid}.day-card{break-inside:avoid}.timeline::before{border-color:#aaa}.section-footer{background:#fff}.site-footer{margin-top:20px;background:#fff;color:#111;padding:15px 0}.site-footer>div:nth-child(2) span{color:#444}.footer-mascot{display:none}.experience-grid{grid-template-columns:repeat(3,1fr)}.photo-row img{height:130px}.wide-photo img{height:150px}.source-details{break-inside:avoid}.source-details:not([open])>*:not(summary){display:block}.source-details summary{display:none}}