/* Assignment 4: footer + disclosure. Consumes C2 tokens only; fallbacks are for standalone preview. */
.site-footer{background:var(--color-surface,#FAFAFA);color:var(--color-text,#141111);border-top:1px solid color-mix(in srgb,var(--color-text,#141111) 12%,transparent);font-family:var(--font-body,system-ui,sans-serif);margin-top:var(--sp-6,64px)}
.site-footer__inner{max-width:1200px;margin:0 auto;padding:var(--sp-5,48px) var(--sp-4,24px) var(--sp-4,24px)}
.site-footer__grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:var(--sp-4,32px)}
.site-footer__brand p{color:var(--color-text-muted,#5b5b63);font-size:14px;line-height:1.5;max-width:30ch}
.site-footer__wordmark{font-family:var(--font-head,system-ui);font-weight:700;font-size:20px}
.site-footer h3{font-family:var(--font-mono,monospace);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted,#5b5b63);margin:0 0 12px;font-weight:600}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.site-footer a{color:var(--color-text,#141111);text-decoration:none;font-size:14px}
.site-footer a:hover,.site-footer a:focus-visible{color:var(--color-accent,#2f4bff);text-decoration:underline}
.site-footer__capture{margin-top:var(--sp-3,16px)}
.site-footer__capture label{display:block;font-size:13px;color:var(--color-text-muted,#5b5b63);margin-bottom:6px}
.site-footer__capture input{padding:8px 10px;border:1px solid color-mix(in srgb,var(--color-text,#141111) 25%,transparent);border-radius:var(--radius-1,6px);background:var(--color-bg,#fff);color:inherit;width:100%;box-sizing:border-box}
.site-footer__capture small{display:block;font-size:12px;color:var(--color-text-muted,#5b5b63);margin-top:6px}
.disclosure{border:1px solid color-mix(in srgb,var(--color-text,#141111) 15%,transparent);border-left:4px solid var(--color-secondary,#0a7f8f);background:var(--color-bg,#fff);border-radius:var(--radius-1,6px);padding:12px 16px;font-size:13px;line-height:1.55;color:var(--color-text,#141111);margin:0 0 12px}
.disclosure--demo{border-left-color:var(--color-status-warn,#b7791f)}
.disclosure strong{font-family:var(--font-mono,monospace);font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-right:6px}
.disclosure--footer-stack{display:grid;gap:0;margin-top:var(--sp-4,32px)}
.demo-badge{display:inline-block;font-family:var(--font-mono,monospace);font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:999px;border:1px solid var(--color-status-warn,#b7791f);color:var(--color-status-warn,#b7791f);background:transparent}
.site-footer__bottom{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:center;border-top:1px solid color-mix(in srgb,var(--color-text,#141111) 12%,transparent);margin-top:var(--sp-3,16px);padding-top:var(--sp-3,16px);font-size:13px;color:var(--color-text-muted,#5b5b63)}
.site-footer__bottom ul{display:flex;gap:16px;flex-wrap:wrap}
.site-footer__bottom a{font-size:13px;color:var(--color-text-muted,#5b5b63)}
@media(max-width:860px){.site-footer__grid{grid-template-columns:1fr 1fr}.site-footer__brand{grid-column:1/-1}}
@media(max-width:480px){.site-footer__grid{grid-template-columns:1fr}}