*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1b1b1f;background:#f7f6f2;line-height:1.65}
a{color:#b4231b}header{background:#111;color:#fff}.wrap{max-width:1080px;margin:0 auto;padding:0 18px}
.nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:14px 0;gap:10px}.logo{font-weight:800;font-size:1.4rem;color:#fff;text-decoration:none;letter-spacing:.5px}.logo{display:inline-flex;align-items:center;gap:8px}.logo img{display:block}.logo span{color:#f5b301}
.nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:16px;margin:0;padding:0}.nav ul a{color:#ddd;text-decoration:none;font-weight:600;font-size:.95rem}.nav ul a:hover{color:#f5b301}
.hero{background:linear-gradient(135deg,#1b1b1f,#3a1210);color:#fff;padding:56px 0}.hero h1{font-size:clamp(1.8rem,5vw,2.8rem);margin:0 0 10px}.hero p{max-width:640px;color:#ddd}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:28px 0}.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.07);display:flex;flex-direction:column}
.card .thumb{height:140px;display:flex;align-items:center;justify-content:center;font-size:3rem}.t-cards{background:#1d4ed8}.t-hw{background:#ea580c}.t-sn{background:#111}
.card .body{padding:16px 18px 20px}.tag{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:#b4231b}.card h3{margin:6px 0 8px;line-height:1.3}.card h3 a{color:#111;text-decoration:none}
.ad{border:2px dashed #b9b4a6;background:#efece4;color:#7a7465;text-align:center;font-size:.8rem;padding:22px 10px;margin:24px 0;border-radius:8px;text-transform:uppercase;letter-spacing:1px}
.layout{display:grid;grid-template-columns:1fr 300px;gap:32px;margin:30px 0}@media(max-width:860px){.layout{grid-template-columns:1fr}}
article{background:#fff;padding:24px clamp(16px,4vw,40px);border-radius:12px}article h1{line-height:1.25}article h2{margin-top:1.8em}table{width:100%;border-collapse:collapse;font-size:.92rem;display:block;overflow-x:auto}th,td{border:1px solid #ddd;padding:8px;text-align:left}th{background:#f1efe9}
.note{background:#fff8e1;border-left:4px solid #f5b301;padding:12px 16px;border-radius:6px}.src{font-size:.85rem;color:#555}
aside .box{background:#fff;padding:18px;border-radius:12px;margin-bottom:20px}footer{background:#111;color:#aaa;padding:30px 0;margin-top:40px;font-size:.9rem}footer a{color:#ddd}

.shop{background:#111;color:#eee;border-left:4px solid #f5b301;padding:16px 20px;border-radius:10px;margin:28px 0}.shop a{color:#f5b301;font-weight:700;white-space:nowrap}