@charset "UTF-8";
:root{--ink:#25242b;--muted:#75727e;--line:#e5e3e9;--paper:#faf9fc;--lavender:#e6e1f2;--accent:#0bb037;font-family:Arial,"Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7a60ba;outline-offset:5px}button,a{transition:background .2s,color .2s}button:hover:not(:disabled){color:#000}p{line-height:1.7}h1,h2,h3,p{margin:0}img{max-width:100%}small{font-size:12px}[hidden]{display:none!important}.mono,.eyebrow{font-family:Consolas,monospace;font-size:11px;letter-spacing:1.7px}.eyebrow{color:#66616f}.skip{position:fixed;left:20px;top:-100px;z-index:20;padding:14px;background:white}.skip:focus{top:15px}
.hero{background:linear-gradient(to bottom,var(--lavender) 0,var(--lavender) calc(100% - 240px),var(--stage-bridge) 100%);min-height:860px;height:100svh;max-height:1100px;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:0 4.3%;border-radius:0}
header{height:94px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;border-bottom:1px solid #bbb2cb55}.brand img{width:127px;display:block}nav{display:flex;gap:34px;align-items:center;font-size:13px}.outline{border:1px solid #39333f33;border-radius:30px;padding:12px 20px}.outline:hover{background:#ffffff70}.hero-heading{text-align:center;padding-top:42px;position:relative;z-index:1;pointer-events:none}.hero-heading .eyebrow{font-size:10px;letter-spacing:2px;display:flex;align-items:center;justify-content:center;gap:8px}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(42px,4.3vw,66px);letter-spacing:-3px;font-weight:600;margin:17px 0 14px}.hero-heading>p:last-child{font-size:14px;color:#6b6278;letter-spacing:1px}
.hero-scene{position:relative;flex:1;min-height:340px}.sculpture{position:absolute;width:min(650px,64vw);height:100%;min-height:330px;left:50%;top:-8px;transform:translateX(-50%)}#scene{position:absolute;width:100%;height:100%;display:block;cursor:grab}#scene:active{cursor:grabbing}.floor-shadow{position:absolute;width:36%;height:12%;border-radius:50%;background:#44344b28;filter:blur(20px);left:32%;bottom:12%;transform:scaleY(.5)}.fallback-shape{display:none;position:absolute;inset:20%;font-size:180px;text-align:center;color:#51495e}.no-webgl .fallback-shape{display:block}.scene-left,.scene-right{position:absolute;top:32%;display:flex;flex-direction:column;gap:13px;z-index:1}.scene-left{left:4%}.scene-right{right:4%;min-width:170px}.scene-left>strong{font-weight:400;font-size:49px;letter-spacing:-2.5px}.scene-left>span:not(.eyebrow){font-size:12px;color:#716a7b}.scene-left .scene-meta{margin-top:10px;color:#797081;font-size:11px}.scene-right>strong{font-size:35px;font-weight:400;letter-spacing:-1px}.scene-right>strong small{font-size:12px;color:#746c7f;letter-spacing:0}.scene-right p{font-size:11px;color:#716a7b}.scene-right button{font-size:11px;align-self:flex-start;padding:8px 12px;border:1px solid #a69caf55;border-radius:18px;margin-top:8px}.scene-right button:before{content:'Ⅱ';margin-right:7px}.scene-right button[aria-pressed=true]:before{content:'▷'}.scene-caption{position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);text-align:center;width:60%;pointer-events:none}.scene-caption .mono{font-size:10px;letter-spacing:3px;color:#777080}.scene-caption h2{font-size:24px;font-weight:500;margin:7px 0 8px}.scene-caption p{font-size:12px;color:#746c7e;letter-spacing:.5px}
.dock-wrap{display:flex;justify-content:center;padding:30px 0 0;z-index:2}.dock{max-width:1050px;display:flex;align-items:center;gap:8px;background:#27252c;border:1px solid #ffffff10;padding:10px;border-radius:50px;box-shadow:0 14px 25px #33233d18;color:#d5d0dc;min-width:0}.dock-arrow{width:36px;height:40px;border-radius:50%;flex-shrink:0;color:#bbb3c6}.dock-arrow:hover{background:#ffffff12;color:white!important}#ability-tabs{display:flex;gap:4px;overflow:auto;scrollbar-width:none;align-items:center;max-width:770px;min-width:0;padding:2px}#ability-tabs::-webkit-scrollbar{display:none}#ability-tabs button{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;min-width:58px;height:62px;color:#bcb4c8;border-radius:30px;font-size:9px;white-space:nowrap;transition:background .3s,color .3s}#ability-tabs button[aria-selected=true]{background:#e9e3f7;color:#29252e;box-shadow:0 0 0 2px #27252c,0 0 0 3px #a295bc}#ability-tabs button:hover{background:#ffffff18;color:white}#ability-tabs button[aria-selected=true]:hover{background:#f4efff;color:#29252e}.mini-form{display:block;width:21px;height:20px;border:5px solid currentColor;border-bottom-width:0;border-radius:12px 12px 4px 4px;opacity:.9;transform:rotate(-8deg)}.mini-1{transform:rotate(180deg)}.mini-2{transform:rotate(-45deg)}.mini-3{border-radius:5px;border-bottom-width:5px;height:15px;box-shadow:0 5px 0 -2px currentColor}.mini-4{width:26px;transform:rotate(180deg);border-width:4px}.mini-5{width:16px;transform:rotate(0)}.mini-6{transform:rotate(55deg)}.mini-7{border-radius:50%;border-bottom-width:5px;border-right-color:transparent}.mini-8{transform:rotate(100deg);width:26px}.mini-9{width:24px;height:15px;border-radius:4px;transform:rotate(0)}.mini-10{width:12px;height:23px;transform:rotate(180deg)}.mini-11{width:28px;transform:rotate(0);border-top:0}.mini-12{height:13px;border-radius:4px;transform:rotate(0)}.mini-13{border-style:dotted;border-bottom-width:5px;border-radius:50%}.dock-go{display:flex;gap:18px;align-items:center;background:#e8e2f2;color:#27252c;border-radius:30px;padding:18px 20px;font-size:12px;white-space:nowrap;margin-left:5px}.dock-go:hover{background:white}.hero-foot{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;font-size:11px;color:#78707f;margin-top:29px;padding:19px 0;border-top:1px solid #bbb2cb55;gap:10px}.hero-foot a{color:#4e4659}.hero-foot #browse-all{grid-column:2;justify-self:center;text-align:center}.hero-foot #open-method{grid-column:3;justify-self:end}.text-button{padding:8px 0;font-size:12px}.concept-note{text-align:center;font-size:9px;color:#8a8193;padding-bottom:15px;letter-spacing:1px}
@media(min-width:1600px){.hero{padding:0 7%}.hero-scene{min-height:420px}.sculpture{width:720px}}
@media(max-width:1000px){.hero{min-height:800px}.scene-left{left:0}.scene-right{right:0;min-width:130px}.scene-left>strong{font-size:40px}#ability-tabs{max-width:550px}.hero-heading{padding-top:35px}.sculpture{width:620px;max-width:78vw}.scene-left,.scene-right{top:36%}.scene-right>.eyebrow{font-size:9px}}
@media(max-width:680px){.hero{min-height:790px;height:100svh;max-height:950px;padding:0 20px;border-radius:0 0 28px 28px}header{height:76px}.brand img{width:99px}nav{gap:16px;font-size:11px}nav>a:first-child{display:none}nav .outline{padding:9px 12px;font-size:10px}.hero-heading{padding-top:36px}.hero-heading .eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:43px;letter-spacing:-2px;margin:16px 0 13px}.hero-heading>p:last-child{font-size:11px;letter-spacing:0}.hero-scene{min-height:365px}.sculpture{width:440px;max-width:120vw;height:320px;min-height:0;top:-8px}.scene-caption{bottom:14px;width:100%}.scene-caption h2{font-size:23px}.scene-caption p{font-size:11px}.scene-left,.scene-right{top:auto;bottom:95px;gap:7px;pointer-events:none}.scene-left{left:0}.scene-right{right:0;min-width:0;text-align:right}.scene-left>.eyebrow,.scene-right>.eyebrow,.scene-left .scene-meta,.scene-right p,#hero-share{display:none}.scene-left>strong{font-size:26px;letter-spacing:-1px}.scene-right>strong{font-size:25px}.scene-right button{align-self:flex-end;pointer-events:auto;font-size:9px;padding:6px 8px;margin-top:3px}.scene-right small{font-size:10px}.dock-wrap{padding-top:6px;margin:0 -10px}.dock{width:100%;gap:0;padding:7px}.dock-arrow{width:27px}#ability-tabs button{min-width:51px;height:57px;font-size:9px}.dock-go{padding:16px 13px;font-size:10px;gap:8px;margin-left:3px}.hero-foot{margin-top:23px;font-size:9px;padding:15px 0;flex-wrap:wrap;justify-content:center;gap:14px}.hero-foot{grid-template-columns:1fr}.hero-foot #browse-all,.hero-foot #open-method{grid-column:1;justify-self:center}.hero-foot .text-button{font-size:9px}.concept-note{font-size:8px;padding-bottom:12px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.section{max-width:1340px;margin:auto;padding:100px 64px;scroll-margin-top:30px}.overview{padding-top:85px;padding-bottom:60px}.intro-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}.intro-line>p{font-size:31px;line-height:1.5;letter-spacing:-1px}.intro-line>span{font-size:12px;color:var(--muted);line-height:1.9}.metrics{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0}.metrics>div{display:flex;flex-direction:column;gap:14px;padding:0 24px;border-left:1px solid var(--line)}.metrics>div:first-child{padding-left:0;border:0}.metrics>div>span{font-size:12px;color:var(--muted)}.metrics strong{font-size:40px;font-weight:400;letter-spacing:-1.6px}.metrics strong.date{font-size:30px;margin:6px 0}.metrics em{font-size:12px;font-style:normal;margin-left:6px;letter-spacing:0}.metrics small{font-size:10px;color:#827e88;line-height:1.8}.metric-note{font-size:11px;color:var(--muted);margin-top:18px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;gap:30px}.section-head h2{font-size:36px;font-weight:500;letter-spacing:-1.3px;margin-top:17px;line-height:1.4}.aside{font-size:12px;color:var(--muted);line-height:1.9}.aside label{display:flex;gap:12px;margin-top:15px;align-items:center}select{border:1px solid var(--line);background:#fff;border-radius:20px;padding:10px 26px 10px 14px;color:#595260;font-size:12px;max-width:100%}
#capability-index{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-bottom:22px}#capability-index button{display:grid;grid-template-columns:20px 1fr;gap:10px 5px;text-align:left;background:#efedf3;padding:17px 13px;border-radius:16px;font-size:11px;min-width:0;border:1px solid transparent}#capability-index button:hover{background:#e9e4f1}#capability-index button[aria-pressed=true]{background:#e4dced;border-color:#b5a4cc;color:#433650}#capability-index strong{font-size:21px;font-weight:400;grid-column:2;letter-spacing:-.8px}.index-code{font:9px Consolas,monospace;color:#99909e}
.connection-panel{background:#f0ecf6;border-radius:28px;padding:27px 35px 20px}.connection-heading,.connection-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:10px;color:#8a8095}.connection-heading .mono{font-size:10px}.connection-body{position:relative;display:grid;grid-template-columns:32% 1fr;gap:17%;align-items:center;min-height:450px;padding:30px 0}.focus-ability{text-align:center;position:relative;z-index:1}.focus-ability:before{content:'';display:block;width:62px;height:65px;border:18px solid #82738f;border-bottom:0;border-radius:48px 48px 14px 14px;margin:0 auto 25px;transform:rotate(-10deg);box-shadow:inset 4px 5px 6px #4e3a6555}.focus-ability .eyebrow{font-size:9px;letter-spacing:3px}.focus-ability h3{font-size:23px;font-weight:500;margin:9px 0 13px}.focus-ability strong{font-size:38px;font-weight:400;letter-spacing:-1.5px}.focus-ability p{font-size:10px;color:#8a7b97;margin:5px 0 22px}.light-button{padding:12px 19px;background:#fff9;border-radius:25px;font-size:11px}.light-button:hover{background:#fff}.connections{position:absolute;left:31%;width:19%;top:50%;transform:translateY(-50%);height:350px;overflow:visible}.connections path{fill:none;stroke:#b3a3c7;stroke-width:1;vector-effect:non-scaling-stroke}.body-row{width:100%;height:50px;display:flex;align-items:center;gap:17px;position:relative;padding:0 16px;background:#ffffff99;border:1px solid #f0edf6;border-radius:13px;margin:0 0 0;font-size:12px;transition:background .2s,transform .2s}.body-row:hover:not(:disabled){background:white;transform:translateX(4px)}.body-row:before{content:'';position:absolute;left:-4px;width:6px;height:6px;background:#a192b4;border:2px solid #f0ecf6;box-sizing:content-box;border-radius:50%}.body-label{width:135px;display:flex;flex-direction:column;gap:4px;text-align:left}.body-label strong{font-weight:500;font-size:12px}.body-label small{font-size:8px;color:#91849b}.body-track{flex:1;height:4px;border-radius:8px;background:#e4deeb;overflow:hidden}.body-track i{display:block;height:100%;border-radius:8px;background:#b1a0c5;transition:width .7s cubic-bezier(.2,.8,.2,1)}.body-number{width:47px;text-align:right;font-variant-numeric:tabular-nums;font-size:12px}.connection-footer{border-top:1px solid #ded5e8;padding-top:15px;line-height:1.6}.connection-footer .text-button{font-size:10px;white-space:nowrap}.combination{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-top:48px}.combination h3{font-size:22px;font-weight:500;margin:13px 0}.combination p{font-size:11px;color:var(--muted)}#combinations{display:flex;flex-direction:column;gap:7px}.combo-button{display:flex;align-items:center;justify-content:space-between;padding:18px 23px;background:#f0eef3;border-radius:15px;text-align:left;font-size:12px;gap:12px}.combo-button:hover{background:#e8e3ef}.combo-button b{font-weight:400;font-size:11px}.combo-button b+b:before{content:' + ';color:#b4a9bf;margin:0 8px}
.explorer{border-top:1px solid var(--line);padding-top:80px}.explorer-shell{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px}.search-row{display:flex;gap:16px}.search-box{display:flex;align-items:center;gap:16px;flex:1;min-width:0;border-radius:16px;background:#f5f3f7;padding:0 17px}.search-box>span:first-child{font-size:25px;color:#8a8196}.search-box input{border:0;background:transparent;outline:0;padding:18px 0;font-size:13px;min-width:0;width:100%}.search-box .mono{font-size:8px;color:#aaa1b3}.search-row>.outline{font-size:11px;white-space:nowrap}.filters{display:flex;gap:13px;align-items:flex-end;padding:23px 0 0}.filters label{display:flex;flex-direction:column;gap:9px;flex:1;font-size:10px;color:#8d8495;min-width:0}.filters select{width:100%;border-radius:12px;font-size:11px}.filters .text-button{padding:12px 0;font-size:11px;white-space:nowrap}.extra{max-width:80%}.results-top{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-top:25px;border-top:1px solid var(--line);gap:15px}.results-top>div{display:flex;gap:22px;align-items:center}.results-top p{font-size:12px}.results-top strong{font-size:20px;font-weight:500}.results-top p span{font-size:10px;color:#aaa0af;margin-left:8px}.sort-label{font-size:10px;color:#958a9e}.sort-label select{border:0;font-size:10px}.results-top .text-button{font-size:10px;color:#8e8297}#active-filters{display:flex;gap:7px;flex-wrap:wrap;padding:12px 0}.filter-chip{background:#eee7f5;color:#6d577f;padding:8px 12px;font-size:10px;border-radius:20px}.filter-chip span{margin-left:9px}.table-wrap{overflow:auto}.task-table{border-collapse:collapse;width:100%;text-align:left}.task-table th{font-size:9px;letter-spacing:1px;font-weight:400;color:#9c929f;border-bottom:1px solid var(--line);padding:16px 12px}.task-table td{border-bottom:1px solid #f0edf2;padding:18px 12px;font-size:11px}.task-table tr:hover td{background:#faf8fc}.task-table td:first-child{width:45%;padding-left:0}.task-name{text-align:left;display:flex;flex-direction:column;gap:8px;max-width:410px;padding:0}.row-id{font-family:Consolas,monospace;font-size:9px;color:#a69cae}.task-name strong{font-weight:400;font-size:13px;line-height:1.6}.task-body{display:flex;flex-direction:column;gap:7px;font-size:11px}.task-body small{font-size:9px;color:#a296ab}.tag{display:inline-block;border-radius:6px;padding:5px 8px;font-size:9px;margin:2px 3px 2px 0;background:#f1edf6;color:#7a668c;white-space:nowrap}.tag.unmarked{background:#f2f1f2;color:#928e97}.task-theme,.task-level{display:block;white-space:nowrap;font-size:10px}.task-level{color:#b4a9bb;font-family:Consolas,monospace;margin-top:8px}.bookmark{height:29px;width:29px;border-radius:50%;border:1px solid #dfd8e5;color:#8c7b9a}.bookmark[aria-pressed=true]{background:#e1d8ed;border-color:#c0b0d2;color:#5a3d74}.pagination{display:flex;justify-content:space-between;align-items:center;padding-top:22px;font-size:10px;color:#94889d}.pagination>div{display:flex;gap:16px;align-items:center}.pagination select{padding:7px 25px 7px 12px;font-size:10px}.pagination button{width:32px;height:32px;border:1px solid var(--line);border-radius:50%}.explorer-note{font-size:10px;color:#99909f;margin-top:20px}.quality{padding-top:30px}.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quality-grid>button,.quality-grid>article{text-align:left;padding:26px 25px;background:#eeebf2;border-radius:22px}.quality-grid .mono{font-size:8px;letter-spacing:1px;color:#9b8ea5}.quality-grid strong{font-size:39px;font-weight:400;display:block;margin:23px 0 17px;letter-spacing:-1px}.quality-grid strong small{font-size:13px}.quality-grid h3{font-weight:500;font-size:14px;margin-bottom:12px}.quality-grid p{font-size:10px;color:#998ba4;line-height:1.9}.quality-link{display:block;margin-top:25px;font-size:10px}.quality-grid .text-button{font-size:10px;margin-top:18px}footer{border-top:1px solid var(--line);padding:35px 6%;display:flex;gap:30px;align-items:center;color:#94899c;font-size:12px}footer .mono{margin-left:auto;font-size:9px}footer .brand img{width:100px}.top-link{background:#e8e2ee;padding:13px 17px;border-radius:50%}#empty-results{text-align:center;padding:70px 0}#empty-results h3{font-size:22px;font-weight:400}#empty-results p{font-size:12px;color:var(--muted);margin:15px 0 25px}
dialog{border:1px solid #fff6;box-shadow:0 30px 90px #28203025;border-radius:26px;padding:35px;width:min(740px,94vw);max-height:88svh;color:var(--ink);background:#fcfbfd}dialog::backdrop{background:#2e273b55;backdrop-filter:blur(8px)}dialog.wide{width:min(1280px,96vw)}.dialog-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.dialog-top h2{font-size:24px;font-weight:500;margin-top:10px}.close{font-size:25px;width:35px;height:35px;border-radius:50%;background:#ebe6f0;flex-shrink:0}#task-dialog-title{font-size:26px;line-height:1.5;font-weight:500}.detail-badges{margin:18px 0}.detail-description{font-size:13px;color:#8b7c96;white-space:pre-wrap;overflow-wrap:anywhere}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#e8e1ed;border:1px solid #e8e1ed;border-radius:15px;overflow:hidden;margin:25px 0}.detail-field{background:#f8f5fa;padding:16px}.detail-field.full{grid-column:1/-1}.detail-field>span{font-size:9px;color:#a494ad}.detail-field p{font-size:12px;margin-top:7px;overflow-wrap:anywhere}.provenance{font-size:10px;color:#96869f;display:flex;flex-direction:column;gap:9px}.detail-footer{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.detail-footer>a,.detail-footer>button{background:#ebe4f2;border-radius:22px;padding:12px 16px;font-size:11px}.detail-footer>a{background:#302936;color:#fff}.family-row,.dialog-note{font-size:10px;color:#a18fae;line-height:1.9;margin-top:20px}.matrix-wrap{overflow:auto;margin-top:25px}.matrix-wrap table{width:100%;border-collapse:separate;border-spacing:4px;font-size:10px;white-space:nowrap}.matrix-wrap th{font-weight:400;padding:10px}.matrix-wrap button{padding:12px 7px;border-radius:8px;width:100%;font-size:10px;min-width:46px}.matrix-wrap .zero{text-align:center;color:#c4bbc9}.matrix-legend{display:flex;gap:10px;font-size:9px;color:#95859f;align-items:center;margin-top:15px}.matrix-legend i{width:90px;height:5px;background:linear-gradient(90deg,#eee8f3,#b7a5cc);border-radius:4px}.method-copy h3{font-size:15px;font-weight:500;margin:26px 0 12px}.method-copy p{font-size:12px;color:#8b7c96}.shortlist-actions{display:flex;align-items:center;justify-content:space-between;font-size:12px}.shortlist-item{display:flex;justify-content:space-between;gap:15px;padding:20px 0;border-bottom:1px solid var(--line);font-size:12px}.shortlist-item>button:first-child{text-align:left;line-height:1.7}.shortlist-item small{display:block;color:#a08faa;font-size:10px;margin-bottom:8px}.shortlist-item .remove{font-size:10px;white-space:nowrap;color:#9d8ba7}.shortlist-empty{padding:40px 0;color:#a08faa;font-size:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#302936;color:#fff;padding:15px 25px;border-radius:30px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-height:800px) and (min-width:681px){.hero{min-height:660px}header{height:70px}.hero-heading{padding-top:22px}h1{font-size:46px;margin:10px 0}.hero-heading>p:last-child{font-size:12px}.hero-scene{min-height:250px}.sculpture{min-height:240px}.scene-caption{bottom:0}.scene-caption h2{font-size:20px;margin:5px 0}.scene-caption p{font-size:10px}.dock-wrap{padding-top:16px}#ability-tabs button{height:52px}.mini-form{width:18px;height:17px}.dock{padding:8px}.dock-go{padding:16px 20px}.hero-foot{margin-top:18px;padding:12px 0}.concept-note{padding-bottom:9px;font-size:8px}.scene-left>strong{font-size:38px}.scene-left,.scene-right{top:23%}}
@media(max-width:1000px){.section{padding:65px 32px}.metrics>div{padding:0 16px}.metrics strong{font-size:32px}.metrics strong.date{font-size:22px}#capability-index{grid-template-columns:repeat(4,1fr)}.connection-panel{padding:25px}.body-label{width:100px}.quality-grid{gap:10px}.quality-grid>button,.quality-grid>article{padding:22px 18px}}
@media(max-width:680px){.section{padding:60px 22px}.intro-line{display:block;margin-bottom:30px}.intro-line>p{font-size:25px}.intro-line>span{display:block;font-size:11px;margin-top:20px}.metrics{grid-template-columns:1fr 1fr;gap:25px 15px}.metrics>div,.metrics>div:first-child{padding:0;border:0}.metrics strong{font-size:32px}.metrics strong.date{font-size:24px;margin:4px 0}.metrics small{font-size:9px}.metric-note{font-size:9px}.section-head{display:block;margin-bottom:25px}.section-head h2{font-size:27px;letter-spacing:-1px}.section-head .eyebrow{font-size:9px;letter-spacing:1px}.aside{font-size:11px;margin-top:20px}.aside p{display:none}.aside label{justify-content:space-between}#capability-index{grid-template-columns:repeat(3,1fr);gap:6px}#capability-index button{padding:13px 10px;font-size:10px;grid-template-columns:14px 1fr;gap:7px 3px}#capability-index strong{font-size:19px}.index-code{font-size:8px}.connection-panel{padding:20px 15px;border-radius:22px}.connection-heading .mono{font-size:8px;letter-spacing:.8px}.connection-heading .tiny-note{display:none}.connection-body{display:block;padding:30px 0 12px;min-height:0}.focus-ability:before{display:none}.focus-ability h3{font-size:23px}.focus-ability strong{font-size:34px}.focus-ability p{margin-bottom:14px}.focus-ability{margin-bottom:30px}.connections{display:none}.body-row{height:59px;padding:0 12px;margin-bottom:5px;gap:12px}.body-row:before{display:none}.body-label{width:106px}.body-label strong{font-size:11px}.body-number{font-size:11px}.body-track{height:3px}.connection-footer{flex-direction:column;align-items:flex-start;font-size:9px;gap:5px}.combination{display:block;margin-top:32px}.combination>div:first-child>p:not(.eyebrow){font-size:10px;margin-bottom:20px}.combination h3{font-size:20px}.combo-button{padding:17px 15px;font-size:11px}.combo-button b{font-size:10px}.combo-button b+b:before{margin:0 4px}.explorer-shell{padding:16px;border-radius:20px;margin:0 -6px}.search-row{flex-wrap:wrap;gap:10px}.search-box{flex-basis:100%;padding:0 12px;gap:10px}.search-box input{font-size:11px}.search-box .mono{display:none}.search-row>.outline{font-size:10px;padding:9px 13px;margin-left:auto}.filters{display:grid;grid-template-columns:1fr 1fr;gap:15px 10px;padding-top:12px}.filters select{font-size:10px;padding:10px;min-height:37px}.filters .text-button{text-align:left;padding:0}.extra{max-width:100%}.results-top{display:block;margin-top:18px;padding-top:18px}.results-top>div{justify-content:space-between;margin-top:12px}.results-top p span{font-size:9px}.task-table{min-width:630px}.task-table td{padding:16px 9px}.task-table td:first-child{min-width:250px}.task-name strong{font-size:12px}.pagination{align-items:flex-start;gap:15px;flex-direction:column;font-size:9px}.pagination>div{width:100%;justify-content:space-between;gap:8px}.quality{padding-top:10px}.quality-grid{grid-template-columns:1fr}.quality-grid>button,.quality-grid>article{padding:26px}.quality-grid strong{margin:16px 0}.quality-grid h3{font-size:15px}.quality-grid p{font-size:11px}.quality-link{margin-top:20px}footer{padding:28px 22px;flex-wrap:wrap;gap:22px}footer p{font-size:10px}footer .mono{font-size:8px;margin:0;flex:1}dialog{padding:25px 20px;border-radius:20px}.dialog-top h2{font-size:21px}#task-dialog-title{font-size:22px}.detail-description{font-size:12px}.detail-footer>a,.detail-footer>button{font-size:10px;padding:12px}.matrix-legend{flex-wrap:wrap}.shortlist-actions{font-size:10px;gap:12px}.shortlist-actions .outline{font-size:10px;padding:10px}}

.focus-ability:before{display:none}
.focus-icon{width:120px;height:120px;margin:0 auto 18px;color:#6e5f80}
.focus-svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;animation:icon-in .45s ease}
.focus-svg .f,.tab-icon .f{fill:#b9a6dc}
.tab-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
@keyframes icon-in{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}
@media (max-width:760px){.focus-icon{width:84px;height:84px}}
@media (prefers-reduced-motion:reduce){.focus-svg{animation:none}}

/* Full-width stage transition: both sections meet at the same color. */
:root{--stage-bridge:color-mix(in oklab,var(--lavender) 55%,var(--paper))}
.hero{border-radius:0}
.overview{background:none;margin-top:0;padding-top:110px;position:relative;isolation:isolate}
.overview:before{content:'';position:absolute;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);background:linear-gradient(to bottom,var(--stage-bridge),var(--paper));z-index:-1;pointer-events:none}
/* refinements 2026-11 */
#hero-count{font-size:clamp(52px,6vw,76px)!important;letter-spacing:-3px}
.metrics strong{font-size:30px}
#hero-code,#focus-code{opacity:.55;font-size:8px}
.plain{font-size:13px;color:#7d7189;margin-top:10px}
.metric-note{background:#f1edf7;border-radius:14px;padding:12px 16px;color:#5f5370}
.metric-note b{font-weight:600;color:#3d3348}
.body-track i{background:#8d76b3!important}
.body-row[disabled]{opacity:.75}
.zero-tag{white-space:nowrap;font-style:normal;font-size:10px;background:#ece9ef;color:#9a93a3;border-radius:10px;padding:2px 8px;margin-right:8px;vertical-align:middle}
.key-hint{color:#9a8fa8}
.dock{position:relative}
.dock-position{font-size:10px;color:#9d95a8;padding:0 8px;white-space:nowrap;font-variant-numeric:tabular-nums}
.dock-fade{display:none}
@media (max-width:760px){
  .dock-position{padding:0 4px;font-size:9px}
  .dock-fade{display:none;position:absolute;pointer-events:none;inset:8px 34px auto auto;width:28px;height:calc(100% - 16px);background:linear-gradient(90deg,transparent,#27252c);z-index:2;border-radius:0 20px 20px 0}
  .key-hint{display:none}
}
#open-shortlist.pulse{animation:list-pulse .7s ease}
@keyframes list-pulse{30%{transform:scale(1.08);background:#e1d8ed}}
@media (prefers-reduced-motion:reduce){#open-shortlist.pulse{animation:none}}

/* clean pass 2026-11 */
.section-head .eyebrow,.combination .eyebrow,.connection-heading .mono,#hero-code,#focus-code{display:none!important}
.connection-heading{justify-content:flex-end}
.connection-panel{background:transparent!important;border:0!important;box-shadow:none!important}
.body-row{background:transparent!important;border:0!important;border-bottom:1px solid #ece8f1!important;border-radius:0!important;margin:0!important}
.body-row:hover:not(:disabled){background:#f7f5fa!important;transform:none}
.body-row:before{display:none!important}
.body-row[disabled]{opacity:1}.body-row[disabled] .body-label,.body-row[disabled] .body-icon{opacity:.4}
:root{--robot-outline:#5f4f74;--robot-shell:color-mix(in oklab,var(--robot-outline) 10%,var(--paper));--robot-joint:var(--paper)}
.body-icon{width:38px;height:38px;flex:none;fill:none;stroke:var(--robot-outline);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.body-icon .robot-link{stroke-width:6}
.body-icon .robot-shell{fill:var(--robot-shell)}
.body-icon .robot-joint{fill:var(--robot-joint)}
td .body-icon,#task-detail .body-icon{width:18px;height:18px;vertical-align:-4px;margin-right:6px}
.zero-tag{background:none!important;padding:0!important;color:#b8b1c0!important;font-size:14px!important}
.metric-note{background:none!important;padding:0!important}
.section{padding-top:110px!important;padding-bottom:40px!important}
#combinations{display:grid!important;grid-template-columns:repeat(3,1fr);gap:14px}
.combo-button{display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:flex-start!important;gap:12px!important;padding:20px!important;background:#fff!important;border:1px solid #ece8f1;border-radius:16px!important;transition:border-color .2s,box-shadow .2s}
.combo-button:hover{border-color:#cfc3e0;box-shadow:0 6px 18px #4a33661a}
.combo-icons{display:flex;gap:6px;color:#5f4f74}
.combo-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.combo-icon .f{fill:#b9a6dc}
.combo-names{font-size:13px;color:#2b2631;line-height:1.6}
.combo-foot{display:flex;align-items:baseline;gap:10px;margin-top:auto}
.combo-foot strong{font-size:24px;font-weight:400}
.combo-foot small{font-size:11px;color:#8a8194}
.combo-bar{display:block;width:100%;height:3px;background:#efecf3;border-radius:3px;overflow:hidden}
.combo-bar b{display:block;height:100%;background:#8d76b3}
.quality{padding-top:70px!important;padding-bottom:60px!important;border-top:1px solid #ece8f1}
.quality-title{font-size:15px!important;font-weight:500;margin:0 0 18px;letter-spacing:0}
.quality-row{display:flex;flex-wrap:wrap;gap:10px 36px}
.quality-row button{font-size:13px;color:#5a5263;display:flex;align-items:baseline;gap:6px;background:none;border:0;padding:0;cursor:pointer}
.quality-row strong{font-weight:500;color:#2b2631}
.quality-row span{color:#8d76b3;margin-left:6px}
.quality-row button:hover span{text-decoration:underline}
footer p,footer .mono{display:none}
@media (max-width:760px){#combinations{grid-template-columns:1fr}.quality-row{flex-direction:column}}

/* Inline overview matrix: keep the full dataset and contain horizontal scrolling. */
:root{--matrix-surface:#fff;--matrix-heat:#9380b3;--matrix-hover:#eee8f3}
.cross-matrix .section-head{margin-bottom:26px;align-items:center}
.cross-matrix .section-head h2{margin-top:0;letter-spacing:0}
.matrix-subtitle{font-size:12px;color:var(--muted);margin-top:8px}
.cross-matrix .matrix-wrap{margin-top:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:100%;isolation:isolate}
.cross-matrix table{min-width:1120px;border-spacing:3px 8px;font-variant-numeric:tabular-nums}
.cross-matrix th{color:var(--muted);font-size:11px;letter-spacing:0}
.cross-matrix th:first-child{position:sticky;left:0;z-index:1;background:var(--paper);text-align:left;min-width:145px}
.matrix-body{display:flex;align-items:center;gap:8px;color:var(--ink)}
.matrix-body .body-icon{width:28px;height:28px}
.cross-matrix button[data-cell]{background:color-mix(in srgb,var(--matrix-heat) var(--heat),var(--matrix-surface));color:var(--ink)}
.cross-matrix .matrix-wrap button{border-radius:6px;min-height:40px;letter-spacing:0}
.cross-matrix .matrix-wrap button:hover{background:var(--matrix-hover);box-shadow:inset 0 0 0 1px var(--matrix-heat)}
.cross-matrix tfoot td,.cross-matrix tfoot th{border-top:1px solid var(--line)}
.cross-matrix .matrix-legend{color:var(--muted);font-size:10px;margin-top:16px}
.cross-matrix .matrix-legend i{background:linear-gradient(90deg,var(--matrix-surface),var(--matrix-heat))}
@media(max-width:680px){.cross-matrix .section-head{display:flex;gap:12px}.cross-matrix .text-button{white-space:nowrap;font-size:10px}.cross-matrix th:first-child{min-width:126px}.matrix-body{gap:5px}.matrix-body .body-icon{width:19px;height:19px}}

/* Language control shares the original atlas navigation. */
:root{--language-surface:var(--paper);--language-selected:color-mix(in oklab,var(--lavender) 65%,var(--paper));--language-shadow:0 12px 30px color-mix(in oklab,var(--ink) 12%,transparent)}
.language-control{position:relative;flex-shrink:0;color:var(--ink)}
.language-control svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}
.language-trigger{display:flex;align-items:center;gap:8px;padding:10px 8px;min-width:103px;border-radius:8px;font-size:12px}
.language-trigger:hover,.language-trigger[aria-expanded=true]{background:var(--language-selected)}
.language-trigger:focus-visible,.language-menu button:focus-visible{outline:2px solid var(--robot-outline);outline-offset:2px}
.language-trigger .language-chevron{width:12px;height:12px;margin-left:auto}
.language-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:144px;padding:5px;background:var(--language-surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--language-shadow);z-index:20}
.language-menu button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:11px 12px;border-radius:5px;text-align:left;font-size:12px}
.language-menu button:hover,.language-menu button[aria-checked=true]{background:var(--language-selected)}
.language-menu .language-check{width:14px;height:14px;visibility:hidden}
.language-menu button[aria-checked=true] .language-check{visibility:visible}
html[lang=en] h1{font-size:46px;letter-spacing:0}
html[lang=en] .section-head h2{letter-spacing:0}
html[lang=en] .scene-caption p{max-width:420px;margin:auto;line-height:1.5}
html[lang=en] #ability-tabs button{min-width:64px;font-size:9px}
html[lang=en] #capability-index button{grid-template-columns:16px 1fr;gap:8px 4px;padding-inline:10px}
html[lang=en] .body-label small{font-size:9px;line-height:1.3}
html[lang=en] .quality-row button{flex-wrap:wrap;text-align:left}
html[lang=en] .filters label{line-height:1.5}
@media(max-width:1000px){nav{gap:18px}}
@media(max-width:680px){nav{gap:10px}.language-control svg{width:14px;height:14px}.language-trigger{gap:5px;font-size:10px;min-width:88px;padding:9px 5px}html[lang=en] nav{gap:8px}html[lang=en] nav>a{display:none}html[lang=en] nav .outline{padding:9px 10px}html[lang=en] h1{font-size:34px;line-height:1.2}html[lang=en] .hero-heading>p:last-child{max-width:285px;margin:auto}html[lang=en] .hero-foot{gap:12px}html[lang=en] .body-label{width:112px}html[lang=en] .body-row{gap:8px}html[lang=en] .cross-matrix .section-head{align-items:flex-start}html[lang=en] .cross-matrix .section-head h2{font-size:24px}}
/* Data section: episode format, open datasets, sample task */
.data-section{border-top:1px solid var(--line)}
.data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.data-grid>article{display:flex;flex-direction:column;gap:12px;padding:26px 25px;background:#eeebf2;border-radius:22px}
.data-grid .mono{font-size:9px;letter-spacing:1px;color:#9b8ea5}
.data-grid h3{font-size:17px;font-weight:500}
.data-grid ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.data-grid li{display:flex;flex-direction:column;gap:3px;font-size:12px}
.data-grid li b{font-weight:500}
.data-grid li span,.data-note{color:var(--muted);font-size:11px}
.data-grid p strong{display:block;font-size:34px;font-weight:400;letter-spacing:-1px}
.data-grid p span{font-size:11px;color:var(--muted)}
.data-sample{font-size:14px}
.data-link{font-size:12px;color:#5a3d74;padding:10px 14px;background:#fff9;border-radius:14px;overflow-wrap:anywhere}
.data-link:hover{background:#fff}
.data-link.primary{background:#302936;color:#fff;margin-top:auto}
.data-link.primary:hover{background:#000}
@media(max-width:900px){.data-grid{grid-template-columns:1fr}}