/* Integration only. Original reference stylesheet is preserved separately and in order. */
.jc-reference-skip{position:absolute;left:-10000px}.jc-reference-skip:focus{left:12px;top:12px;z-index:1000;background:#0b1220;color:white;padding:12px}
.jc-reference-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.jc-reference-consent{display:flex;align-items:flex-start;gap:10px;margin:14px 0;color:#cbd5e1;font-size:12px;line-height:1.5}.jc-reference-consent input{width:18px;min-width:18px;height:18px;accent-color:#22c55e}
.jc-reference-status{border:1px solid #22c55e;border-radius:10px;padding:12px;color:#e2e8f0}
.jc-reference-pause{position:absolute;bottom:10px;right:12px;z-index:4;background:#0b1220;color:#fff;border:1px solid #94a3b8;border-radius:20px;padding:6px 12px;cursor:pointer}
.jc-reference-pause[hidden]{display:none}.admin-bar .topbar{top:32px}
@media(max-width:782px){.admin-bar .topbar{top:46px}}@media(max-width:600px){.admin-bar .topbar{top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.jc-reference-page *{animation:none!important;transition:none!important}}

/* Keep homepage chrome outside reference typography and color variables. */
.jc-reference-content { font-size:16px; }
.jc-reference-content a:hover { color:inherit; }
html:has(body.jc-reference-page) { scroll-padding-top:100px; }

/* Contain the final FAQ margin inside the dark content background. */
.jc-reference-content { display:flow-root; }