*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#222;background:#fff;line-height:1.5}
a{color:#222}.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
header{border-bottom:2px solid #222}header .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:14px 20px}
.logo{border:2px solid #222;padding:6px 12px;font-weight:bold}nav a{margin-left:16px;text-decoration:none}nav a.on{text-decoration:underline;font-weight:bold}
.badge{position:fixed;bottom:10px;right:10px;background:#222;color:#fff;font-size:12px;padding:6px 10px;z-index:9}
.img{background:#ddd;border:1px solid #999;display:flex;align-items:center;justify-content:center;color:#555;min-height:160px;
background-image:linear-gradient(to top right,transparent 49.6%,#aaa 50%,transparent 50.4%),linear-gradient(to top left,transparent 49.6%,#aaa 50%,transparent 50.4%)}
.img span{background:#ddd;padding:2px 8px}.hero{min-height:360px;margin:20px 0}
.btn{display:inline-block;border:2px solid #222;padding:8px 16px;text-decoration:none;margin:4px 4px 4px 0;background:#fff;cursor:pointer}.btn.p{background:#444;color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:20px 0}
.card{border:1px solid #888;padding:14px}.ph{color:#666}section{padding:24px 0;border-bottom:1px dashed #bbb}
.embed{border:2px dashed #666;background:#f2f2f2;min-height:320px;display:flex;align-items:center;justify-content:center;font-weight:bold;color:#555;margin:20px 0;text-align:center;padding:20px}
.toggle{display:flex;border:2px solid #222;width:max-content;margin:20px 0}.toggle a{padding:8px 16px;text-decoration:none}.toggle a.on{background:#222;color:#fff}
.filters{display:flex;flex-wrap:wrap;gap:12px;border:1px solid #888;padding:12px;background:#f2f2f2}
select,input,textarea{border:1px solid #666;padding:8px;font:inherit;background:#fff;width:100%}.filters label{flex:1;min-width:150px}
form label{display:block;margin-bottom:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:30px}
table{border-collapse:collapse;width:100%}td{border:1px solid #999;padding:6px}
footer{padding:30px 0;margin-top:40px;border-top:2px solid #222;color:#555}
@media(max-width:700px){.two{grid-template-columns:1fr}nav a{margin:0 12px 0 0}}

nav{display:flex;align-items:center;flex-wrap:wrap;gap:4px 0}nav a.btn{margin:0 0 0 24px}@media(max-width:700px){nav a.btn{margin:8px 0 0 0}}