*{box-sizing:border-box}body{margin:0;background:#fffaf4;color:#362326;font:18px/1.7 system-ui}header,footer{padding:24px;display:flex;justify-content:space-between;background:#f0e3d6}main{max-width:1100px;margin:auto;padding:24px}h1,h2,h3{line-height:1.25;color:#5e1735}a{color:#79264b}nav{display:flex;flex-wrap:wrap;gap:12px;padding:20px 0;border-bottom:1px solid #dfc8b7}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:24px}.grid article{padding:16px;border-radius:16px;background:#f4e9df}.grid img{display:block;width:100%;height:auto;border-radius:8px}.grid h2{font-size:1.15rem}.hero{display:block;width:100%;max-width:480px;height:auto;margin:auto}figure{margin:24px 0}figcaption{text-align:center;font-size:.9rem}section{margin:32px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;padding:20px;background:#f4e9df;border-radius:12px}button,.cta{display:inline-block;padding:12px 18px;background:#5e1735;color:white;border:0;border-radius:8px;font:inherit;cursor:pointer;text-decoration:none}table{width:100%;font-size:.88rem;border-collapse:collapse}td,th{text-align:left;padding:9px;border:1px solid #d9c5b8;overflow-wrap:anywhere}details{padding:12px 0;border-bottom:1px solid #dfc8b7}summary{cursor:pointer}img{max-width:100%}p{overflow-wrap:anywhere}