:root{color-scheme:dark;--bg:#080A0D;--panel:#0D1015;--block:#12161C;--raised:#171C23;--hover:#1B2129;--text:#F5F7FA;--body:#C7CDD5;--muted:#9098A3;--blue:#5C7CFA;--bright:#6EA8FF;--ice:#8ED8FF;--border:rgba(255,255,255,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--body);font-size:16px;line-height:1.8}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}a:hover{color:var(--bright)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--ice);outline-offset:4px}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{color:var(--text);line-height:1.38}h1{font-size:clamp(28px,3.1vw,42px)}h2{font-size:clamp(23px,2.2vw,28px)}h3{font-size:19px}p{margin-bottom:16px}.container{width:min(1200px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;left:12px;top:-90px;z-index:300;background:#fff;color:#000;padding:8px}.skip-link:focus{top:12px}.site-header{position:relative;z-index:30}.brandbar{background:rgba(8,10,13,.96);border-bottom:1px solid var(--border)}.brandbar-inner{height:76px;display:flex;align-items:center;gap:26px}.brand{display:flex;flex:0 0 218px;align-items:center;gap:12px;min-width:0;color:var(--text);font-weight:bold;font-size:20px}.brand img{width:auto;height:auto;max-height:36px;max-width:110px;object-fit:contain}.brand small{font-size:9px;line-height:1.25;color:var(--muted);letter-spacing:.05em;font-weight:400;max-width:110px}.primary-nav{display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.45vw,22px);flex:1;white-space:nowrap}.primary-nav a{font-size:14px;padding:25px 0 23px;border-bottom:2px solid transparent}.primary-nav a.active{color:var(--bright);border-color:var(--bright)}.entry-button{height:42px;padding:0 20px;background:var(--blue);color:white!important;display:grid;place-items:center;border-radius:999px;font-size:14px;white-space:nowrap;flex:none}.entry-button:hover{background:#7390FF}.menu-toggle{display:none;border:0;background:transparent;width:40px;height:40px;flex:none;align-content:center;justify-items:center;gap:5px}.menu-toggle span{width:20px;height:2px;background:var(--text);display:block}.quickbar{height:45px;background:#10141A;border-bottom:1px solid var(--border)}.quickbar-inner{height:100%;display:flex;align-items:center}.quick-desktop{display:flex;gap:30px;overflow:auto;white-space:nowrap}.quick-desktop a,.quick-mobile a{font-size:14px;color:#B5BDCA}.quick-desktop a:hover,.quick-mobile a:hover{color:var(--bright)}.quick-mobile{display:none}.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:90;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.drawer{position:fixed;z-index:91;top:0;bottom:0;left:0;width:min(390px,86vw);background:var(--panel);overflow-y:auto;transform:translateX(-105%);visibility:hidden;pointer-events:none;transition:transform .25s,visibility .25s;padding:22px 22px 38px;box-shadow:20px 0 60px rgba(0,0,0,.2)}.menu-open .drawer-overlay{opacity:1;visibility:visible;pointer-events:auto}.menu-open .drawer{transform:none;visibility:visible;pointer-events:auto}.drawer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--border)}.drawer-brand{font-weight:bold;color:white}.drawer-brand img{max-height:34px;width:auto;max-width:150px}.drawer-close{border:1px solid var(--border);background:var(--raised);color:white;width:40px;height:40px;border-radius:10px;font-size:25px}.drawer section{padding:20px 0;border-bottom:1px solid var(--border)}.drawer h2{font-size:13px;color:var(--ice);letter-spacing:.12em;margin-bottom:12px}.drawer-links{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.drawer-links a{font-size:14px;padding:5px 0}.site-main{min-height:65vh}.crumb{font-size:13px;color:var(--muted);padding-top:28px}.crumb span{padding:0 8px;color:#5c6571}.page-head{max-width:870px;margin:44px 0 48px}.page-head h1{font-size:clamp(24px,3vw,35px);margin:12px 0 22px}.eyebrow,.section-index{font-size:12px;color:var(--bright);letter-spacing:.14em;font-weight:600}.lead{font-size:17px;line-height:1.86;color:var(--body);max-width:800px}.article-body{max-width:830px}.article-section{padding:0 0 34px;margin-bottom:42px;border-bottom:1px solid var(--border);scroll-margin-top:30px}.article-section h2{margin:8px 0 22px}.article-section p{line-height:1.88}.article-section p + p{margin-top:16px}.onpage-nav{float:right;width:285px;max-width:34%;margin:0 0 32px 36px;background:var(--block);border:1px solid var(--border);border-radius:14px;padding:22px}.onpage-nav strong{color:white}.onpage-nav ol{padding-left:20px;font-size:13px;line-height:2.2}.onpage-nav a{color:var(--body)}.onpage-nav a:hover{color:var(--bright)}.article-body:after{content:'';display:block;clear:both}.related{clear:both;border-top:1px solid var(--border);margin:68px 0 76px;padding-top:32px}.related h2{font-size:22px}.related-links{display:flex;flex-wrap:wrap;gap:12px}.related-links a,.link-pair a,.directory-links a,.utility-links a{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 17px;font-size:14px;color:var(--body);display:inline-flex;margin:0 8px 8px 0}.related-links a:hover,.link-pair a:hover,.directory-links a:hover{border-color:var(--bright);color:var(--bright)}.comparison-table{overflow:auto;margin-bottom:36px;max-width:840px}table{width:100%;border-collapse:collapse;background:var(--block);font-size:14px}caption{text-align:left;margin-bottom:10px;color:var(--muted)}th,td{padding:14px;border:1px solid var(--border);text-align:left}th{color:var(--text);background:var(--raised)}.media-frame{margin:18px 0 30px;max-width:100%;min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:80px;padding:10px}.media-frame img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center center}.media-normal{height:190px}.media-feature{height:265px;max-width:700px}.media-device{height:350px;max-width:290px;margin-inline:auto}.media-hero{height:300px;margin:0}.media-gallery{height:240px;margin:0}.media-placeholder{height:100%;min-height:96px;width:100%;display:grid;place-items:center;color:#596574;text-align:center;font-size:12px;letter-spacing:.05em}.media-pair{display:flex;gap:20px;max-width:820px}.media-pair>*{flex:1;min-width:0}.image-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.visual-tile{margin:0;min-width:0;border:1px solid var(--border);background:var(--block);border-radius:14px;overflow:hidden}.visual-tile .media-frame{border:0;border-radius:0;background:var(--panel);padding:12px}.visual-tile figcaption{padding:16px}.visual-tile figcaption strong{color:var(--text)}.visual-tile figcaption p{font-size:14px;margin:8px 0 0}.editorial-intro{max-width:800px;margin-bottom:28px}.faq-list{max-width:880px}.faq-list details{background:var(--block);border:1px solid var(--border);border-radius:12px;margin-bottom:10px;padding:0 20px}.faq-list summary{padding:18px 0;cursor:pointer;color:var(--text);font-weight:600}.faq-list details p{padding-bottom:18px;margin:0}.directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.directory-item{background:var(--block);border:1px solid var(--border);border-radius:14px;padding:26px;min-width:0}.directory-item h2{margin-top:10px}.directory-links{margin-top:20px}.utility-links{margin-top:35px;padding:26px;background:var(--block);border-radius:14px}.site-footer{background:#050608;border-top:1px solid var(--border);padding:56px 0 26px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:65px}.footer-brand img{height:auto;max-height:35px;max-width:140px;object-fit:contain}.footer-brand p{margin-top:15px;font-size:14px;max-width:320px;color:var(--muted)}.site-footer h2{font-size:16px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.footer-links a{font-size:13px;color:var(--muted)}.footer-bottom{margin-top:45px;border-top:1px solid var(--border);padding-top:22px;display:flex;gap:20px;justify-content:space-between;font-size:12px;color:var(--muted)}.back-top{position:fixed;right:24px;bottom:24px;width:42px;height:42px;background:var(--blue);border:0;border-radius:50%;color:white;font-size:22px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s}.back-top.visible{opacity:1;visibility:visible;pointer-events:auto}
/* Home: editorial composition */
.home-hero{display:grid;grid-template-columns:minmax(0,52fr) minmax(0,48fr);gap:35px;align-items:center;padding:60px 0 56px;border-bottom:1px solid var(--border)}.home-hero h1{font-size:clamp(28px,3.5vw,42px);max-width:600px;margin:16px 0 22px}.hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.86}.hero-actions,.link-pair{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}.hero-actions a{font-size:14px;padding-bottom:7px;border-bottom:1px solid var(--blue);color:var(--bright)}.hero-art{min-width:0}.home-section{padding:52px 0 16px}.section-top{max-width:810px;margin-bottom:30px}.section-top h2{margin:10px 0 12px}.section-top p{color:var(--muted)}.interest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.interest-grid a{display:block;border:1px solid var(--border);background:var(--block);border-radius:14px;padding:25px;min-width:0;transition:background .2s}.interest-grid a:hover{background:var(--hover)}.interest-grid span,.editorial-pair span{font-size:12px;color:var(--bright)}.interest-grid h3{margin:12px 0}.interest-grid p{font-size:15px;color:var(--body)}.interest-grid b{font-weight:normal;font-size:13px;color:var(--ice)}.split-feature{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);gap:60px;align-items:start}.split-feature.reverse{grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr)}.long-copy h2{margin:11px 0 24px}.long-copy p{max-width:740px}.inline-more{color:var(--bright);display:inline-block;border-bottom:1px solid var(--bright);padding-bottom:6px;margin-top:12px}.numbered-notes{padding:25px;background:var(--block);border:1px solid var(--border);border-radius:14px}.numbered-notes h3{font-size:18px;margin-bottom:22px}.numbered-notes>div{display:flex;gap:17px;padding-top:16px;border-top:1px solid var(--border)}.numbered-notes span{color:var(--ice);font-size:13px}.numbered-notes p{font-size:14px}.numbered-notes strong{color:var(--text)}.numbered-notes a{color:var(--bright)}.editorial-pair{display:grid;grid-template-columns:1fr 1fr;gap:45px}.editorial-pair article{border-top:1px solid var(--border);padding-top:23px}.editorial-pair h3{font-size:22px;margin:14px 0}.editorial-pair a{color:var(--bright);font-size:14px}.image-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.image-triptych figure,.visual-notes figure{min-width:0;margin:0}.image-triptych figcaption,.visual-notes figcaption{padding:5px 4px}.image-triptych strong{color:white}.image-triptych p,.visual-notes p{font-size:14px;color:var(--muted)}.culture-feature{display:grid;grid-template-columns:minmax(0,45fr) minmax(0,55fr);gap:40px;align-items:center}.culture-feature .media-frame{width:100%;margin:0;max-width:none}.culture-feature h2{margin-top:10px}.probability-feature{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:45px;padding-bottom:50px}.probability-feature>div:first-of-type{display:grid;grid-template-columns:1fr 1fr;gap:45px;max-width:1000px}.visual-notes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.visual-notes .media-frame{height:155px}.visual-notes figcaption span{font-size:13px;color:var(--bright)}.shelf a{display:grid;grid-template-columns:55px minmax(0,1fr) 175px;gap:20px;align-items:center;padding:19px 4px;border-top:1px solid var(--border)}.shelf a>span{color:var(--bright);font-size:15px}.shelf h3{margin:0 0 7px;font-size:18px}.shelf p{font-size:14px;color:var(--muted);margin:0}.shelf b{font-size:13px;color:var(--ice);font-weight:400;text-align:right}.mobile-feature{display:grid;grid-template-columns:300px minmax(0,1fr);align-items:center;gap:64px}.mobile-feature h2{margin-top:10px}.mobile-feature>.media-frame{margin:0}.closing-band{border-top:1px solid var(--border);margin:40px 0 50px;display:flex;align-items:center;justify-content:space-between;gap:28px}.closing-band>div:first-child{max-width:720px}.closing-band h2{margin-top:10px}.closing-band>div:last-child{display:flex;flex-wrap:wrap;gap:13px}.closing-band a{font-size:14px;color:var(--bright)}
@media(max-width:1100px){.brandbar-inner{gap:14px}.brand{flex-basis:190px}.brand small{display:none}.primary-nav{gap:12px}.primary-nav a{font-size:13px}}
@media(max-width:979px){.container{width:calc(100% - 40px)}.brandbar-inner{height:64px;justify-content:space-between;position:relative}.menu-toggle{display:grid}.primary-nav{display:none}.brand{position:absolute;left:50%;transform:translateX(-50%);flex:0 0 auto;justify-content:center;width:auto;max-width:calc(100% - 210px);white-space:nowrap}.brand img{max-height:28px;max-width:115px}.brand small{display:none}.entry-button{height:39px;padding:0 13px}.quickbar{height:44px}.quickbar-inner{overflow:hidden}.quick-desktop{display:none}.quick-mobile{display:flex;gap:25px;overflow-x:auto;width:100%;white-space:nowrap;scrollbar-width:none}.quick-mobile::-webkit-scrollbar{display:none}.quick-mobile a{flex:none}.home-hero{gap:24px}.split-feature{gap:32px}.media-hero{height:250px}.visual-notes{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{gap:24px}}
@media(max-width:767px){.container{width:calc(100% - 32px)}.page-head{margin:32px 0}.lead{font-size:16px}.crumb{padding-top:20px}.article-section{margin-bottom:30px;padding-bottom:26px}.onpage-nav{float:none;max-width:none;width:100%;margin:0 0 35px}.home-hero{grid-template-columns:minmax(0,1fr);padding:35px 0;gap:24px}.hero-art{grid-row:1}.hero-copy{grid-row:2}.home-hero h1{font-size:30px}.media-hero{height:205px}.home-section{padding-top:35px}.interest-grid,.editorial-pair,.split-feature,.split-feature.reverse,.culture-feature,.probability-feature>div:first-of-type,.directory-grid{grid-template-columns:minmax(0,1fr)}.editorial-pair,.split-feature{gap:22px}.image-triptych{grid-template-columns:repeat(2,minmax(0,1fr))}.image-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.media-feature{height:200px}.media-normal{height:155px}.media-gallery{height:180px}.media-device{height:340px;max-width:230px}.culture-feature{gap:20px}.mobile-feature{grid-template-columns:minmax(0,1fr);gap:20px}.mobile-feature>.media-frame{margin-inline:auto}.shelf a{grid-template-columns:35px 1fr;gap:13px}.shelf b{grid-column:2;text-align:left}.closing-band{display:block}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:10px}.media-pair{flex-direction:column}.image-triptych figure:last-child{grid-column:auto}}
@media(max-width:430px){.brandbar-inner{height:62px}.brand{max-width:calc(100% - 200px)}.brand img{max-width:98px;max-height:28px}.brand b{font-size:17px}.entry-button{padding:0 11px;font-size:12px}.menu-toggle{width:40px}.home-hero h1{font-size:28px}.home-hero p{font-size:15px}.image-triptych,.image-wall{grid-template-columns:minmax(0,1fr)}.visual-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.visual-notes .media-frame{height:125px}.media-hero{height:170px}.media-gallery{height:185px}.media-normal{height:145px}.media-feature{height:185px}.footer-links{grid-template-columns:1fr}.related-links{gap:6px}.related-links a{font-size:13px;padding:7px 12px}.drawer{width:min(86vw,340px)}}
@media(max-width:340px){.brand img{max-width:80px}.entry-button{font-size:11px;padding:0 9px}.visual-notes{grid-template-columns:minmax(0,1fr)}.visual-notes .media-frame{height:155px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}