:root{font-family:system-ui,-apple-system,sans-serif;color:#192a3b;background:#f4f6f8;line-height:1.65}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #dce2e8;padding:20px max(20px,calc((100vw - 960px)/2));display:flex;gap:32px;align-items:center}a{color:#12637c;text-underline-offset:4px;overflow-wrap:anywhere}.brand{font-size:24px;font-weight:750;text-decoration:none;color:#192a3b}nav,.toolbar,.tags,.pages{display:flex;flex-wrap:wrap;gap:16px;align-items:center}main{max-width:960px;margin:40px auto;padding:0 20px}h1{font-size:32px;letter-spacing:-.03em}h2{font-size:21px}section,details,.cards li{background:white;border:1px solid #dce2e8;border-radius:14px;padding:24px;margin:20px 0}.cards{list-style:none;padding:0}.cards li{margin:12px 0}.title{font-size:19px;font-weight:650}.cards p{margin:10px 0}label{display:block;margin:14px 0;font-weight:600}input,select{display:block;width:100%;font:inherit;border:1px solid #b7c5d2;border-radius:7px;padding:10px;margin-top:5px}button{font:inherit;background:#12637c;color:white;border:0;border-radius:7px;padding:9px 18px;cursor:pointer}button:hover{background:#0b4c61}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d08022;outline-offset:4px}.toolbar form{margin:0}.toolbar button{font-size:14px}.hint,small{color:#536679}small{display:block}.error{color:#923333;background:#fff0f0;padding:16px}.tags a{font-size:13px;background:#eaf2f5;padding:2px 8px;border-radius:5px;text-decoration:none}.cards img{display:block;max-width:100%;max-height:480px;margin:16px auto}summary{cursor:pointer;font-weight:650}footer{max-width:960px;margin:40px auto;padding:20px;color:#536679}.search{display:flex;gap:12px;align-items:end}.search label{flex:1}.search button{margin-bottom:14px}@media(max-width:600px){header{flex-direction:column;align-items:flex-start;gap:10px}main{margin:24px auto}section,details,.cards li{padding:18px}}