/* Shared visual foundation for the homepage and account preview. */
:root {
  --ink:#20334e; --muted:#64758b; --blue:#245ca8; --blue-dark:#17365b;
  --navy:#17365b; --blue-soft:#edf3fb; --soft:#f5f7fa; --canvas:#f5f7fa;
  --surface:#fff; --line:#e0e7ef; --radius:16px;
  --shadow:0 5px 20px rgb(25 50 80 / 3%);
  --bdr-font:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif;
  --bdr-header-height:88px;
  font-family:var(--bdr-font); color:var(--ink); font-size:16px; line-height:1.65;
}
body {font-family:var(--bdr-font);color:var(--ink);font-size:16px;line-height:1.65;}
button,input,select,textarea {font-family:inherit;}
.bdr-shell {width:calc(100% - 2 * clamp(20px,3.4vw,64px));margin-inline:auto;}
.bdr-masthead {position:sticky;top:0;z-index:1100;background:#fff;border-bottom:1px solid var(--line);color:var(--ink);}
.bdr-masthead-inner {display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:var(--bdr-header-height);}
.bdr-brand {display:inline-flex;align-items:center;gap:13px;color:var(--ink);text-decoration:none;white-space:nowrap;flex-shrink:0;}
.bdr-brand img {display:block;width:48px;height:48px;object-fit:contain;flex:none;}
.bdr-brand span {font-family:var(--bdr-font);font-size:22px;line-height:1.25;font-weight:600;letter-spacing:-.55px;}
.bdr-top-nav {display:flex;align-items:center;gap:25px;min-width:0;font-size:15px;line-height:1.4;}
.bdr-top-link {color:var(--ink);font-weight:500;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;}
.bdr-top-link:hover {color:var(--blue);}
.bdr-top-link svg {width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.button {display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 20px;border:1px solid transparent;border-radius:10px;font-family:var(--bdr-font);font-size:15px;font-weight:600;line-height:1.4;text-decoration:none;box-shadow:none;}
.button.primary,.button.button-primary {color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:none;}
.button.primary:hover:not(:disabled),.button.button-primary:hover:not(:disabled) {background:#194d91;border-color:#194d91;box-shadow:none;transform:none;}
.button.secondary,.button.button-secondary {color:var(--ink);background:#fff;border-color:var(--line);box-shadow:none;}
.button.secondary:hover:not(:disabled),.button.button-secondary:hover:not(:disabled) {background:var(--blue-soft);border-color:#c1d1e5;transform:none;}
.button.compact {min-height:42px;padding:9px 14px;font-size:14px;}
.button:disabled {opacity:.5;cursor:not-allowed;}
.bdr-top-cta {white-space:nowrap;}
.bdr-menu {position:relative;}
.bdr-menu summary {display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 2px 10px 8px;list-style:none;cursor:pointer;color:var(--ink);font-weight:500;font-size:14px;}
.bdr-menu summary::-webkit-details-marker {display:none;}
.bdr-menu summary svg {width:18px;height:18px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;}
.bdr-menu-links {position:absolute;right:0;top:calc(100% + 16px);width:260px;max-height:calc(100svh - 115px);overflow:auto;padding:8px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 14px 40px rgb(23 54 91 / 12%);}
.bdr-menu-links a {display:block;padding:10px 13px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:500;line-height:1.5;}
.bdr-menu-links a:hover {background:var(--blue-soft);color:var(--blue);}
.bdr-menu-links .bdr-mobile-link {display:none;}
.bdr-menu-divider {height:1px;background:var(--line);margin:7px 5px;}
.bdr-masthead a:focus-visible,.bdr-masthead summary:focus-visible {outline:2px solid var(--blue-dark);outline-offset:4px;border-radius:6px;}
.bdr-account-page:has(#workspace:not([hidden])) .bdr-account-link {color:var(--blue);}
.bdr-account-page:has(#workspace:not([hidden])) .bdr-account-link:after {content:"";width:6px;height:6px;border-radius:50%;background:var(--blue);}
.bdr-preview-strip {background:#edf3fb;border-bottom:1px solid #dbe6f4;color:#365777;font:12px/1.5 var(--bdr-font);text-align:center;padding:7px 16px;}
@media(max-width:1280px) {.bdr-top-nav {gap:18px;}.bdr-top-link {font-size:14px;}.bdr-brand span {font-size:21px;}.bdr-masthead-inner {gap:18px;}}
@media(max-width:1120px) {.bdr-desktop-link {display:none;}.bdr-menu-links .bdr-mobile-link {display:block;}.bdr-top-nav {gap:22px;}}
@media(max-width:640px) {
  :root {--bdr-header-height:76px;}
  .bdr-masthead-inner {gap:12px;}.bdr-brand {gap:9px;}.bdr-brand img {width:39px;height:39px;}
  .bdr-brand span {font-size:18px;letter-spacing:-.4px;}.bdr-top-cta {display:none;}
  .bdr-menu summary {font-size:0;min-width:36px;padding:10px 0;}.bdr-menu summary svg {width:22px;height:22px;}
  .bdr-menu-links {top:calc(100% + 14px);max-width:calc(100vw - 40px);}.bdr-top-nav {gap:0;}
  .button {font-size:15px;}.bdr-preview-strip {font-size:11px;padding:6px 14px;}
}
@media(max-width:360px) {.bdr-shell{width:calc(100% - 32px);}.bdr-brand span{font-size:16px;}.bdr-brand img{width:35px;height:35px;}}
@media(prefers-reduced-motion:reduce) {.button {transition:none;}}
@media print {.bdr-masthead,.bdr-preview-strip{display:none;}}