*{box-sizing:border-box}body{margin:0;background:#f6f8fa;color:#172332;font:17px/1.65 system-ui,sans-serif}a{color:var(--accent)}header,main,footer{max-width:1080px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid #dce2e8}h1{font-size:clamp(29px,4vw,44px);line-height:1.15;max-width:850px}h2{font-size:23px;line-height:1.3}p{max-width:780px}nav a{margin-right:18px}.quick-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:30px 0}.quick-form,.quick-result{background:white;padding:26px;border:1px solid #dce2e8;border-radius:14px}label{display:block;font-size:16px;margin-bottom:18px;font-weight:600}input,select{display:block;width:100%;font:inherit;border:1px solid #8896a5;border-radius:6px;padding:11px;margin-top:6px;background:white;color:#172332}button{font:inherit;padding:10px 18px;border-radius:6px;border:1px solid var(--accent);background:var(--accent);color:white;margin:6px 10px 0 0;cursor:pointer}button[type=reset]{background:white;color:var(--accent)}output{display:block;font-size:22px;line-height:1.6;font-weight:650;overflow-wrap:anywhere}.error{color:#a42419}.muted{color:#556375;font-size:15px}.quick-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;list-style:none;padding:0}.quick-list li{background:white;padding:20px;border:1px solid #dce2e8;border-radius:10px}.quick-list a{font-weight:700}.quick-list p{font-size:16px;margin-bottom:0}:focus-visible{outline:3px solid #087cc4;outline-offset:3px}@media(max-width:700px){.quick-layout,.quick-list{grid-template-columns:1fr}header,main,footer{padding:18px}.quick-form,.quick-result{padding:20px}output{font-size:20px}}