.event-guide {max-width:1120px;margin:auto;padding:24px clamp(16px,3vw,32px) 44px;line-height:1.65}
.guide-hero {display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:#52182a;color:white;border-radius:12px;margin-bottom:28px}
.guide-hero div {align-self:center;padding:clamp(24px,4vw,54px)}
.guide-hero h1 {color:white;font:500 clamp(36px,4.5vw,60px)/1.12 Georgia,serif;margin:0 0 16px}
.guide-hero p {color:#f2e4dc;margin:0}
.guide-hero img {width:100%;height:100%;max-height:360px;object-fit:cover}
.event-guide .layout {display:grid;grid-template-columns:250px minmax(0,1fr);gap:30px;align-items:start}
.guide-toc {position:sticky;top:110px;padding:18px;background:#f0eadf;border-radius:8px}
.guide-toc a,.guide-toc b {display:block;padding:5px 0}
.event-guide details {background:#fffdfa;border:1px solid #dcd1c2;border-radius:8px;margin-bottom:12px;scroll-margin-top:110px}
.event-guide summary {cursor:pointer;padding:16px 20px;color:#591d30;font-weight:650;font-size:19px}
.event-guide .body {padding:0 20px 18px}
.event-guide .body p {margin:14px 0}
.event-guide .body a {color:#861b3b;text-decoration:underline}
.event-guide .example {border-left:4px solid #a57538;background:#f7f0e4;padding:12px 15px}
.guide-step {width:100%;height:auto;display:block}
@media(max-width:720px){.event-guide .layout,.guide-hero{grid-template-columns:minmax(0,1fr);gap:12px}.guide-hero img{height:160px}.guide-toc{position:static}.guide-toc a{display:inline-block;margin-right:12px}}