/* OpsJuice shared site chrome: header, footer, type scale, tokens.
   One file, linked from every page by scripts/oj-apply-site-chrome.py.
   Palette is ventures/opsjuice/brand-kit.md (cream, ink, orange); scale is DESIGN-SYSTEM.md.
   Every selector is prefixed ojc- so it cannot collide with a page's own CSS. */
:root{--ojc-ink:#2A1810;--ojc-mut:#6b5c54;--ojc-cream:#FFF6E9;--ojc-paper:#FFFDF9;--ojc-line:#ece3db;
--ojc-orange:#FF6B35;--ojc-cta:#B8481A;--ojc-cta-hi:#9C3C14;
--ojc-s1:12px;--ojc-s2:14px;--ojc-s3:16px;--ojc-s4:20px;--ojc-s5:28px;--ojc-s6:40px}
.ojc-header{position:sticky;top:0;z-index:50;background:rgba(255,253,249,.94);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--ojc-line);padding:0;margin:0;box-shadow:none;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.ojc-bar{max-width:1120px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:20px;min-height:64px}
.ojc-logo{display:inline-flex;align-items:center;flex:none}
.ojc-logo img{height:34px;width:auto;display:block}
.ojc-nav{display:flex;align-items:center;gap:22px;margin-left:auto}
.ojc-nav a.ojc-link{font-size:15px;font-weight:600;color:var(--ojc-ink);text-decoration:none;white-space:nowrap}
.ojc-nav a.ojc-link:hover{color:var(--ojc-cta)}
.ojc-header .btn,.ojc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:980px;background:var(--ojc-cta);color:#fff;font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap;border:0;box-shadow:none}
.ojc-header .btn:hover,.ojc-btn:hover{background:var(--ojc-cta-hi)}
.ojc-menu{display:none;margin-left:auto}
.ojc-menu summary{list-style:none;cursor:pointer;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:var(--ojc-ink)}
.ojc-menu summary::-webkit-details-marker{display:none}
.ojc-menu .ojc-panel{position:absolute;left:0;right:0;top:100%;background:var(--ojc-paper);border-bottom:1px solid var(--ojc-line);padding:8px 20px 20px;display:flex;flex-direction:column;gap:2px}
.ojc-menu .ojc-panel a.ojc-link{display:block;padding:14px 0;font-size:17px;font-weight:600;color:var(--ojc-ink);text-decoration:none;border-bottom:1px solid var(--ojc-line)}
.ojc-menu .ojc-panel .btn{margin-top:14px;width:100%}
@media (max-width:860px){.ojc-nav{display:none}.ojc-menu{display:block}}
.ojc-header :focus-visible,.ojc-footer :focus-visible{outline:3px solid var(--ojc-orange);outline-offset:2px}
.ojc-footer{background:var(--ojc-ink);color:#f1e7dc;margin:0;padding:48px 0 40px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.6;text-align:left}
.ojc-foot{max-width:1120px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}
.ojc-foot h2{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#d9c7b6;margin:0 0 12px;font-weight:700}
.ojc-foot p{margin:0 0 10px;color:#f1e7dc}
.ojc-foot ul{list-style:none;margin:0;padding:0}
.ojc-foot li{margin:0 0 8px}
.ojc-footer a{color:#fff;text-decoration:none}
.ojc-footer a:hover{text-decoration:underline}
.ojc-legal{max-width:1120px;margin:32px auto 0;padding:20px 20px 0;border-top:1px solid rgba(255,255,255,.18);font-size:13px;color:#d9c7b6}
.ojc-legal a{margin-right:16px}
@media (max-width:860px){.ojc-foot{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.ojc-foot{grid-template-columns:1fr}}
