:root{--primary:#6C63FF;--primary-soft:#A78BFA;--ink:#22232B;--muted:#6F7280;--deep:#171821;--bg:#F7F7FA;--soft:#ECECF3;--warm:#F59E5B;--white:#fff;--line:rgba(34,35,43,.11);--shadow:0 18px 50px rgba(23,24,33,.10);--radius:22px;--radius-sm:14px;--shell:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:min(var(--shell),calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;left:12px;top:12px;z-index:9999;background:var(--deep);color:#fff;padding:10px 14px;border-radius:10px;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:50;background:rgba(247,247,250,.90);backdrop-filter:blur(18px);border-bottom:1px solid rgba(34,35,43,.08)}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand img{width:42px;height:42px;object-fit:contain;border-radius:12px}.brand span{display:grid;line-height:1.15}.brand b{font-size:20px;letter-spacing:.02em}.brand small{font-size:11px;color:var(--muted);margin-top:5px}.site-nav{display:flex;align-items:center;gap:8px}.nav-link{padding:10px 14px;border-radius:12px;color:#4e505d;font-weight:650;font-size:15px}.nav-link:hover,.nav-link:focus-visible{background:var(--soft);color:var(--ink);outline:none}.nav-link.is-active{background:var(--deep);color:#fff}.menu-toggle{display:none;width:44px;height:44px;border:0;background:var(--soft);border-radius:12px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{width:20px;height:2px;background:var(--ink);border-radius:2px}.hero{padding:54px 0 30px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}.hero-copy{padding:28px 0}.eyebrow{margin:0 0 10px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.eyebrow.accent{color:var(--primary)}.eyebrow.light{color:#c8c6ff}.hero h1,.page-hero h1{font-size:clamp(40px,5vw,68px);line-height:1.08;letter-spacing:-.04em;margin:0;max-width:820px}.hero-lead,.page-hero p{font-size:18px;color:#555865;max-width:720px;margin:22px 0 0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:13px;font-weight:800;border:1px solid transparent;transition:.2s ease}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--primary);color:#fff;box-shadow:0 12px 28px rgba(108,99,255,.23)}.button.ghost{border-color:var(--line);background:#fff}.button.warm{background:var(--warm);color:#24180e}.button.ghost-light{border-color:rgba(255,255,255,.3);color:#fff}.hero-points{display:flex;flex-wrap:wrap;gap:18px;margin:28px 0 0;padding:0;list-style:none;color:var(--muted);font-size:14px}.hero-points li::before{content:"•";color:var(--warm);font-weight:900;margin-right:8px}.hero-visual{position:relative;border-radius:30px;overflow:hidden;background:var(--deep);box-shadow:var(--shadow);min-height:500px}.hero-visual>img{width:100%;height:100%;min-height:500px;object-fit:cover}.hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(23,24,33,.72))}.hero-badge{position:absolute;left:24px;right:24px;bottom:22px;z-index:2;padding:18px;border-radius:17px;background:rgba(255,255,255,.91);backdrop-filter:blur(10px);display:grid;gap:3px}.hero-badge strong{font-size:16px}.hero-badge span{font-size:13px;color:var(--muted)}.section{padding:76px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-heading h2,.dark-band h2,.editorial h2,.split-list h2,.official-feature h2,.web-feature h2,.cta-strip h2{font-size:clamp(28px,3.5vw,44px);line-height:1.16;letter-spacing:-.03em;margin:0}.text-link{font-weight:800;color:var(--primary)}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.media-grid.compact{grid-template-columns:repeat(3,1fr)}.media-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-width:0;box-shadow:0 9px 30px rgba(23,24,33,.045)}.media-cover{position:relative;aspect-ratio:16/10;background:var(--soft);overflow:hidden}.media-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.media-card:hover .media-cover img{transform:scale(1.025)}.play-dot{position:absolute;right:14px;bottom:14px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(23,24,33,.82);color:#fff;font-size:12px}.media-card-body{padding:18px}.media-card-body h3{margin:0 0 8px;font-size:19px}.media-card-body p:last-child{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.dark-band{background:var(--deep);color:#fff;padding:72px 0;margin:36px 0}.split-feature{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:54px}.split-feature p:not(.eyebrow){color:#bfc1cb;font-size:17px;max-width:600px}.split-feature img{width:100%;max-height:390px;object-fit:cover;border-radius:26px}.soft-panel{background:var(--soft);border-radius:32px;padding-left:36px;padding-right:36px}.topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.topic-card{display:grid;grid-template-columns:54px 1fr;gap:16px;background:#fff;border:1px solid rgba(34,35,43,.08);border-radius:18px;padding:22px}.topic-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(108,99,255,.11);color:var(--primary);font-weight:900}.topic-card h3{margin:0 0 7px;font-size:18px}.topic-card p{margin:0 0 10px;color:var(--muted);font-size:14px}.editorial{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}.editorial-image img{border-radius:26px;aspect-ratio:4/3;object-fit:cover}.editorial p:not(.eyebrow){color:var(--muted);font-size:17px}.inline-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.inline-links a{padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:700;font-size:14px}.faq-list{display:grid;gap:10px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 18px}.faq-list summary{cursor:pointer;font-weight:800;padding:18px 4px}.faq-list p{margin:0;padding:0 4px 20px;color:var(--muted)}.site-footer{margin-top:40px;background:var(--deep);color:#fff;padding:58px 0 20px}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:40px}.footer-brand{font-size:25px;font-weight:900}.footer-grid p{color:#aeb0ba;max-width:520px}.footer-grid nav{display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));gap:10px 24px}.footer-grid nav a{color:#d8d9df}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);margin-top:36px;padding-top:20px;color:#8e909b;font-size:13px}.page-hero{padding:46px 0 24px}.breadcrumb{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:13px;margin-bottom:28px}.breadcrumb a:hover{color:var(--primary)}.page-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center}.page-hero-grid img{border-radius:26px;aspect-ratio:16/11;object-fit:cover}.page-hero h1{font-size:clamp(36px,4.5vw,58px)}.genre-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.genre-grid article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.genre-grid span{font-weight:900;font-size:18px}.genre-grid p{margin:8px 0 0;color:var(--muted);font-size:14px}.split-list{display:grid;grid-template-columns:.78fr 1.22fr;gap:42px;align-items:start}.split-list>div:first-child{position:sticky;top:110px}.split-list>div:first-child p:not(.eyebrow){color:var(--muted)}.split-list img{border-radius:22px;margin-top:22px}.stack-list{display:grid;gap:12px}.stack-list article{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;display:grid;grid-template-columns:180px 1fr;gap:18px}.stack-list span{font-size:12px;color:var(--primary);font-weight:900}.stack-list h3{margin:4px 0 0}.stack-list p{margin:0;color:var(--muted)}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.guide-grid article{background:#fff;border-top:3px solid var(--primary-soft);padding:24px;border-radius:0 0 16px 16px}.guide-grid h3{margin:0 0 8px}.guide-grid p{margin:0;color:var(--muted)}.cta-strip{background:var(--deep);color:#fff;padding:46px 0}.cta-strip>.shell{display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-strip>.shell>div:last-child{display:flex;gap:10px}.identity-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}.identity-card{background:#fff;border:1px solid var(--line);padding:25px;border-radius:20px;display:grid;gap:8px}.identity-card.primary-card{background:linear-gradient(135deg,var(--deep),#26283b);color:#fff}.identity-card .label{font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);font-weight:800}.identity-card.primary-card .label{color:#b8b5ff}.identity-card strong{font-size:20px}.identity-card p{margin:0;color:var(--muted)}.identity-card.primary-card p{color:#c4c6d0}.identity-card a{color:var(--primary);font-weight:800;margin-top:4px}.official-feature,.web-feature{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.official-feature img,.web-feature img{border-radius:26px;aspect-ratio:4/3;object-fit:cover}.official-feature p:not(.eyebrow),.web-feature p:not(.eyebrow){color:var(--muted);font-size:17px}.check-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:9px}.check-list li{padding-left:28px;position:relative}.check-list li::before{content:'✓';position:absolute;left:0;color:var(--primary);font-weight:900}.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.device-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px}.device-no{font-size:12px;letter-spacing:.15em;color:var(--primary);font-weight:900}.device-grid h2{font-size:24px;margin:10px 0}.device-grid p{color:var(--muted);margin:0}.not-found{padding:100px 0 120px;max-width:800px;text-align:center}.nf-code{font-size:clamp(90px,17vw,180px);line-height:.8;font-weight:950;letter-spacing:-.08em;color:var(--soft);margin-bottom:28px}.not-found h1{font-size:44px;margin:0}.not-found>p:not(.eyebrow){color:var(--muted);font-size:18px}.not-found .hero-actions{justify-content:center}
@media(max-width:1040px){.media-grid{grid-template-columns:repeat(3,1fr)}.identity-grid{grid-template-columns:1fr 1fr}.identity-card.primary-card{grid-column:1/-1}.hero-grid{gap:30px}.hero h1{font-size:50px}.genre-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:819px){.shell{width:min(100% - 28px,var(--shell))}.header-inner{height:68px}.menu-toggle{display:flex}.site-nav{position:fixed;inset:69px 14px auto 14px;display:grid;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:10px;opacity:0;pointer-events:none;transform:translateY(-10px);transition:.2s ease}.site-nav.is-open{opacity:1;pointer-events:auto;transform:none}.nav-link{padding:13px 15px}.hero{padding-top:26px}.hero-grid,.page-hero-grid,.split-feature,.editorial,.official-feature,.web-feature,.split-list{grid-template-columns:1fr}.hero-visual{min-height:390px}.hero-visual>img{min-height:390px}.section{padding:56px 0}.dark-band{padding:56px 0}.media-grid,.media-grid.compact{grid-template-columns:repeat(2,1fr)}.topic-grid{grid-template-columns:1fr}.soft-panel{padding-left:20px;padding-right:20px;border-radius:22px}.split-list>div:first-child{position:static}.stack-list article{grid-template-columns:1fr}.cta-strip>.shell{align-items:flex-start;flex-direction:column}.device-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid nav{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.brand small{display:none}.hero h1,.page-hero h1{font-size:38px}.hero-lead,.page-hero p{font-size:16px}.hero-visual,.hero-visual>img{min-height:320px}.media-grid,.media-grid.compact,.genre-grid,.guide-grid,.identity-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.topic-card{grid-template-columns:42px 1fr;padding:18px}.topic-icon{width:40px;height:40px}.footer-bottom{flex-direction:column;gap:6px}.cta-strip>.shell>div:last-child{flex-wrap:wrap}.not-found{padding:76px 0}.not-found h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
:focus-visible{outline:3px solid rgba(108,99,255,.45);outline-offset:3px}

.catalogue .section-heading{align-items:flex-start}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.filter-button{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:999px;padding:9px 15px;font-weight:800;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.filter-button:hover,.filter-button:focus-visible{border-color:rgba(108,99,255,.45);color:var(--primary)}.filter-button.is-active{background:var(--deep);color:#fff;border-color:var(--deep)}.catalogue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.catalogue-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;min-width:0}.catalogue-card[hidden]{display:none}.catalogue-card img{width:120px;height:160px;object-fit:cover;border-radius:13px;background:var(--soft)}.catalogue-card>div{min-width:0}.catalogue-category{display:inline-block;font-size:11px;font-weight:900;color:var(--primary);letter-spacing:.08em;margin-bottom:5px}.catalogue-card h3{font-size:18px;line-height:1.35;margin:0 0 7px}.catalogue-card p{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 10px}.catalogue-card small{display:block;font-size:12px;color:#8a8c98;border-top:1px solid var(--line);padding-top:9px}.filter-status{min-height:1.5em;color:var(--muted);font-size:13px;margin:14px 2px 0}.scenario-section{padding-top:36px}.scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.scenario-grid article{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.scenario-grid article::after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;right:-24px;top:-24px;background:rgba(167,139,250,.12)}.scenario-grid h3{font-size:18px;margin:0 0 6px}.scenario-grid strong{display:block;color:var(--primary);font-size:13px;margin-bottom:8px}.scenario-grid p{margin:0;color:var(--muted);font-size:14px}.browser-tip-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.browser-tip-list article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.browser-tip-list h3{margin:0 0 8px;font-size:18px}.browser-tip-list p{margin:0;color:var(--muted);font-size:14px}.browser-notes{padding-bottom:22px}
@media(max-width:1120px){.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:819px){.filter-buttons{justify-content:flex-start}.catalogue-card{grid-template-columns:100px minmax(0,1fr)}.catalogue-card img{width:100px;height:138px}.browser-tip-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.catalogue-grid,.scenario-grid,.browser-tip-list{grid-template-columns:1fr}.catalogue-card{grid-template-columns:92px minmax(0,1fr)}.catalogue-card img{width:92px;height:128px}.filter-buttons{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.filter-button{padding-inline:10px}.filter-button:first-child{grid-column:span 1}}
@media(hover:hover){.catalogue-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.catalogue-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(23,24,33,.07);border-color:rgba(108,99,255,.18)}.scenario-grid article{transition:transform .2s ease}.scenario-grid article:hover{transform:translateY(-2px)}}
.nav-search{display:inline-flex;align-items:center;gap:5px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;font-weight:800;color:var(--muted);background:#fff}.nav-search:hover,.nav-search:focus-visible{color:var(--primary);border-color:rgba(108,99,255,.35);outline:none}.search-page{padding:46px 0 90px}.search-intro{max-width:780px}.search-intro h1{font-size:clamp(36px,5vw,58px);line-height:1.1;letter-spacing:-.04em;margin:0}.search-intro>p:not(.eyebrow){font-size:17px;color:var(--muted);margin:18px 0 0}.search-form{margin:34px 0 42px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}.search-form label{display:block;font-size:13px;font-weight:900;margin-bottom:8px}.search-form>div{display:grid;grid-template-columns:1fr auto;gap:10px}.search-form input{width:100%;min-width:0;height:50px;border:1px solid var(--line);background:var(--bg);border-radius:13px;padding:0 15px;color:var(--ink);outline:none}.search-form input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(108,99,255,.10)}.search-empty{background:var(--soft);border-radius:22px;padding:28px}.search-empty h2{margin:0 0 8px;font-size:24px}.search-empty p{color:var(--muted);max-width:720px}.search-suggestions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.search-suggestions a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:800}.search-suggestions a:hover{color:var(--primary)}.search-result-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.search-result-head h2{font-size:28px;margin:0}.search-result-head span{color:var(--muted);font-size:14px}.search-results{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.search-results article{display:grid;grid-template-columns:130px 1fr;gap:17px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px}.search-results img{width:130px;height:170px;object-fit:cover;border-radius:13px}.search-results article>div>span{font-size:11px;font-weight:900;letter-spacing:.1em;color:var(--primary)}.search-results h3{font-size:19px;margin:4px 0 8px}.search-results p{margin:0 0 10px;color:var(--muted);font-size:13px;line-height:1.65}.search-results small{display:block;border-top:1px solid var(--line);padding-top:9px;color:#888b97}.media-card,.topic-card,.identity-card,.device-grid article,.guide-grid article,.browser-tip-list article,.catalogue-card,.scenario-grid article,.search-results article{contain:layout paint}.media-cover img,.hero-visual img,.page-hero-grid img,.editorial-image img,.official-feature img,.web-feature img{background:linear-gradient(135deg,#e7e6f5,#f0edf8)}
@supports(selector(:has(*))){.faq-list details:has(summary:focus-visible){border-color:rgba(108,99,255,.45)}.catalogue:has(.filter-button[data-filter="电影"].is-active) .catalogue-card[data-category="电影"]{border-color:rgba(108,99,255,.18)}}
@media(max-width:819px){.nav-search{padding:13px 15px}.search-results{grid-template-columns:1fr}.search-form{margin-top:26px}.search-page{padding-top:32px}.site-nav .nav-search{justify-content:flex-start;border:0;background:var(--soft)}}
@media(max-width:520px){.search-form>div{grid-template-columns:1fr}.search-form .button{width:100%}.search-result-head{align-items:flex-start;flex-direction:column;gap:4px}.search-results article{grid-template-columns:96px 1fr}.search-results img{width:96px;height:132px}.search-results p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}
@media print{.site-header,.site-footer,.hero-actions,.filter-buttons,.nav-search,.menu-toggle,.cta-strip{display:none!important}body{background:#fff;color:#000}.shell{width:100%}.section,.page-hero,.search-page{padding:20px 0}.media-card,.catalogue-card,.topic-card,.identity-card,.guide-grid article,.search-results article{break-inside:avoid;box-shadow:none;border:1px solid #bbb}.hero-grid,.page-hero-grid,.editorial,.official-feature,.web-feature,.split-list{grid-template-columns:1fr}.hero-visual{min-height:0}.hero-visual>img{min-height:0}.dark-band{background:#fff;color:#000}.dark-band p,.eyebrow.light{color:#333}}
.discovery-notes{padding-top:48px}.note-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.note-grid article{display:flex;flex-direction:column;min-height:270px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;position:relative;overflow:hidden}.note-grid article::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-soft))}.note-grid article>span{font-size:11px;font-weight:900;letter-spacing:.08em;color:var(--primary);margin-bottom:8px}.note-grid h3{font-size:18px;line-height:1.4;margin:0 0 10px}.note-grid p{font-size:13px;line-height:1.75;color:var(--muted);margin:0 0 18px;flex:1}.note-grid a{font-size:13px;font-weight:850;color:var(--ink);display:inline-flex;align-items:center;gap:6px}.note-grid a b{color:var(--primary);transition:transform .2s ease}.note-grid a:hover b{transform:translateX(3px)}
.section+.discovery-notes{border-top:1px solid rgba(34,35,43,.06)}.discovery-notes .section-heading{margin-bottom:24px}.discovery-notes .section-heading h2{max-width:760px}.discovery-notes article:nth-child(4n+2){background:linear-gradient(180deg,#fff,#fbfaff)}.discovery-notes article:nth-child(4n+3){background:linear-gradient(180deg,#fff,#fcfcfe)}.discovery-notes article:nth-child(4n+4){background:linear-gradient(180deg,#fff,#fffaf7)}
@media(max-width:1100px){.note-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.note-grid article{min-height:255px}}
@media(max-width:819px){.note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.note-grid article{min-height:230px}}
@media(max-width:540px){.note-grid{grid-template-columns:1fr}.note-grid article{min-height:0}.discovery-notes{padding-top:32px}}
@media(prefers-contrast:more){:root{--line:rgba(34,35,43,.32)}.nav-link,.media-card-body p:last-child,.topic-card p,.genre-grid p,.guide-grid p,.catalogue-card p,.note-grid p{color:#4b4d57}.button.ghost,.inline-links a,.filter-button{border-width:2px}}
@media(forced-colors:active){.button,.nav-link,.filter-button,.topic-icon,.play-dot{forced-color-adjust:auto}.media-card,.topic-card,.catalogue-card,.scenario-grid article,.note-grid article{border:1px solid CanvasText}.eyebrow,.catalogue-category{color:LinkText}}
/* Navigation and content-density refinements */
@media(min-width:1200px){.media-grid .media-card:nth-child(1),.media-grid .media-card:nth-child(6){transform-origin:center}.catalogue-grid{align-items:stretch}.catalogue-card>div{display:flex;flex-direction:column}.catalogue-card small{margin-top:auto}.note-grid article{isolation:isolate}.section-heading>div{max-width:820px}}
@media(min-width:820px) and (max-width:1199px){.page-hero-grid{gap:30px}.page-hero-grid img{max-height:360px;width:100%}.footer-grid nav{align-content:start}.search-page .breadcrumb{margin-bottom:20px}}
@media(max-width:430px){.shell{width:min(100% - 22px,var(--shell))}.header-inner{height:64px}.brand img{width:38px;height:38px}.site-nav{inset:65px 10px auto 10px}.hero{padding-top:18px}.hero h1,.page-hero h1{font-size:34px}.hero-actions>.button{width:100%}.hero-points{display:grid;gap:7px}.hero-visual,.hero-visual>img{min-height:280px}.section{padding:46px 0}.section-heading h2,.dark-band h2,.editorial h2,.split-list h2,.official-feature h2,.web-feature h2,.cta-strip h2{font-size:30px}.media-card-body{padding:16px}.soft-panel{padding-left:14px;padding-right:14px}.topic-card{padding:16px}.catalogue-card{grid-template-columns:84px 1fr;padding:11px;gap:12px}.catalogue-card img{width:84px;height:118px}.catalogue-card h3{font-size:16px}.catalogue-card p{font-size:12px}.filter-buttons{grid-template-columns:repeat(2,1fr)}.search-results article{grid-template-columns:82px 1fr}.search-results img{width:82px;height:116px}.footer-grid nav{grid-template-columns:1fr 1fr}.footer-bottom{font-size:12px}}