@charset "UTF-8";
:root{color-scheme:dark;--bg:#0b111a;--panel:#111b28;--line:#263344;--text:#edf4fa;--muted:#a6b5c5;--blue:#41c5e8;--blue-bg:#143447;--max:1200px;font-family:Inter,"Segoe UI Variable","Segoe UI",system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:5px}button:disabled{cursor:default;opacity:.3}.wrap{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.skip{position:fixed;left:20px;top:-100px;z-index:100;padding:10px 16px;background:var(--blue);color:#06151c}.skip:focus{top:12px}
.site-header{height:90px;max-width:1440px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.wordmark{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:650;letter-spacing:-.8px}.mark{display:inline-grid;place-items:center;position:relative;width:34px;height:34px;border:1px solid #6c91ac;font-size:24px;color:var(--blue);line-height:1}.mark span{position:absolute;right:-5px;top:-6px;background:var(--bg);font-size:15px;padding:0 2px}.site-header nav{display:flex;gap:30px;font-size:13px;color:#c5d1dc}.site-header nav a:hover{color:var(--blue)}.header-note{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.header-note i,.live-dot{display:inline-block;width:6px;height:6px;background:var(--blue);border-radius:50%;flex-shrink:0}
.overview{padding-top:86px;padding-bottom:38px}.eyebrow,.section-number,.image-toolbar{font-size:10px;font-weight:650;letter-spacing:2px;line-height:1.5}.eyebrow{color:var(--blue);display:flex;align-items:center;gap:12px}.rule{width:30px;height:1px;background:var(--blue)}h1,h2,h3,p{margin:0}h1{font-size:clamp(48px,7.2vw,96px);font-weight:580;line-height:1.05;letter-spacing:-5px;margin:27px 0 31px}h1>span{color:#839bb2}.intro-row{display:flex;align-items:flex-end;justify-content:space-between;gap:64px}.summary{max-width:760px;font-size:17px;line-height:1.75;color:#bfcedb}.jump-link{white-space:nowrap;font-size:12px;border-bottom:1px solid #4b6a83;padding-bottom:8px}.jump-link span{font-size:20px;margin-left:18px;color:var(--blue)}.jump-link:hover{color:var(--blue)}.facts{display:flex;gap:0;flex-wrap:wrap;margin-top:32px;color:#8fa6ba;font-size:10px;letter-spacing:.4px}.facts span+span:before{content:"/";margin:0 20px;color:#466174}
.hero-view{margin-top:15px}.image-toolbar{display:flex;justify-content:space-between;align-items:center;height:41px;padding:0 14px;border:1px solid var(--line);border-bottom:0;background:#0d1722;color:#a8bacb;letter-spacing:1px}.image-toolbar>span:first-child{display:flex;align-items:center;gap:9px}.image-toolbar b{color:#55738b;font-weight:400;padding:0 12px}.hero-image{display:block;padding:0;border:1px solid var(--line);position:relative;width:100%;background:#05070e;overflow:hidden}.hero-image img{display:block;width:100%;height:auto}.enlarge-tag{position:absolute;right:12px;bottom:12px;background:#101d2cf2;padding:6px 11px;border:1px solid #4e6c84;font-size:10px;opacity:0;transform:translateY(5px);transition:.18s}.enlarge-tag span{margin-left:10px;color:var(--blue)}.hero-image:hover .enlarge-tag,.hero-image:focus-visible .enlarge-tag{opacity:1;transform:none}.image-note{margin-top:10px;font-size:10px;color:#7b91a5}
.chapter{padding-top:110px;padding-bottom:0}.section-top{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:20px;margin-bottom:34px;gap:20px}.section-number{color:var(--blue);letter-spacing:1.8px}.section-count{font-size:11px;color:#8ea4b8}h2{font-size:clamp(32px,4vw,52px);font-weight:550;line-height:1.15;letter-spacing:-1.9px}.section-intro{max-width:620px;margin-top:20px;color:var(--muted);font-size:15px;line-height:1.75}
.explorer{margin-top:38px;border:1px solid var(--line);background:#0d1622;display:grid;grid-template-columns:216px minmax(0,1fr)}.explorer-nav{padding:12px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:5px}.nav-label{padding:8px 12px 14px;color:#69839c;font-size:9px;letter-spacing:1.5px;text-transform:uppercase}.component-tab{border:1px solid transparent;background:transparent;text-align:left;padding:13px 11px;display:flex;align-items:center;gap:10px;border-radius:2px;font-size:12px;color:#9fb1c4;line-height:1.4}.component-tab .tab-icon{width:22px;font-size:19px;text-align:center;color:#6e93af;line-height:1.2}.component-tab .tab-arrow{margin-left:auto;opacity:0;color:var(--blue)}.component-tab:hover{background:#132233;color:#eef5fc}.component-tab[aria-selected=true]{background:#143448;border-color:#255776;color:#f1f8fd}.component-tab[aria-selected=true] .tab-icon{color:var(--blue)}.component-tab[aria-selected=true] .tab-arrow{opacity:1}.explorer-main{min-width:0;padding:30px}.component-kicker{color:#6994b4;font-size:9px;letter-spacing:1.6px;font-weight:650}.component-title{font-size:29px;font-weight:550;letter-spacing:-.9px;line-height:1.2;margin-top:8px}.component-description{margin-top:12px;color:#acbece;font-size:13px;line-height:1.8;max-width:780px;min-height:70px}.component-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.component-tags span{border:1px solid #2b3e52;padding:2px 7px;font-size:9px;color:#8eabc1;letter-spacing:.2px}.view-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:25px 0 12px}.view-tab{border:1px solid transparent;padding:5px 10px;background:transparent;font-size:10px;color:#96aec3;border-radius:2px}.view-tab:hover{color:#f5f8fa;border-color:#466278}.view-tab[aria-selected=true]{border-color:#39607d;color:#cfedfa;background:#183047}.screen-button{display:flex;align-items:center;justify-content:center;width:100%;height:470px;background:#080e15;border:1px solid #27394b;padding:18px;position:relative;overflow:hidden}.screen-button img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;box-shadow:0 6px 28px #0007}.screen-button .enlarge-tag{right:9px;bottom:9px}.screen-button:hover .enlarge-tag,.screen-button:focus-visible .enlarge-tag{opacity:1;transform:none}.screen-caption{display:flex;align-items:flex-start;gap:20px;justify-content:space-between;margin-top:12px}.screen-caption p{max-width:750px;font-size:10px;line-height:1.6;color:#829bb0}.screen-caption>span{font-size:9px;color:#597b96;white-space:nowrap;letter-spacing:1px;padding-top:2px}.desktop-chapter{margin-top:110px;padding-top:65px;padding-bottom:70px;background:#0e1722;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.desktop-chapter .section-top{border-top:0;padding-top:0}.panel-explorer{grid-template-columns:240px minmax(0,1fr);background:#0b131e}.group-tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);padding:14px 18px;grid-column:1/-1;flex-wrap:wrap}.group-tab{font-size:11px;border:1px solid transparent;background:transparent;color:#8fa9be;padding:7px 13px;border-radius:2px}.group-tab[aria-pressed=true]{border-color:#3c6582;background:#183247;color:#e3f4fd}.group-tab:hover{color:var(--blue)}.group-description{color:#708da5;font-size:10px;padding:6px 12px 12px;line-height:1.7}.panel-explorer .screen-button{height:470px}.panel-explorer .component-description{min-height:70px}
.inside{padding-top:85px}.principles{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.principles article{border-top:1px solid #344e65;padding-top:22px}.principle-mark{font-size:10px;color:var(--blue);letter-spacing:1px}.principles h3{font-size:18px;font-weight:550;letter-spacing:-.4px;margin:13px 0 13px}.principles p{font-size:12px;color:#92a8bd;line-height:1.9}.owner-details{margin-top:50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0;font-size:14px}summary::-webkit-details-marker{display:none}.details-note{font-size:11px;color:#819aaf}.details-note b{font-size:20px;font-weight:400;display:inline-block;color:var(--blue);margin-left:30px;transition:transform .2s}details[open] summary b{transform:rotate(45deg)}.owner-map{display:grid;grid-template-columns:1fr 1fr;gap:0 34px;padding-bottom:20px}.owner-row{display:grid;grid-template-columns:125px minmax(0,1fr);gap:15px;padding:11px 0;border-top:1px solid #1e2c3d;font-size:11px;line-height:1.7}.owner-row dt{font-weight:550;color:#bad1e3}.owner-row dd{margin:0;color:#829cb3}.closing-note{display:flex;gap:16px;align-items:flex-start;margin:43px 0 65px}.closing-note .live-dot{margin-top:9px}.closing-note p{font-size:14px;line-height:1.9;color:#c3d4e3}.closing-note p>span{font-size:11px;color:#7991a7;display:inline-block;margin-top:5px;max-width:780px}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);padding:24px 0 35px;font-size:10px;color:#7d97ae}.footer-brand{font-size:16px;font-weight:600;letter-spacing:-.3px;color:#c2d6e6}.footer-brand span{color:var(--blue);margin-left:5px}footer>a:last-child:hover{color:var(--blue)}
dialog{width:min(1500px,96vw);height:min(980px,94vh);max-width:96vw;max-height:94vh;padding:0;border:1px solid #38516a;background:#0d1621;color:var(--text);overflow:hidden;border-radius:5px}dialog::backdrop{background:#030810e8;backdrop-filter:blur(8px)}body:has(dialog[open]){overflow:hidden}.lightbox-head{height:90px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:17px 25px;gap:20px}.lightbox-head .eyebrow{font-size:8px}.lightbox-head h2{font-size:21px;letter-spacing:-.4px;margin-top:4px}.lightbox-actions{display:flex;align-items:center;gap:14px}.lightbox-actions>button:not(.icon-button),.lightbox-actions>a{background:transparent;border:1px solid #34516b;color:#a9c0d2;border-radius:2px;padding:5px 10px;font-size:10px}.lightbox-actions>button:hover,.lightbox-actions>a:hover{border-color:var(--blue);color:var(--blue)}.icon-button{border:1px solid #34516b;background:transparent;display:grid;place-items:center;width:32px;height:32px;color:#b7d1e5;font-size:20px;border-radius:2px;line-height:1}.lightbox-stage{height:calc(100% - 167px);display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto;background:#070c13}.lightbox-stage img{max-width:100%;max-height:100%;width:auto;height:auto}.lightbox-stage.pixel-view{display:block;padding:0}.lightbox-stage.pixel-view img{max-width:none;max-height:none;width:var(--native-width);height:var(--native-height);display:block}.lightbox-foot{height:77px;display:flex;align-items:center;justify-content:space-between;padding:12px 25px;border-top:1px solid var(--line);gap:24px}.lightbox-foot>p{font-size:11px;color:#9fb5c9;line-height:1.6;max-width:1000px}.lightbox-navigation{display:flex;align-items:center;gap:13px;flex-shrink:0}.lightbox-navigation>span{font-size:10px;color:#7f9bb3;min-width:27px;text-align:center}
@media(min-width:1440px){.overview{padding-top:100px}.screen-button,.panel-explorer .screen-button{height:500px}}
@media(max-width:1000px){.header-note{display:none}.site-header{padding-inline:32px}.intro-row{gap:30px}.summary{font-size:15px}.jump-link{font-size:10px}.explorer{grid-template-columns:185px minmax(0,1fr)}.component-tab{font-size:11px;padding:12px 7px}.panel-explorer{grid-template-columns:195px minmax(0,1fr)}.explorer-main{padding:23px}.screen-button,.panel-explorer .screen-button{height:400px}.component-description{min-height:95px}.owner-row{grid-template-columns:100px minmax(0,1fr);gap:10px}.principles{gap:24px}}
@media(max-width:740px){.wrap{width:calc(100% - 36px)}.site-header{height:75px;padding-inline:18px;gap:18px}.wordmark{font-size:20px;gap:9px}.mark{width:29px;height:29px;font-size:21px}.site-header nav{gap:17px;font-size:10px}.site-header nav a:last-child{display:none}.overview{padding-top:54px;padding-bottom:28px}.overview>.eyebrow{font-size:8px;letter-spacing:1.3px}.rule{width:20px}h1{font-size:clamp(43px,9.6vw,65px);letter-spacing:-2.8px;line-height:1.08;margin-top:24px;margin-bottom:25px}.intro-row{display:block}.summary{font-size:14px;line-height:1.85}.jump-link{margin-top:22px;display:inline-block;font-size:12px}.facts{row-gap:9px;margin-top:24px;font-size:9px}.facts span+span:before{margin:0 10px}.image-toolbar{font-size:8px;letter-spacing:.7px;padding-inline:10px}.image-toolbar b{padding:0 5px}.enlarge-tag{opacity:1;transform:none;font-size:9px;padding:3px 7px}.hero-image .enlarge-tag{right:7px;bottom:7px}.image-note{font-size:9px;line-height:1.8}.chapter{padding-top:65px}.section-top{margin-bottom:26px;padding-top:15px}.section-number{font-size:9px;letter-spacing:1.1px}.section-count{font-size:9px;text-align:right;max-width:145px}h2{font-size:36px;letter-spacing:-1.5px}.section-intro{font-size:13px;margin-top:17px}.explorer,.panel-explorer{grid-template-columns:minmax(0,1fr);margin-top:28px}.explorer-nav{border-right:0;border-bottom:1px solid var(--line);padding:9px;display:flex;flex-direction:row;overflow:auto;gap:5px;scrollbar-width:thin}.nav-label,.group-description{display:none}.component-tab{white-space:nowrap;flex-shrink:0;padding:9px 10px;font-size:10px;gap:7px}.component-tab .tab-icon{width:15px;font-size:15px}.component-tab .tab-arrow{display:none}.explorer-main{padding:20px 16px}.component-kicker{font-size:8px;letter-spacing:1.1px}.component-title{font-size:25px}.component-description,.panel-explorer .component-description{font-size:12px;min-height:0;line-height:1.85}.component-tags{margin-top:14px;gap:5px}.component-tags span{font-size:8px;padding:2px 5px}.view-tabs{margin-top:22px;margin-bottom:10px;gap:3px}.view-tab{font-size:9px;padding:5px 7px}.screen-button{height:320px;padding:10px}.panel-explorer .screen-button{height:420px;padding:15px}.screen-caption{gap:10px}.screen-caption p{font-size:9px}.screen-caption>span{font-size:8px;letter-spacing:.5px}.desktop-chapter{margin-top:65px;padding-top:40px;padding-bottom:40px}.group-tabs{padding:10px;gap:2px}.group-tab{font-size:10px;padding:6px 10px}.inside{padding-top:60px}.principles{grid-template-columns:1fr;margin-top:30px;gap:25px}.principles article{padding-top:17px}.principles h3{font-size:17px;margin:8px 0}.principles p{font-size:12px;max-width:550px}.owner-details{margin-top:34px}summary{font-size:12px;padding:17px 0}.details-note{font-size:9px}.details-note b{margin-left:12px}.owner-map{grid-template-columns:1fr}.owner-row{grid-template-columns:115px minmax(0,1fr);font-size:10px;padding:9px 0}.closing-note{margin-top:30px;margin-bottom:40px}.closing-note p{font-size:13px}.closing-note p>span{font-size:10px}footer{flex-wrap:wrap;gap:15px;font-size:9px}.footer-brand{font-size:15px}footer>span{order:3;width:100%}dialog{width:96vw;height:92dvh;max-height:92dvh}.lightbox-head{height:100px;padding:14px;align-items:flex-start}.lightbox-head h2{font-size:17px;max-width:180px}.lightbox-head .eyebrow{font-size:7px}.lightbox-actions{gap:7px;flex-wrap:wrap;justify-content:flex-end;max-width:150px}.lightbox-actions>button:not(.icon-button),.lightbox-actions>a{font-size:8px;padding:4px 6px}.lightbox-actions .icon-button{width:27px;height:27px}.lightbox-stage{height:calc(100% - 220px);padding:10px}.lightbox-foot{height:120px;display:block;padding:12px 14px;overflow:auto}.lightbox-foot>p{font-size:10px}.lightbox-navigation{margin-top:10px;justify-content:flex-end}.lightbox-navigation .icon-button{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}