:root{color-scheme:light;--ink:#152b40;--muted:#476176;--accent:#105f59;--paper:#fff;--line:#cedcdd;--soft:#eaf3f0;background:#f2f6f5;color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.55}
*{box-sizing:border-box}body{margin:0}header{background:#102c3a;color:#fff;padding:20px max(20px,calc((100% - 820px)/2));font-weight:700}.preview{margin:0;background:#e1efea;padding:10px 20px;text-align:center;color:#244c45;font-size:.9rem}
main{max-width:860px;margin:26px auto;padding:0 16px}article{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:clamp(16px,4vw,36px)}
.kicker,.muted{color:var(--muted)}.kicker{margin:0 0 6px;font-size:.88rem;font-weight:650}h1,h2,h3{line-height:1.18;margin:.3em 0 .55em}h1{font-size:clamp(1.65rem,5vw,2.45rem)}h2{font-size:1.3rem}p{margin:.65em 0}input[type=text]{display:block;width:100%;padding:12px;border:1px solid #83999f;border-radius:9px;font:inherit;margin:5px 0 16px}
.field{display:block;font-weight:650}.check{display:flex;gap:10px;align-items:baseline}button{min-height:44px;border:1px solid var(--accent);border-radius:9px;color:#fff;background:var(--accent);font:inherit;font-weight:700;padding:8px 16px;cursor:pointer}button.alt{background:#fff;color:var(--accent)}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #3465a7;outline-offset:3px}.actions{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;margin-top:20px}
.progressline{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.9rem;font-weight:650}progress{display:block;width:100%;margin:8px 0 20px;accent-color:var(--accent);height:8px}.prompt{font-size:1.08rem}.hint{color:var(--muted);font-size:.92rem;margin:.9em 0 .3em}
fieldset{border:0;padding:0;margin:16px 0 0;min-width:0}legend{font-size:.86rem;font-weight:650;color:var(--muted);margin-bottom:6px}.options{display:grid;gap:0}.choice,.option-head{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:16px;align-items:center}.option-head{color:var(--muted);font-size:.8rem;padding:0 10px 5px}.choice{padding:10px;border-top:1px solid #e6eeee;border-radius:6px}.choice:has(:checked){background:#f3f9f6}.choice p{margin:0;line-height:1.5}.choice strong{color:var(--muted);margin-right:3px}.picks,.column-labels{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:center}.pick{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:4px;border-radius:7px;cursor:pointer;font-size:.82rem}.pick:has(:checked){background:#d9ece5;color:#0c514a;font-weight:700}.pick:has(:disabled){opacity:.42;cursor:default}.pick span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}input[type=radio]{margin:0;accent-color:var(--accent);width:18px;height:18px}.error{color:#982633;font-weight:650}.error:empty{display:none}@media(max-width:580px){.option-head{display:none}.choice{grid-template-columns:1fr;gap:6px;padding:11px 6px}.picks{display:flex;gap:10px;text-align:left}.pick{justify-content:flex-start;padding:4px 9px;background:#f1f5f4}.pick span{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal}.choice p{font-size:.97rem}}.scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px}.tile{background:var(--soft);padding:12px;border-radius:9px;break-inside:avoid}.tile strong{display:block;font-size:1.3rem}.summary{border-left:4px solid var(--accent);background:#f4f9f7;padding:12px 15px;border-radius:6px}.print-note{font-size:.86rem;color:var(--muted)}@media(max-width:370px){.pick{padding:5px 7px}.actions button{padding-inline:10px}}
@page{size:A4;margin:14mm}@media print{header,.preview,.actions{display:none!important}body,main,article{margin:0;padding:0;background:white;border:0}h1{font-size:22pt}.tile,.summary{break-inside:avoid}}

.style-reference{margin:20px 0}.legend-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.88rem;table-layout:fixed}.legend-table th,.legend-table td{text-align:left;vertical-align:top;padding:9px 10px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.legend-table thead th{background:#f0f5f4;color:var(--ink)}.legend-table thead th:first-child{width:21%}.legend-table tbody tr.is-match th,.legend-table tbody tr.is-match td,.legend-card.is-match{background:#e5f2eb}.legend-table tr.is-match th,.legend-card.is-match{box-shadow:inset 3px 0 #105f59}.style-match{display:block;color:#105f59;font-size:.76rem;font-weight:700}.legend-cards{display:none}.legend-card{border:1px solid var(--line);border-radius:9px;padding:11px 13px}.legend-card h3{font-size:1rem}.legend-card p{margin:5px 0;font-size:.88rem}
@media screen and (max-width:600px){.legend-table{display:none}.legend-cards{display:grid;gap:8px}}
@media print{.legend-table{display:table;font-size:9pt}.legend-table th,.legend-table td{padding:5px 7px}.legend-table tr{break-inside:avoid}.legend-cards{display:none}.style-reference h2{break-after:avoid}.legend-table,.legend-card{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

.participant-header{display:flex;justify-content:space-between;gap:14px;align-items:center}.participant-header a{color:#fff;font-size:.88rem;text-align:right;flex:none}