:root{
  --ink:#171717;
  --paper:#fafafa;
  --paper-2:#f0f0f0;
  --line:#272727;
  --muted:#656565;
  --taupe:#b8b8b8;
  --clay:#606060;
  --olive:#777777;
  --cream:#e4e4e4;
  --danger:#8c3c32;
  --shadow:0 22px 60px rgba(0,0,0,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.6}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
.topbar{height:102px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3vw;position:relative;background:rgba(250,250,250,.97);z-index:20}
.eyebrow,.round-label,.hero-index,.section-overline,.question-number{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
.brand{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--ink);font-size:.7rem;letter-spacing:.25em;line-height:1.2}
.brand-mark{width:40px;height:24px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:1rem;margin-bottom:3px}
.top-actions{justify-self:end;display:flex;align-items:center;gap:22px}
.language{display:flex;border:1px solid var(--ink)}
.lang-btn{border:0;background:transparent;padding:8px 13px;font-size:.72rem;letter-spacing:.08em}
.lang-btn.active{background:var(--ink);color:var(--paper)}
.hero{padding:70px 6vw 0;border-bottom:1px solid var(--line)}
.hero-index{margin-bottom:130px}
.hero-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.8fr);gap:8vw;align-items:end}
.iteration-tag{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:8px;color:var(--clay);margin:0 0 22px}
.iteration-dot{display:inline-block;width:8px;height:8px;background:var(--clay);border-radius:50%}
h1{font-weight:400;font-size:clamp(2.9rem,5.5vw,5.2rem);line-height:1.07;letter-spacing:-.045em;margin:0}
.hero-side{border-top:1px solid var(--line);padding-top:18px}
.hero-side>p{font-size:1rem;color:#3c3c3c;margin:0 0 42px;max-width:34rem}
.prototype-key{display:grid;grid-template-columns:64px 1fr;border-top:1px solid var(--line);padding-top:12px}
.prototype-key>span{font-family:Georgia,serif;font-size:2.2rem;color:var(--clay)}
.prototype-key p{margin:0;font-size:.82rem}.prototype-key b{letter-spacing:.08em;text-transform:uppercase}
.hero-meta{border-top:1px solid var(--line);margin-top:70px;padding:14px 0;display:grid;grid-template-columns:repeat(3,1fr);font-size:.76rem}
.section-nav{position:sticky;top:0;z-index:15;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:var(--paper);border-bottom:1px solid var(--line)}
.nav-link{border:0;border-right:1px solid var(--line);background:transparent;padding:14px 16px;text-align:left;font-size:.74rem;min-height:58px;transition:.2s}
.nav-link:last-child{border-right:0}.nav-link:hover,.nav-link.active{background:var(--ink);color:var(--paper)}
.nav-link span{display:block;color:inherit;opacity:.62;font-size:.65rem;letter-spacing:.1em;margin-bottom:2px}
.workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:5vw;padding:70px 5vw 110px}
.progress-panel{position:sticky;top:84px;align-self:start;border-top:1px solid var(--line);padding-top:15px}
.progress-head{display:flex;justify-content:space-between;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase}
.progress-track{height:3px;background:#dddddd;margin:16px 0}.progress-track span{display:block;height:100%;width:0;background:var(--clay);transition:width .3s}
.progress-panel p{font-size:.76rem;color:var(--muted);margin:0 0 28px}
.legend{display:grid;gap:8px;font-size:.7rem;color:var(--muted)}.legend>span{display:flex;gap:8px;align-items:center}.required-dot,.optional-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--clay)}.optional-dot{background:transparent;border:1px solid var(--muted)}
.test-section{scroll-margin-top:140px;margin-bottom:100px}
.section-header{display:grid;grid-template-columns:90px 1fr;border-top:1px solid var(--line);padding:18px 0 40px}
.section-code{font-family:Georgia,serif;font-size:3rem;color:var(--clay);line-height:1}
.section-header p{margin:0 0 5px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.section-header h2{font-size:clamp(2rem,3.4vw,3.5rem);font-weight:400;line-height:1.1;letter-spacing:-.035em;margin:0}
.section-intro{max-width:48rem;color:var(--muted);margin:-20px 0 35px;font-size:.92rem}
.protocol{border:1px solid var(--line);display:grid;grid-template-columns:150px 1fr;margin:0 0 34px;background:var(--paper-2)}
.protocol-label{padding:22px;border-right:1px solid var(--line);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.protocol-body{padding:20px 24px}.protocol-body p{margin:0 0 10px}.protocol-body ol,.protocol-body ul{margin:0;padding-left:20px}.protocol-body small{color:var(--muted)}
.care-card{border:1px solid var(--line);padding:0;margin:24px 0;background:#f3f3f3}.care-title{padding:14px 18px;border-bottom:1px solid var(--line);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.care-grid{display:grid;grid-template-columns:repeat(3,1fr)}.care-grid>div{padding:20px;border-right:1px solid var(--line)}.care-grid>div:last-child{border:0}.care-grid h4{margin:0 0 8px;font-size:.86rem}.care-grid p{margin:0;color:#505050;font-size:.8rem}
.comparison-board{margin:28px 0 44px;border:1px solid var(--line);background:#eeeeee}.comparison-board img{display:block;width:100%;height:auto;object-fit:contain}.comparison-labels{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}.comparison-labels span{padding:12px 14px;border-right:1px solid var(--line);font-size:.76rem}.comparison-labels span:last-child{border:0}.comparison-labels b{display:block;font-size:.62rem;letter-spacing:.12em;color:var(--clay);margin-bottom:3px}.comparison-board figcaption{padding:10px 14px;font-size:.7rem;color:var(--muted);background:var(--paper)}.comparison-table{margin:0;background:var(--paper)}.comparison-table th:first-child{min-width:120px}.comparison-table td{vertical-align:top}
.question{border-top:1px solid #a0a0a0;padding:28px 0 34px;display:grid;grid-template-columns:68px minmax(0,1fr);gap:20px}
.question.is-missing{background:rgba(140,60,50,.05);box-shadow:inset 3px 0 var(--danger);padding-left:14px}
.question-number{color:var(--clay);padding-top:4px}
.question-title{font-size:1.12rem;font-weight:500;line-height:1.45;margin:0 0 8px}.question-title .req{color:var(--clay);margin-left:5px}.question-help{font-size:.8rem;color:var(--muted);margin:0 0 18px}
.options{display:grid;gap:9px}.options.columns{grid-template-columns:repeat(2,minmax(0,1fr))}.option{position:relative}.option input[type=radio],.option input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.option label{display:flex;align-items:flex-start;gap:12px;border:1px solid #aaaaaa;padding:13px 14px;min-height:52px;background:transparent;transition:.16s}.option label:before{content:"";flex:0 0 16px;width:16px;height:16px;border:1px solid var(--ink);margin-top:3px}.option input[type=radio]+label:before{border-radius:50%}.option input:checked+label{background:var(--ink);color:var(--paper);border-color:var(--ink)}.option input:checked+label:before{background:var(--clay);box-shadow:inset 0 0 0 3px var(--ink);border-color:var(--paper)}.option input:focus-visible+label{outline:2px solid var(--clay);outline-offset:2px}
.scale{display:grid;grid-template-columns:auto repeat(5,54px) auto;align-items:center;gap:8px}.scale-end{font-size:.7rem;color:var(--muted)}.scale .option label{justify-content:center;align-items:center;padding:10px 0;min-height:46px}.scale .option label:before{display:none}.scale .option input:checked+label{background:var(--clay);border-color:var(--clay)}
textarea,input[type=text],input[type=date],input[type=number],select{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:11px 3px;border-radius:0;outline:none}textarea{border:1px solid #aaaaaa;min-height:110px;padding:14px;resize:vertical}textarea:focus,input:focus,select:focus{border-color:var(--clay);box-shadow:0 1px 0 var(--clay)}
.field-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.field label{display:block;font-size:.75rem;letter-spacing:.05em;color:var(--muted);margin-bottom:4px}
.matrix-wrap{overflow-x:auto}.matrix{width:100%;border-collapse:collapse;font-size:.78rem;min-width:660px}.matrix th,.matrix td{border:1px solid #aaaaaa;padding:10px;text-align:center}.matrix th:first-child,.matrix td:first-child{text-align:left;min-width:180px}.matrix th{font-weight:500;background:var(--paper-2)}.matrix input{accent-color:var(--clay);width:17px;height:17px}
.rank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.rank-grid label{display:block;font-size:.72rem;color:var(--muted);margin-bottom:4px}
.timer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.timer-card{border:1px solid #aaaaaa;padding:18px}.timer-card h4{margin:0 0 12px;font-size:.84rem}.timer-line{display:flex;gap:10px;align-items:center}.timer-line input{max-width:140px}.unit{font-size:.75rem;color:var(--muted)}
.conditional{display:none}.conditional.visible{display:grid}
.finish{border-top:2px solid var(--ink);padding-top:30px}.finish h2{font-size:clamp(2rem,3vw,3.3rem);font-weight:400;margin:4px 0 10px}.finish>p{max-width:48rem}.finish-actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.button{border:1px solid var(--ink);background:transparent;padding:12px 18px}.button.dark{background:var(--ink);color:var(--paper)}.button:hover{background:var(--clay);border-color:var(--clay);color:#fff}.reset-link{border:0;background:transparent;text-decoration:underline;color:var(--muted);padding:0;font-size:.76rem}.validation-message{min-height:25px;color:var(--danger);font-size:.84rem}
footer{border-top:1px solid var(--line);padding:28px 4vw;display:flex;justify-content:space-between;font-size:.7rem;letter-spacing:.08em;color:var(--muted)}
@media(max-width:980px){.topbar{grid-template-columns:1fr auto;height:82px}.eyebrow{display:none}.brand{justify-self:start}.hero{padding:50px 5vw 0}.hero-index{margin-bottom:70px}.hero-grid{grid-template-columns:1fr;gap:38px}.section-nav{grid-template-columns:repeat(3,1fr);position:relative}.test-section{scroll-margin-top:20px}.workspace{grid-template-columns:1fr;padding:50px 5vw 90px}.progress-panel{position:relative;top:auto}.care-grid{grid-template-columns:1fr}.care-grid>div{border-right:0;border-bottom:1px solid var(--line)}.field-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.round-label{display:none}.topbar{padding:0 18px}.hero{padding-left:20px;padding-right:20px}.hero-index{margin-bottom:52px}h1{font-size:2.65rem}.hero-meta{grid-template-columns:1fr;gap:5px}.section-nav{display:flex;overflow-x:auto}.nav-link{min-width:150px}.workspace{padding-left:20px;padding-right:20px}.section-header{grid-template-columns:58px 1fr}.section-code{font-size:2.3rem}.question{grid-template-columns:1fr;gap:6px}.question-number{font-size:.65rem}.options.columns,.field-grid,.rank-grid,.timer-grid{grid-template-columns:1fr}.scale{grid-template-columns:repeat(5,1fr)}.scale-end{display:none}.protocol{grid-template-columns:1fr}.protocol-label{border-right:0;border-bottom:1px solid var(--line)}.comparison-labels{grid-template-columns:repeat(2,1fr)}.comparison-labels span:nth-child(2){border-right:0}.comparison-labels span:nth-child(-n+2){border-bottom:1px solid var(--line)}footer{display:grid;gap:6px}}
@media print{.topbar,.section-nav,.progress-panel,.finish-actions,.reset-link{display:none!important}.hero{padding-top:20px}.hero-index{margin-bottom:35px}.workspace{display:block;padding:30px}.question{break-inside:avoid}.test-section{margin-bottom:45px}.option label{min-height:auto;padding:7px}.option input:not(:checked)+label{opacity:.28}.care-card,.protocol,.comparison-board{break-inside:avoid}body{background:#fff}}

/* Inline supplementary answers remain visible and editable in both languages. */
.has-other{display:flex;align-items:center;border:1px solid #aaa;min-width:0;padding-right:14px;gap:12px}
.has-other label{border:0;flex-shrink:0;padding-right:0}
.has-other:has(input:checked){background:var(--ink);color:var(--paper);border-color:var(--ink)}
.has-other .other-text{position:static;opacity:1;pointer-events:auto;min-width:0;flex:1;width:100%;border-bottom:1px solid currentColor;padding:5px 0;font-size:16px;margin:8px 0}
.has-other .other-text::placeholder{color:inherit;opacity:.65}
.matrix .other-text{width:100%;height:auto;font-size:14px;min-width:120px}
.comparison-board a{color:inherit;text-underline-offset:3px}
.comparison-board figcaption{line-height:1.8}
@media print{.other-text{opacity:1!important}}

.nav-link,.field label,.rank-grid label,.question-help,.care-grid p,.matrix,.comparison-labels span{font-size:.875rem}
.care-grid h4{font-size:1rem}
.lang-btn,.progress-head,.progress-panel p,.legend{font-size:.8125rem}

/* Original Moodwear oval and geometric M, matching the supplied brand mark. */
.brand{font-family:"Helvetica Neue",Arial,sans-serif;font-size:1rem;letter-spacing:.22em;font-weight:300;gap:6px}
.brand-mark{display:block;width:80px;height:48px;border:0;border-radius:0;margin:0;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round}
.topbar{min-height:110px}
.comparison-table{min-width:940px;table-layout:fixed}
.comparison-table th:first-child,.comparison-table td:first-child{width:15%;min-width:0}
.comparison-table th,.comparison-table td{padding:16px 12px;line-height:1.65;overflow-wrap:break-word}
@media(max-width:620px){.brand{font-size:.8rem}.brand-mark{width:66px;height:40px}.topbar{min-height:96px}.comparison-labels span{overflow-wrap:break-word}}