/* Site-level additions. Page design lives in accuratepredict.css. */
:root{--max:1320px}

/* The extracted header carries a wide editorial menu. Give it a compact mode
   before the tablet breakpoint so it never spills outside the wrap. */
@media (min-width:1201px) and (max-width:1400px){
  .hrow{gap:16px}
  .logo svg{width:168px}
  nav.main{gap:0}
  .nav-i>a,.nav-i>button{padding:9px 8px;font-size:13.5px}
}
@media (min-width:901px) and (max-width:1200px){
  .hrow{gap:16px}
  .burger{display:grid}
  nav.main{display:none}
  .logo svg{width:168px}
}
.ap-alerts{margin:18px 0 4px;display:grid;gap:10px}
.ap-alert{padding:13px 16px;border-radius:12px;font-size:14px;line-height:1.55;border:1px solid transparent}
.ap-alert b{display:block;margin-bottom:4px;font-size:14px}
.ap-alert ul{margin:6px 0 0;padding-left:20px}
.ap-alert.ok{background:rgba(32,178,120,.12);border-color:rgba(32,178,120,.42);color:var(--text)}
.ap-alert.err{background:rgba(226,72,72,.12);border-color:rgba(226,72,72,.45);color:var(--text)}
[data-theme="light"] .ap-alert.ok{background:#e9f8f0;border-color:#a9e3c6;color:#164b34}
[data-theme="light"] .ap-alert.err{background:#fdecec;border-color:#f0b4b4;color:#6c1b1b}
.ap-booklogo-fallback{object-fit:contain;background:var(--surface-2);padding:4px}
@media (prefers-reduced-motion:reduce){.ap-alert{transition:none}}

/* In the split home hero the stock arrows sit on top of the headline. Move
   them to the lower edge, clear of the copy and the slide dots. */
.herosplit .car-wrap .carnav{top:auto;bottom:14px;transform:none;width:32px;height:32px;z-index:4}
.herosplit .car-wrap .carnav.prev{left:auto;right:58px}
.herosplit .car-wrap .carnav.next{right:14px}
@media(max-width:600px){.herosplit .car-wrap .carnav{display:none}}