*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0d1423;color:#edf2f7;font:17px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#87e2ff;text-underline-offset:4px}header{background:#fff;color:#14213b;padding:18px max(22px,calc((100vw - 1100px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}header a{color:inherit;font-weight:650}header .brand{font-size:20px;letter-spacing:.06em;text-decoration:none}header .brand span{font-weight:400}.skip{position:absolute;top:-80px;background:#fff;color:#111;padding:12px;z-index:9}.skip:focus{top:4px}main{max-width:1100px;margin:auto;padding:54px 24px 72px}.eyebrow{color:#92dcee;font-size:13px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}h1{font-size:clamp(32px,4.3vw,54px);line-height:1.13;letter-spacing:-.035em;max-width:850px;margin:16px 0 24px}h2{font-size:26px;line-height:1.25;margin:0 0 16px}h3{font-size:19px;margin:0 0 12px}p{max-width:75ch}.lead{font-size:20px;color:#c9d5e7;max-width:750px}.meta{font-size:14px;color:#b8c7dc}.layout{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;margin-top:32px}.card{border:1px solid #344159;border-radius:16px;background:#141f33;padding:28px;min-width:0}.card.light{background:#f3f6fa;color:#12223a;border-color:#d6e0ed}.light .meta{color:#4b5c73}.light a{color:#1857a7}.example{border-left:3px solid #5cd8ea;padding-left:18px;margin:20px 0}.example p{margin:5px 0 15px}.example strong{color:#8ce5f0}.field{display:block;margin:0 0 19px;font-weight:650;font-size:15px}textarea{display:block;width:100%;margin-top:7px;resize:vertical;min-height:89px;padding:13px;border:1px solid #8594aa;border-radius:9px;background:#fff;color:#152138;font-size:16px;line-height:1.5;font-family:inherit}textarea::placeholder{color:#566780;opacity:1}button,.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:10px 17px;border-radius:8px;border:1px solid #5ac5db;font-size:16px;line-height:1.45;font-weight:600;font-family:inherit;cursor:pointer;text-decoration:none;background:#83e2f2;color:#102237}button.secondary{background:transparent;border-color:#a1b2c8;color:inherit}button:focus-visible,a:focus-visible,textarea:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #bb82ff;outline-offset:4px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.status{min-height:1.7em;margin:15px 0 0;font-size:15px;color:#203f65}.notice{font-size:13px;margin-top:14px;color:#435773}.result{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;background:#e2ebf4;padding:16px;border-radius:8px;font-size:15px;line-height:1.55;font-family:inherit;color:#152138}.quiz{margin-top:25px}.quiz label{display:flex;gap:10px;align-items:flex-start;border:1px solid #52627b;padding:12px;border-radius:9px;margin-bottom:10px;cursor:pointer}.quiz input{flex-shrink:0;margin-top:7px;width:18px;height:18px;accent-color:#6ed6ec}.feedback{padding:16px;background:#203651;border-radius:8px;margin-top:14px}.below{margin-top:24px}.source{font-size:14px;color:#bdcbe0}.source a{overflow-wrap:anywhere}summary{cursor:pointer;font-weight:650;padding:9px 0}.checklist{padding-left:22px}.checklist li{margin-bottom:10px}footer{border-top:1px solid #344159;color:#bac8db;padding:26px 24px;text-align:center;font-size:14px}.hidden{display:none}.tasklink{display:inline-flex;margin-top:22px;gap:8px}.page-note{border-left:3px solid #8a7bea;padding:5px 0 5px 20px;margin:28px 0} @media(max-width:760px){main{padding:32px 18px 48px}.layout{grid-template-columns:1fr}.card{padding:22px}header{padding:16px 18px}.brand{max-width:65vw}.back{font-size:13px}h2{font-size:23px}.lead{font-size:18px}}@media print{header,footer,.actions,.quiz,.tasklink,.skip{display:none}body,main,.card,.card.light{background:#fff;color:#111}main{padding:0}.layout{display:block}.card{border:1px solid #888;break-inside:avoid;margin:15px 0}.meta,.notice,.source,.example strong{color:#333}textarea{border:1px solid #777}.result{background:#fff}}