body{font-family:system-ui,sans-serif;max-width:860px;margin:0 auto;padding:0 16px;color:#1d2433;line-height:1.55}.demo{background:#fff4d6;border:1px solid #f0d58a;padding:10px 14px;border-radius:8px;font-size:14px}header{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;padding:14px 0}.logo{font-weight:700;text-decoration:none;color:inherit}nav a{margin-right:12px}.page-title{font-size:2em;font-weight:700;margin:.6em 0}.grid{columns:2}.crumbs{font-size:14px;color:#5b6475}img{max-width:100%;height:auto;background:#eef0f5;border-radius:8px}footer{margin:3em 0 2em;padding-top:1em;border-top:1px solid #dde1ea;font-size:14px}