/* Only the six opt-in V3 templates. No rules target existing V1/V2 sites. */
body.tpl-hanju-v3{--hj-accent:#77a7e4;--hj-ink:#203149;--accent:var(--hj-accent);--accent-2:var(--hj-accent);--keke-ui-accent:var(--hj-accent);--keke-ui-accent-2:var(--hj-accent);--jv2-accent:var(--hj-accent)}
body.tpl-iqiyi-hanju-v3{--hj-accent:#88b4ee;--hj-ink:#183c6d}
body.tpl-oletv-hanju-v3{--hj-accent:#c9a7e0;--hj-ink:#50316e}
body.tpl-jable-hanju-v3{--hj-accent:#e8ad82;--hj-ink:#724320}
body.tpl-keke-hanju-v3{--hj-accent:#85d0c9;--hj-ink:#154d49}
body.tpl-haoju-hanju-v3{--hj-accent:#b5c98c;--hj-ink:#3e4f1d}
body.tpl-seoul-hanju-v3{--hj-accent:#dfb7a6;--hj-ink:#694437}
:root[data-portal-theme="light"] body.tpl-iqiyi-hanju-v3{--hj-accent:#255eaa;--hj-ink:#fff}
:root[data-portal-theme="light"] body.tpl-oletv-hanju-v3{--hj-accent:#754793;--hj-ink:#fff}
:root[data-portal-theme="light"] body.tpl-jable-hanju-v3{--hj-accent:#9d5020;--hj-ink:#fff}
:root[data-portal-theme="light"] body.tpl-keke-hanju-v3{--hj-accent:#176e69;--hj-ink:#fff}
:root[data-portal-theme="light"] body.tpl-haoju-hanju-v3{--hj-accent:#4e641e;--hj-ink:#fff}
:root[data-portal-theme="light"] body.tpl-seoul-hanju-v3{--hj-accent:#8b5140;--hj-ink:#fff}
html:root body.tpl-hanju-v3 .brand-asset{object-fit:contain!important;border-radius:10px}
html:root body.tpl-hanju-v3 :is(.iqiyi-brand,.keke-brand,.keke-sidebar-brand,.jv2-brand,.haoju-logo-copy) strong{color:var(--hj-accent)!important;background:none!important;-webkit-text-fill-color:currentColor!important}
html:root body.front.portal.tpl-hanju-v3 :is(.oletv-hero-copy,.keke-family-hero-copy) h2{color:var(--hj-accent)!important;background:none!important;-webkit-text-fill-color:currentColor!important}
html:root body.front.portal.tpl-oletv-hanju-v3 .hj-home-caption{font-size:20px;line-height:1.4;color:var(--hj-accent);margin:8px 0 18px;display:flex;gap:16px;align-items:baseline;flex-wrap:wrap}
html:root body.front.portal.tpl-oletv-hanju-v3 .hj-home-caption small{font-size:12px;color:var(--muted);font-weight:400}
html:root body.tpl-hanju-v3 :is(.iqiyi-nav,.keke-nav,.jv2-nav,.ds3-head-nav) a:is(.active,.current,[aria-current="page"]){background:var(--hj-accent)!important;color:var(--hj-ink)!important}
html:root body.tpl-hanju-v3 :is(.iqiyi-button-primary,.ds3-hero-primary,.keke-btn.primary){background:var(--hj-accent)!important;color:var(--hj-ink)!important;border-color:var(--hj-accent)!important}
html:root body.tpl-haoju-hanju-v3 .ds3-logo-heading{margin:0;min-width:0;font:inherit;line-height:inherit;letter-spacing:inherit}
html:root body.tpl-hanju-v3 :is(.ds3-main,.ds3-content,.ds3-rank,.keke-layout,.iqiyi-section-main){min-width:0}
html:root body.tpl-hanju-v3 :is(.ds3-poster,.keke-poster) img{max-width:100%}
html:root body.tpl-hanju-v3 .keke-dock{scrollbar-width:none!important}html:root body.tpl-hanju-v3 .keke-dock::-webkit-scrollbar{display:none!important}
/* Sixth layout: editorial feature pair, poster grid, independent reading list. */
body.seoul-home{--seoul-bg:#171b1d;--seoul-panel:#202628;--seoul-text:#f0e9e2;--seoul-muted:#b6b8b4;--seoul-line:#3a4141;background:var(--seoul-bg);color:var(--seoul-text);line-height:1.55}
:root[data-portal-theme="light"] body.seoul-home{--seoul-bg:#f5f1e9;--seoul-panel:#fffdf8;--seoul-text:#302b26;--seoul-muted:#6d655e;--seoul-line:#d8d0c5}
.seoul-home *{box-sizing:border-box}.seoul-home a{color:inherit;text-decoration:none}.seoul-home button{font:inherit;cursor:pointer}
.seoul-home :is(a,button,input):focus-visible{outline:2px solid var(--hj-accent);outline-offset:4px}
.seoul-head,.seoul-main,.seoul-footer{width:min(1280px,calc(100% - 64px));margin-inline:auto}
.seoul-head{padding-top:22px}.seoul-head-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,420px) auto;gap:32px;align-items:center}
.seoul-brand{display:flex;gap:12px;align-items:center;min-width:0}.seoul-brand img{flex:0 0 40px}.seoul-brand h1{font-size:26px;font-weight:750;margin:0;line-height:1.2;letter-spacing:1px}.seoul-brand small{display:block;margin-top:4px;color:var(--seoul-muted);font-size:12px}
.seoul-search{display:flex;border-bottom:1px solid var(--seoul-line);margin:0;padding:5px 0}.seoul-search input{width:100%;min-width:0;border:0;background:none;color:var(--seoul-text);font:inherit;padding:8px 0;outline-offset:0}.seoul-search input::placeholder{color:var(--seoul-muted)}.seoul-search button{border:0;background:none;color:var(--hj-accent);flex:none;padding:8px 4px}
.seoul-tools{display:flex;gap:14px;align-items:center;white-space:nowrap}.seoul-tools button{border:0;background:none;color:var(--seoul-text);padding:8px 0}.seoul-tools a{padding:8px 0}
html:root body.front.portal.seoul-home{background:var(--seoul-bg)!important;color:var(--seoul-text)!important}
html:root body.front.portal.seoul-home .seoul-tools [data-theme-toggle]{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:auto!important;min-width:28px!important;border:0!important;border-radius:0!important;background:none!important;color:var(--seoul-text)!important}
html:root body.front.portal.seoul-home .seoul-tools [data-theme-toggle] .theme-label{display:block!important;font-size:13px!important}
.seoul-tools .language-switcher{position:relative}.seoul-tools .language-switcher-menu{display:none;position:absolute;right:0;top:100%;z-index:50;min-width:130px;padding:6px;background:var(--seoul-panel);border:1px solid var(--seoul-line);border-radius:6px}.seoul-tools .language-switcher.is-open .language-switcher-menu{display:grid}.seoul-tools .language-switcher-option{padding:9px 12px;text-align:left}.seoul-tools .language-switcher-option.active{color:var(--hj-accent)}
.seoul-nav{display:flex;gap:32px;overflow-x:auto;border-block:1px solid var(--seoul-line);margin-top:22px;padding:14px 0;scrollbar-width:none}.seoul-nav::-webkit-scrollbar{display:none}.seoul-nav a{white-space:nowrap;font-size:15px}.seoul-nav a[aria-current]{color:var(--hj-accent);font-weight:750}
.seoul-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:72px;align-items:center;padding:40px 0;border-bottom:1px solid var(--seoul-line)}
.seoul-eyebrow{font-size:12px;letter-spacing:2px;color:var(--hj-accent);margin:0 0 14px}.seoul-lead-copy h2{font-size:clamp(32px,4vw,56px);font-weight:700;line-height:1.25;letter-spacing:2px;margin:0 0 18px}.seoul-lead-copy>p:not(.seoul-eyebrow){color:var(--seoul-muted);font-size:16px;margin:0 0 24px}.seoul-link{display:flex;justify-content:space-between;gap:16px;width:max-content;max-width:100%;border-bottom:1px solid var(--hj-accent);padding-bottom:6px;color:var(--hj-accent)!important;font-size:14px}
.seoul-feature-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:480px;justify-self:end;width:100%}.seoul-feature-pair article:nth-child(2){padding-top:32px}.seoul-feature-pair h3,.seoul-card h3{font-size:15px;line-height:1.5;margin:10px 0 3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.seoul-feature-pair p,.seoul-card p{font-size:12px;color:var(--seoul-muted);margin:0}.seoul-poster{display:block;aspect-ratio:2/3;overflow:hidden;background:var(--seoul-panel);border-radius:4px}.seoul-poster img{width:100%;height:100%;object-fit:cover;display:block}
.seoul-content{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:48px;margin-top:36px;align-items:start}.seoul-channels{min-width:0}.seoul-section{margin-bottom:44px}.seoul-section-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.seoul-section-head h2{font-size:22px;margin:0}.seoul-section-head>a{font-size:13px;color:var(--seoul-muted);flex-shrink:0}.seoul-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px}.seoul-card{min-width:0}.seoul-ranking{border-left:1px solid var(--seoul-line);padding-left:26px;min-width:0}.seoul-ranking h2{font-size:24px;margin:0}.seoul-ranking ol{padding:0;margin:22px 0;list-style:none;counter-reset:ranking}.seoul-ranking li{counter-increment:ranking;display:flex;gap:14px;border-top:1px solid var(--seoul-line);padding:14px 0;min-width:0}.seoul-ranking li:before{content:counter(ranking,decimal-leading-zero);color:var(--hj-accent);font-size:13px;flex:none;padding-top:3px}.seoul-ranking li a{min-width:0}.seoul-ranking strong{display:block;font-size:14px;overflow-wrap:anywhere}.seoul-ranking small{display:block;color:var(--seoul-muted);font-size:12px;margin-top:5px}
.seoul-footer{padding:28px 0 34px;border-top:1px solid var(--seoul-line);color:var(--seoul-muted);font-size:13px}.seoul-footer strong{font-size:18px;color:var(--seoul-text)}.seoul-footer p{margin:4px 0 16px}.seoul-footer nav{display:flex;gap:24px;flex-wrap:wrap}.seoul-home .site-ad{margin:16px 0}
@media(max-width:1000px){.seoul-head-row{grid-template-columns:minmax(0,1fr) minmax(200px,320px) auto;gap:20px}.seoul-content{grid-template-columns:minmax(0,1fr) 200px;gap:28px}.seoul-lead{gap:36px}.seoul-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.seoul-head,.seoul-main,.seoul-footer{width:calc(100% - 32px)}.seoul-head{padding-top:16px}.seoul-head-row{grid-template-columns:minmax(0,1fr) auto;gap:12px}.seoul-brand h1{font-size:22px}.seoul-brand small{font-size:11px}.seoul-brand img{width:34px;height:34px;flex-basis:34px}.seoul-tools{font-size:13px;gap:12px}.seoul-search{grid-row:2;grid-column:1/-1;width:100%;font-size:14px}.seoul-nav{margin-top:12px;padding:12px 0;gap:23px}.seoul-nav a{font-size:14px}.seoul-lead{grid-template-columns:minmax(0,1fr);gap:22px;padding:24px 0}.seoul-lead-copy h2{font-size:30px;letter-spacing:0;margin-bottom:12px}.seoul-lead-copy h2 br{display:none}.seoul-lead-copy>p:not(.seoul-eyebrow){font-size:14px;margin-bottom:14px}.seoul-lead-copy>p br{display:none}.seoul-eyebrow{font-size:11px;margin-bottom:8px}.seoul-feature-pair{max-width:none;gap:18px}.seoul-feature-pair article:nth-child(2){padding-top:20px}.seoul-feature-pair .seoul-poster{aspect-ratio:3/4}.seoul-content{grid-template-columns:minmax(0,1fr);margin-top:26px;gap:8px}.seoul-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}.seoul-card h3{font-size:13px;margin-top:8px}.seoul-card p{font-size:11px}.seoul-section-head h2{font-size:20px}.seoul-section{margin-bottom:30px}.seoul-ranking{padding:22px 0 28px;border-left:0;border-top:1px solid var(--seoul-line)}.seoul-ranking ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.seoul-footer{padding:24px 0}}
@media(prefers-reduced-motion:reduce){.tpl-hanju-v3 *{scroll-behavior:auto!important}}
/* The inherited mobile icon uses an absolute pseudo-element. Keep it inside
   this private button and suppress the older text glyph; old sites untouched. */
@media(max-width:960px){body.tpl-haoju-hanju-v3 .ds3-mobile-search{position:relative!important}body.tpl-haoju-hanju-v3 .ds3-mobile-search>span,body.tpl-haoju-hanju-v3 .ds3-mobile-search>em{display:none!important}}