/* Huangguo short drama / standalone responsive stylesheet */
:root{--yellow:#FFC83D;--yellow-soft:#FFF0B5;--yellow-pale:#FFF9E9;--orange:#F58A24;--orange-deep:#C65B0C;--gold:#DEA447;--coral:#E97866;--purple:#9787D8;--blue:#76ACC9;--mint:#72B9A1;--background:#FFFDF8;--surface:#fff;--surface-warm:#FFF8EC;--title:#292826;--body:#403D38;--muted:#706B62;--border:#EAE5DC;--dark:#242426;--dark-soft:#343337;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--background);color:var(--body);font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:4px}button{cursor:pointer}p{margin:0 0 1em}h1,h2,h3{color:var(--title);line-height:1.28;letter-spacing:-.025em;margin:0 0 .65em}h1{font-size:clamp(28px,4.3vw,50px)}h2{font-size:clamp(24px,2.7vw,32px)}h3{font-size:20px}img{max-width:100%;display:block}.container{width:min(100% - 64px,1300px);margin:auto}.skip-link{position:absolute;left:-100vw;top:6px;background:var(--yellow);padding:9px;z-index:200}.skip-link:focus{left:8px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:relative;z-index:50;background:#fff;box-shadow:0 1px 0 var(--border)}.header-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;color:#27231d;white-space:nowrap;font-size:22px}.brand img{width:125px;height:auto;max-height:48px;object-fit:contain}.brand-mark{width:37px;height:37px;background:var(--yellow);display:grid;place-items:center;border-radius:12px;box-shadow:inset -4px -4px 0 #f5a33d;font-size:23px}.desktop-nav{display:flex;align-items:center;gap:clamp(14px,2vw,32px);height:100%}.desktop-nav>a{display:flex;align-items:center;height:100%;font-size:15px;font-weight:650;white-space:nowrap;border-bottom:3px solid transparent}.desktop-nav>a[aria-current]{border-color:var(--orange);color:#9a4405}.desktop-nav>a:hover,.text-link:hover{color:var(--orange-deep)}.header-tools{display:flex;align-items:center;gap:16px}.search-action{font-weight:700;white-space:nowrap}.menu-button{display:none;border:0;background:transparent;font-size:25px}.category-strip{border-top:1px solid #f6f1e7;background:#fffdf7}.category-inner{display:flex;align-items:center;gap:28px;overflow-x:auto;scrollbar-width:none;white-space:nowrap;min-height:43px}.category-inner::-webkit-scrollbar{display:none}.category-inner a{font-size:13px;font-weight:650;color:#6d6154}.category-inner a:hover{color:var(--orange-deep)}.menu-shade{position:fixed;inset:0;background:#0008;z-index:80}.mobile-menu{position:fixed;z-index:90;right:0;top:0;bottom:0;background:#fff;box-shadow:-10px 0 30px #0002;padding:28px;width:min(330px,86vw);flex-direction:column;gap:12px}.mobile-menu:not([hidden]){display:flex}.mobile-menu a{padding:11px 7px;border-bottom:1px solid var(--border);font-weight:650}.menu-close{align-self:flex-end;background:var(--yellow-pale);border:0;border-radius:50%;height:38px;width:38px;font-size:27px}.menu-open{overflow:hidden}.bottom-nav{display:none}.hero{background:linear-gradient(118deg,#fffbeb,#fff5d9 54%,#ffecd3);padding:46px 0 52px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}.hero-copy h1{font-size:clamp(37px,4.3vw,58px);font-weight:850;letter-spacing:-.04em;line-height:1.19;margin:20px 0}.hero-copy h1 em{font-style:normal;color:#bc5c12}.hero-copy p{font-size:17px;max-width:510px;color:#584f43}.pill{display:inline-flex;align-items:center;padding:6px 14px;border-radius:99px;background:#ffe5a1;color:#8d4706;font-size:12px;font-weight:800;letter-spacing:.045em}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.btn{border:1px solid transparent;background:var(--yellow);color:#302514;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 21px;min-height:46px;border-radius:12px;font-weight:800;font-size:14px;transition:transform .2s,background .2s}.btn:hover{background:#fdb624;transform:translateY(-1px)}.btn-outline{background:transparent;border-color:#dbbc7f}.btn-outline:hover{background:#fff0c5}.btn-light{background:#ffe2a0}.hero-note{font-size:13px;color:#7b6346}.hero-note strong{font-size:19px;color:#b75a13}.hero-note span{margin:0 8px}.hero-visual{position:relative;min-height:370px}.media-box{position:relative;width:100%;height:100%;min-height:120px;background:linear-gradient(135deg,#f4d289,#f2bb74 48%,#b7c8dc);overflow:hidden;isolation:isolate}.media-box img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.media-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;color:#6f4d23;font-weight:900;letter-spacing:.08em;font-size:clamp(16px,2vw,26px);opacity:.68}.media-box:has(img) .media-fallback{display:none}.hero-media{border-radius:24px;min-height:370px;aspect-ratio:1.55;background:linear-gradient(135deg,#c87d39,#e7ad66 46%,#364455)}.hero-media .media-fallback{color:#fff;opacity:.78}.hero-float{position:absolute;z-index:3;right:-15px;bottom:-17px;background:#fff;border-radius:15px;padding:16px 22px;box-shadow:0 14px 32px #4b2d192a;width:240px;display:flex;flex-direction:column;line-height:1.5}.hero-float small,.hero-float span{color:var(--muted);font-size:12px}.hero-float strong{font-size:20px}.hero-float a{font-weight:800;color:var(--orange-deep);margin-top:7px;font-size:13px}.section{padding-top:72px;padding-bottom:16px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.section-title h2{margin:2px 0 0}.section-title>p{max-width:370px;font-size:14px;color:var(--muted);margin:0}.kicker{font-size:11px;letter-spacing:.16em;font-weight:850;color:#ac641d;text-transform:uppercase}.text-link{font-weight:800;color:#9b4c0f;font-size:14px;white-space:nowrap}.genre-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.genre{min-height:122px;padding:17px 20px;border-radius:15px;background:var(--genre-bg);display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s}.genre:hover{transform:translateY(-4px)}.genre-number{font-size:12px;opacity:.52;font-weight:800}.genre strong{font-size:19px;color:#342e28}.genre small{font-size:12px;color:#715b49}.feature-panel{display:grid;grid-template-columns:.42fr .58fr;overflow:hidden;border-radius:22px;background:#fff2d4}.feature-media{aspect-ratio:1.1;min-height:365px}.feature-copy{padding:clamp(23px,4vw,65px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.feature-copy h3{font-size:clamp(27px,3vw,39px);margin:20px 0}.feature-copy p{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.feature-copy .btn{margin-top:14px}.cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.drama-card{min-width:0}.card-image{display:block}.card-image .media-box{aspect-ratio:2/3;border-radius:14px;transition:transform .2s}.card-image:hover .media-box{transform:translateY(-3px)}.card-copy{padding:14px 1px}.eyebrow{font-size:12px;color:#a45b17;font-weight:750}.card-copy h3{font-size:18px;margin:6px 0 7px}.card-copy p{font-size:13px;color:var(--muted);line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:62px}.wide-dark{background:#26252a;color:#f7f2e7;margin-top:64px;padding:65px 0}.wide-dark h2,.wide-dark h3{color:#fff4d5}.wide-dark .kicker{color:#ffca74}.split-editorial{display:grid;grid-template-columns:1fr .78fr;gap:80px;align-items:center}.split-editorial h2{font-size:clamp(28px,3vw,42px);margin:14px 0 25px}.split-editorial p{color:#d5d0ca;max-width:580px}.editorial-index{background:#38363b;padding:30px;border-radius:18px}.editorial-index>span{font-size:12px;color:#c8bdb0}.editorial-index h3{margin:14px 0 23px}.editorial-index a{border-top:1px solid #676069;display:flex;justify-content:space-between;padding:13px 0}.story-world{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.story-world article{background:white;border:1px solid var(--border);padding:28px;border-radius:16px}.story-world article:nth-child(2){background:#f7f1ff}.story-world article:nth-child(3){background:#ebf6f6}.tiny-label{color:#a06736;font-size:12px;font-weight:800}.story-world h3{margin:17px 0}.story-world p{color:var(--muted);font-size:14px;margin:0}.lab-band{margin-top:75px;background:#fff2df;padding:60px 0}.lab-layout{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.lab-media{min-height:305px;aspect-ratio:16/10;border-radius:20px;background:linear-gradient(135deg,#f7c76c,#9bc7dd)}.lab-layout h2{margin:12px 0 18px}.lab-tags{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.lab-tags span{background:#fff;border:1px solid #e9d8c4;padding:5px 12px;border-radius:90px;font-size:12px}.triple-feature{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.triple-feature article{border-top:4px solid var(--orange);background:#fff;padding:25px 25px 30px;border-radius:0 0 15px 15px}.triple-feature article:nth-child(2){border-color:var(--purple)}.triple-feature article:nth-child(3){border-color:var(--blue)}.triple-feature p{font-size:14px;color:var(--muted)}.triple-feature a{font-size:13px;color:var(--orange-deep);font-weight:800}.article-teasers{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.article-teasers a{display:block;background:#fff;border:1px solid var(--border);border-radius:16px;padding:25px}.article-teasers span{font-size:12px;color:#a05a15}.article-teasers h3{margin:10px 0}.article-teasers p{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.article-teasers strong{color:var(--orange-deep);font-size:13px}.theme-mini{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.theme-mini a{display:grid;grid-template-columns:45px 1fr 25px;column-gap:14px;align-items:center;padding:20px;border:1px solid var(--border);border-radius:14px;background:white}.theme-mini span{font-weight:900;color:var(--orange-deep);grid-row:span 2}.theme-mini strong{font-size:17px}.theme-mini small{grid-column:2;font-size:13px;color:var(--muted)}.theme-mini b{grid-column:3;grid-row:1/3;color:#a66323}.discovery{display:grid;grid-template-columns:1fr .95fr;gap:50px;align-items:center;padding-top:54px;padding-bottom:54px;margin-top:66px;background:#fff4d8;border-radius:24px;padding-left:45px;padding-right:45px}.discovery p{max-width:420px}.discovery-form label,.search-form label{display:block;font-size:13px;font-weight:800;margin-bottom:10px}.discovery-form>div,.search-form>div{display:flex;background:#fff;padding:5px;border:1px solid var(--border);border-radius:12px}.discovery-form input,.search-form input{min-width:0;width:100%;border:0;outline:none;padding:12px;background:transparent}.discovery-form button,.search-form button{border:0;border-radius:9px;background:var(--yellow);font-weight:800;padding:10px 18px;white-space:nowrap}.service-ribbon{display:flex;gap:30px;align-items:center;justify-content:space-between;padding-bottom:80px}.service-ribbon p{font-size:14px;color:var(--muted);max-width:700px}.site-footer{background:var(--dark);color:#f8f5ec;margin-top:60px;padding-top:58px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding-bottom:35px}.footer-brand{font-size:25px;font-weight:900;color:var(--yellow)}.footer-brand span{color:#fff}.footer-grid p{max-width:450px;color:#c2bcb4;font-size:13px;margin-top:10px}.footer-grid h3{color:#f6ebd3;font-size:16px}.footer-grid a{display:block;font-size:13px;margin:9px 0;color:#d8d0c5}.footer-bottom{padding:15px 0;border-top:1px solid #494549;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#bfbab5}.back-top{position:fixed;bottom:26px;right:20px;z-index:40;background:#ffca41;border:0;border-radius:50%;width:42px;height:42px;font-size:24px;opacity:0;pointer-events:none;box-shadow:0 5px 20px #0002}.back-top.visible{opacity:1;pointer-events:auto}.page-space{padding-top:46px;padding-bottom:36px}.page-intro{max-width:840px;margin-bottom:39px}.page-intro h1{font-size:clamp(32px,4.2vw,54px);margin:13px 0 16px}.page-intro p{font-size:17px;color:var(--muted);max-width:760px}.filter-panel{background:#fff;padding:25px 27px;border:1px solid var(--border);border-radius:18px;margin-bottom:32px}.filter-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.filter-top span,.result-count{font-size:13px;color:var(--muted)}.filters{display:flex;gap:9px;flex-wrap:wrap}.filters a{border:1px solid #e8e1d5;border-radius:90px;background:#fffdf7;padding:7px 13px;font-size:13px;font-weight:700}.filters a[aria-current]{background:#ffd46a;border-color:#ffd46a;color:#513300}.sort-form{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:17px;font-size:13px}.sort-form select{padding:7px 11px;border-radius:9px;border:1px solid var(--border);background:#fff}.library-highlight{display:grid;grid-template-columns:.32fr .68fr;gap:30px;align-items:center;background:#eaf4f8;border-radius:18px;padding:20px;margin-bottom:43px}.highlight-media{aspect-ratio:1.4;border-radius:13px;min-height:190px}.library-highlight h2{margin:10px 0}.library-highlight p{font-size:14px}.pagination{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin:38px 0}.pagination a{padding:6px 13px;border-radius:8px;border:1px solid var(--border);background:#fff}.pagination a[aria-current]{background:var(--yellow);border-color:var(--yellow);font-weight:800}.info-callout{background:#fff3da;padding:25px 30px;border-radius:15px;margin:32px 0}.info-callout h2,.info-callout h3{font-size:21px}.info-callout a{color:var(--orange-deep);font-weight:800}.info-callout p{font-size:14px}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:27px}.breadcrumbs a:hover{color:var(--orange-deep)}.detail-header{display:grid;grid-template-columns:.34fr .66fr;gap:42px;align-items:center;border-bottom:1px solid var(--border);padding-bottom:46px}.detail-poster{aspect-ratio:2/3;border-radius:20px;min-height:310px}.detail-copy h1{font-size:clamp(30px,4vw,52px);margin:17px 0}.detail-lead{font-size:17px;color:#615950}.detail-facts{display:flex;gap:23px;flex-wrap:wrap;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:13px 0;margin:24px 0}.detail-facts span{font-size:12px;color:var(--muted)}.detail-facts strong{display:block;font-size:14px;color:var(--title)}.status-note{background:#fff8e9;border-left:3px solid #eda844;padding:12px 16px;font-size:13px}.reading-columns{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:60px;align-items:start;margin-top:48px}.reading-block{margin-bottom:51px;scroll-margin-top:30px}.reading-block h2{margin:7px 0 18px}.reading-block>p{max-width:800px;line-height:1.95}.character-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.character-grid article{background:white;border:1px solid var(--border);padding:25px;border-radius:15px}.avatar-letter{width:55px;height:55px;border-radius:50%;background:#f8ddac;display:grid;place-items:center;font-size:22px;font-weight:900;color:#855000}.character-grid h3{margin:15px 0 5px}.character-grid p,.character-grid small{color:var(--muted);font-size:13px}.episode-list{border-top:1px solid var(--border)}.episode-list details{border-bottom:1px solid var(--border)}.episode-list summary{padding:17px 8px;display:flex;align-items:center;gap:20px;cursor:pointer;list-style:none}.episode-list summary::-webkit-details-marker{display:none}.episode-list summary span{color:var(--orange-deep);font-size:12px;min-width:57px;font-weight:850}.episode-list summary strong{flex:1}.episode-list summary b{font-size:23px;font-weight:400}.episode-list details[open] summary b{transform:rotate(45deg)}.episode-list details p{margin:0;padding:0 12px 21px 84px;font-size:14px;color:var(--muted)}.subtle{font-size:14px;color:var(--muted)}.sidebar-card{background:#fff;border:1px solid var(--border);padding:22px;border-radius:15px;margin-bottom:15px}.sidebar-card h3{font-size:18px}.sidebar-card dl{display:grid;grid-template-columns:75px 1fr;gap:12px;font-size:13px}.sidebar-card dt{color:var(--muted)}.sidebar-card dd{margin:0;font-weight:700}.sidebar-card>a{display:block;font-size:13px;padding:9px 0;border-top:1px solid var(--border)}.theme-hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;background:#fff3da;padding:30px;border-radius:20px}.theme-hero h1{margin:14px 0}.theme-hero-image{aspect-ratio:16/10;border-radius:15px;min-height:260px}.theme-reading{max-width:900px;margin:55px auto}.theme-reading>p{font-size:17px;line-height:2}.theme-reading h2{margin:30px 0 18px}.theme-work-list a{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--border);padding:23px 4px;align-items:center}.theme-work-list a span{font-size:12px;color:#a45f12}.theme-work-list a h3{margin:4px 0}.theme-work-list a p{font-size:13px;color:var(--muted);margin:0}.theme-work-list a strong{font-size:12px;white-space:nowrap;color:var(--orange-deep)}.theme-list{display:grid;gap:25px}.theme-entry{display:grid;grid-template-columns:.44fr .56fr;gap:32px;align-items:center;background:white;border:1px solid var(--border);border-radius:18px;padding:17px}.theme-entry:nth-child(even){background:#fffaf0}.theme-entry-media{aspect-ratio:16/9;min-height:230px;border-radius:13px}.theme-entry h2{margin:11px 0}.theme-entry p{font-size:14px;color:var(--muted)}.theme-preview{font-size:13px!important}.studio-feature{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:#eef7f7;border-radius:20px;padding:22px}.studio-cover{aspect-ratio:16/10;border-radius:14px;min-height:270px}.knowledge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.knowledge-grid a{position:relative;background:#fff;border:1px solid var(--border);border-radius:15px;padding:28px}.knowledge-grid a:nth-child(3n+2){background:#fff8ea}.knowledge-grid .article-number{position:absolute;top:21px;right:23px;font-weight:900;color:#e4ca9c}.knowledge-grid h3{margin:14px 25px 10px 0}.knowledge-grid p{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.knowledge-grid strong{font-size:13px;color:var(--orange-deep)}.knowledge-reading{max-width:815px;margin:0 auto}.knowledge-reading h1{font-size:clamp(32px,4vw,48px);margin:15px 0 25px}.knowledge-lead{font-size:18px;color:#66594a;border-left:4px solid var(--yellow);padding-left:18px;margin-bottom:35px}.knowledge-reading h2{font-size:24px;margin:34px 0 15px}.knowledge-reading p{line-height:2}.search-form{max-width:820px}.search-form>div{box-shadow:0 5px 25px #0000000a}.search-filter{margin-top:24px}.search-results{max-width:950px}.search-results article{border-top:1px solid var(--border);padding:22px 0}.search-results h3{margin:6px 0}.search-results p{font-size:14px;color:var(--muted);max-width:800px}.search-suggestions{padding:45px 0}.empty{background:#fff8e8;border-radius:18px;padding:45px 25px;text-align:center}.empty p{color:var(--muted)}.about-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:70px;align-items:start}.about-toc{position:sticky;top:25px;display:flex;flex-direction:column;border-left:2px solid var(--border);padding-left:18px}.about-toc a{font-size:13px;padding:9px 0}.about-toc a:hover{color:var(--orange-deep)}.about-body{max-width:850px}.about-body section{margin:0 0 55px;scroll-margin-top:25px}.about-body section p{line-height:1.95}.about-body details{padding:14px 0;border-bottom:1px solid var(--border)}.about-body summary{cursor:pointer;font-weight:800}.about-body details p{padding:10px;color:var(--muted)}.about-body code{background:#fff0cb;padding:1px 4px;border-radius:4px;font-size:13px}@media(max-width:1050px){.desktop-nav{gap:15px}.container{width:min(100% - 42px,1300px)}.cards-grid{gap:15px}.hero-grid{gap:24px}.reading-columns{gap:30px}.split-editorial{gap:40px}}@media(max-width:800px){.desktop-nav{display:none}.menu-button{display:block}.search-action span{display:none}.hero-grid,.lab-layout,.split-editorial,.discovery,.studio-feature{grid-template-columns:1fr}.hero-visual{min-height:280px}.hero-media{min-height:300px}.hero{padding:33px 0}.hero-copy h1{font-size:38px}.genre-grid{grid-template-columns:repeat(4,1fr)}.genre{padding:13px;min-height:107px}.genre strong{font-size:15px}.cards-grid{grid-template-columns:repeat(3,1fr)}.feature-panel{grid-template-columns:1fr 1fr}.feature-copy{padding:23px}.feature-media{min-height:300px}.story-world{gap:10px}.story-world article{padding:18px}.reading-columns{grid-template-columns:1fr}.detail-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.about-layout{grid-template-columns:1fr;gap:25px}.about-toc{position:static;flex-direction:row;flex-wrap:wrap;gap:10px;border-left:0;padding:0}.about-toc a{background:#fff3da;border-radius:30px;padding:5px 12px}.theme-hero{grid-template-columns:1fr}.theme-entry{gap:20px}.service-ribbon{padding-bottom:30px}}@media(max-width:600px){.container{width:calc(100% - 34px)}body{font-size:15px}.header-inner{height:66px}.brand{font-size:19px}.category-inner{gap:19px}.category-strip{min-height:42px}.section{padding-top:49px}.section-title{align-items:start;flex-direction:column;gap:8px}.section-title p{font-size:13px}.hero-copy h1{font-size:34px}.hero-copy p{font-size:15px}.hero-visual{min-height:225px;margin-bottom:18px}.hero-media{aspect-ratio:16/10;min-height:235px}.hero-float{right:8px;bottom:-25px;width:205px;padding:11px 16px}.hero-float strong{font-size:16px}.genre-grid{grid-template-columns:repeat(2,1fr)}.genre{min-height:94px}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.card-copy h3{font-size:16px}.card-copy p{font-size:12px;min-height:59px}.card-copy .text-link{font-size:12px}.feature-panel{grid-template-columns:1fr}.feature-media{aspect-ratio:16/10;min-height:230px}.feature-copy{padding:23px}.wide-dark{padding:45px 0}.editorial-index{padding:20px}.story-world,.triple-feature,.article-teasers,.theme-mini,.knowledge-grid{grid-template-columns:1fr}.lab-band{padding:42px 0}.lab-layout{gap:24px}.lab-media{min-height:230px}.discovery{padding:27px 19px;margin-top:50px;gap:20px}.discovery h2{font-size:27px}.discovery-form>div,.search-form>div{flex-wrap:wrap}.discovery-form button,.search-form button{width:100%}.service-ribbon{align-items:start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:5px}.site-footer{padding-bottom:65px}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:45;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -4px 20px #0001;padding:8px 0 max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--border)}.bottom-nav a{text-align:center;font-size:12px;font-weight:800;padding:6px 1px}.back-top{bottom:78px}.page-space{padding-top:33px}.page-intro p{font-size:15px}.filter-panel{padding:18px}.filter-top{align-items:start;flex-direction:column;gap:4px}.filters{gap:7px}.library-highlight{grid-template-columns:1fr}.highlight-media{aspect-ratio:16/8;min-height:180px}.detail-header{grid-template-columns:1fr;gap:25px}.detail-header>.media-box,.detail-poster{max-width:320px;min-height:290px}.detail-copy h1{font-size:32px}.detail-facts{gap:17px}.character-grid{grid-template-columns:1fr}.episode-list summary{gap:9px}.episode-list details p{padding-left:12px}.detail-sidebar{grid-template-columns:1fr}.theme-entry{grid-template-columns:1fr}.theme-entry-media{min-height:195px}.theme-hero{padding:18px}.theme-hero-image{min-height:185px}.theme-work-list a{align-items:start;flex-direction:column;gap:8px}.studio-feature{padding:14px}.studio-cover{min-height:190px}.about-toc strong{width:100%}}@media(max-width:370px){.container{width:calc(100% - 30px)}.brand{font-size:18px}.hero-copy h1{font-size:31px}.card-copy h3{font-size:15px}.btn{padding:10px 14px}.hero-float{width:190px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}