:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#edf4f8;background:#0b1926;line-height:1.6}*{box-sizing:border-box}body{margin:0}header,main{max-width:1080px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid #345064}header a{font-weight:700}header span,.hint,footer,#example-note{color:#b7c9d4}a{color:#78e2d1;text-underline-offset:4px}h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.12;max-width:850px;letter-spacing:-.035em}h2{line-height:1.25}h3{margin-bottom:0}.eyebrow{letter-spacing:.15em;color:#78e2d1;font-weight:650}.intro{font-size:1.2rem;max-width:760px}.controls,.quotes{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}fieldset{min-width:0;border:1px solid #426074;border-radius:16px;padding:24px;background:#152b3b}legend{font-weight:700;font-size:1.3rem;padding:0 10px}label{display:block;margin-bottom:18px}input,select,button{font:inherit}input:not([type=checkbox]),select{display:block;width:100%;padding:12px;margin-top:7px;background:#0b1926;color:#fff;border:1px solid #7691a2;border-radius:8px}input[type=checkbox]{width:22px;height:22px;flex-shrink:0;accent-color:#78e2d1}.check{display:flex;gap:12px;align-items:flex-start}button{padding:12px 18px;border-radius:8px;border:1px solid #78e2d1;background:#173343;color:#e9f9f6;cursor:pointer}button[type=submit]{background:#78e2d1;color:#0b1926;font-weight:700}.buttons{display:flex;gap:12px;flex-wrap:wrap}button:hover{filter:brightness(1.15)}:focus-visible{outline:3px solid #ffd480;outline-offset:4px}#results{padding:24px;border-left:4px solid #78e2d1;background:#132936;margin:32px 0;border-radius:0 12px 12px 0}#results:empty{display:none}#error{color:#ffc4b6}aside{padding:24px;border:1px solid #426074;border-radius:14px}.cta{font-weight:700}footer{font-size:.9rem;margin:32px 0}.skip{position:absolute;left:12px;top:-100px;background:#0b1926;padding:12px}.skip:focus{top:12px}@media(max-width:650px){.controls,.quotes{grid-template-columns:1fr;gap:14px}header,main{padding:20px}fieldset{padding:20px}.buttons button{width:100%}}
