/* Question surfaces share the supplied reference's typography and quiet spacing. */
@font-face{font-family:Archivo;src:url('archivo-latin.woff2') format('woff2');font-weight:300 800;font-style:normal;font-display:swap}
@font-face{font-family:Wizard Mono;src:url('jetbrains-latin.woff2') format('woff2');font-weight:400 500;font-display:swap}
:root{--ui-font:Archivo,Arial,sans-serif;--meta-font:Wizard Mono,monospace}
body{font-family:var(--ui-font)}
.brand,.testing .brand{font-family:var(--ui-font);font-weight:800;font-stretch:normal}
.brand small,.testing .brand small,.header-actions button,.header-language select,.eyebrow,.testing .eyebrow,.testing .station-top,.test-card .num,.home-language label,.home-language select{font-family:var(--meta-font);font-weight:400}
.brand small,.testing .brand small{font-size:12px;letter-spacing:1px}
.header-actions{gap:14px}.header-actions button,.header-language select{font-size:12px;letter-spacing:.025em;min-height:44px}
.header-language select{max-width:130px;padding:8px 12px;border-radius:8px;color:var(--muted)}
.header-language option,.home-language option{background:#15191b;color:#f4f5f6}
.testing{--bg:#0d0f10;--panel:#15181a;--line:#2a2d30;--muted:#a9afb5;--green:#3cc878}
.testing header{height:88px;max-width:1440px;padding:0 32px}
.testing main{max-width:1440px;padding:28px 32px 32px}
.testing .station-layout{grid-template-columns:190px minmax(0,1fr);gap:32px;min-height:calc(100svh - 204px)}
.testing .side{padding-right:22px}.testing .side h3{font-family:var(--ui-font);font-size:24px;text-transform:none;letter-spacing:-.4px;overflow-wrap:anywhere}
.side .eyebrow{font-size:12px;letter-spacing:1px}.player-name{font-size:14px;margin-top:-4px;overflow-wrap:anywhere}
.testing .side .step{padding:14px 10px;font-size:14px;border-radius:8px}.testing .side .fine{background:none;padding:24px 0 0;font-size:14px}.side .quiet{font-size:14px;text-align:left;padding-left:0}
.testing .question{min-width:0}.testing .station-top{gap:18px;align-items:flex-start;line-height:1.6;letter-spacing:1.1px;font-size:12px}.station-top>span:first-child{flex-shrink:0}.station-top>span:last-child{text-align:right;max-width:65%}
.progress.segmented{height:3px;gap:4px;margin:10px 0 0}.progress.segmented i{height:3px;border-radius:0}
.question-body{flex:1;padding:64px 0 48px;min-width:0}.testing .question h1{font-size:clamp(30px,3.1vw,44px);font-family:var(--ui-font);font-weight:750;line-height:1.12;letter-spacing:-1.2px;max-width:870px;margin:0 0 20px;text-wrap:balance}
.testing .question .instruction{font-size:16px;line-height:1.6;margin:0;max-width:690px;color:#aeb4ba}
.testing .answer{border:0;border-radius:0;background:none;padding:0;margin:32px 0 0;min-width:0}
.testing .scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0}
.tone-0{--tone:#ff0000;--tone-bg:rgb(255 0 0 / .09);--tone-border:rgb(255 0 0 / .28)}.tone-1{--tone:#e58d56;--tone-bg:#2b1a14;--tone-border:#65402a}.tone-2{--tone:#e6be3c;--tone-bg:#2a2616;--tone-border:#655924}.tone-3{--tone:#90c8a5;--tone-bg:#1a2722;--tone-border:#355846}.tone-4{--tone:#3cc878;--tone-bg:#162c20;--tone-border:#276040}
.testing .scale button{display:flex;flex-direction:column;justify-content:space-between;gap:34px;text-align:left;padding:18px;min-height:146px;border:1px solid var(--tone-border);border-radius:14px;background:var(--tone-bg);color:#f3f5f4;font-size:16px;line-height:1.3;transform:none}
.scale-number{font:400 13px var(--meta-font);color:var(--tone)}.scale-copy{display:flex;flex-direction:column;gap:5px}.scale-copy strong{font-weight:700}.scale-copy>span{font-size:13px;color:#c1c4c5;line-height:1.4}
.testing .scale button.selected{border-color:var(--tone);box-shadow:0 0 0 2px var(--tone),0 0 24px color-mix(in srgb,var(--tone) 20%,transparent);background:var(--tone-bg);color:#fff}
.testing .scale button:disabled{opacity:1}.testing .scale button:disabled:not(.selected){opacity:.5}.testing .tip{font-size:13px;line-height:1.6;color:#a4aab0;margin:12px 0 0}
.question-split{display:grid;grid-template-columns:minmax(225px,.78fr) minmax(360px,1.22fr);gap:36px;padding-top:50px;align-items:start}.question-split .question-copy{padding-top:25px}.testing .question-split h1{font-size:clamp(28px,2.8vw,38px);letter-spacing:-1px}.testing .question-split .answer{margin:0}
.entry-list{display:grid;gap:8px;margin-top:28px}.entry{display:flex;align-items:center;gap:10px;min-height:54px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--entry-color) 32%,transparent);background:color-mix(in srgb,var(--entry-color) 10%,transparent);border-radius:12px}
.entry.empty{background:none;border:1px dashed #373c40;color:#a0a7ad}.entry-number{font:12px var(--meta-font);display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border-radius:50%;background:var(--entry-color);color:#0d1710}.entry.empty .entry-number{background:none;border:1px dashed #565e64;color:#a0a7ad}.entry-label{font-size:14px;line-height:1.4;flex:1;font-weight:600}.entry.empty .entry-label{font-weight:400}.entry-values{display:block;font:12px var(--meta-font);color:#b1b9be;margin-top:5px;letter-spacing:-.3px}.entry .quiet{padding:0 2px;font-size:12px;min-width:44px;min-height:36px}.entry .quiet:hover{color:#fff}
.plot-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-bottom:22px;font-size:13px;color:var(--muted)}
.holes-toggle{display:flex;padding:3px;border:1px solid var(--line);border-radius:10px}.holes-toggle button{padding:5px 11px;min-height:36px;background:none;border:0;font-size:13px;white-space:nowrap}.holes-toggle button[aria-pressed=true]{background:#28312c;color:#c0f1d2}
.testing .plot-wrap{padding:0}.testing .plane{margin:0 28px 42px;position:relative}.plot-surface{position:relative}.testing .plane svg{height:340px;width:100%;background:#0d0f10;border:1px solid #303437;border-radius:15px;touch-action:none;display:block;overflow:visible}
.testing .curve .plane{margin-left:0;margin-right:0;margin-bottom:66px}.testing .curve .plane svg{background:#111618}
.testing .curve .plane svg.drawing{cursor:crosshair;user-select:none}
.curve-input-area{position:absolute;inset:-14px;cursor:crosshair;touch-action:none;user-select:none}
.testing .axis{font-size:12px;color:#fff;line-height:1.4;max-width:100%;text-align:center;white-space:normal}.testing .axis.top{top:-24px;left:50%;transform:translateX(-50%);width:100%}.testing .axis.bottom{bottom:-25px;left:50%;transform:translateX(-50%);width:100%}.testing .curve .axis.bottom{bottom:-53px}
.testing .axis.left{left:-25px;top:50%;max-width:none;max-height:100%;white-space:nowrap;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg)}.testing .axis.right{right:-25px;top:50%;max-width:none;max-height:100%;white-space:nowrap;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg)}
.corner-labels{position:absolute;inset:0;pointer-events:none;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1px;border-radius:15px;overflow:hidden}.quad-corner{padding:14px;align-self:start;font-size:13px;line-height:1.45;font-weight:600;color:#d6cc98;max-width:100%;overflow-wrap:anywhere}.corner-1{color:#9cddba;text-align:right}.corner-2{color:#ff0000;align-self:end}.corner-3{color:#dcb4a0;align-self:end;text-align:right}
.plot-point{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--point-color) 30%,transparent))}.plot-actions{display:flex;gap:16px;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.plot-actions .quiet{font-size:13px;padding:5px 0;min-height:44px}.keyboard-input{margin-top:16px}.keyboard-input summary{font-size:13px;min-height:44px;display:flex;align-items:center;gap:10px}.keyboard-input summary:before{content:'+';font-size:18px}.keyboard-input[open] summary:before{content:'−'}.keyboard-input label{font-size:14px;display:block;margin:12px 0}.alt-holes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ideal-control{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;margin:0 0 10px}.ideal-control .fine{font-size:12px;width:100%;margin:0}
.testing .bottom-nav{margin-top:0;border-top:1px solid #292d30;padding-top:18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.testing .bottom-nav .back-button{font-size:14px;border-radius:24px;background:none;padding:8px 15px;min-height:44px}.question-links{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}.question-links>.quiet{font-size:13px;min-height:44px;padding:8px}.testing .bottom-nav .primary{background:#f4f5f5;color:#101316;border:1px solid #f4f5f5;min-width:106px;min-height:44px;border-radius:24px;font-size:14px;padding:9px 20px}.testing .bottom-nav .primary:disabled{background:#202629;border-color:#30383d;color:#969ea5;opacity:1}.testing .bottom-nav .primary:hover:not(:disabled){background:#d9f6e5}
.question-help{position:relative}.question-help summary{list-style:none;border:1px solid #333a3f;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:22px;color:#abb4bb;line-height:1}.question-help summary::-webkit-details-marker{display:none}.help-menu{position:absolute;bottom:calc(100% + 12px);right:0;z-index:10;min-width:220px;display:grid;padding:8px;background:#191e21;border:1px solid #3a4248;border-radius:12px;box-shadow:0 8px 24px #0008}.help-menu button{text-align:left;font-size:14px;border:0;background:none}
.testing .answer-sort{margin-top:34px}.word-bank{margin-bottom:28px}.tool-caption{font:12px var(--meta-font);letter-spacing:1px;color:var(--muted);text-transform:uppercase;margin-bottom:14px}.testing .words{gap:10px;margin:0}.testing .word{padding:11px 16px;background:#171b1e;border:1px solid #353c42;min-height:46px;border-radius:10px;font-size:16px;line-height:1.4;color:#f1f3f4;user-select:none}.testing .word.selected{border-color:#b8eccc;background:#243a2c;box-shadow:0 0 0 1px #b8eccc}
.testing .bins{gap:14px}.testing .bin{min-height:176px;padding:14px;border:1px solid #354139;border-radius:14px;background:#14221b;cursor:default}.testing .bin-1{background:#252216;border-color:#534b2c}.testing .bin-2{background:#281c19;border-color:#593b30}.bin-target{display:flex;gap:10px;align-items:center;min-height:44px;width:100%;padding:0;border:0;background:none;text-align:left;font-size:15px}.bin-mark{font:18px var(--meta-font);color:#7fd3a1}.bin-1 .bin-mark{color:#e6be70}.bin-2 .bin-mark{color:#e6a27c}.bin-words{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px}.testing .bin .word{font-size:14px;min-height:44px;padding:9px 12px;margin:0}.bin-placeholder{font-size:13px;color:#a6ada9;line-height:1.5;min-height:36px}.testing .bin.ready{border-style:dashed;border-color:#a7c3b4}.sort-feedback{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:14px}.sort-feedback .quiet{font-size:13px}
/* Use the supplied head-and-shoulders crop as a distinct image area. */
.home-hero{display:grid;grid-template-columns:1fr 1.05fr;min-height:680px;overflow:hidden;background:#0b1111;align-items:center}.home-copy{grid-column:1;grid-row:1;position:relative;width:100%;padding:56px 30px}.hero-art{inset:auto;position:relative;grid-column:2;grid-row:1;z-index:0;width:100%;height:auto;max-height:none;min-height:0;aspect-ratio:834/494;object-fit:contain;object-position:center;border-radius:18px}.home-hero:after{display:none}.home-copy h1{font-size:clamp(34px,4.1vw,60px)}
@media(hover:hover) and (pointer:fine){.testing .scale button:not(:disabled):hover{transform:translateY(-4px);border-color:var(--tone);box-shadow:0 8px 24px #0005,0 0 20px color-mix(in srgb,var(--tone) 12%,transparent)}.testing .word:hover{transform:translateY(-2px);border-color:#a4b8ac}.testing .bin.ready:hover,.testing .bin.drag-over{border-color:#cff2db;box-shadow:0 0 20px #92d6b916}.entry.filled:hover{border-color:var(--entry-color)}.header-actions button:hover{color:#fff}.hero-art{transition:filter .3s}.home-hero:hover .hero-art{filter:brightness(1.03)}}
@media(prefers-reduced-motion:no-preference){.scale-card,.word,.entry{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}}
@media(max-width:1100px){.testing header{padding:0 24px}.testing main{padding:26px 24px}.testing .station-layout{grid-template-columns:155px minmax(0,1fr);gap:24px}.testing .side{padding-right:15px}.testing .side h3{font-size:22px}.testing .side .step{font-size:13px;padding:14px 8px}.question-split{grid-template-columns:minmax(200px,.8fr) minmax(320px,1.2fr);gap:24px}.testing .scale button{padding:16px 12px}.quad-corner{padding:12px;font-size:12px}.entry{padding:9px 10px;gap:8px}.entry .quiet{font-size:12px}.header-actions{gap:8px}}
@media(max-width:960px){.question-split{grid-template-columns:1fr;padding-top:38px;gap:28px}.question-split .question-copy{padding-top:0}.entry-list{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}.entry{flex-wrap:wrap;align-content:start}.entry-label{flex-basis:60%}.entry .quiet{margin-left:auto}.testing .plane svg{height:330px}.testing .scale{gap:8px}.testing .scale button{padding:15px 10px}.home-hero{grid-template-columns:1fr 1fr}.home-copy{padding:40px 24px}.home-copy h1{font-size:36px}}
@media(max-width:760px){header,.testing header{height:auto;min-height:92px;padding:16px 18px;flex-wrap:wrap;gap:12px}.brand,.testing .brand{font-size:15px;gap:9px;letter-spacing:1px}.brand small,.testing .brand small{font-size:10px;letter-spacing:.4px}.header-actions{gap:12px;justify-content:space-between;width:100%}.header-actions button,.header-language select{font-size:12px;padding:7px 0}.header-actions #science span{display:inline}.header-language select{max-width:120px;padding:7px 9px}.cross{width:27px;height:27px;font-size:31px;line-height:26px}
.testing main{padding:22px 18px 28px}.testing .station-layout{display:block;min-height:0}.testing .side{display:none}.testing .station-top{gap:10px;font-size:11px;letter-spacing:.6px}.station-top>span:last-child{max-width:57%}.question-body{padding:34px 0}.testing .question h1,.testing .question-split h1{font-size:clamp(28px,7vw,36px);letter-spacing:-.7px}.testing .question .instruction{font-size:16px}.testing .answer{margin-top:26px}.testing .scale{grid-template-columns:1fr;gap:9px}.testing .scale button{flex-direction:row;align-items:center;justify-content:start;gap:16px;min-height:76px;padding:14px 18px;border-radius:12px}.scale-number{font-size:14px;width:20px;flex-shrink:0}.scale-copy{gap:3px}.scale-copy>span{font-size:14px}.question-split{display:flex;flex-direction:column;gap:24px}.question-split .answer,.question-split .question-copy{width:100%}.testing .question-split .answer{margin:0}.entry-list{display:grid;grid-template-columns:1fr;gap:7px;margin-top:22px}.entry{min-height:50px;flex-wrap:nowrap;align-items:center}.entry-label{flex-basis:auto;font-size:14px}.entry.empty{display:none}.entry.empty:first-child{display:flex}.entry-values{font-size:12px}.entry .quiet{min-height:44px}.testing .plane{margin-left:26px;margin-right:26px;margin-bottom:44px}.testing .plane svg{height:310px}.quad-corner{font-size:12px;padding:10px;line-height:1.45}.plot-toolbar{margin-bottom:27px}.testing .axis{font-size:12px}.testing .axis.left{left:-24px}.testing .axis.right{right:-24px}.testing .bottom-nav{gap:8px;padding-top:14px}.question-links{order:3;width:100%;justify-content:space-between;gap:2px;margin:2px 0 0}.question-links>.quiet{font-size:13px;padding:5px 0}.testing .bottom-nav>.primary{margin-left:auto}.testing .bottom-nav .back-button{font-size:14px}.testing .bins{grid-template-columns:1fr;gap:10px}.testing .bin{min-height:118px;padding:14px 16px}.bin-words{margin-top:12px}.testing .word{font-size:16px}.testing .bin .word{font-size:15px}.alt-holes{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero{display:flex;flex-direction:column;min-height:0;padding:0;border-radius:0}.hero-art{position:relative;inset:auto;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:834/494;object-fit:cover;object-position:center}.home-copy{padding:30px 24px;width:100%;max-width:none}.home-copy h1{font-size:clamp(32px,9.5vw,43px)}.home-bottom{padding-top:18px}.home-language select{font-size:14px}}
@media(prefers-reduced-motion:reduce){.testing .scale button,.testing .word{transform:none!important;transition:none}.plot-point{filter:none}}
/* Dedicated rails keep both vertical axis labels outside the touch surface. */
.testing .quad .plane{display:grid;grid-template-columns:18px minmax(0,1fr) 18px;grid-template-rows:auto minmax(340px,auto) auto;gap:10px;margin:0 0 14px}
.testing .quad .plot-surface{grid-column:2;grid-row:2;min-width:0;min-height:340px}
.testing .quad .plane svg{height:100%;min-height:340px;overflow:hidden}
.testing .quad .axis{position:static;inset:auto;transform:none;width:auto;max-width:none;max-height:none;color:#fff;font-size:12px;font-weight:400}
.testing .quad .axis.top{grid-column:2;grid-row:1}.testing .quad .axis.bottom{grid-column:2;grid-row:3}
.testing .quad .axis.left,.testing .quad .axis.right{grid-row:2;align-self:center;justify-self:center;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;text-align:center}
.testing .quad .axis.left{grid-column:1}.testing .quad .axis.right{grid-column:3}
.testing .quad .axis b{font-family:var(--meta-font);font-size:15px;font-weight:500;margin-inline-end:5px}
.coordinate-max{color:#9ba4ab}.mobile-test-controls{display:none}
/* Red is the brand accent; answer colours retain their meaning. */
:root{--brand-red:#ff0000;--brand-red-light:#ff0000}
.home-page,.start-page{--bg:#0d0f10;--panel:#19191c;--line:#333236;--muted:#b6b6bc;background:#0d0f10}
.home-page .home-hero{background:#0d0f10}.home-page .eyebrow,.start-page .eyebrow,.brand-accent{color:var(--brand-red-light)}
.home-copy .home-slogan{color:var(--brand-red-light)}.home-page .primary,.start-page .primary{background:#ff0000;border-color:#ff0000;color:#fff}
.home-language select,.start-page input{background:#151719;border-color:#3f4046}.home-copy p,.home-copy .home-note,.home-bottom{color:#bcbfc4}
.start-page .test-card{background:linear-gradient(145deg,#1d1c20,#141518);border-color:#36353b}.start-page .test-card.selected{border-color:var(--brand-red-light);box-shadow:0 0 0 1px var(--brand-red-light)}
.start-page .test-card .num,.start-page .test-card .time,.start-page .card-bottom,.start-page .summary-strip b{color:var(--brand-red-light)}.start-page .mini i{background:var(--brand-red-light)}
.start-page .saved{background:rgb(255 0 0 / .07);border-color:rgb(255 0 0 / .28)}.start-page .saved button{background:#1b171a;border-color:rgb(255 0 0 / .22)}.start-page input:focus{border-color:var(--brand-red-light)}
@media(hover:hover) and (pointer:fine){.home-page .primary:hover,.start-page .primary:hover{background:#e00000;border-color:#e00000}.start-page .test-card:hover{border-color:var(--brand-red-light);transform:translateY(-3px)}}
@media(max-width:760px){
 .testing header{min-height:74px;height:auto;padding:14px 18px;gap:8px;flex-wrap:nowrap}.testing .brand{font-size:13px;letter-spacing:1px;gap:8px}.testing .brand small,.testing header>.header-actions{display:none}.testing .cross{width:23px;height:23px;font-size:27px;line-height:23px}
 .testing .mobile-test-controls{display:flex;align-items:center;gap:5px;margin-left:auto}.mobile-pause{border:1px solid #35383b;border-radius:24px;min-height:40px;padding:6px 12px;font-size:12px}
 .mobile-settings{position:relative}.mobile-settings summary{list-style:none;display:grid;place-items:center;width:40px;height:44px;font-size:22px;color:#a9afb5;cursor:pointer}.mobile-settings summary::-webkit-details-marker{display:none}.mobile-settings-menu{position:absolute;right:0;top:calc(100% + 8px);display:grid;gap:6px;z-index:20;width:195px;padding:12px;border:1px solid #3b3d40;border-radius:12px;background:#181b1e;box-shadow:0 10px 30px #0008}.mobile-settings-menu button,.mobile-settings-menu select{font:12px var(--meta-font);width:100%;text-align:left;margin:0;min-height:44px}
 .testing main{padding-top:18px}.testing .question{min-height:calc(100svh - 120px)}.testing .station-top{font-size:10px}.testing .station-top>span:last-child{max-width:55%}.testing .question-body{padding-top:40px;padding-bottom:28px}.testing .question h1{font-size:28px;line-height:1.13;text-wrap:pretty}.testing .question .instruction{font-size:14px}.testing .scale button{min-height:50px;padding:12px 15px;gap:12px}.scale-number{font-size:13px;width:15px}.scale-copy{flex:1;min-width:0;display:grid;grid-template-columns:minmax(70px,.85fr) minmax(100px,1.15fr);align-items:center;gap:8px}.scale-copy strong{font-size:14px}.scale-copy>span{font-size:12px;line-height:1.4;text-align:right}.testing .answer-scale .tip{font-size:12px}
 .testing .quad .plane{grid-template-columns:16px minmax(0,1fr) 16px;grid-template-rows:auto minmax(310px,auto) auto;column-gap:8px;margin:0 0 10px}.testing .quad .plot-surface,.testing .quad .plane svg{min-height:310px}.testing .quad .axis{font-size:11px;line-height:1.5}.testing .quad .axis b{font-size:14px}
 .testing .question-split .question-copy{padding-top:0}.testing .bottom-nav{margin-top:auto}.testing footer{display:none}.hero-art{border-radius:0}
}
.brand{white-space:nowrap}.cross{flex-shrink:0}
@media(max-width:760px){.testing .scale{grid-auto-rows:minmax(50px,auto)}}
.help-menu .mobile-why{display:none}
@media(max-width:760px){.question-links>.question-why{display:none}.help-menu .mobile-why{display:block}.question-scale .question-links{order:0;width:auto;margin-left:auto;gap:8px}.question-scale .bottom-nav .back-button{flex:none}.question-scale .question-help summary{border:0}}

/* One flag red for all brand actions; translucent surfaces use the same hue. */
.eyebrow{color:var(--brand-red)}
.primary{background:var(--brand-red);border-color:var(--brand-red);color:#fff}
.tabs button.active{background:rgb(255 0 0 / .09);border-color:var(--brand-red);color:#fff}
.question-index{color:var(--brand-red)}
@media(hover:hover) and (pointer:fine){.primary:hover{background:#e00000;border-color:#e00000}.testing .bottom-nav .primary:hover:not(:disabled){background:#e9ecef;border-color:#e9ecef;color:#101316}}
.primary:hover{background:#e00000;border-color:#e00000}

/* V1.1: Weiter oben, Glow-Anleitung, Loch-Nummern, Touch */
.plot-toolbar .top-next{margin-left:auto;min-height:40px;padding:8px 16px;font-size:14px;width:auto}
.plot-toolbar .top-next:disabled{opacity:.45}
@keyframes mwGlow{0%,100%{box-shadow:0 0 0 0 rgba(255,0,0,.0)}50%{box-shadow:0 0 0 4px rgba(255,0,0,.35),0 0 26px rgba(255,0,0,.45)}}
@keyframes mwPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,0,0,.0)}50%{box-shadow:0 0 0 5px rgba(255,0,0,.28)}}
@keyframes mwText{0%,100%{opacity:.75}50%{opacity:1}}
.testing .plot-surface.await-first svg{animation:mwGlow 1.6s ease-in-out infinite;border-color:#ff0000!important}
.testing .primary.pulse:not(:disabled){animation:mwPulse 1.4s ease-in-out infinite}
.testing .tip.glow-text{color:#fff;font-weight:600;animation:mwText 1.6s ease-in-out infinite}
.testing .word,.testing .bin,.testing .bin-words,.testing .plot-surface,.testing .plane{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.testing .bin.ready{cursor:pointer}
@media(prefers-reduced-motion:reduce){.testing .plot-surface.await-first svg,.testing .primary.pulse,.testing .tip.glow-text{animation:none}}
@media(max-width:430px){.testing .question-copy h1{font-size:clamp(20px,5.8vw,25px);line-height:1.2}.testing .instruction{font-size:14px}.testing .plane svg{height:290px}.testing .quad .plane{grid-template-rows:auto minmax(280px,auto) auto}.testing .quad .plot-surface,.testing .quad .plane svg{min-height:280px}.plot-toolbar{flex-wrap:wrap;row-gap:8px}.plot-toolbar .top-next{flex:1 1 100%;margin-left:0}}
/* V1.1 Portrait-Kompaktmodus (iPhone): rund 10 % «herausgezoomt» */
@media(max-width:430px){
 .testing main{padding:16px 14px 24px}
 .testing .station-top{font-size:10px}
 .testing .question-copy h1{font-size:22px;line-height:1.2;margin-bottom:10px}
 .testing .instruction{font-size:14px;line-height:1.45;margin-bottom:12px}
 .testing .scale-card{min-height:58px;padding:10px 14px}.testing .scale-card strong{font-size:16px}.testing .scale-copy span{font-size:12px}
 .testing .entry-list{gap:6px;margin-bottom:10px}.testing .entry-list>*{padding:8px 10px;font-size:13px}
 .plot-toolbar{margin-bottom:10px;min-height:38px;font-size:12px}.holes-toggle button{padding:6px 10px;font-size:13px;min-height:36px}
 .testing .plane svg{height:270px}.testing .quad .plane{grid-template-rows:auto minmax(260px,auto) auto}.testing .quad .plot-surface,.testing .quad .plane svg{min-height:260px}
 .testing .word{padding:9px 14px;font-size:15px;min-height:40px}.testing .bin{min-height:120px;padding:10px}
 .testing .tip{font-size:13px}.plot-actions{font-size:12px}
 .testing .bottom-nav .primary{min-height:44px;font-size:15px}
}
.testing .curve .plot-toolbar{margin-bottom:38px}@media(max-width:430px){.testing .curve .plot-toolbar{margin-bottom:40px}}