:root{color-scheme:light;--ink:#183c45;--muted:#53707a;--bg:#f7faf8;--line:#dbe7e3;--leaf:#13856e;--cream:#fffaf0;--navy:#143c48;--danger:#ad4928}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:#086f62}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #f5bc69;outline-offset:3px}header{background:var(--navy);color:#fff}.head{max-width:1140px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px}.logo{display:flex;align-items:center;color:white;text-decoration:none;font-weight:750;gap:12px}.logo img{width:45px;height:45px;object-fit:contain}.head nav{display:flex;flex-wrap:wrap;gap:9px}.head nav a{color:#e0f4ee;text-decoration:none;font-weight:600;padding:8px 9px;border-radius:9px;font-size:13px}.head nav a:hover{background:#ffffff1e}.shell{max-width:1140px;margin:0 auto;padding:36px 20px 65px}.eyebrow{color:#128068;font-weight:800;letter-spacing:.11em;text-transform:uppercase;font-size:12px}.lead{color:var(--muted);max-width:760px}.hero h1{font-size:clamp(29px,5vw,48px);line-height:1.15;letter-spacing:-.035em;margin:12px 0 13px}.pill{display:inline-block;background:#f7ece2;color:#844823;border-radius:99px;padding:7px 12px;font-size:12px;font-weight:800}.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;margin-top:28px}.panel{border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff;box-shadow:0 4px 22px #1b555108}.panel h2{font-size:20px;letter-spacing:-.025em;margin:0 0 10px}.panel p{color:var(--muted);margin-top:0}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:7px}.field label{font-size:13px;font-weight:750}select{background:#f7faf7;border:1px solid #c9dad4;border-radius:11px;min-height:48px;color:var(--ink);padding:10px 12px;font:inherit;width:100%}.toggle{display:flex;align-items:flex-start;gap:10px;padding:10px 0;font-size:14px}.toggle input{margin-top:4px;width:18px;height:18px;accent-color:var(--leaf)}button{border:0;border-radius:12px;padding:12px 17px;min-height:48px;font:inherit;font-weight:750;cursor:pointer;background:var(--leaf);color:white}.mutedbutton{background:#e8f2ed;color:var(--ink)}.buttons{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.result{padding:15px;border-radius:13px;background:#fff4e7;border:1px solid #e7cbaa;margin-top:20px}.result.good{background:#eef8f2;border-color:#b8daca}.result strong{display:block;margin-bottom:6px}.result ul{margin:10px 0 0;padding-left:21px}.small{font-size:12px;color:var(--muted)}.links{display:grid;gap:10px}.linkrow{border:1px solid var(--line);padding:13px 15px;border-radius:12px;text-decoration:none;background:#fbfefd;font-weight:720}.linkrow small{display:block;font-weight:400;color:var(--muted)}.notes{background:var(--cream);border:1px solid #e9dfca;padding:18px;border-radius:14px;margin-top:20px}.notes p:last-child{margin-bottom:0}footer{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}#test-summary{font-size:13px;color:var(--muted);padding:12px 0}#test-list{margin:0;padding-left:20px}#test-list li{padding:2px 0}#test-list .pass{color:#197963;font-weight:650}#test-list .fail{color:var(--danger);font-weight:750}@media(max-width:780px){.grid{grid-template-columns:1fr}.head{align-items:flex-start;flex-direction:column}.panel{padding:19px}}@media(max-width:430px){.shell{padding:25px 14px 45px}.formgrid{grid-template-columns:1fr}.head{padding:13px 14px}.logo{font-size:13px}.head nav a{font-size:12px;padding:7px}.hero h1{font-size:30px}.panel{padding:17px}button{width:100%}}