.drama-guide{--drama-ink:#183238;--drama-green:#1e605b;--drama-paper:#eff4f2;padding-bottom:64px}
.drama-hero{position:relative;overflow:hidden;isolation:isolate;min-height:550px;background:#101719;border-radius:8px 8px 44px 8px;color:white}
.drama-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 46%;z-index:-2}
.drama-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0e171bef 0%,#0e171bc4 28%,#0e171b30 65%,transparent 100%);z-index:-1}
.drama-hero-copy{padding:52px 58px;max-width:640px}.drama-hero-copy>p{font-size:15px;color:#e2ecea;margin:0 0 32px;letter-spacing:.03em}.drama-hero h1{font-size:clamp(54px,6.2vw,82px);line-height:1.04;letter-spacing:-.045em;font-weight:600;margin:0 0 42px}.drama-hero a{display:inline-block;font-size:14px;text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px;padding:8px 0}
.drama-intro{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:70px;align-items:start;padding-top:44px;padding-bottom:50px;border-bottom:1px solid var(--line)}.drama-lead{font-size:21px;line-height:1.8;color:var(--drama-ink);max-width:810px}.drama-intro>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:260px;padding-top:6px;margin:0}
.drama-layout{display:grid;grid-template-columns:200px minmax(0,850px);gap:70px;justify-content:space-between;padding-top:52px}.drama-index{position:sticky;top:112px;align-self:start;font-size:14px}.drama-index summary{font-weight:600;padding-bottom:16px;list-style:none;border-bottom:1px solid var(--line)}.drama-index summary:after{content:'−';float:right}.drama-index details:not([open]) summary:after{content:'+'}.drama-index nav{display:flex;flex-direction:column;padding-top:12px;gap:1px}.drama-index a{padding:8px 0;color:var(--muted)}.drama-index a:hover{color:var(--drama-green);text-decoration:underline;text-underline-offset:4px}
.drama-copy{font-size:17px;line-height:1.85;min-width:0;overflow-wrap:break-word}.drama-copy>section{margin-bottom:66px}.drama-copy h2{font-size:35px;line-height:1.2;max-width:720px;margin:0 0 24px;letter-spacing:-.035em}.drama-copy h3{font-size:24px;line-height:1.25;margin:30px 0 15px}.drama-copy p{margin:0 0 23px}.drama-copy a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.drama-copy strong{font-weight:600}.drama-copy ul,.drama-copy ol{padding-left:23px}.drama-copy li{padding-left:5px;margin:12px 0}
.drama-terms{display:flex;flex-wrap:wrap;column-gap:30px;row-gap:10px;margin:26px 0 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:15px}.drama-terms>div{flex:1;min-width:160px}.drama-terms dt{font-weight:600;color:var(--drama-green)}.drama-terms dd{margin:4px 0 0;font-size:14px;line-height:1.6}
.drama-watchlist{margin:27px 0 0}.drama-watchlist>div{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;padding:23px 0;border-top:1px solid var(--line)}.drama-watchlist dt{font-size:20px;line-height:1.35;font-weight:600}.drama-watchlist dt>span{display:block;font-size:12px;color:var(--muted);font-weight:400;line-height:1.5;margin-top:8px}.drama-watchlist dd{margin:0;font-size:16px;line-height:1.8}.drama-watchlist dd p{margin:0}
.drama-film-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:32px;align-items:start}.drama-film-layout h3:first-child{margin-top:0}.drama-film-layout .drama-figure{position:sticky;top:110px;margin:0}.drama-figure{margin:30px 0}.drama-figure img{width:100%;height:auto;border-radius:7px}.drama-figure figcaption{font-size:12px;line-height:1.5;margin-top:10px;color:var(--muted)}
.drama-place{padding:26px 0;border-top:1px solid var(--line)}.drama-place h3{margin:0 0 8px;font-size:25px}.drama-place .drama-place-meta{font-size:13px;color:var(--drama-green);line-height:1.5;margin:0 0 17px;font-weight:600}.drama-place p:last-child{margin-bottom:0}
.drama-squid{background:var(--drama-paper);padding:32px;border-radius:9px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:30px}.drama-squid .drama-figure{margin:0}.drama-squid h2{font-size:30px}.drama-squid p{font-size:16px}.drama-squid p:last-child{margin:0}.drama-squid .drama-figure img{border-radius:3px}
.drama-route-note{border-left:3px solid var(--drama-green);padding:4px 0 4px 23px;margin:30px 0;color:var(--drama-ink)}.drama-route-note p{margin:0}
.drama-tour{background:#f3f6f9;padding:26px 28px;margin-top:19px;border-radius:10px}.drama-tour h3{margin:0 0 14px;font-size:23px}.drama-tour p{font-size:16px;margin:0 0 17px}.drama-copy .drama-tour a{display:inline-flex;padding:11px 18px;background:var(--blue);color:#fff;border-radius:6px;text-decoration:none;font-size:14px;font-weight:600;line-height:1.5}.drama-tour a:hover{background:#194994}.drama-affiliate-note{font-size:12px;line-height:1.6;color:var(--muted);margin-top:15px!important}
.drama-cinema-stop{margin-top:28px;display:grid;grid-template-columns:155px minmax(0,1fr);gap:27px}.drama-cinema-stop h3{margin:0;color:var(--drama-green);font-size:23px}.drama-cinema-stop p:last-child{margin-bottom:0}
.drama-practical{list-style:decimal;padding-left:24px!important}.drama-practical li{padding-left:7px;margin:20px 0}.drama-practical strong{display:block;line-height:1.5;margin-bottom:6px}
.drama-faq details{border-bottom:1px solid var(--line);padding:21px 0}.drama-faq details:first-of-type{border-top:1px solid var(--line)}.drama-faq summary{font-size:18px;font-weight:600;line-height:1.5;padding-right:12px}.drama-faq p{font-size:16px;margin:15px 0 0}
.drama-further{border-top:1px solid var(--line);padding-top:34px}.drama-further h2{font-size:28px;margin:0 0 24px}.drama-further>div{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.drama-further a{font-size:15px;color:var(--blue);padding:16px 0;border-bottom:1px solid var(--line)}.drama-further a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1050px){.drama-layout{grid-template-columns:170px minmax(0,1fr);gap:35px}.drama-film-layout{grid-template-columns:minmax(0,1fr) 180px;gap:24px}.drama-watchlist>div{grid-template-columns:175px minmax(0,1fr);gap:22px}.drama-squid{grid-template-columns:145px minmax(0,1fr);gap:23px;padding:25px}.drama-copy h2{font-size:31px}.drama-hero-copy{padding:45px}.drama-hero{min-height:520px}.drama-intro{gap:40px}}
@media(max-width:760px){.drama-hero{min-height:510px;border-radius:6px 6px 28px 6px}.drama-hero-image{object-position:74% center}.drama-hero:after{background:linear-gradient(90deg,#091417e0,#09141760),linear-gradient(0deg,#091417b0,transparent 70%)}.drama-hero-copy{padding:38px 25px 32px;max-width:100%}.drama-hero h1{font-size:57px;line-height:1.06;margin:0 0 80px}.drama-hero-copy>p{font-size:13px;margin-bottom:30px}.drama-hero a{font-size:13px}.drama-intro{grid-template-columns:1fr;gap:16px;padding-top:28px;padding-bottom:30px}.drama-lead{font-size:19px;line-height:1.8}.drama-intro>p{max-width:none;font-size:13px;padding-top:0}.drama-layout{display:block;padding-top:30px}.drama-index{position:static;background:#f2f5f6;border-radius:8px;padding:20px 22px;margin-bottom:38px}.drama-index nav{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.drama-index a{font-size:13px;line-height:1.5;padding:9px 0}.drama-copy>section{margin-bottom:44px}.drama-copy h2{font-size:29px}.drama-copy h3{font-size:23px}.drama-copy{font-size:17px;line-height:1.85}.drama-watchlist>div{grid-template-columns:1fr;gap:10px;padding:23px 0}.drama-watchlist dt>span{display:inline;margin-left:10px}.drama-watchlist dt{font-size:21px}.drama-film-layout{grid-template-columns:1fr 150px;gap:24px}.drama-film-layout .drama-figure{position:static}.drama-squid{grid-template-columns:120px minmax(0,1fr);padding:22px;gap:22px}.drama-squid h2{font-size:27px}.drama-cinema-stop{grid-template-columns:1fr;gap:14px}.drama-tour{padding:23px}.drama-further>div{grid-template-columns:1fr 1fr;gap:8px 20px}.drama-further h2{font-size:26px}}
@media(max-width:510px){.drama-hero h1{font-size:49px}.drama-hero{min-height:490px}.drama-film-layout{display:block}.drama-film-layout .drama-figure{max-width:260px;margin:28px auto 0}.drama-squid{display:block}.drama-squid .drama-figure{float:right;width:105px;margin:4px 0 14px 18px}.drama-squid h2{font-size:26px}.drama-squid:after{content:'';display:block;clear:both}.drama-squid p{font-size:16px}.drama-terms>div{min-width:130px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}