:root{--bg:#fffaee;--warm:#fff2cf;--paper:#fff;--quiet:#f8f4e9;--dark:#15191c;--ink:#24282b;--text:#41484c;--muted:#626c70;--yellow:#ffcd38;--pale:#ffe07a;--gold:#c99018;--orange:#ef9a43;--sage:#7b9873;--mint:#85bbb1;--lilac:#998bb7;--border:rgba(77,67,41,.13);--shadow:0 14px 34px rgba(39,38,26,.09);--radius:14px;--shell:1240px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:118px}
body{margin:0;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;color:var(--text);font-size:16px;line-height:1.75;overflow-x:clip}
body.drawer-active{overflow:hidden}
a{color:inherit;text-decoration:none}
a:hover{color:#9c6a0d}
button,input{font:inherit}
button{cursor:pointer}
img,video{max-width:100%}
img{height:auto;object-fit:contain;object-position:center;display:block}
button,a,input{ -webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #99651a;outline-offset:3px}
.shell{width:min(var(--shell),calc(100% - 40px));margin-left:auto;margin-right:auto;min-width:0}
.visually-hidden{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);white-space:nowrap;overflow:hidden}
.skip-link{position:fixed;left:12px;top:-100px;z-index:300;padding:10px 16px;background:#fff;color:#1b211e;box-shadow:var(--shadow)}
.skip-link:focus{top:12px}
main{min-height:60vh;padding-bottom:30px}
h1,h2,h3,h4{color:var(--ink);line-height:1.35;letter-spacing:-.02em;margin:0 0 14px}
h1{font-size:clamp(29px,3vw,36px);font-weight:830}
h2{font-size:clamp(22px,2.2vw,26px);font-weight:790}
h3{font-size:18px;font-weight:750}
p{margin:0 0 14px}small{font-size:13px}
.kicker{font-size:12px;line-height:1.4;font-weight:800;color:#95660d;letter-spacing:.17em;text-transform:uppercase}
.hint{color:var(--muted);font-size:14px}
.section{padding-top:54px;padding-bottom:6px}
.section.tight{padding-top:35px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}
.section-head p{margin:7px 0 0;max-width:660px;color:var(--muted);font-size:15px}
.section-head h2{margin:8px 0 0}
.section-head a{font-size:14px;color:#765518;font-weight:750;white-space:nowrap}
.section-head a:hover{text-decoration:underline}
.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.stack{display:grid;gap:20px}
.panel{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}
.panel.soft{background:var(--quiet)}
.panel.dark{background:var(--dark);color:#fafaf5;border-color:#30363b}
.panel.dark h2,.panel.dark h3,.panel.dark p{color:#fafaf5}
.prose{max-width:82ch}
.prose p{line-height:1.85}
.prose p:last-child{margin-bottom:0}
.lead{font-size:16px;line-height:1.85;color:var(--text);max-width:90ch}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:11px 20px;border-radius:10px;border:1px solid transparent;background:var(--yellow);font-weight:770;font-size:14px;color:#202428;white-space:nowrap;transition:transform .16s,background .16s,box-shadow .16s}
.btn:hover{color:#1f2326;background:var(--pale);box-shadow:0 8px 20px rgba(201,144,24,.18);transform:translateY(-1px)}
.btn.secondary{background:#fff;border-color:#dfc88d;color:#2b2f32}
.btn.secondary:hover{background:#fff4d6}
.btn.ghost{background:transparent;border:1px solid #a7a097;color:#fff}
.btn.ghost:hover{background:#333}
.text-link{display:inline-flex;gap:8px;align-items:center;font-size:14px;color:#876216;font-weight:800}
.text-link:hover{color:#4d380d}
.tag{display:inline-flex;align-items:center;border-radius:6px;padding:4px 9px;font-size:12px;line-height:1.5;font-weight:700;white-space:nowrap}
.tag-gold{color:#4d3a0e;background:#ffefbb}
.tag-sage{background:#e1ebdd;color:#3c6541}
.tag-gray{background:#e9edf0;color:#405358}
.tag-lilac{background:#ede8f6;color:#695584}
.eyebrow{display:flex;gap:12px;align-items:center;color:#a4720f;font-size:12px;font-weight:790;letter-spacing:.16em;text-transform:uppercase}
.eyebrow::before{content:"";width:22px;height:3px;background:var(--yellow)}
.site-header{position:sticky;top:0;z-index:80;background:var(--paper);border-bottom:1px solid #e7dcbf;box-shadow:0 3px 16px rgba(28,27,20,.04);width:100%}
.head-main{height:70px;width:100%;background:#fff}
.head-row{height:70px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{min-height:44px;display:inline-flex;align-items:center;gap:8px;flex-shrink:0;color:var(--ink)!important;min-width:0}
.brand img{width:auto;max-width:160px;max-height:36px;object-fit:contain}
.brand-emblem{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;background:var(--yellow);border-radius:10px;font-size:21px;line-height:1;color:#24282b;font-weight:900;box-shadow:inset 0 -3px 0 rgba(149,95,12,.15)}
.brand-letter{display:flex;flex-direction:column;justify-content:center;gap:1px;line-height:1.2}
.brand-letter b{font-size:22px;letter-spacing:-.05em}
.brand-letter small{font-size:9px;font-weight:800;color:#9c751c;letter-spacing:.11em}
.nav-primary{display:flex;align-items:center;gap:2px;height:100%;min-width:0}
.nav-primary>a{padding:9px 11px;white-space:nowrap;font-size:14px;font-weight:700;border-radius:9px;color:#33383b}
.nav-primary>a[aria-current=page]{background:#fff2d0;color:#1f2326}
.nav-primary>a:hover{background:#fff4de;color:#765218}
.head-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
.action-plain{border:1px solid transparent;background:transparent;color:#24282b;display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:44px;min-width:44px;border-radius:9px;padding:8px;font-size:13px;font-weight:800}
.action-plain:hover,.action-plain[aria-expanded=true]{background:#fff2cf;color:#3c2f1c}
.action-app{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:42px;min-width:72px;padding:0 11px;border-radius:9px;background:var(--yellow);color:#202428;font-size:13px;font-weight:800;white-space:nowrap}
.action-app:hover{color:#202428;background:#ffe078}
.glyph-search{width:17px;height:17px;border:2px solid currentColor;border-radius:50%;position:relative;display:inline-block;flex-shrink:0;transform:scale(.9)}
.glyph-search::after{content:"";position:absolute;right:-6px;bottom:-3px;width:8px;height:2px;background:currentColor;transform:rotate(44deg);border-radius:2px}
.glyph-menu{width:19px;height:15px;display:inline-block;background:linear-gradient(currentColor,currentColor) top left / 19px 2px no-repeat,linear-gradient(currentColor,currentColor) center left / 19px 2px no-repeat,linear-gradient(currentColor,currentColor) bottom left / 13px 2px no-repeat}
.mobile-hint{display:none}
.topic-bar{height:42px;background:#fff8e5;width:100%;border-top:1px solid #f1e8d3}
.topic-row{height:42px;display:flex;gap:14px;align-items:stretch;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;white-space:nowrap}
.topic-row::-webkit-scrollbar{display:none}
.topic-row>a{height:100%;display:inline-flex;align-items:center;flex:none;padding:0 3px;border-bottom:3px solid transparent;font-size:13px;font-weight:690;color:#52595a}
.topic-row>a:hover{color:#a67613}
.topic-row>a[aria-current=page]{border-bottom-color:#d8a717;color:#1f2222}
.topic-label{display:inline-flex;align-items:center;font-size:12px;font-weight:850;color:#986b10;flex:none}
.topic-label span{margin-left:9px;color:#d3be84;font-weight:400}
.drawer-shade{position:fixed;inset:0;z-index:94;background:rgba(14,17,18,.52);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,visibility .22s}
.drawer-shade[hidden]{display:none!important}
.drawer-shade.is-open{opacity:1;visibility:visible;pointer-events:auto}
.channel-drawer{position:fixed;top:0;right:0;bottom:0;z-index:95;width:min(390px,86vw);background:#fffdf8;box-shadow:-24px 0 55px rgba(0,0,0,.22);transform:translateX(102%);visibility:hidden;pointer-events:none;transition:transform .24s,visibility .24s;display:flex;flex-direction:column}
.channel-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}
.drawer-top{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:78px;padding:15px 20px;border-bottom:1px solid var(--border);flex:none;background:#fff7de}
.drawer-identity{display:flex;align-items:center;gap:9px;min-width:0;color:var(--ink)}
.drawer-identity img{max-width:130px;height:32px;object-fit:contain}
.drawer-identity small{margin-left:4px;color:#7d6c50}
.drawer-close{min-height:44px;min-width:44px;background:#fff;border:1px solid var(--border);border-radius:10px;font-size:26px;line-height:1;color:#23272a}
.drawer-scroll{overflow-y:auto;overscroll-behavior:contain;padding:20px 22px 40px;flex:1}
.drawer-group{margin-bottom:25px}
.drawer-group>h2{font-size:15px;padding-bottom:8px;margin-bottom:7px;color:#856011;border-bottom:1px solid #f0e2c7}
.drawer-group a{display:flex;gap:12px;justify-content:space-between;align-items:center;min-height:62px;padding:10px 6px;border-bottom:1px solid #f2eee5;color:#32383b}
.drawer-group a:hover,.drawer-group a[aria-current=page]{background:#fff4d7}
.drawer-group a>span:first-child{display:flex;flex-direction:column;min-width:0}
.drawer-group a b{font-size:14px;font-weight:770;color:#272a2b}
.drawer-group a small{font-size:13px;line-height:1.65;color:#677074}
.drawer-group a>span:last-child{color:#a27723}
.mobile-bottom{display:none}
.media-frame{position:relative;isolation:isolate;overflow:hidden;border-radius:13px;background:#f4ecd7;border:1px solid rgba(91,75,33,.08);min-height:155px;display:flex;align-items:stretch;justify-content:center}
.media-frame>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#fffaf0}
.media-art{width:100%;min-height:inherit;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden;padding:24px;background:radial-gradient(circle at 83% 16%,#ffe8a2 0%,transparent 37%),linear-gradient(145deg,#fff1cc,#e7e9d5 60%,#d7e9e1);color:#263231}
.media-art::before{content:"";position:absolute;width:52%;height:70%;border-radius:50%;border:2px solid rgba(156,119,51,.24);right:-7%;top:-19%;transform:rotate(-20deg)}
.media-art::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(90deg,#ffcd38,#85bbb1,#998bb7)}
.art-orbit{position:absolute;right:8%;top:17%;width:22%;aspect-ratio:1;border-radius:50%;border:14px solid rgba(255,255,255,.48)}
.art-shine{position:absolute;left:44%;top:6%;width:18%;height:75%;transform:rotate(24deg);background:rgba(255,255,255,.15);border-radius:100px}
.art-kicker{font-size:11px;font-weight:800;letter-spacing:.19em;color:#6e754c;position:relative;z-index:1}
.media-art>strong{font-size:clamp(21px,2.6vw,40px);color:#263130;line-height:1.3;margin:7px 0 12px;font-weight:900;position:relative;z-index:1}
.art-sub{position:relative;font-size:12px;z-index:1;color:#647176}
.hero{padding-top:29px}
.hero-banner{height:clamp(188px,19vw,230px);background:#fff4d5}
.hero-banner .media-art{padding:clamp(23px,3vw,42px);background:radial-gradient(circle at 86% 10%,rgba(255,255,255,.62),transparent 26%),radial-gradient(circle at 73% 73%,#f7daa0,transparent 35%),linear-gradient(116deg,#fff4ce,#e6ecda 65%,#d4e7e0)}
.hero-banner .media-art>strong{font-size:clamp(31px,4vw,58px)}
.hero-info{padding:26px 12px 6px;max-width:820px}
.hero-info h1{margin:8px 0 15px}
.hero-info .lead{font-size:16px}
.hero-buttons{margin-top:19px;display:flex;gap:10px;flex-wrap:wrap}
.intro-card{margin-top:25px;background:#fff;border:1px solid #f0e6cf;border-radius:16px;padding:31px 35px;box-shadow:var(--shadow)}
.intro-card h1{margin:11px 0 15px}
.intro-card .lead{max-width:900px}
.intro-pair{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);gap:30px;align-items:center}
.intro-pair>.media-frame{height:230px}
.explore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.explore-tile{position:relative;overflow:hidden;min-height:156px;padding:23px;background:#fff;border:1px solid var(--border);border-radius:13px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .15s,box-shadow .15s}
.explore-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow);color:var(--ink)}
.explore-tile::before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:var(--yellow)}
.explore-tile:nth-child(2)::before,.explore-tile:nth-child(5)::before{background:var(--sage)}
.explore-tile:nth-child(3)::before{background:var(--lilac)}
.explore-tile:nth-child(4)::before{background:var(--orange)}
.explore-tile:nth-child(6)::before{background:var(--mint)}
.explore-tile>span{font-size:12px;color:#8d6d25;font-weight:770}
.explore-tile h3{margin:7px 0 8px}
.explore-tile p{color:var(--muted);font-size:14px;line-height:1.65;margin:0}
.explore-tile b{display:block;margin-top:10px;color:#9a710d;font-size:13px}
.show-card{overflow:hidden;border:1px solid var(--border);background:#fff;border-radius:14px;min-width:0;box-shadow:0 8px 24px rgba(44,39,27,.055)}
.show-card>.media-frame{border:0;border-radius:0;height:180px;min-height:0}
.show-card>.media-frame .media-art{padding:21px}
.show-card>.media-frame .media-art strong{font-size:clamp(19px,2vw,28px)}
.show-body{padding:21px}
.show-body h3{margin:12px 0 9px;font-size:20px}
.show-body>p{color:#505b5f;font-size:14px;line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;min-height:88px}
.show-actions{margin-top:14px}
.meta-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.status-mini{font-size:12px;color:#667171;font-weight:720}
.show-card.feature{display:grid;grid-template-columns:minmax(0,46%) minmax(0,54%);min-height:310px}
.show-card.feature>.media-frame{height:100%;min-height:275px}
.show-card.feature>.show-body{align-self:center;padding:32px}
.show-card.feature .show-body>p{-webkit-line-clamp:5;font-size:15px}
.show-card.feature .show-body h3{font-size:25px}
.spotlight-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:20px;align-items:stretch}
.spotlight-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.spotlight-side .show-card>.media-frame{height:134px}
.spotlight-side .show-body{padding:14px}
.spotlight-side .show-body h3{font-size:17px}
.spotlight-side .show-body>p{-webkit-line-clamp:2;min-height:0;font-size:13px;margin-bottom:0}
.spotlight-side .status-mini{font-size:11px}
.spotlight-side .show-actions{margin-top:8px}
.editor-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.editor-strip>a{display:block;padding:22px;background:#fff;border-radius:13px;border:1px solid var(--border)}
.editor-strip>a:hover{background:#fffbeb;color:var(--ink)}
.editor-strip h3{margin:9px 0}
.editor-strip p{font-size:14px;color:#626c70;margin:0}
.editor-strip .idx{font-weight:900;color:#b77d14;font-size:21px}
.feature-split{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);align-items:stretch;gap:20px}
.feature-split>.media-frame{min-height:345px}
.feature-split>.panel{display:flex;flex-direction:column;justify-content:center}
.feature-split h2{margin-top:8px}
.feature-split ul{padding-left:18px;margin:10px 0}
.feature-split li{padding:4px 0;font-size:14px}
.genre-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.genre-band .band-story{border-radius:14px;border:1px solid var(--border);background:#fff;padding:21px;min-width:0}
.genre-band .band-story:nth-child(2){background:#f1f3ea}
.band-story>.media-frame{height:190px;margin-bottom:18px}
.band-story h3{font-size:22px}
.band-story p{font-size:15px}
.bubble-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bubble{border-radius:14px;padding:23px;border:1px solid rgba(42,53,49,.08);background:#edf2e9;min-height:180px}
.bubble:nth-child(2){background:#f0eafa}
.bubble p{font-size:14px;margin:0}
.vertical-track{border-left:3px solid #edcf79;padding-left:24px;margin:5px 0 8px 11px;display:grid;gap:20px}
.vertical-track>.track-item{position:relative;border-radius:13px;background:#fff;border:1px solid var(--border);padding:19px 22px}
.vertical-track>.track-item::before{content:"";position:absolute;top:27px;left:-34px;width:17px;height:17px;border-radius:50%;border:4px solid #ffdb72;background:#fff}
.track-item h3{margin:7px 0}
.track-item p{font-size:14px;color:var(--muted);margin:0}
.track-item .tag{margin-bottom:4px}
.empty-board{border:1px dashed #d7c394;background:linear-gradient(115deg,#fffbeb,#f3f7ef);border-radius:14px;padding:33px}
.empty-board h3{font-size:22px}
.empty-board p{max-width:850px}
.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;counter-reset:process}
.process-grid article{counter-increment:process;background:#fff;padding:23px;border:1px solid var(--border);border-radius:13px}
.process-grid article::before{content:counter(process,decimal-leading-zero);display:block;font-size:29px;font-weight:890;color:#ac7b19;margin-bottom:15px}
.process-grid article p{font-size:14px;color:var(--muted);margin:0}
.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.person-card{padding:20px;border-radius:13px;background:#fff;border:1px solid var(--border)}
.person-glyph{width:50px;height:50px;border-radius:15px;background:linear-gradient(140deg,#f9dd95,#d5e6e0);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;color:#536660;margin-bottom:16px}
.person-card h3{margin:0 0 8px}
.person-card small{display:block;color:#a07623;margin-bottom:12px}
.person-card p{font-size:14px;margin-bottom:11px}
.person-card a{font-size:13px;font-weight:800;color:#986711}
.selection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.selection-tile{border:1px solid var(--border);background:#fff;border-radius:13px;padding:24px}
.selection-tile .count{display:inline-block;color:#a27618;font-size:29px;font-weight:880;margin-bottom:5px}
.selection-tile h3{margin:0 0 12px}
.selection-tile p{font-size:14px}
.essay-layout{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(235px,.8fr);gap:24px}
.essay-main{min-width:0}
.essay-main section{margin-bottom:28px}
.essay-main h2{margin-bottom:12px}
.essay-aside{align-self:start;position:sticky;top:145px;border-radius:13px;border:1px solid var(--border);background:#fff;padding:23px}
.essay-aside h3{margin-bottom:12px}
.essay-aside p{font-size:14px}
.note-box{border-radius:12px;border-left:4px solid #ffcd38;background:#fff6dc;padding:16px 19px;margin:19px 0;color:#494a43}
.note-box strong{color:#6c5016}
.scene-steps{display:grid;gap:13px}
.scene-step{display:grid;grid-template-columns:60px minmax(0,1fr);gap:14px;align-items:start;background:#fff;border:1px solid var(--border);border-radius:13px;padding:20px}
.scene-step>span{font-size:27px;color:#bb8c24;font-weight:890}
.scene-step h3{margin:0 0 8px}
.scene-step p{font-size:15px;margin:0}
.genre-section{margin-top:26px}
.genre-section>.media-frame{max-height:295px;height:clamp(185px,25vw,295px);margin-bottom:23px}
.channel-content{max-width:950px}
.channel-content>.content-unit{border:1px solid var(--border);border-radius:13px;padding:24px 26px;margin-bottom:18px;background:#fff}
.channel-content>.content-unit:nth-child(even){background:#fbf8ef}
.content-unit .section-no{color:#b17f15;font-weight:900;font-size:15px;letter-spacing:.13em}
.content-unit h2{margin:7px 0 10px}
.content-unit p{font-size:15px;line-height:1.88;margin:0 0 12px}
.content-unit p:last-child{margin-bottom:0}
.related{margin-top:38px;padding:28px;border-radius:13px;background:#f3e9cc;border:1px solid #e8d4a7}
.related>h2{font-size:20px;margin-bottom:16px}
.related-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.related-list>a{display:flex;min-height:98px;flex-direction:column;gap:6px;position:relative;background:#fff;border-radius:10px;padding:16px 28px 16px 15px;border:1px solid #ebdfc8}
.related-list>a>span{font-size:15px;font-weight:800;color:#2f3838}
.related-list>a>small{color:#667071;line-height:1.6}
.related-list>a>b{position:absolute;right:12px;top:14px;color:#a5770e}
.story-head{display:grid;grid-template-columns:minmax(210px,.66fr) minmax(0,1.34fr);gap:28px;align-items:stretch}
.story-head>.media-frame{min-height:360px}
.story-head>.media-frame .media-art{padding:26px}
.story-details{padding:26px 5px}
.story-details h1{margin:12px 0 12px}
.story-details .meta-line{justify-content:start;gap:10px;margin:14px 0 18px}
.story-details .lead{font-size:16px}
.story-details dl{display:grid;grid-template-columns:90px 1fr;gap:6px 15px;font-size:14px;line-height:1.7;margin:20px 0}
.story-details dt{font-weight:750;color:#6c746e}
.story-details dd{margin:0}
.story-details .btn{margin-top:5px}
.episode-list{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:13px;background:#fff;overflow:hidden}
.episode-list>li{display:grid;grid-template-columns:46px minmax(0,1fr) auto auto;gap:17px;align-items:center;padding:20px 22px;border-bottom:1px solid #ece8db}
.episode-list>li:last-child{border-bottom:0}
.ep-num{font-size:21px;color:#aa7821;font-weight:890}
.ep-copy{min-width:0}
.ep-copy strong{color:#293130;font-size:16px}
.ep-copy p{font-size:14px;line-height:1.72;color:#667171;margin:8px 0 0}
.ep-state{font-size:12px;font-weight:790;color:#966e29;white-space:nowrap}
.ep-state.ready{color:#427847}
.ep-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px 13px;border-radius:9px;font-weight:770;font-size:13px;background:#f8edd1;color:#4a3a1a;white-space:nowrap}
.ep-link:hover{background:#ffdfa4;color:#2b2f30}
.episode-list.compact li{grid-template-columns:44px minmax(0,1fr) auto auto;padding:14px 18px}
.episode-list.compact .ep-copy p{display:none}
.player-shell{background:#15191c;border-radius:15px;overflow:hidden;color:#fafaf5;border:1px solid #333a3e}
.player-canvas{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px 24px;background:radial-gradient(circle at 50% 15%,#363838,transparent 65%),#15191c}
.player-canvas h2{color:#fff;margin-top:15px}
.player-canvas p{max-width:620px;color:#d7dddd}
.player-canvas .video-wait-symbol{width:75px;height:75px;border:2px solid #727674;border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:30px;color:#ffe07a}
.player-shell video{display:block;width:100%;max-height:66vh;background:#000;object-fit:contain}
.player-foot{padding:22px 26px;border-top:1px solid #393f42}
.player-foot h1,.player-foot p{color:#fff}
.watch-switch{display:flex;gap:10px;flex-wrap:wrap;margin:21px 0}
.search-form{display:flex;gap:10px;margin:20px 0 26px;background:#fff;border-radius:12px;padding:8px;border:1px solid #ddd5c2}
.search-form input{flex:1;min-width:0;border:0;background:transparent;outline:0;padding:8px 12px;font-size:17px;color:#252b2d}
.search-form input:focus-visible{outline:2px solid #e8b236;border-radius:8px}
.search-form button{border:0;background:var(--yellow);min-height:48px;border-radius:9px;padding:9px 24px;font-weight:800;color:#222}
.search-chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 24px}
.search-chips>a{padding:9px 14px;background:#fff;border:1px solid #e1d3aa;border-radius:8px;font-size:13px;font-weight:750}
.search-chips>a[aria-current=page]{background:#ffdf80}
.search-result-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.text-story{border-radius:13px;padding:22px;border:1px solid var(--border);background:#fff}
.text-story h3{margin-bottom:7px}
.text-story p{font-size:14px;color:var(--muted);margin-top:11px}
.text-story>a{font-weight:800;color:#986912;font-size:14px}
.faq-list{display:grid;gap:12px}
.faq-list>article{background:#fff;border:1px solid var(--border);border-radius:13px;padding:23px 26px}
.faq-list h2{font-size:17px;margin-bottom:10px}
.faq-list p{margin:0;line-height:1.8;font-size:15px}
.mobile-feature{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center;gap:25px}
.mobile-feature .media-frame{height:340px;min-height:0}
.mobile-feature .media-frame>.media-art{padding:24px}
.mobile-feature .media-art>strong{font-size:29px}
.legal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.legal-grid .panel p{font-size:14px}
.fine-print{font-size:13px;color:#697171}
.site-footer{margin-top:58px;background:#15191c;color:#fafaf5;border-top:4px solid #ffcd38;padding:48px 0 80px}
.footer-body{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.6fr);gap:44px}
.footer-identity{font-size:14px;color:#cbd3d2;max-width:345px}
.footer-brand{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:24px;font-weight:880}
.footer-brand:hover{color:#ffdf77}
.footer-brand .brand-emblem{font-size:22px}
.footer-brand img{max-width:165px;max-height:36px;object-fit:contain}
.footer-en{font-size:12px;letter-spacing:.2em;color:#ffe07a;font-weight:800;margin:11px 0 20px}
.footer-symbol{font-size:12px;display:inline-block;padding:8px 12px;border:1px solid #7a753e;border-radius:8px;color:#ffdf77;margin-top:7px}
.footer-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.footer-link-grid>div{display:flex;flex-direction:column;gap:7px;min-width:0}
.footer-link-grid h2{color:#ffe07a;font-size:14px;margin:0 0 8px}
.footer-link-grid a{font-size:13px;color:#dae2df;line-height:1.75}
.footer-link-grid a:hover{color:#ffdd72}
.footer-legal{border-top:1px solid #3b4442;margin-top:36px;padding-top:20px;font-size:12px;color:#b9c4c0}
.footer-legal p{margin:0 0 8px}
.site-footer a:focus-visible{outline-color:#ffcd38}
@media(max-width:1120px){.nav-primary a{font-size:13px;padding:9px 6px}.head-actions{gap:2px}.brand-letter b{font-size:20px}.shell{width:min(var(--shell),calc(100% - 36px))}.spotlight-grid{grid-template-columns:1fr}.spotlight-side .show-card>.media-frame{height:160px}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.nav-primary{display:none}.head-row{gap:10px}.desktop-hint{display:none}.mobile-hint{display:inline}.brand-letter b{font-size:20px}.footer-body{grid-template-columns:1fr}.footer-identity{max-width:none}.intro-pair{grid-template-columns:1fr}.intro-pair>.media-frame{height:205px}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-split,.mobile-feature{grid-template-columns:1fr}.mobile-feature .media-frame{height:290px}.essay-layout{grid-template-columns:1fr}.essay-aside{position:static}.show-card.feature{grid-template-columns:1fr}.show-card.feature>.media-frame{height:215px;min-height:0}}
@media(max-width:760px){.shell{width:calc(100% - 32px)}.head-row{height:66px}.head-main{height:66px}.brand img{max-width:136px;max-height:32px}.brand-emblem{width:34px;height:34px;font-size:19px}.brand-letter b{font-size:19px}.brand-letter small{font-size:8px}.action-app{min-width:65px;height:44px;padding:0 8px}.head-actions{gap:2px}.topic-bar,.topic-row{height:44px}.topic-row{gap:15px}.topic-label{display:none}main{padding-bottom:66px}.site-footer{padding-bottom:100px}.mobile-bottom{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:70;background:#fff;border-top:1px solid #e1d8c3;padding:5px max(8px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));min-height:calc(58px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px rgba(40,36,26,.08)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:48px;gap:0;padding:4px;border-radius:9px;color:#555d5f}.mobile-bottom a>span{font-size:20px;height:24px;line-height:24px;font-weight:800}.mobile-bottom a small{font-size:12px}.mobile-bottom a[aria-current=page]{background:#ffcd38;color:#25292a}.hero{padding-top:16px}.hero-banner{height:200px}.hero-info{padding:23px 3px 0}.section{padding-top:34px}.section-head{align-items:start}.section-head h2{font-size:22px}.section-head>a{margin-top:28px}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-strip{grid-template-columns:1fr}.genre-band{grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.legal-grid{grid-template-columns:1fr}.related-list{grid-template-columns:1fr}.story-head{grid-template-columns:1fr}.story-head>.media-frame{height:245px;min-height:0}.story-details{padding:0}.selection-grid{grid-template-columns:1fr}.site-footer{margin-top:35px}.footer-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-link-grid>div{margin-bottom:12px}.search-result-list{grid-template-columns:1fr}.episode-list li,.episode-list.compact li{grid-template-columns:37px minmax(0,1fr) auto;gap:10px;padding:15px}.ep-state{grid-column:2 / -1;grid-row:2}.ep-link{grid-column:3;grid-row:1}.faq-list article{padding:20px}.intro-card{padding:23px}.scene-step{padding:16px;grid-template-columns:40px minmax(0,1fr)}}
@media(max-width:520px){.brand-letter small{display:none}.action-plain{min-width:44px;padding:7px}.action-app{font-size:12px}.hero-banner{height:180px}.hero-banner .media-art>strong{font-size:32px}.hero-info h1{font-size:28px}.hero-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hero-buttons .btn{font-size:13px;padding:9px 8px}.section-head{display:block}.section-head>a{display:inline-block;margin:6px 0 0}.explore-grid{gap:10px}.explore-tile{padding:16px;min-height:166px}.explore-tile h3{font-size:16px}.explore-tile p{font-size:13px}.grid-2,.grid-3,.grid-4,.spotlight-side,.bubble-grid,.process-grid,.people-grid{grid-template-columns:1fr}.show-card>.media-frame{height:185px}.spotlight-side .show-card>.media-frame{height:175px}.show-card.feature .show-body{padding:21px}.show-card.feature>.media-frame{height:205px}.panel{padding:21px}.feature-split>.media-frame{min-height:200px;max-height:255px}.related{padding:18px}.episode-list li,.episode-list.compact li{grid-template-columns:33px minmax(0,1fr);gap:9px}.ep-link{grid-column:2;grid-row:3;justify-self:start}.ep-state{grid-column:2;grid-row:2}.player-canvas{min-height:235px;padding:27px 19px}.search-form button{padding:9px 14px}.search-form input{font-size:15px}.footer-body{gap:23px}.footer-link-grid{gap:13px}.footer-link-grid h2{font-size:13px}.footer-link-grid a{font-size:13px}.lead{font-size:15px}.section{padding-top:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.margin-top-13{margin-top:13px}.margin-bottom-14{margin-bottom:14px}
.show-actions .text-link{min-height:44px}