@import url('https://fonts.googleapis.com/css2?family=Chonburi&family=IBM+Plex+Sans+Thai:wght@400;500;600&display=swap');

.festival-page { --indigo:#25245e; --indigo-deep:#181744; --marigold:#f3b51b; --coral:#d8664b; --paper:#fff8e8; --field-green:#07533e; background:var(--paper); font-family:"IBM Plex Sans Thai",Anuphan,sans-serif; }
.festival-page h1,.festival-page h2,.festival-page h3 { font-family:"Bai Jamjuree","IBM Plex Sans Thai",sans-serif; }
.field-hero { position:relative; overflow:hidden; padding:clamp(68px,9vw,132px) 0 76px; background:var(--indigo-deep); color:#fff; }
.festival-pattern { position:absolute; inset:0; opacity:.18; background:linear-gradient(135deg,transparent 25%,rgba(243,181,27,.2) 25% 29%,transparent 29% 75%,rgba(243,181,27,.2) 75% 79%,transparent 79%) 0 0/48px 48px; mask-image:linear-gradient(90deg,#000,transparent 46%); }
.field-hero::after { position:absolute; right:-11vw; bottom:-29vw; width:58vw; height:58vw; border-radius:50%; background:var(--field-green); content:""; }
.field-hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:1.15fr .65fr; gap:clamp(44px,7vw,110px); align-items:center; }
.field-kicker,.festival-eyebrow { margin:0 0 12px; color:var(--coral); font-family:Manrope,"IBM Plex Sans Thai",sans-serif; font-size:.78rem; font-weight:600; letter-spacing:.13em; text-transform:uppercase; }
.field-kicker { color:var(--marigold); }
.field-copy h1 { display:grid; gap:.08em; margin:0; font-size:clamp(3rem,6.2vw,6.5rem); font-weight:600; letter-spacing:-.04em; line-height:1; }
.field-copy h1 .hero-line { display:block; }
.field-copy h1 .hero-line-main { color:#fff; line-height:1.18; }
.field-copy h1 .hero-line-accent { padding:.08em 0 .12em; color:var(--marigold); font-family:Chonburi,"Bai Jamjuree",sans-serif; font-size:.62em; font-weight:400; letter-spacing:-.015em; line-height:1.42; }
.field-lead { max-width:720px; margin:26px 0 0; color:#dddced; font-size:clamp(1.05rem,1.6vw,1.25rem); }
.field-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
.festival-button { display:inline-flex; min-height:48px; align-items:center; justify-content:center; padding:11px 18px; border:1px solid transparent; border-radius:4px; font-weight:600; text-decoration:none; cursor:pointer; }
.festival-button-accent { background:var(--marigold); color:var(--indigo-deep); }
.festival-button-ghost { border-color:rgba(255,255,255,.38); background:transparent; color:#fff; }
.festival-button-dark { background:var(--indigo); color:#fff; }
.festival-button-light { border-color:rgba(255,255,255,.5); color:#fff; }
.reviewed { display:flex; align-items:center; gap:10px; margin:26px 0 0; color:#afafc9; font-size:.85rem; }
.reviewed span { width:8px; height:8px; border-radius:50%; background:#69d58c; box-shadow:0 0 0 5px rgba(105,213,140,.13); }
.date-ticket { position:relative; z-index:2; padding:28px; border:1px solid rgba(255,255,255,.22); background:var(--paper); color:var(--indigo-deep); box-shadow:20px 20px 0 var(--marigold); transform:rotate(2deg); }
.ticket-top { display:flex; justify-content:space-between; gap:20px; padding-bottom:18px; border-bottom:1px solid rgba(37,36,94,.2); font-size:.78rem; letter-spacing:.05em; }
.ticket-top strong { font-family:Manrope,sans-serif; }
.ticket-date { display:flex; align-items:center; justify-content:center; gap:12px; margin-top:18px; font-family:Manrope,sans-serif; line-height:1; }
.ticket-date b { font-size:clamp(4.4rem,8vw,7rem); letter-spacing:-.08em; }
.ticket-date span { color:var(--coral); font-size:2rem; }
.ticket-month { text-align:center; font-family:Chonburi,"Bai Jamjuree",sans-serif; font-size:clamp(1.45rem,3vw,2.3rem); }
.ticket-status { display:flex; justify-content:space-between; gap:12px; margin-top:24px; padding-top:16px; border-top:1px dashed rgba(37,36,94,.35); font-size:.78rem; }
.ticket-status span { color:var(--field-green); font-weight:600; }
.ticket-status a { text-underline-offset:3px; }
.festival-photo-band { margin:0; padding:0 0 clamp(54px,7vw,92px); }
.festival-photo-hero { background:linear-gradient(to bottom,var(--indigo-deep) 0 38%,var(--paper) 38% 100%); }
.festival-photo-detail { background:var(--paper); }
.festival-photo-narrow { max-width:1120px; }
.festival-photo-frame,.festival-photo-inline { position:relative; overflow:hidden; margin:0; border:1px solid rgba(24,23,68,.15); border-radius:24px; background:#e7dfcf; box-shadow:0 22px 55px rgba(24,23,68,.14); }
.festival-photo-frame { aspect-ratio:16/9; }
.festival-photo-detail .festival-photo-frame { aspect-ratio:3/2; }
.festival-photo-frame img,.festival-photo-inline img { display:block; width:100%; height:100%; object-fit:cover; }
.festival-photo-frame figcaption,.festival-photo-inline figcaption { position:absolute; right:18px; bottom:18px; left:18px; display:flex; align-items:end; justify-content:space-between; gap:20px; padding:15px 18px; border:1px solid rgba(255,255,255,.24); border-radius:14px; background:rgba(24,23,68,.82); color:#fff; backdrop-filter:blur(10px); }
.festival-photo-frame figcaption span,.festival-photo-inline figcaption span { font-weight:600; }
.festival-photo-frame figcaption small,.festival-photo-inline figcaption small { max-width:560px; color:#e3e2ef; text-align:right; }
.jump-nav { position:sticky; top:78px; z-index:30; overflow-x:auto; border-bottom:1px solid #ded8c8; background:rgba(255,248,232,.95); backdrop-filter:blur(12px); }
.jump-inner { display:flex; min-height:54px; align-items:center; gap:24px; white-space:nowrap; }
.jump-inner span { color:#8d8779; font-size:.76rem; text-transform:uppercase; }
.jump-inner a { color:var(--indigo); font-size:.88rem; font-weight:500; text-decoration:none; }
.guide-section { padding:clamp(68px,9vw,116px) 0; }
.guide-intro { background:var(--paper); }
.intro-grid,.transport-layout { display:grid; grid-template-columns:160px 1fr; gap:clamp(30px,6vw,90px); }
.section-marker { display:flex; align-items:flex-start; gap:12px; color:var(--indigo); }
.section-marker span { font-family:Manrope,sans-serif; font-size:.74rem; font-weight:600; }
.section-marker p { margin:0; padding-left:12px; border-left:1px solid currentColor; font-size:.78rem; line-height:1.4; }
.section-marker.light { color:#d7d6e8; }
.guide-section h2 { max-width:900px; margin:0; color:var(--indigo-deep); font-size:clamp(2.2rem,4.7vw,5.1rem); line-height:1.04; letter-spacing:-.045em; }
.guide-lead { max-width:780px; margin:20px 0 0; color:#5f5a52; font-size:1.08rem; }
.fact-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:38px; }
.fact-card { position:relative; min-height:190px; padding:24px; border:1px solid #dcd4c0; background:#fffdf6; }
.fact-card .status-dot { position:absolute; top:20px; right:20px; width:10px; height:10px; border-radius:50%; }
.fact-card.confirmed .status-dot { background:#2c9360; box-shadow:0 0 0 5px rgba(44,147,96,.12); }
.fact-card.pending .status-dot { background:var(--marigold); box-shadow:0 0 0 5px rgba(243,181,27,.18); }
.fact-card p { margin:0; color:#787267; font-size:.85rem; }
.fact-card strong { display:block; margin-top:16px; color:var(--indigo); font-family:Manrope,"Bai Jamjuree",sans-serif; font-size:clamp(1.55rem,2.5vw,2.2rem); line-height:1.1; }
.fact-card small { display:block; margin-top:13px; color:#676158; }
.accuracy-note { display:grid; grid-template-columns:180px 1fr; gap:20px; margin-top:16px; padding:18px 22px; background:#e8eee3; color:#31483c; }
.section-indigo { background:var(--indigo-deep); color:#fff; }
.section-indigo h2,.local-section h2 { color:#fff; }
.festival-eyebrow.gold { color:var(--marigold); }
.section-heading-row { display:flex; align-items:end; justify-content:space-between; gap:28px; margin:28px 0 34px 250px; }
.section-heading-row h2 { color:#fff; }
.update-chip { flex:none; padding:7px 12px; border:1px solid rgba(255,255,255,.25); color:#d5d4e8; font-size:.78rem; }
.schedule-wrap { overflow-x:auto; background:#242257; }
.festival-table { width:100%; min-width:800px; border-collapse:collapse; }
.festival-table th,.festival-table td { padding:18px 20px; border-bottom:1px solid rgba(255,255,255,.12); text-align:left; vertical-align:top; }
.festival-table th { color:#aeadcd; font-size:.76rem; font-weight:500; letter-spacing:.08em; text-transform:uppercase; }
.festival-table td { color:#e7e6f0; }
.festival-table tr:last-child td { border-bottom:0; }
.festival-table .highlight-row { background:rgba(243,181,27,.1); }
.table-status { display:inline-flex; padding:5px 8px; border-radius:999px; font-size:.72rem; white-space:nowrap; }
.table-status.confirmed { background:#dff3e7; color:#17643e; }
.table-status.pending { background:#fff0c7; color:#735300; }
.table-footnote { margin:16px 0 0; color:#aaa9c5; font-size:.82rem; }
.map-section { overflow:hidden; background:#f2ecdd; }
.map-layout { display:grid; grid-template-columns:.7fr 1.3fr; gap:48px; align-items:center; margin-top:32px; }
.map-copy p:not(.festival-eyebrow) { color:#625d55; }
.map-legend { display:flex; flex-wrap:wrap; gap:14px; margin-top:24px; font-size:.78rem; }
.dot { display:inline-block; width:8px; height:8px; margin-right:5px; border-radius:50%; }
.dot.indigo { background:var(--indigo); }.dot.coral { background:var(--coral); }.dot.green { background:var(--field-green); }
.route-map { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:12px; padding:48px 10px 16px; }
.route-line { position:absolute; top:87px; right:10%; left:10%; height:5px; background:var(--marigold); transform:rotate(-2deg); }
.route-line::before,.route-line::after { position:absolute; top:-6px; width:16px; height:16px; border:2px solid var(--paper); border-radius:50%; background:var(--coral); content:""; }
.route-line::before { left:0; }.route-line::after { right:0; }
.map-node { position:relative; z-index:1; min-height:190px; padding:18px 14px; border:1px solid #d8cfba; background:var(--paper); color:var(--indigo); text-align:center; text-decoration:none; transition:transform .2s ease; }
.map-node:hover { transform:translateY(-5px); }
.map-node:nth-of-type(even) { margin-top:42px; }
.node-icon { display:grid; width:50px; height:50px; place-items:center; margin:-44px auto 18px; border:4px solid var(--paper); border-radius:50%; background:var(--indigo); color:#fff; font-size:.75rem; font-weight:600; }
.node-hotel .node-icon { background:var(--field-green); }.node-fair .node-icon,.node-show .node-icon { background:var(--coral); }
.map-node small,.map-node strong,.map-node em { display:block; }
.map-node small { color:#8a8478; font-size:.7rem; }.map-node strong { margin-top:6px; font-size:.95rem; }.map-node em { margin-top:26px; color:var(--coral); font-size:.72rem; font-style:normal; }
.map-caution { margin-top:32px; padding:18px 22px; border-left:5px solid var(--coral); background:#fffdf6; color:#625d55; }
.map-caution b { display:block; color:var(--indigo); }
.festival-photo-inline { aspect-ratio:3/2; margin-top:38px; }
.section-paper { background:#fffdf7; }
.transport-layout h2 { margin-bottom:36px; }
.transport-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:#d9d2c1; border:1px solid #d9d2c1; }
.transport-grid article { padding:24px; background:var(--paper); }
.transport-grid article>span { color:var(--coral); font-family:Manrope,sans-serif; font-size:.72rem; }
.transport-grid h3 { margin:9px 0 6px; color:var(--indigo); font-size:1.35rem; }.transport-grid p { margin:0; color:#686157; }
.transport-grid a { display:inline-block; margin-top:16px; color:var(--field-green); font-weight:600; text-underline-offset:3px; }
.train-card { display:grid; grid-template-columns:.3fr 1fr auto; gap:28px; align-items:center; margin-top:18px; padding:28px; background:var(--indigo); color:#fff; }
.train-label { writing-mode:vertical-rl; transform:rotate(180deg); color:#aaa9c5; font-family:Manrope,sans-serif; font-size:.72rem; letter-spacing:.16em; }
.train-card h3 { margin:0; font-size:clamp(1.4rem,2.8vw,2.4rem); }.train-card p { margin:8px 0 0; color:#cbcadd; }
.train-actions { display:grid; gap:10px; }.plain-link { color:var(--marigold); font-size:.82rem; text-align:center; text-underline-offset:3px; }
.two-col-section { display:grid; grid-template-columns:1fr .8fr; gap:clamp(40px,7vw,90px); align-items:center; }
.two-col-section .section-marker { margin-bottom:34px; }.two-col-section h2 { margin-top:8px; }
.parking-board { border:12px solid var(--indigo); background:#fffdf6; box-shadow:18px 18px 0 var(--marigold); }
.parking-board-head { display:flex; justify-content:space-between; padding:12px 16px; background:var(--indigo); color:#fff; font-family:Manrope,sans-serif; font-size:.74rem; letter-spacing:.12em; text-transform:uppercase; }
.parking-empty { display:grid; min-height:230px; place-content:center; text-align:center; background:repeating-linear-gradient(135deg,#fffdf6,#fffdf6 18px,#f6efdf 18px,#f6efdf 20px); }
.parking-empty span { color:var(--coral); font-family:Chonburi,"Bai Jamjuree",sans-serif; font-size:2.5rem; }.parking-empty p { margin:4px 0 0; color:#736d62; }
.parking-board ul { margin:0; padding:20px 36px; color:#5e584f; font-size:.88rem; }
.local-section { background:var(--field-green); color:#fff; }
.local-section>.container>h2 { margin:10px 0 36px 250px; }
.local-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.local-grid article { display:flex; min-height:280px; flex-direction:column; padding:24px; background:#f7f0df; color:var(--indigo-deep); }
.local-grid article:nth-child(even) { background:var(--marigold); }
.local-type { align-self:flex-start; padding:4px 8px; border:1px solid currentColor; font-size:.7rem; }.local-grid h3 { margin:28px 0 8px; font-size:1.35rem; line-height:1.2; }.local-grid p { margin:0; color:#5f5a51; }.local-grid a { margin-top:auto; color:var(--field-green); font-weight:600; text-underline-offset:3px; }
.timing-section { background:#f2ecdd; }
.section-heading-row.dark-text { align-items:start; margin-top:28px; }.section-heading-row.dark-text h2 { color:var(--indigo-deep); }.section-heading-row.dark-text>p { max-width:420px; margin:0; color:#625d55; }
.timing-grid { display:grid; gap:10px; margin-left:250px; }
.timing-grid div { display:grid; grid-template-columns:1fr auto 1fr auto; gap:16px; align-items:center; padding:18px 20px; border:1px solid #d5cdbc; background:#fffdf6; }
.timing-grid i { color:var(--coral); font-style:normal; }.timing-grid strong { padding:5px 9px; background:#ece4d2; color:#766f62; font-size:.75rem; }
.checklist-section { background:var(--marigold); }
.checklist-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(44px,8vw,110px); align-items:center; }
.checklist-copy .section-marker { margin-bottom:32px; }.checklist-copy h2 { margin:6px 0 18px; }.checklist-copy>p:not(.festival-eyebrow) { max-width:520px; }
.checklist-card { padding:28px; background:var(--paper); box-shadow:14px 14px 0 var(--indigo); }
.checklist-head { display:flex; justify-content:space-between; padding-bottom:16px; border-bottom:2px solid var(--indigo); color:var(--indigo); font-family:Manrope,sans-serif; font-size:.76rem; letter-spacing:.1em; }
.checklist-card label { display:flex; align-items:center; gap:14px; padding:12px 2px; border-bottom:1px solid #e2dbc9; cursor:pointer; }
.checklist-card input { width:21px; height:21px; accent-color:var(--field-green); }.checklist-card input:checked+span { color:#777166; text-decoration:line-through; }
.checklist-note { margin-top:18px; padding:12px 14px; border-left:4px solid var(--coral); background:#eee8d9; color:#625c53; font-size:.84rem; }
.festival-faq { margin-top:30px; }.festival-faq .faq-item { border-color:#ded6c5; border-radius:0; background:var(--paper); }.festival-faq .faq-question { color:var(--indigo); }
.stay-section { background:var(--indigo-deep); color:#fff; }
.stay-grid { display:grid; grid-template-columns:1fr .65fr; gap:60px; align-items:center; }.stay-grid h2 { color:#fff; }.stay-grid p:not(.festival-eyebrow) { max-width:720px; color:#c9c8db; }
.stay-card { padding:30px; border:1px solid rgba(255,255,255,.24); background:var(--field-green); box-shadow:14px 14px 0 var(--coral); }.stay-card span,.stay-card small { display:block; }.stay-card span { color:var(--marigold); font-family:Manrope,sans-serif; font-size:.72rem; letter-spacing:.14em; }.stay-card strong { display:block; margin:28px 0; font-family:Chonburi,"Bai Jamjuree",sans-serif; font-size:clamp(2.4rem,5vw,4.5rem); font-weight:400; line-height:1.1; }.stay-card small { color:#d4e3dc; }
.sources-section { background:#fffdf7; }.sources-grid { display:grid; grid-template-columns:.7fr 1.3fr; gap:70px; }.sources-grid h2 { font-size:clamp(2rem,4vw,3.8rem); }.sources-grid p { color:#665f55; }.sources-grid ol { margin:0; padding:0; list-style:none; counter-reset:sources; }.sources-grid li { display:grid; grid-template-columns:28px 1fr auto; gap:12px; padding:16px 0; border-bottom:1px solid #ddd5c4; counter-increment:sources; }.sources-grid li::before { color:var(--coral); content:counter(sources,decimal-leading-zero); font-family:Manrope,sans-serif; font-size:.75rem; }.sources-grid a { color:var(--indigo); font-weight:600; text-underline-offset:3px; }.sources-grid li span { color:#80796d; font-size:.75rem; }
.copy-toast { position:fixed; right:20px; bottom:20px; z-index:200; padding:12px 18px; background:var(--indigo-deep); color:#fff; opacity:0; pointer-events:none; transform:translateY(12px); transition:.2s ease; }.copy-toast.is-visible { opacity:1; transform:none; }

@media (max-width:1000px) {
  .field-hero-grid,.map-layout,.two-col-section,.stay-grid,.sources-grid { grid-template-columns:1fr; }
  .date-ticket { max-width:520px; }
  .intro-grid,.transport-layout { grid-template-columns:1fr; }
  .section-marker { margin-bottom:26px; }
  .section-heading-row,.local-section>.container>h2,.timing-grid { margin-left:0; }
  .fact-grid { grid-template-columns:1fr 1fr; }.fact-card:last-child { grid-column:1/-1; }
  .train-card { grid-template-columns:auto 1fr; }.train-actions { grid-column:2; }.train-label { grid-row:1/3; }
  .local-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:760px) {
  .field-hero { padding-top:56px; }.field-copy h1 { gap:.12em; font-size:clamp(2.7rem,12.5vw,4.5rem); }.field-copy h1 .hero-line-main { line-height:1.2; }.field-copy h1 .hero-line-accent { font-size:.66em; line-height:1.5; }.date-ticket { margin-right:14px; padding:22px; box-shadow:12px 12px 0 var(--marigold); }
  .jump-nav { top:68px; }.jump-inner { width:max-content; padding-inline:14px; }
  .guide-section { padding:64px 0; }.guide-section h2 { font-size:clamp(2.1rem,10vw,3.5rem); }
  .fact-grid,.transport-grid,.local-grid,.checklist-layout { grid-template-columns:1fr; }.fact-card:last-child { grid-column:auto; }
  .accuracy-note { grid-template-columns:1fr; gap:4px; }
  .section-heading-row,.section-heading-row.dark-text { display:block; }.update-chip { display:inline-flex; margin-top:18px; }.section-heading-row.dark-text>p { margin-top:16px; }
  .route-map { grid-template-columns:1fr 1fr; gap:46px 12px; }.route-line { top:80px; bottom:80px; left:50%; width:5px; height:auto; }.map-node:nth-of-type(even) { margin-top:0; }.map-node { min-height:170px; }
  .train-card { grid-template-columns:1fr; }.train-label { writing-mode:initial; transform:none; }.train-actions { grid-column:auto; }
  .parking-board { margin-right:10px; box-shadow:10px 10px 0 var(--marigold); }
  .timing-grid div { grid-template-columns:1fr auto 1fr; }.timing-grid strong { grid-column:1/-1; justify-self:start; }
  .sources-grid li { grid-template-columns:24px 1fr; }.sources-grid li span { grid-column:2; }
  .festival-photo-band { padding-bottom:54px; }.festival-photo-hero { padding-inline:14px; }.festival-photo-frame,.festival-photo-inline { border-radius:16px; }.festival-photo-frame figcaption,.festival-photo-inline figcaption { right:10px; bottom:10px; left:10px; display:block; padding:11px 13px; border-radius:10px; }.festival-photo-frame figcaption small,.festival-photo-inline figcaption small { display:block; margin-top:2px; text-align:left; }.festival-photo-detail .festival-photo-frame,.festival-photo-inline { aspect-ratio:4/3; }
}
@media print {
  body * { visibility:hidden!important; }
  .checklist-section,.checklist-section * { visibility:visible!important; }
  .checklist-section { position:absolute; inset:0; padding:20px!important; background:#fff!important; }
  .checklist-layout { display:block; }.checklist-copy .section-marker,.checklist-copy>p,.checklist-copy button { display:none; }
  .checklist-copy h2 { margin-bottom:18px; }.checklist-card { max-width:680px; box-shadow:none; border:2px solid #25245e; }
}
@media (prefers-reduced-motion:reduce) { .map-node,.copy-toast { transition:none; } }