/* Shared header and footer for pages that do not load portal.css yet.
   Mirrors .portal-header / .portal-footer from portal.css and uses the page's
   own colour variables (tokens.css + appearance.css, the single light theme).
   Drop a page from this file once it moves to portal.css. */
.chrome-wrap{max-width:1280px;margin:0 auto;padding-inline:32px;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:transparent}
.chrome-wrap *{box-sizing:border-box}
.chrome-wrap a{color:inherit;text-decoration:none}
.chrome-wrap a:focus-visible,.chrome-wrap select:focus-visible,.chrome-wrap button:focus-visible{outline:3px solid var(--mint-ink);outline-offset:4px}
.chrome-wrap .portal-header{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:28px;margin:0 0 24px;padding:25px 0;border-bottom:1px solid var(--line);background:transparent}
.chrome-wrap .portal-nav{display:flex;gap:27px;margin-left:auto;align-items:center;font-size:13px;color:var(--muted)}
.chrome-wrap .portal-nav a:hover{color:var(--mint-ink)}
.chrome-wrap .language-control{margin:0;gap:5px;font-size:12px}
.chrome-wrap .language-control label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.chrome-wrap .language-control select{background:transparent;border:0;color:var(--text);font-size:12px;min-width:85px;padding:8px 0}
.chrome-wrap .portal-footer{display:flex;justify-content:space-between;gap:30px;margin:35px 0 0;padding:40px 0 30px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.55;text-align:left;max-width:none;background:transparent}
.chrome-wrap .portal-footer p{font-size:12px;color:var(--muted);margin:14px 0 0;max-width:400px;line-height:1.55}
.chrome-wrap .portal-footer .waitless-logo{font-size:24px}
.portal-footer .footer-note a{text-decoration:underline;text-underline-offset:3px}
.chrome-wrap .footer-links{display:flex;gap:20px;font-size:12px;color:var(--muted);flex-wrap:wrap;align-content:center;margin:0}
.chrome-wrap .footer-links a:hover{color:var(--mint-ink)}
.page-crumb{margin:0 0 16px;font-size:13px}
@media(max-width:1000px){.chrome-wrap{padding-inline:14px}.chrome-wrap .portal-header{gap:16px}.chrome-wrap .portal-nav{gap:18px}}
@media(max-width:720px){.chrome-wrap{padding-inline:6px}.chrome-wrap .portal-header{flex-wrap:wrap;padding:18px 0;gap:14px}.chrome-wrap .waitless-logo{margin-right:auto}.chrome-wrap .portal-nav{order:3;flex-basis:100%;margin:0;justify-content:space-between;gap:10px}.chrome-wrap .portal-footer{display:block}.chrome-wrap .footer-links{margin-top:25px}}
@media(max-width:420px){.chrome-wrap{padding-inline:0}}
@media print{.chrome-wrap .portal-nav,.chrome-wrap .language-control{display:none}}
/* Skip link, same look as portal.css: hidden above the page until focused. */
.chrome-wrap .skip-link{position:fixed;top:8px;left:8px;z-index:20;width:auto;height:auto;overflow:visible;clip-path:none;white-space:nowrap;padding:14px;border-radius:12px;background:var(--mint,#b6e7cb);color:var(--text,#192b28);font-size:14px;font-weight:700;text-decoration:none;transform:translateY(-150%)}
.chrome-wrap .skip-link:focus,.chrome-wrap .skip-link:focus-visible{transform:none}
html body .skip-link:focus-visible{background:var(--mint,#b6e7cb);color:var(--text,#192b28);border-radius:12px;padding:14px;font-size:14px;font-weight:700;outline:3px solid var(--mint-ink,#286447);outline-offset:2px}

/* Shared chrome overrides page-specific header/footer rules. */
body .portal-header{display:flex;align-items:center;flex-wrap:wrap;gap:24px;padding:25px 0;margin:0;border-bottom:1px solid var(--line);font-family:Arial,Helvetica,sans-serif}
body .portal-header .portal-nav{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:13px;color:var(--muted)}
body .portal-header a,body .portal-footer a{text-decoration:none;color:inherit}
body .portal-header .language-control{margin:0;font-size:12px}
body .portal-header .language-control label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
body .portal-header .language-control select{background:transparent;color:var(--text);border:0;min-width:80px;padding:8px 0}
body .portal-footer{display:flex;justify-content:space-between;gap:30px;padding:36px 0;margin:36px 0 0;border-top:1px solid var(--line);font:12px/1.6 Arial,Helvetica,sans-serif;color:var(--muted);background:transparent}
body .portal-footer p{max-width:400px;margin:14px 0 0;color:var(--muted);font-size:12px}
body .portal-footer .footer-links{display:flex;flex-wrap:wrap;align-content:center;gap:12px 20px;margin:0}
body .portal-header [aria-current=page],body .portal-footer [aria-current=page]{color:var(--text);text-decoration:underline;text-underline-offset:5px;font-weight:700}
.page-source-notes{margin-top:28px;font-size:12px;line-height:1.6;color:var(--muted)}
@media(max-width:720px){body .portal-header{gap:12px}body .portal-header .portal-nav{order:3;flex-basis:100%;justify-content:space-between;margin:0;gap:12px}body .portal-header .language-control{margin-left:auto}body .portal-footer{display:block}body .portal-footer .footer-links{margin-top:24px}}