/* ===== Header ===== */
.site-header{background:var(--ot-surface-card);border-bottom:1px solid var(--ot-border)}
.site-header .wrap{height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:14px;color:inherit}
.brand:hover{text-decoration:none}
.brand-mark{width:34px;height:34px;flex:none}
.brand-word{height:26px;width:auto;display:block}
.brand-divider{width:1px;height:28px;background:var(--ot-border)}
.brand-tag{font-family:var(--ot-font-mono);font-size:10px;font-weight:600;letter-spacing:.10em;text-transform:uppercase;color:var(--ot-text-muted);line-height:1.3}

/* ===== Footer ===== */
.site-footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:22px;padding-bottom:22px}
.site-footer small{font-size:12px;color:var(--ot-text-muted)}
.site-footer small .mono{font-size:11px}
.campaign{font-family:var(--ot-font-serif);font-style:italic;font-size:14px;color:var(--ot-text-secondary)}
.error-page{display:block!important}