:root{--ink:#263747;--body:#52616e;--blue:#176e9d;--blue-soft:#eef6fb;--line:#e3eaf0;--orange:#ac5917;--a:#53606c;--b:#267bb2;--c:#ce725e;--radius:12px}
.button:disabled,.button:disabled:hover{background:#f4f6f8;color:#64717d;border-color:#d8e1e8;box-shadow:none;cursor:default;transform:none}.button-status{font-size:.8em;font-weight:400;white-space:nowrap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#fff;color:var(--body);font:16px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}a{color:var(--blue);text-underline-offset:4px}a:hover{color:#0d4b72}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #de8d32;outline-offset:5px}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{color:var(--ink);line-height:1.3}h2{font-size:29px;letter-spacing:-.025em;font-weight:650;margin-bottom:22px}h3{font-size:19px;font-weight:650}p+p{margin-top:17px}img{max-width:100%;height:auto;display:block}.wrap{max-width:1120px;width:calc(100% - 64px);margin-inline:auto}.content{max-width:850px;width:calc(100% - 64px);margin-inline:auto}.skip-link{position:fixed;top:-100px;left:16px;z-index:20;background:#fff;padding:10px 18px}.skip-link:focus{top:12px}
.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px}.topbar a{text-decoration:none;color:#637483}.topbar>div{display:flex;gap:28px}.wordmark{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.13em}.skin-mark{display:grid;gap:3px;transform:skewY(-12deg)}.skin-mark i{display:block;width:21px;height:4px;background:#f0b9a5}.skin-mark i:nth-child(2){background:#e9d3b6}.skin-mark i:nth-child(3){background:#80b6ca}.hero{text-align:center;padding:62px 0 38px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.18em;font-weight:750;color:#678494}.eyebrow{margin-bottom:21px}.hero h1{font-size:clamp(32px,4vw,49px);font-weight:700;letter-spacing:-.045em;line-height:1.15}.hero h1>span{display:block;font-size:clamp(22px,2.8vw,32px);font-weight:550;letter-spacing:-.025em;line-height:1.4;margin-top:13px}.publication{margin-top:26px;color:var(--orange);font-weight:650;font-size:17px}.publication span{font-weight:450;margin-left:7px}.authors{padding:0;list-style:none;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:23px 0 12px}.authors a{display:block;border:1px solid #d8e6ef;background:#f9fcfe;border-radius:999px;padding:3px 12px;color:#40576b;text-decoration:none;font-size:13px;font-weight:550;transition:background .2s}.authors a:hover{background:#e9f3fa}.authors sup{font-size:9px;margin-left:3px}.affiliation{font-size:16px;color:#536979}.affiliation-detail{font-size:11px;line-height:1.8;color:#72828d;margin-top:4px}.resources{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:9px 20px;border:1px solid #2f404f;border-radius:999px;text-decoration:none;background:#2f404f;color:#fff;font-size:13px;font-weight:550;box-shadow:0 3px 7px #2637470d;transition:background .2s,transform .2s}.button:hover{background:#182e40;color:#fff;transform:translateY(-1px)}.button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.button-light{background:#fff;color:var(--ink);border-color:#d8e1e8}.button-light:hover{background:#f0f5f9;color:var(--ink)}
.zoomable{display:block;position:relative;cursor:zoom-in;text-decoration:none}.zoom-hint{position:absolute;bottom:8px;right:8px;width:27px;height:27px;display:grid;place-items:center;background:#fff;border:1px solid #dce5ec;border-radius:6px;font-size:16px;color:#5e7485;opacity:.85}.zoomable:hover .zoom-hint{background:#e7f3fc;color:#145c8b}.section{padding:47px 0;border-bottom:1px solid var(--line)}.section-kicker{margin-bottom:9px}#abstract-text p{line-height:1.95}blockquote{border-left:3px solid #75a6c5;background:#f6f9fc;padding:20px 24px;margin-top:26px;font-size:21px;line-height:1.55;color:#3e5c71;font-weight:500}.arrangements{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:27px}.arrangement{border:1px solid var(--line);border-radius:10px;padding:21px 18px}.arrangement.featured{border-color:#b8d6e8;background:#f3f9fd}.pattern{display:grid;place-items:center;width:32px;height:32px;font-size:14px;font-weight:700;border-radius:50%;color:#fff;margin-bottom:15px}.pattern-a{background:var(--a)}.pattern-b{background:var(--b)}.pattern-c{background:var(--c)}.arrangement h3{font-size:15px;line-height:1.5;margin-bottom:10px}.arrangement p{font-size:13px;line-height:1.8}.arrangement-note{display:block;font-size:10px;line-height:1.6;color:#697e8e;border-top:1px solid #dce6ed;padding-top:14px;margin-top:20px}.figure-note{font-size:12px;color:#6b7b89;margin-top:16px}.task-number{color:#7495ac;font-size:13px;font-weight:600;padding-top:2px}.section figure{margin:26px 0 5px}.section figure .zoomable{padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff}.section figure img{width:100%;height:auto}figcaption{font-size:12px;line-height:1.65;color:#6d7f8e;text-align:center;margin-top:12px;padding:0 14px}.result-heading{margin:31px 0 14px;font-size:20px}.detection-chart,.texture-results{padding:25px 27px;margin-top:25px;background:#f8fafc;border:1px solid var(--line);border-radius:10px}.chart-row{display:grid;grid-template-columns:77px 1fr 72px;gap:16px;align-items:center;font-size:12px;margin:18px 0}.chart-row>strong{font-size:15px;font-variant-numeric:tabular-nums;text-align:right;color:var(--ink)}.chart-row>strong span{font-weight:400;color:#7c8996;font-size:12px}.track{display:block;width:100%;height:16px;border-radius:3px;background:#e7edf2;overflow:hidden}.fill{display:block;height:100%;border-radius:3px;transition:width .3s ease}.fill-a{background:var(--a)}.fill-b{background:var(--b)}.fill-c{background:var(--c)}.chart-source{margin-top:22px;font-size:11px;color:#6b7e8e;line-height:1.7}.chart-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:10px}.chart-toolbar>span{font-size:12px;font-weight:600}.speed-controls{display:flex;gap:4px;background:#eaf0f5;border-radius:7px;padding:4px}.speed-controls button{font-size:12px;padding:5px 10px;border:1px solid transparent;border-radius:5px;color:#577086;background:transparent}.speed-controls button[aria-pressed=true]{background:white;border-color:#cadde9;color:#155f8f;box-shadow:0 1px 4px #294c6310}details{margin-top:20px;border-top:1px solid var(--line);padding-top:14px}summary{font-size:12px;cursor:pointer;color:var(--blue)}table{width:100%;border-collapse:collapse;font-size:12px;margin-top:12px;text-align:right}caption{text-align:left;font-size:11px;margin-bottom:9px;color:#6d7f8e}th,td{padding:9px 7px;border-bottom:1px solid var(--line)}th:first-child{text-align:left}.citation-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.copy-button{font-size:12px;color:#3a657d;background:#f3f8fb;border:1px solid #cddfe9;border-radius:6px;padding:7px 12px}.copy-button:hover{background:#e7f2f9}pre{overflow-x:auto;max-width:100%;margin:0;padding:25px;background:#f5f7f9;border:1px solid var(--line);border-radius:9px;color:#405363;font-size:12px;line-height:1.85;tab-size:2}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.copy-status{font-size:12px;color:#537c63;min-height:22px;margin-top:7px}.contact{border:0;padding-bottom:56px}.contact p{font-size:14px}.contact .funding{font-size:11px;color:#768795;margin-top:20px}footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;border-top:1px solid var(--line);padding:24px 0 30px;font-size:10px;color:#748594}footer p{margin:0}footer a{color:#647e91}dialog{border:0;border-radius:12px;padding:50px 24px 20px;max-width:min(1200px,94vw);max-height:94vh;overflow:auto;box-shadow:0 18px 90px #0004}dialog::backdrop{background:#1b2b3ae6}dialog img{width:auto;max-height:78vh;margin:auto;object-fit:contain}.dialog-close{position:sticky;top:-38px;float:right;margin-top:-38px;border:1px solid #d3dee6;border-radius:5px;background:#fff;color:#304a5c;font-size:12px;padding:4px 10px}#dialog-caption{font-size:12px;color:#607484;text-align:center;max-width:800px;margin:14px auto 0}
@media(min-width:1500px){.hero{padding-top:72px}}@media(max-width:800px){.wrap,.content{width:calc(100% - 40px)}.hero{padding-top:40px}.desktop-break{display:none}.hero h1{font-size:36px}.hero h1>span{font-size:25px}.section{padding:36px 0}.arrangements{gap:9px}.arrangement{padding:17px 13px}.arrangement h3{font-size:14px}.arrangement p{font-size:12px}footer{justify-content:center;text-align:center}}
@media(max-width:560px){body{font-size:15px;line-height:1.85}.wrap,.content{width:calc(100% - 32px)}.topbar{height:63px}.topbar>div{gap:16px;font-size:11px}.wordmark{font-size:9px;letter-spacing:.08em;gap:6px}.skin-mark i{width:17px}.hero{padding:35px 0 27px}.eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:19px}.hero h1{font-size:32px}.hero h1>span{font-size:22px;margin-top:14px;line-height:1.45}.publication{font-size:14px;margin-top:23px}.publication span{display:block;font-size:13px;margin:3px 0 0}.authors{gap:7px;margin-top:19px}.authors a{font-size:11px;padding:2px 10px}.affiliation{font-size:14px}.affiliation-detail{font-size:10px}.resources{gap:7px;margin-top:23px}.button{font-size:11px;padding:8px 12px;gap:6px}.button svg{width:14px;height:14px}h2{font-size:26px}.section-kicker{font-size:9px}.arrangements{grid-template-columns:1fr;gap:12px}.arrangement{padding:19px}.arrangement h3{font-size:17px}.arrangement p{font-size:14px}.pattern{float:left;margin:0 13px 10px 0}.arrangement-note{clear:both;font-size:11px;margin-top:15px}.figure-note{font-size:11px}.section figure .zoomable{padding:7px}figcaption{font-size:11px;padding:0 4px}.detection-chart,.texture-results{padding:18px 14px}.chart-row{grid-template-columns:62px 1fr 60px;gap:10px;font-size:11px}.chart-row>strong{font-size:14px}.chart-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.chart-source{font-size:10px}.result-heading{font-size:18px}.citation-heading h2{margin-bottom:18px}.copy-button{font-size:11px;padding:6px 9px}pre{font-size:10px;padding:17px}blockquote{font-size:18px;padding:17px 18px}.contact p{font-size:13px}footer{font-size:10px;gap:9px}dialog{padding-inline:12px}}
/* Research narrative: shared platform, parallel setups, complementary tasks. */
.study-intro{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.study-copy h2{font-size:34px;line-height:1.25}
.study-copy p{font-size:15px}
.study-copy .section-kicker{font-size:10px}
.study-copy .study-takeaway{margin-top:26px;padding-left:18px;border-left:3px solid #75a6c5;color:#3e5c71}
.study-intro figure{margin:0}
.study-intro figcaption{text-align:left;padding-inline:0}
.task-map{list-style:none;padding:0;margin:38px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line)}
.task-map li{min-width:0;display:flex}
.task-map li+li{border-left:1px solid var(--line)}
.task-map a{display:flex;flex-direction:column;padding:24px;text-decoration:none;color:var(--body);width:100%;transition:background .2s}
.task-map a:hover{background:#f4f8fb}
.task-map .task-number{font-size:10px;letter-spacing:.1em;margin-bottom:12px}
.task-map h3{font-size:18px;margin-bottom:10px}
.task-map p{font-size:13px;line-height:1.7;margin-bottom:18px}
.task-link{margin-top:auto;font-size:11px;color:var(--blue)}
.section-intro{max-width:850px;margin:0 auto 30px}
.setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
.setup{min-width:0;padding-top:20px;border-top:2px solid #bfd2de}
.setup-label{font-size:11px;font-weight:700;letter-spacing:.12em;color:#678494;margin-bottom:12px}
.setup h3{font-size:21px;min-height:2.6em}
.setup-grid .setup figure{margin:22px 0}
.setup-grid .setup figure img{width:100%;aspect-ratio:1.42;object-fit:contain}
.setup>p:last-child{font-size:14px}
.setup figcaption{text-align:left;padding-inline:0}
.research-detail summary{font-size:13px;font-weight:550}
.research-detail>p,.research-detail>#abstract-text{margin-top:18px;font-size:14px}
.task-section .section-kicker{color:#52768e}
.finding{border-left:3px solid #b9d1e1;padding-left:22px;margin-top:28px}
.finding h3{font-size:18px;margin-bottom:12px}
.finding p{font-size:15px}
.discussion-point+.discussion-point{margin-top:30px}
.discussion-point h3,.scope-note h3{font-size:20px;margin-bottom:14px}
.scope-note{padding:25px 28px;margin-top:32px;background:#f5f8fa;border-radius:10px}
.scope-note p{font-size:14px}
figcaption strong{font-weight:650;color:#506b7e}
.dialog-source{font-size:12px;text-align:center;margin-top:12px}
.result-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.result-pair+.result-pair{margin-top:36px;padding-top:36px;border-top:1px solid var(--line)}
.result-copy,.result-visual{min-width:0}
.result-copy>p:not(.section-kicker){font-size:15px}
.result-copy>.result-heading:first-child{margin-top:0}
.result-visual{width:100%;max-width:560px;justify-self:center}
.result-visual>figure{margin:0}
.result-visual>.detection-chart,.result-visual>.texture-results{margin-top:0}
.result-visual .chart-toolbar{flex-wrap:wrap}
.result-visual figcaption{text-align:left;padding-inline:0}
@media(max-width:800px){
  .result-pair{grid-template-columns:1fr;gap:26px}
  .result-pair+.result-pair{margin-top:30px;padding-top:30px}
  .study-intro{grid-template-columns:1fr;gap:28px}
  .study-intro figure{max-width:540px;margin-inline:auto}
  .study-copy h2{font-size:30px}
  .setup-grid{gap:22px}
  .setup h3{font-size:18px}
  .task-map a{padding:20px 16px}
  .task-map h3{font-size:16px}
}
@media(max-width:640px){
  .setup-grid{grid-template-columns:1fr;gap:32px}
  .setup h3{min-height:0;font-size:21px}
  .task-map{grid-template-columns:1fr;margin-top:26px}
  .task-map li+li{border-left:0;border-top:1px solid var(--line)}
  .task-map a{padding:21px 8px}
  .task-map h3{font-size:18px}
  .task-map p{margin-bottom:12px}
  .topbar{height:auto;min-height:76px;flex-wrap:wrap;justify-content:center;gap:12px;padding-block:15px}
  .topbar>div{gap:20px;font-size:11px}
  .wordmark{justify-content:center;width:100%}
  .study-copy h2{font-size:28px}
  .finding{padding-left:16px}
  .finding p{font-size:14px}
  .scope-note{padding:20px}
  .discussion-point h3,.scope-note h3{font-size:18px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
@media print{.topbar,.resources,.copy-button,.zoom-hint,dialog,footer>a{display:none}.wrap,.content{width:100%;max-width:none}.hero{padding-top:0}.section{break-inside:avoid}body{font-size:11px}a{color:inherit}}
