*{box-sizing:border-box}body{margin:0;font:17px/1.65 system-ui,sans-serif;color:#24334b;background:#f5f7fc}header,main,footer{max-width:900px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}header a{display:flex;align-items:center;gap:12px;font-weight:750;text-decoration:none}header img{width:44px;height:44px}nav{display:flex;gap:18px;flex-wrap:wrap}a{color:#3854bd;text-underline-offset:3px}main{background:white;border:1px solid #e2e7f2;border-radius:20px;padding:40px}h1{font-size:clamp(30px,6vw,44px);line-height:1.15;margin:0 0 16px;letter-spacing:-1px}h2{font-size:23px;line-height:1.3;margin-top:32px}.lead,.date,footer{color:#5d6980}section+section{border-top:1px solid #e6eaf2;margin-top:32px}li+li{margin-top:8px}details{border:1px solid #dde3ee;border-radius:10px;padding:16px;margin:12px 0}summary{cursor:pointer;font-weight:650}input,button{font:inherit;border-radius:8px;padding:12px;border:1px solid #c5cddd}input{min-width:0;flex:1;background:#f8faff;color:inherit}button{background:#3854bd;color:white;cursor:pointer}.copy-row{display:flex;gap:8px;flex-wrap:wrap}label{display:block;font-weight:650;margin-bottom:6px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #8296fa;outline-offset:4px}@media(max-width:600px){main{padding:24px 20px;border-radius:0}header,footer{padding:20px}}