/* ============================================================
   /pattaya-nightlife — Insider Nightlife Guide
   Component styles. Loads on top of site.css + the shared
   content-page chrome (events.202605151605.css).
   ============================================================ */

.lead{font-size:13px;letter-spacing:.03em;line-height:1.8;color:rgba(244,243,238,.74);max-width:700px;margin-bottom:30px}
.lead strong{color:var(--paper)}

.prose{max-width:760px}
.prose p{font-size:14px;line-height:1.9;color:rgba(244,243,238,.84);margin-bottom:18px}
.prose p:last-child{margin-bottom:0}
.prose strong{color:var(--paper)}
.prose .n{color:var(--neon)}

/* --- zone cards --- */
.zone-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:6px}
@media(min-width:780px){.zone-grid{grid-template-columns:1fr 1fr}}
.zone{border:1px solid rgba(29,233,255,.2);background:linear-gradient(180deg,rgba(10,20,24,.6),rgba(0,0,0,.7));padding:24px 22px;display:flex;flex-direction:column;gap:9px;transition:border-color .25s ease,transform .25s ease}
.zone:hover{border-color:var(--neon);transform:translateY(-3px)}
.zone-no{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.34em;color:var(--neon)}
.zone-name{font-family:'Bebas Neue',sans-serif;font-size:32px;line-height:.98;letter-spacing:.005em;color:var(--paper)}
.zone-role{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--neon-soft)}
.zone-desc{font-size:13px;line-height:1.72;color:rgba(244,243,238,.78);margin-top:2px}
.zone-rooms{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(255,180,0,.3);background:rgba(255,180,0,.04);padding:5px 9px;align-self:flex-start;margin-top:4px}

/* --- night timeline --- */
.timeline{margin-top:6px;border-left:1px solid rgba(29,233,255,.25);max-width:720px}
.tl-item{position:relative;padding:0 0 30px 26px}
.tl-item:last-child{padding-bottom:0}
.tl-item::before{content:"";position:absolute;left:-5px;top:3px;width:9px;height:9px;border-radius:50%;background:var(--neon);box-shadow:0 0 12px var(--neon)}
.tl-when{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--neon);margin-bottom:6px}
.tl-h{font-family:'Bebas Neue',sans-serif;font-size:24px;line-height:1;color:var(--paper);margin-bottom:6px}
.tl-desc{font-size:13px;line-height:1.72;color:rgba(244,243,238,.78)}
.tl-desc strong{color:var(--paper)}

/* --- venue-type cards --- */
.type-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:6px}
@media(min-width:680px){.type-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1040px){.type-grid{grid-template-columns:1fr 1fr 1fr}}
.type{border:1px solid rgba(29,233,255,.18);background:rgba(29,233,255,.03);padding:20px;display:flex;flex-direction:column;gap:7px}
.type-name{font-family:'Bebas Neue',sans-serif;font-size:25px;line-height:1;color:var(--neon)}
.type-desc{font-size:12.5px;line-height:1.72;color:rgba(244,243,238,.76)}
.type-desc strong{color:var(--paper)}

/* --- playbook blocks --- */
.play-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:6px}
@media(min-width:780px){.play-grid{grid-template-columns:1fr 1fr}}
.play{border:1px solid rgba(29,233,255,.18);background:linear-gradient(180deg,rgba(10,20,24,.55),rgba(0,0,0,.65));padding:22px}
.play-h{font-family:'Bebas Neue',sans-serif;font-size:25px;line-height:1;color:var(--paper);margin-bottom:9px}
.play-h .n{color:var(--neon)}
.play p{font-size:13px;line-height:1.78;color:rgba(244,243,238,.8)}
.play p strong{color:var(--paper)}

/* --- FAQ --- */
.faq{margin-top:6px;max-width:880px}
.faq details{border:1px solid rgba(29,233,255,.18);background:rgba(29,233,255,.02);margin-bottom:10px}
.faq summary{list-style:none;cursor:pointer;padding:16px 20px;font-family:'Bebas Neue',sans-serif;font-size:21px;letter-spacing:.01em;color:var(--paper);display:flex;justify-content:space-between;align-items:center;gap:14px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--neon);font-family:'JetBrains Mono',monospace;font-size:20px;font-weight:700;flex:none;line-height:1}
.faq details[open]>summary::after{content:"\2013"}
.faq details[open]>summary{border-bottom:1px solid rgba(29,233,255,.14)}
.faq summary:hover{color:var(--neon)}
.faq-a{padding:15px 20px 18px;font-size:13px;line-height:1.82;color:rgba(244,243,238,.82)}
.faq-a a{color:var(--neon);border-bottom:1px solid rgba(29,233,255,.4);padding-bottom:1px}
.faq-a a:hover{color:var(--neon-soft)}

/* --- closing note --- */
.guide-note{max-width:680px;margin:0 auto;font-size:11px;letter-spacing:.04em;line-height:1.8;color:rgba(244,243,238,.5);text-align:center}