/* layout-hardening.css — safety layer (keeps layout sane even if theme doesn't load) */
header,main,footer,.container{max-width:1100px;margin:0 auto;padding-left:16px;padding-right:16px}
.hero{display:grid;grid-template-columns:1.1fr 0.9fr;gap:24px;align-items:center}
@media(max-width:900px){.hero{grid-template-columns:1fr}}
section, .section, .card, article{margin:22px 0}
img,video,canvas{max-width:100%;height:auto;display:block}
li:empty{display:none}
table{width:100%;border-collapse:collapse}
th,td{padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.12)}