*{box-sizing:border-box}body{margin:0;font:16px/1.65 Arial,sans-serif;color:#252525;background:#f5f5f5}header{background:#fff;border-bottom:1px solid #ccc}header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:20px} .brand{font-size:25px;font-weight:bold;color:#222;text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:18px}a{color:#284965}main{background:#fff;max-width:1100px;margin:24px auto;padding:32px}.wrap{max-width:1100px;margin:auto}h1{font-size:32px;line-height:1.2}h2{margin-top:32px;font-size:23px}.notice{background:#f2f2f2;border-left:4px solid #777;padding:16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.grid a{border:1px solid #ddd;padding:18px;font-weight:bold;text-decoration:none}.grid span{display:block;font-weight:normal;color:#555}footer{padding:24px;color:#555}@media(max-width:600px){main{margin:0;padding:20px}h1{font-size:27px}nav{gap:10px;font-size:14px}}
.search-row{display:flex;gap:8px;margin-top:8px;max-width:600px}.search-row input{min-width:0;flex:1;padding:11px;border:1px solid #777;font:inherit}.search-row button{padding:10px 18px;border:1px solid #333;background:#333;color:white;font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #526b7d;outline-offset:3px}#results article{padding:15px 0;border-bottom:1px solid #ddd}#results p{margin:4px 0}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:#fff;padding:10px;z-index:3}@media(max-width:600px){header .wrap{padding:16px 20px}nav{width:100%;gap:8px 16px}.grid{grid-template-columns:1fr}.search-row button{padding:10px}}