/* Shared footer links are scoped; existing site layout remains unchanged. */
.legal-links{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;width:100%;padding:22px 15px 8px;font-size:.9rem;line-height:1.6}.legal-links a{text-decoration:underline;text-underline-offset:4px;color:inherit}.legal-links a:hover{color:#dba944}.legal-links a:focus-visible{outline:2px solid #f5c76c;outline-offset:4px}
body:has(.legal-header){margin:0;background:#151b22;color:#eef2f5;font:1rem/1.75 system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark}
.legal-header,.legal-header~main,.legal-header~footer{box-sizing:border-box;width:min(100% - 36px,960px);margin-inline:auto}
.legal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid #3c4854}.legal-header a{color:#f5c76c;text-decoration:none}.legal-brand{display:flex;align-items:center;gap:12px;font-weight:750}.legal-brand img{flex-shrink:0}.legal-header~main{padding:40px 0}.legal-header~main h1{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.2;overflow-wrap:anywhere;letter-spacing:-.035em}.legal-header~main h2{font-size:1.35rem;line-height:1.4;color:#f5c76c;margin:0 0 16px}.legal-header~main section{margin-top:30px;padding:24px;background:#202a33;border:1px solid #3c4854;border-radius:15px}.legal-header~main p{overflow-wrap:anywhere}.legal-header~main a,.legal-header~footer a{color:#9ad4ff}.legal-header~main .eyebrow{color:#f5c76c;letter-spacing:.16em;font-size:.8rem}.legal-header~main .draft{padding:20px;border-left:4px solid #f5c76c;background:#332f25;border-radius:8px}.todo{color:#ffdb8c;font-weight:650;overflow-wrap:anywhere}.legal-header~main dt{font-weight:700;margin-top:18px}.legal-header~main dd{margin:4px 0;color:#cbd5df;overflow-wrap:anywhere}.legal-header~footer{padding-bottom:30px;border-top:1px solid #3c4854}body:has(.legal-header) .skip{position:absolute;left:10px;top:10px;transform:translateY(-200%);padding:10px;background:#f5c76c;color:#152330}body:has(.legal-header) .skip:focus{transform:none}body:has(.legal-header) a:focus-visible{outline:3px solid #f5c76c;outline-offset:4px}@media(max-width:500px){.legal-header{align-items:flex-start;flex-wrap:wrap}.legal-header~main{padding-top:24px}.legal-header~main section{padding:18px}.legal-links{gap:12px 18px}}
