*{box-sizing:border-box}body{margin:0;background:#0f1115;color:#eceff4;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--accent:#ffb24a}
a{color:inherit}.draft{background:var(--accent);color:#111;font:700 11px/1 system-ui;letter-spacing:.08em;text-align:center;padding:7px 10px}
header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #232733;position:sticky;top:0;background:#0f1115;z-index:5}
.brand{font-weight:800;font-size:20px;text-decoration:none}.mark{color:var(--accent);margin-right:8px}
.site-menu summary{cursor:pointer;list-style:none;padding:8px 12px;border:1px solid #2c3140;border-radius:8px}.site-menu{position:relative}
.nav{position:absolute;right:0;top:46px;background:#171a22;border:1px solid #2c3140;border-radius:12px;padding:10px;width:270px;max-height:75vh;overflow:auto;display:flex;flex-direction:column}
.nav a{padding:7px 10px;border-radius:8px;text-decoration:none}.nav a:hover{background:#232733}.ng{font:700 11px system-ui;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);padding:10px 10px 2px}
.wrap{max-width:1100px;margin:0 auto;padding:24px 18px 60px}
.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:center;padding:30px 0}
@media(max-width:760px){.hero{grid-template-columns:1fr}}
h1{font-size:clamp(30px,5vw,52px);line-height:1.05;margin:.2em 0}.eyebrow{color:var(--accent);font:700 12px system-ui;letter-spacing:.12em;text-transform:uppercase}
.btn{display:inline-block;background:var(--accent);color:#111;font-weight:700;border:0;border-radius:10px;padding:12px 18px;text-decoration:none;cursor:pointer;font-size:15px}.btn.ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}
.herocard{background:#171a22;border:1px solid #2c3140;border-radius:16px;padding:22px}.herocard b{display:block;font-size:20px;margin-bottom:6px;color:var(--accent)}
.sectionhead{display:flex;justify-content:space-between;align-items:baseline;margin:34px 0 14px;border-bottom:1px solid #232733;padding-bottom:8px}.sectionhead h2{margin:0}.count{font:600 12px system-ui;color:#9aa3b5;letter-spacing:.08em}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.tile{background:#171a22;border:1px solid #2c3140;border-radius:14px;padding:16px;text-decoration:none;display:flex;flex-direction:column;gap:4px}.tile:hover{border-color:var(--accent)}.tile small{color:var(--accent);font:700 10px system-ui;letter-spacing:.1em;text-transform:uppercase}.tile b{font-size:17px}.tile span{color:#9aa3b5;font-size:13px}
.pagehero{padding:24px 0}.pagehero p{max-width:760px;color:#c3c9d6}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}input,select{background:#171a22;color:#eceff4;border:1px solid #2c3140;border-radius:10px;padding:10px 12px;font:inherit}.filters input{flex:1;min-width:180px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.card{background:#171a22;border:1px solid #2c3140;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none}.card img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff}.card div{padding:12px;display:flex;flex-direction:column;gap:6px;flex:1}.card .n{font-size:14px;line-height:1.3}.card .pr{font-size:20px;font-weight:800;color:var(--accent)}.card small{color:#9aa3b5}
.azgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.az{background:#171a22;border:1px solid #2c3140;border-radius:14px;padding:16px;text-decoration:none;display:flex;flex-direction:column;gap:6px}.az:hover{border-color:var(--accent)}.az span{color:#c3c9d6;font-size:14px}.az i{color:var(--accent);font-style:normal;font-size:12px;font-weight:700;margin-top:auto}
#more{margin:20px auto;display:block}
footer{max-width:1100px;margin:0 auto;padding:20px 18px 50px;color:#8c95a8;font-size:13px;border-top:1px solid #232733}
.panel{background:#171a22;border:1px solid #2c3140;border-radius:16px;padding:20px;margin:16px 0}.panel h2{margin-top:0}
.row{display:flex;gap:12px;flex-wrap:wrap}.row label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#9aa3b5;flex:1;min-width:150px}
.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-top:14px}.stat{background:#0f1115;border:1px solid #2c3140;border-radius:12px;padding:12px}.stat b{display:block;font-size:22px;color:var(--accent)}.stat span{font-size:12px;color:#9aa3b5}
.ok{color:#6ee7a0}.no{color:#ff8a8a}.chk{list-style:none;padding:0;margin:10px 0}.chk li{padding:6px 0;border-bottom:1px solid #232733}
.note{color:#9aa3b5;font-size:13px}
.vlinks{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-top:12px}.vlinks a{background:#0f1115;border:1px solid #2c3140;border-radius:10px;padding:10px 12px;text-decoration:none;font-size:14px}.vlinks a:hover{border-color:var(--accent)}