/* V12 implementation finish. Approved content and all scenario engines are retained. */
.hero{background:radial-gradient(ellipse at 100% 0,#e9f7fa55,transparent 52%),linear-gradient(180deg,#fff 25%,#f5fafb 100%)}
.hero-explanation{position:relative}.hero-scope{max-width:620px}
.knowledge-scene{isolation:isolate}.domain-cells article,.connected-functions article{box-shadow:0 11px 26px #17435909,inset 0 1px #fff;transition:border-color .2s,box-shadow .2s}
.knowledge-selector button:focus-visible,.hub-selector button:focus-visible{outline:3px solid #1c7cd6;outline-offset:3px;z-index:2}
.native-card{transition:transform .2s,border-color .2s,box-shadow .2s}.native-card:hover{transform:translateY(-3px);border-color:#97c3cd;box-shadow:0 14px 35px #1a526512}
.overview-separator{color:#6c8391;margin:0 8px}.onepager-entry{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.hub-interaction{margin-top:30px;border:1px solid #6bb7bd66;border-radius:17px;overflow:hidden;background:#ffffff06}
.hub-explore-label{display:flex;justify-content:space-between;gap:20px;margin:0!important;padding:18px 23px;border-bottom:1px solid #ffffff20;color:#dff3f4!important;font-size:13px!important;font-weight:650}
.hub-explore-label span{font-size:11px;font-weight:400;color:#b3cfd9}
.hub-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:8px;gap:7px}
.hub-selector button{appearance:none;text-align:left;border:1px solid transparent;border-radius:10px;background:transparent;padding:19px 16px;min-height:126px;color:#def0f2;position:relative;transition:background .2s,border-color .2s}
.hub-selector button>span{display:block;font-size:9px;font-weight:650;letter-spacing:.06em;color:#abd5dc;line-height:1.5}
.hub-selector strong{display:block;font-size:15px;line-height:1.3;margin:10px 0 7px;font-weight:650;letter-spacing:-.02em}
.hub-selector small{display:block;font-size:11px;color:#b3cbd5;line-height:1.5}
.hub-selector button:hover{background:#ffffff0a;border-color:#ffffff25}
.hub-selector button[aria-selected=true]{background:#ecf9f8;border-color:#bbe3df;color:#123b4c;box-shadow:0 5px 20px #031f3030}
.hub-selector button[aria-selected=true]>span{color:#0c757c}.hub-selector button[aria-selected=true] small{color:#426776}
.hub-detail{padding:29px 28px 32px;display:grid;grid-template-columns:1fr 1.45fr;gap:35px;align-items:center;border-top:1px solid #ffffff20;min-height:190px;background:linear-gradient(100deg,#ffffff05,#ffffff02)}
.hub-detail .label{font-size:10px;color:#93d6d8}.hub-detail h3{font-size:23px;color:white;margin-top:10px;line-height:1.25;font-weight:550}
.hub-detail>p{font-size:14px;line-height:1.7;color:#d0e3e9}
.artwork-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:-5px 28px 15px;padding:0 0 13px;border-bottom:1px solid #dfe9ed}
.artwork-tools>span{font-size:11px;color:#597586;line-height:1.6;max-width:750px}
.artwork-tools button{background:none;border:0;color:#087b85;font-size:12px;text-align:left;padding:5px 0;flex-shrink:0;min-height:36px}
.artwork-dialog{padding:0;border:1px solid #c7dce4;border-radius:18px;width:min(1550px,96vw);max-width:96vw;max-height:94vh;background:#fff;box-shadow:0 30px 100px #12344840;color:#17374b;overflow:auto}
.artwork-dialog::backdrop{background:#112b3dcc;backdrop-filter:blur(5px)}
.artwork-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:21px 26px;border-bottom:1px solid #d8e7ec;background:white;position:sticky;top:0;z-index:2}
.artwork-dialog-head h2{font-size:24px;line-height:1.25;margin:6px 0}.artwork-dialog-head p:not(.eyebrow){font-size:12px;color:#587583}
.artwork-dialog-head .btn{min-height:40px;padding:9px 13px}
.artwork-scroll{overflow:auto;background:#f4f9fb;max-width:100%;padding:18px;outline-offset:-3px}
.artwork-scroll img{display:block;width:100%;min-width:1120px;height:auto;max-width:none;object-fit:contain;margin:auto}
.artwork-dialog-note{padding:13px 25px 18px;font-size:11px;line-height:1.6;color:#536e7d}
@media(max-width:1100px){.hub-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-selector button{min-height:110px}.hub-detail{grid-template-columns:1fr;gap:19px}.hub-explore-label{flex-wrap:wrap;gap:6px}.artwork-tools{align-items:flex-start;gap:8px;flex-wrap:wrap}.artwork-tools>span{flex:1 1 550px}.artwork-tools button{flex:0 1 auto}}
@media(max-width:700px){.hub-interaction{margin-top:22px}.hub-selector{padding:6px;gap:5px}.hub-selector button{padding:14px 12px;min-height:125px}.hub-selector button>span{font-size:8px;letter-spacing:.035em}.hub-selector strong{font-size:14px}.hub-selector small{font-size:10px}.hub-detail{padding:23px 20px;min-height:0}.hub-detail h3{font-size:22px}.hub-detail>p{font-size:13px}.hub-explore-label{padding:15px 19px}.hub-explore-label span{font-size:10px}.artwork-tools{margin:0 16px 14px}.artwork-tools button{font-size:12px}.artwork-dialog-head{padding:17px 15px;gap:13px}.artwork-dialog-head h2{font-size:19px}.artwork-dialog-head .btn{padding:8px 11px;font-size:12px}.artwork-dialog-head p:not(.eyebrow){font-size:11px}.artwork-scroll{padding:10px}.artwork-dialog-note{padding:12px 16px;font-size:10px}.overview-separator{display:none}.onepager-entry{gap:12px}}
@media(prefers-reduced-motion:reduce){.native-card,.domain-cells article,.connected-functions article{transition:none}.native-card:hover{transform:none}}
@media print{.hub-selector,.artwork-tools,.artwork-dialog{display:none!important}.hub-detail{display:block!important;background:white;border-top:1px solid #bbb;min-height:0;break-inside:avoid}.hub-detail h3,.hub-detail p,.hub-detail .label{color:#17374b!important}.hub-interaction{border-color:#bbb}}