/* BKK TOUR ZINE / city-wide graphic language */
body{background:#191917;color:#181917}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.12;background:repeating-linear-gradient(27deg,transparent 0 7px,#e0dfc918 7px 8px);z-index:-1}.shell{background:transparent}.topbar{color:#e5e5d7;border-color:#e8f56b33;background:#191917}#breadcrumb,.search,.search input{color:#e9eadb}.search input::placeholder{color:#b0b2a0}.avatar{color:#e5f773;border-color:#e5f773}.sidebar{border-bottom:3px solid #e0f55f;background:#10110f}.brand strong{letter-spacing:-1px}nav a{font-weight:700}nav a.active{box-shadow:3px 3px 0 #bf3b2d}.shell main{background:#efeee5;position:relative;margin-top:18px;border-top:8px solid #171817}.page-heading{position:relative;isolation:isolate;overflow:hidden;min-height:290px;display:flex;flex-direction:column;justify-content:flex-end;padding:48px 36px 30px;margin:0 0 28px;border:0;color:#fff;background:#161715 url('assets/bangkok-night-v3.png') center 54%/cover}.page-heading:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#10110ff0,#11120eb0 50%,#11120e10)}.page-heading:after{content:'กรุงเทพฯ';position:absolute;top:20px;right:24px;font-family:Tahoma,sans-serif;color:#e5f675;font-size:35px;transform:rotate(-7deg);text-shadow:3px 3px #000;opacity:1}.page-heading .eyebrow{color:#e4f66e;letter-spacing:3px}.page-heading h1{color:#fff;font-size:42px;margin:12px 0;max-width:75%;font-weight:900;line-height:1.25;text-shadow:2px 2px #000}.page-heading p{color:#e6e6d8;max-width:650px;font-size:13px;background:#12130fb0;padding:8px 12px;border-left:3px solid #e2f56b}.section-head{border-bottom:3px solid #171817}.section-head .eyebrow{color:#a83e2e}.place-card{border:1px solid #20221b;border-top:6px solid #1b1d18;box-shadow:5px 5px #d4d6b8;position:relative;background:#fffef6}.place-card h3{font-weight:900}.card-top .area{letter-spacing:1px;color:#353b29}.card-top .tag{border-radius:0;transform:rotate(-2deg);background:#e3ef83;color:#1b2114}.place-card .tag.priority{background:#ba3b2d;color:#fff}.card-links{border-top:1px dashed #7c816a;padding-top:14px}.place-card:hover{border-top-color:#c4402d}.fold{border:1px solid #25281c;border-left:5px solid #25281c;box-shadow:3px 3px #d6d8c4;background:#fdfdf4}.fold>summary{font-weight:800}.fold[open]{border-left-color:#b73a2d}.fold .chevron{color:#bc3d2c}.fold-body{color:#34382c}.cover{border:7px solid #151712;border-radius:0}.cover-caption{background:#141610d9;padding:15px 20px;border-left:5px solid #e4f477}.cover-caption h2{font-family:'Barlow Condensed',sans-serif;font-weight:900;letter-spacing:-1px}.rule-card{background:#e6edb7;border:1px solid #23271b;border-radius:0;box-shadow:4px 4px #1d2115}.rule-card strong{color:#a32e23}.rule-card p{color:#454a36}.notice{border-left:5px solid #bd392a;background:#e6e9cd;border-radius:0;color:#363b2c}.timeline-intro{position:relative;border:2px solid #171b10;padding:30px 34px;background:#e4f56b;box-shadow:7px 7px #191c11;margin-bottom:32px}.timeline-intro:after{content:'BKK / 2026';position:absolute;right:20px;top:26px;writing-mode:vertical-rl;font:900 20px 'Barlow Condensed',sans-serif;letter-spacing:4px}.timeline-intro h2{font-size:29px;line-height:1.55;margin:15px 0;letter-spacing:-1px}.timeline-intro p{max-width:760px;font-size:13px;padding-right:30px}.ticket-label{font-size:10px;letter-spacing:2px;background:#15170f;color:#f2f2df;padding:6px 12px;display:inline-block;transform:rotate(-2deg)}.timeline-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.timeline-days{border:2px solid #181c10;box-shadow:7px 7px #d1d5b5}.timeline-days .day>summary{padding:22px 28px;background:#f7f7ed;border-bottom:1px dashed #a8ad94}.timeline-days .day[open]>summary{background:#202519;color:#f3f6d9}.timeline-days .day[open] .date,.timeline-days .day[open] .day-title small{color:#e3f16f}.timeline-days .day[open] .chevron{color:#f0f5c1}.timeline-days .day-content{padding:14px 28px 30px 28px;background:#fffef6}.timeline-days .slot{grid-template-columns:120px minmax(0,1fr);gap:20px;margin:0;padding:19px 0;border-bottom:1px dashed #c2c8ad}.slot time{font-size:12px;color:#22291a;font-weight:800}.slot p{font-weight:700}.slot small{font-weight:400;line-height:1.9}.slot.transfer{background:#e9efc9;padding:14px;margin:10px -14px;border-left:4px solid #839447}.slot.transfer time{color:#475d18}.day-content .slot:last-child{border-bottom:0}.day-title b{line-height:1.5}.overview-grid .slot{grid-template-columns:92px minmax(0,1fr)}.overview-grid .day-content{padding-left:25px}.timeline-days .date{font-family:'Barlow Condensed',sans-serif;font-size:48px}.timeline-days .date small{font-size:10px}.download{border:2px solid #181c12;background:#f4f5dd;box-shadow:4px 4px #d0d5ae}.download .file-icon{color:#a52e25}.button{border-radius:0;border:1px solid #262c1c;font-weight:700}footer{color:#cdd1ba;border-color:#7a825d}footer small{color:#abb195}.hero{border:5px solid #141710}.stats{box-shadow:5px 5px #c9ceb0}.tour-strip{background:#e4f76b;border:2px solid #13160c}.source-note{color:#666d54}.map-strip{background:#e6eacb}
@media(min-width:1100px){.sidebar{padding:17px 36px}.sidebar nav{gap:2px}.sidebar nav a{padding:10px 12px;font-size:12px}.page-heading{min-height:330px}.page-heading h1{font-size:50px}.timeline-days .day-title b{font-size:20px}.timeline-days .day-title small{font-size:12px}}
@media(max-width:650px){.shell main{margin-top:0;border-top:0;padding-top:20px}.page-heading{min-height:295px;padding:84px 19px 22px;background-position:65% center;margin-bottom:24px}.page-heading:after{font-size:26px;right:18px;top:20px}.page-heading h1{font-size:32px;max-width:100%;line-height:1.35}.page-heading p{font-size:12px;line-height:1.8;padding:8px}.page-heading:before{background:linear-gradient(0deg,#11140ff2,#11140f8a 65%,#11140f25)}.timeline-intro{padding:24px 20px}.timeline-intro h2{font-size:22px}.timeline-intro:after{right:8px;font-size:13px}.timeline-intro p{padding-right:12px}.timeline-actions{gap:8px}.timeline-actions .button{font-size:11px}.timeline-days .day>summary{padding:18px 13px;gap:12px}.timeline-days .day-content{padding:8px 14px 24px}.timeline-days .slot{grid-template-columns:84px minmax(0,1fr);gap:12px;padding:16px 0}.timeline-days .slot.transfer{padding:12px 8px;margin:8px -8px;gap:8px}.slot time{font-size:11px;overflow-wrap:break-word}.slot p{font-size:12px}.slot small{font-size:11px}.overview-grid .slot{grid-template-columns:79px minmax(0,1fr)}.overview-grid .day-content{padding-left:16px;padding-right:16px}.overview-grid .slot.transfer{margin:8px -6px;padding:12px 6px}.cover-caption{left:10px;right:10px;padding:12px}.cover-caption h2{font-size:27px}.rule-card{box-shadow:3px 3px #1d2115}.place-card{box-shadow:4px 4px #cdd3b0}.hero{border-width:3px}.timeline-days .date{font-size:39px}.page-heading .eyebrow{font-size:9px;letter-spacing:2px}}
@media print{body,.shell,.shell main{background:white}.timeline-actions,.page-heading:after{display:none}.timeline-days .day-content{display:block}.page-heading{background:#fff;color:#000;min-height:0}.page-heading h1,.page-heading p,.page-heading .eyebrow{color:black;background:none}.timeline-days .slot{break-inside:avoid}}