/* onwardai-frame.css -- 2026-11-01, site assembly.
   The one header and the one footer every page of onwardai.ai shares: direction 4, the instrument
   (oxblood ground, cream words, gold only on the marks). It loads no font and no file of its own;
   where a page loads Literata it is used, elsewhere the nearest serif on the computer. */
:root{--ox-ground:#1c1538;--ox-cream:#f2e8d9;--ox-gold:#c8a96b;--ox-dim:#8e7446;
--ox-serif:"Literata","Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--ox-gutter:clamp(16px,6.2vw,108px)}
html.ox-ground,html.ox-ground body{background:var(--ox-ground)!important;background-image:none!important}
header.ox-top,footer.ox-foot{all:unset;box-sizing:border-box;display:block;width:100%;background:var(--ox-ground);color:var(--ox-cream);
-webkit-text-fill-color:var(--ox-cream);font:400 16.5px/1.6 var(--ox-serif);text-align:left;overflow-wrap:break-word}
header.ox-top *,footer.ox-foot *{box-sizing:border-box}
header.ox-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 28px;padding:22px var(--ox-gutter) 18px}
.ox-top a,.ox-foot a{all:unset;cursor:pointer;color:var(--ox-cream)!important;-webkit-text-fill-color:var(--ox-cream)!important;
background:none!important;border:0!important;box-shadow:none!important;padding:0!important;
text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:.22em!important}
.ox-top a:hover,.ox-foot a:hover,.ox-nav a[aria-current="page"]{text-decoration-thickness:2px!important}
.ox-top a:focus-visible,.ox-foot a:focus-visible{outline:2px solid var(--ox-cream)!important;outline-offset:4px!important;border-radius:2px!important}
.ox-top a.ox-mark{text-decoration:none!important;font:800 25px/1 var(--ox-serif)!important;letter-spacing:.035em;white-space:nowrap;font-variation-settings:"opsz" 72}
.ox-mark .ox-sep{color:var(--ox-gold);-webkit-text-fill-color:var(--ox-gold);font-weight:400}
.ox-mark .ox-i{position:relative;display:inline-block}
.ox-mark .ox-i::after{content:"";position:absolute;left:50%;bottom:.71em;width:.22em;height:.22em;margin-left:-.11em;background:var(--ox-gold)}
.ox-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
nav.ox-nav{all:unset;display:flex;flex-wrap:wrap;gap:6px 24px;font:400 16.5px/1.6 var(--ox-serif)}
footer.ox-foot{padding:0 var(--ox-gutter) 56px;margin-top:clamp(88px,11vw,160px)!important;font-size:16px}
footer.ox-foot p{all:unset;display:block;max-width:46rem;margin:0 0 .95em;color:var(--ox-cream);-webkit-text-fill-color:var(--ox-cream)}
footer.ox-foot p.ox-links{display:flex;flex-wrap:wrap;gap:6px 24px}
footer.ox-foot .ox-n{color:var(--ox-gold);-webkit-text-fill-color:var(--ox-gold)}
@media (max-width:760px){header.ox-top{gap:8px 16px;padding-top:16px}.ox-top a.ox-mark{font-size:21px!important}nav.ox-nav{gap:4px 16px;font-size:15.5px}}
@media (max-width:480px){:root{--ox-gutter:16px}}
/* a wide table on an older page scrolls inside itself on a phone, never the whole page */
@media (max-width:760px){html.ox-ground table{display:block;max-width:100%;overflow-x:auto}}
/* 2026-11-02 badge: the AU badge, first thing top left on every page; the gold tick is a true square */
.ox-top a.ox-mark{display:inline-flex!important;align-items:center;gap:14px}
.ox-top .ox-badge{display:block;width:40px;height:40px;flex:none}
@media (max-width:760px){.ox-top a.ox-mark{gap:10px}.ox-top .ox-badge{width:32px;height:32px}}