:root{color-scheme:light;--ink:#25313c;--muted:#63707c;--line:#dce1e5;--soft:#f4f6f7;--focus:#273c4c}
*{box-sizing:border-box}body{margin:0;background:#fafbfc;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus);outline-offset:3px}p,h1,h2,h3{margin:0}h1{font-size:25px;letter-spacing:-.025em;font-weight:650}h2{font-size:15px}h3{font-size:13px}p{line-height:1.5}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.site-header{background:white;display:flex;align-items:center;gap:36px;padding:0 24px;min-height:66px;border-bottom:1px solid var(--line)}.brand{font-size:23px;font-weight:750;letter-spacing:-.04em;text-decoration:none;color:var(--ink)}.brand span{font-weight:400}.tabs{display:flex;align-self:stretch;gap:24px;min-width:0}.tab{position:relative;border:0;background:transparent;text-align:left;padding:10px 0;color:var(--muted);font-size:13px;font-weight:600;line-height:1.3}.tab>span{display:block}.tab-subtitle{font-size:11px;font-weight:400;margin-top:3px}.tab.is-active{color:var(--ink)}.tab.is-active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--ink)}.panel{display:none}.panel.is-active{display:block}#profiles{padding:19px 24px 10px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:.12em;color:var(--muted);margin-bottom:4px}.quiet-button{border:1px solid var(--line);border-radius:5px;padding:7px 11px;background:white;font-size:12px;white-space:nowrap}.quiet-button:hover{background:var(--soft)}.text-button{background:none;border:0;padding:3px 0;font-size:12px;text-decoration:underline;text-underline-offset:3px;color:var(--muted)}#reading-guide{border-left:3px solid var(--focus);padding:10px 14px;margin:0 0 12px;background:var(--soft);max-width:1050px;font-size:13px;line-height:1.6}
.toolbar{display:flex;align-items:flex-end;gap:12px;margin-bottom:16px}.toolbar label{display:flex;flex-direction:column;gap:5px;min-width:0}.toolbar label>span{font-size:11px;font-weight:600;color:var(--muted)}.toolbar input,.toolbar select,.dimension-filter select{border:1px solid var(--line);background:white;color:var(--ink);border-radius:5px;padding:7px 9px;height:34px;max-width:100%;font-size:12px}.search-field{flex:1;max-width:330px}.toolbar input{width:100%}#motivation{width:260px}#actor{width:165px}#team{width:120px}
.explorer{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;height:calc(100dvh - 243px);min-height:460px;max-height:1100px}.chart-card,.inspector{border:1px solid var(--line);border-radius:7px;background:white;min-width:0;min-height:0;overflow:hidden}.chart-card{display:flex;flex-direction:column}.chart-toolbar{padding:12px 14px 7px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}#match-count{font-size:12px;font-weight:650;white-space:nowrap}.legend{display:flex;align-items:center;gap:3px 8px;flex-wrap:wrap;font-size:11px}.legend-title{color:var(--muted);margin-right:3px}.legend button{border:1px solid transparent;background:transparent;padding:4px 3px;font-size:11px;border-radius:4px;white-space:nowrap}.legend button[aria-pressed=true]{border-color:var(--focus);background:var(--soft)}.legend i{display:inline-block;width:15px;height:3px;margin:0 5px 3px 0;background:var(--swatch);vertical-align:middle}.dimension-filter{display:flex;gap:7px;align-items:center;padding:3px 14px 10px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.dimension-filter select{font-size:11px;height:28px;padding:3px 5px;max-width:140px}.dimension-filter>button{margin-left:auto;border:0;padding:4px 0;font-size:11px}.chart-scroll{overflow:auto;flex:1;min-height:0;position:relative;scrollbar-width:thin}#profile-chart{display:block;width:100%;background:white}.chart-footer{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:8px 14px;border-top:1px solid var(--line);font-size:11px;min-height:35px;color:var(--muted)}#selection-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#clear-selection{white-space:nowrap;font-size:11px}.axis-title{font-weight:650;fill:var(--ink);text-anchor:middle;cursor:default}.level-label{fill:var(--muted)}.paper-label{fill:var(--ink);text-anchor:end;dominant-baseline:middle}.paper-label.is-active{font-weight:750}.paper-label.is-filtered{opacity:.18}.axis-line,.axis-bar{stroke:#8f99a2;stroke-width:.7}.axis-bar{fill:#f6f7f8;cursor:pointer}.machine-bar{fill:#e3e7e9}.axis-group.is-region-active .axis-title{font-weight:800;text-decoration:underline}.axis-group.is-region-active .axis-bar{stroke:var(--focus);stroke-width:1.4}.flow{fill:none;stroke-width:.7;stroke-opacity:.39;vector-effect:non-scaling-stroke;pointer-events:none}.flow.is-muted{stroke-opacity:.045}.flow.is-filtered{stroke-opacity:.025}.flow.is-active{stroke-width:1.9;stroke-opacity:.98}.flow-hit{fill:none;stroke:transparent;stroke-width:7;pointer-events:stroke;cursor:pointer}.flow-hit.is-filtered{pointer-events:none}.paper-hit{fill:transparent;cursor:pointer}.paper-hit.is-filtered{pointer-events:none}#no-matches{position:absolute;top:44%;left:15%;width:70%;text-align:center;padding:18px;background:#fffffff2;border:1px solid var(--line);border-radius:6px;font-size:13px}
.inspector{display:flex;flex-direction:column}.inspector-heading{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid var(--line)}#selection-mode{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.inspector-scroll{overflow-y:auto;padding:14px 15px;scrollbar-width:thin;min-height:0}.overview-title{font-size:14px;line-height:1.45;font-weight:650;margin:3px 0 8px}.study-meta{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px;flex-wrap:wrap}.result-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--swatch)}.motivation-card{margin:11px 0;padding:10px 11px;background:var(--soft);border-radius:4px}.motivation-card h3{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.motivation-card p{font-size:12px}.reference{font-size:11px;line-height:1.5;color:var(--muted)}.overview-intro{font-size:12px;color:var(--muted);margin:8px 0 12px}.paper-studies{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0}.paper-studies button{font-size:11px;padding:5px 8px;border:1px solid var(--line);border-radius:4px;background:white}.paper-studies button[aria-pressed=true]{border-color:var(--focus);background:var(--soft)}.paper-study-summary{font-size:12px;border-top:1px solid var(--line);padding-top:8px;margin-top:8px}.paper-study-summary p{font-size:11px;margin-top:3px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.section-heading h3{font-size:11px;font-weight:650}.map-section{margin-top:15px;padding-top:13px;border-top:1px solid var(--line)}.design-map{position:relative;max-width:248px;margin:0 auto}.design-map img{display:block;width:100%;height:auto}.map-region{position:absolute;border:2px solid transparent;background:transparent;transition:background .1s;outline-offset:1px;border-radius:1px}.map-region.is-region-active{border-color:var(--focus);background:rgba(54,78,91,.12);box-shadow:0 0 0 1px white}.region-team{left:.3%;top:5.15%;width:99.4%;height:5.65%}.region-levels{left:48.65%;top:10.75%;width:38.55%;height:44.45%}.region-changes{left:87.2%;top:10.75%;width:12.5%;height:44.45%}.region-additions{left:48.65%;top:55.2%;width:51.05%;height:44.5%}.map-hint{font-size:10px;text-align:center;color:var(--muted);margin-top:7px}.block-tabs{position:sticky;top:-14px;background:white;z-index:2;display:flex;gap:3px;padding:13px 0 8px;border-bottom:1px solid var(--line)}.block-tabs button{border:1px solid transparent;border-radius:4px;background:white;padding:5px 7px;font-size:11px;flex:1}.block-tabs button[aria-pressed=true]{background:var(--soft);border-color:var(--line);font-weight:650}#block-detail{padding:11px 0 5px;font-size:12px;min-height:90px}#block-detail p{font-size:12px;color:var(--muted)}.codes{display:grid;grid-template-columns:1fr auto;margin:0;gap:0}.codes dt,.codes dd{margin:0;border-bottom:1px solid #edf0f2;padding:6px 0}.codes dd{font-style:italic;font-size:11px;text-align:right}.family{margin:0 0 13px}.family h3{font-size:11px;margin-bottom:4px}.family ul{padding-left:16px;margin:0}.family li{font-size:12px;line-height:1.5;margin-bottom:4px}.family-note{font-size:10px!important;margin-bottom:12px}.page-footer{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);padding:9px 0 0}.tooltip{position:fixed;z-index:20;max-width:min(370px,calc(100vw - 24px));padding:9px 11px;border:1px solid #c9cfd5;border-radius:5px;background:#fffffff7;box-shadow:0 4px 16px #18273512;font-size:12px;line-height:1.4;pointer-events:none}.tooltip strong{display:block;margin-bottom:3px}.tooltip span{font-size:11px;color:var(--muted)}.document-panel{height:calc(100dvh - 66px);background:var(--soft)}.document-panel iframe{display:block;width:100%;height:100%;border:0}dialog{border:1px solid var(--line);border-radius:8px;padding:18px;max-height:92dvh;max-width:94vw;width:680px}dialog::backdrop{background:#1e293b70}dialog img{display:block;max-height:calc(88dvh - 70px);max-width:100%;margin:auto}.chart-expanded .explorer{grid-template-columns:1fr}.chart-expanded .inspector{display:none}
.explorer{height:calc(100dvh - 164px)}
#result{width:165px}
.map-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.map-actions a{display:inline-block}
.axis-bar.is-hovered,.axis-bar[aria-pressed=true]{stroke:var(--focus);stroke-width:2;fill:#e0e7ec}
.design-map{max-width:225px}
@media(min-width:1750px){.explorer{grid-template-columns:minmax(0,1fr) 380px}.design-map{max-width:275px}}
@media(max-width:1100px){.site-header{gap:24px;padding:0 16px}.tabs{gap:16px}#profiles{padding:15px 16px 10px}.explorer{grid-template-columns:minmax(0,1fr) 300px;gap:12px}.toolbar{gap:8px}#motivation{width:205px}#actor{width:145px}#team{width:100px}.toolbar input{min-width:120px}.legend-title{display:none}.inspector-scroll{padding:12px}.block-tabs{top:-12px}}
@media(max-width:1199px){.site-header{gap:15px}.brand{font-size:20px}.tabs{gap:13px}.tab{font-size:11px}.tab-subtitle{font-size:10px;max-width:190px}.toolbar{flex-wrap:wrap}.search-field{max-width:none;flex:1 1 180px}.toolbar label{flex:1 1 120px}.toolbar select,#motivation,#actor,#team{width:100%}.explorer{grid-template-columns:1fr;height:auto;max-height:none;min-height:0}.chart-card{height:610px}.inspector{max-height:none}.inspector-scroll{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 22px;overflow:visible}.map-section{grid-column:2;grid-row:1 / span 3;border:0;margin:0;padding:0}.design-map{max-width:235px}.block-tabs{position:static;align-self:end}.page-footer span{display:none}.chart-expanded .chart-card{height:calc(100dvh - 170px);min-height:400px}}
@media(max-width:520px){.site-header{padding:12px 12px 0;align-items:flex-start;flex-direction:column;gap:3px}.tabs{width:100%;gap:14px;justify-content:space-between}.tab{font-size:10px;flex:1;padding:9px 0}.tab-subtitle{font-size:9px}.brand{font-size:20px}#profiles{padding:14px 12px}.page-heading{align-items:flex-start}h1{font-size:21px}.eyebrow{font-size:8px}.page-heading .quiet-button{font-size:10px;padding:6px}.toolbar{gap:8px}.toolbar label{flex-basis:calc(50% - 8px)}.toolbar .search-field{flex-basis:100%}.toolbar input{min-width:0}.toolbar #reset{height:34px;align-self:flex-end}.chart-card{height:590px}.chart-toolbar{padding:10px;gap:5px}.legend{gap:2px}.legend button{font-size:10px}.dimension-filter{padding:5px 10px 9px;gap:5px}.dimension-filter select{max-width:110px}.dimension-filter>label{display:none}.dimension-filter>button{font-size:10px}.inspector-scroll{display:block}.map-section{margin-top:15px}.design-map{max-width:240px}.block-tabs{margin-top:7px}.document-panel{height:calc(100dvh - 112px)}}
@media(max-width:1199px){#result{width:100%}}