.boc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.showcase-header.boc-nav-enhanced{grid-template-columns:145px minmax(250px,620px) auto auto;grid-template-rows:auto auto;column-gap:1rem;row-gap:.65rem;padding:.85rem 0 .55rem;background:inherit}
.boc-nav-enhanced .lab-wordmark{grid-column:1;grid-row:1}.boc-nav-enhanced .flag-language{grid-column:3;grid-row:1}.boc-header-search{grid-column:2;grid-row:1;display:flex;align-items:center;gap:.55rem;min-width:0;padding:.27rem .27rem .27rem .85rem;border:1px solid #b5c4d2;border-radius:999px;background:#fff;box-shadow:0 4px 12px #123d7314}.boc-header-search input{min-width:0;flex:1;width:100%;border:0;background:transparent;outline:0;color:#123d73;font:inherit;font-size:.85rem}.boc-header-search input::placeholder{color:#687b8d}.boc-header-search button{border:0;border-radius:999px;background:#1768c8;color:#fff;padding:.6rem 1rem;font:inherit;font-weight:800;font-size:.78rem;cursor:pointer}.boc-header-search button:hover{background:#1255a8}.boc-search-icon{font-size:1.7rem;line-height:1;color:#123d73}.boc-nav-enhanced .boc-primary-nav{grid-column:1/-1;grid-row:2;justify-content:center;align-items:center;gap:clamp(.7rem,1.9vw,2rem);min-width:0;padding:.15rem 0 .25rem}.boc-primary-nav>a,.boc-nav-group summary{font-size:.78rem;font-weight:700;white-space:nowrap;text-decoration:none;padding:.4rem 0}.boc-nav-group{position:relative}.boc-nav-group summary{list-style:none;cursor:pointer}.boc-nav-group summary::-webkit-details-marker{display:none}.boc-chevron{display:inline-block;margin-left:.3rem;color:#738ca3}.boc-nav-panel{position:absolute;top:calc(100% + .15rem);left:0;z-index:30;min-width:210px;padding:.35rem;border:1px solid #cbd7e3;border-radius:12px;background:#fff;box-shadow:0 14px 35px #123d732e}.boc-nav-panel a{display:block;padding:.55rem .7rem;border-radius:8px;color:#123d73;text-decoration:none;font-size:.76rem;font-weight:700}.boc-nav-panel a:hover{background:#edf3f8}.boc-menu-toggle{display:none;grid-column:4;grid-row:1;border:0;background:transparent;padding:.55rem;cursor:pointer}.boc-menu-toggle span{display:block;width:23px;height:2px;margin:4px;background:#123d73}.boc-nav-enhanced a:focus-visible,.boc-nav-enhanced summary:focus-visible,.boc-nav-enhanced button:focus-visible,.boc-header-search input:focus-visible{outline:3px solid #ef6242;outline-offset:3px}
@media(max-width:920px){.showcase-header.boc-nav-enhanced{grid-template-columns:120px minmax(0,1fr) auto auto}.boc-nav-enhanced .boc-primary-nav{gap:.8rem;justify-content:flex-start;overflow-x:auto}.boc-primary-nav>a,.boc-nav-group summary{font-size:.72rem}}
.boc-menu-preferences, .boc-language-name { display: none; }
.showcase-page .showcase-header.boc-nav-enhanced .flag-language { display: block; width: auto; }
/* Keep older cached navigation scripts usable while their asset cache expires. */
.showcase-page .showcase-header.boc-nav-enhanced .flag-language:not(:has(.boc-language-picker)),
.showcase-page .showcase-header.boc-nav-enhanced .boc-header-tools .flag-language:not(:has(.boc-language-picker)) { display: flex; align-items: center; flex-wrap: wrap; gap: .25rem; }
.showcase-page .showcase-header.boc-nav-enhanced .flag-language:not(:has(.boc-language-picker)) a { display: flex; width: 36px; height: 40px; align-items: center; justify-content: center; }
.boc-language-picker { position: relative; color: #123d73; }
.boc-language-picker summary { display: flex; min-width: 110px; min-height: 44px; box-sizing: border-box; align-items: center; justify-content: space-between; gap: .7rem; padding: .55rem .75rem; border: 1px solid #b5c4d2; border-radius: 999px; background: #fff; color: #123d73; cursor: pointer; font-size: .78rem; font-weight: 800; list-style: none; }
.boc-language-picker summary::-webkit-details-marker { display: none; }
.boc-language-picker summary img { display: block; width: 1.35rem; height: 1.35rem; flex: none; object-fit: contain; }
.boc-language-short { display: none; }
.boc-language-picker[open] summary { border-color: #1768c8; }
.boc-language-picker .boc-language-chevron { font-size: 1.15rem; line-height: 1; }
.boc-language-options { position: absolute; top: calc(100% + .35rem); right: 0; z-index: 40; min-width: 160px; padding: .35rem; border: 1px solid #b5c4d2; border-radius: 14px; background: #fff; box-shadow: 0 14px 35px #123d732e; }
.showcase-page .boc-language-options a { display: flex; width: auto; height: auto; min-height: 40px; box-sizing: border-box; align-items: center; gap: .6rem; padding: .65rem .75rem; border: 0; border-radius: 8px; background: transparent; color: #123d73; font-size: .78rem; font-weight: 700; text-decoration: none; }
.showcase-page .boc-language-options .boc-language-name { display: inline; color: inherit; }
.boc-language-options img { width: 1.35rem; height: 1.35rem; flex: none; }
.showcase-page .boc-language-options a:hover, .showcase-page .boc-language-options a[aria-current="page"] { background: #eaf0f5; color: #123d73; }
.boc-language-picker summary:focus-visible, .boc-language-options a:focus-visible { outline: 3px solid #ef6242; outline-offset: 2px; }
html[data-theme="dark"] .showcase-page .boc-language-picker summary,
html[data-theme="dark"] .showcase-page .boc-language-options { background: #19283c; color: #e6edf6; border-color: #526780; }
html[data-theme="dark"] .showcase-page .boc-language-options a { background: transparent; color: #e6edf6; }
html[data-theme="dark"] .showcase-page .boc-language-options a:hover,
html[data-theme="dark"] .showcase-page .boc-language-options a[aria-current="page"] { background: #293d56; color: #e6edf6; }
.showcase-header.boc-nav-enhanced { position: relative; z-index: 10; }
.showcase-page .showcase-header.boc-nav-enhanced .boc-primary-nav { grid-row: 2; }
.showcase-header.boc-nav-enhanced .boc-primary-nav .boc-nav-panel { overflow: visible; }
.boc-header-tools { display: none; }
.boc-theme-toggle { display: flex; min-height: 44px; align-items: center; justify-content: space-between; gap: .65rem; padding: .6rem .75rem; border: 1px solid #b5c4d2; border-radius: 999px; background: #fff; color: #123d73; font: inherit; font-size: .78rem; font-weight: 700; cursor: pointer; white-space: nowrap; }
.showcase-page .boc-theme-toggle > span { color: inherit; }
.boc-theme-track { position: relative; width: 42px; height: 24px; flex: none; border-radius: 999px; background: #687b8d; }
.boc-theme-track::after { position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; content: ""; }
.boc-theme-toggle[aria-checked="true"] .boc-theme-track { background: #1768c8; }
.boc-theme-toggle[aria-checked="true"] .boc-theme-track::after { left: 21px; }
@media (min-width: 651px) {
  /* One flexible search column and a compact tools group, no unused grid track. */
  .showcase-page .showcase-header.boc-nav-enhanced { grid-template-columns: 145px minmax(0, 1fr) auto; align-items: center; column-gap: 1rem; }
  .showcase-page .showcase-header.boc-nav-enhanced .lab-wordmark { align-self: center; }
  .showcase-header.boc-nav-enhanced .boc-header-search { width: 100%; max-width: 620px; box-sizing: border-box; justify-self: center; align-self: center; margin: 0; }
  .boc-header-tools { display: flex; grid-column: 3; grid-row: 1; align-items: center; justify-self: end; gap: .75rem; }
  .showcase-page .showcase-header.boc-nav-enhanced .boc-header-tools .flag-language { display: block; width: auto; margin: 0; padding: 0; }
  .showcase-page .showcase-header.boc-nav-enhanced .boc-primary-nav { justify-content: center; align-items: center; flex-wrap: wrap; overflow: visible; gap: .35rem clamp(.65rem, 1.8vw, 2rem); }
  .showcase-header.boc-nav-enhanced .boc-menu-toggle { display: none; }
}
@media (min-width: 651px) and (max-width: 920px) {
  .showcase-page .showcase-header.boc-nav-enhanced { grid-template-columns: 120px minmax(0, 1fr); column-gap: .6rem; }
  .boc-header-tools { grid-column: 2; gap: .4rem; }
  .showcase-header.boc-nav-enhanced .boc-header-search { grid-column: 1 / -1; grid-row: 2; max-width: none; }
  .showcase-page .showcase-header.boc-nav-enhanced .boc-primary-nav { grid-row: 3; }
  .boc-language-picker summary { min-width: 100px; }
  .boc-header-tools .boc-theme-toggle { font-size: .7rem; gap: .4rem; padding-inline: .55rem; }
}
@media (max-width: 650px) {
  body.showcase-page { min-width: 0; }
  .showcase-header.boc-nav-enhanced { grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto auto; gap: .45rem; padding: .65rem 0; }
  .boc-nav-enhanced .lab-wordmark { grid-column: 1; grid-row: 1; }
  .boc-menu-toggle { display: block; grid-column: 2; grid-row: 1; min-width: 44px; min-height: 44px; }
  .boc-header-search { grid-column: 1 / -1; grid-row: 2; box-shadow: none; }
  .boc-header-search button { padding: .6rem .8rem; }
  /* Override the legacy .showcase-page .lab-nav row on Agenda as well. */
  .showcase-page .showcase-header.boc-nav-enhanced .boc-primary-nav { position: static; display: none; grid-column: 1 / -1; grid-row: 3; width: 100%; overflow: visible; flex-direction: column; align-items: stretch; gap: 0; padding: .3rem 0; }
  .showcase-page .showcase-header.boc-nav-enhanced .boc-primary-nav.boc-nav-open { display: flex; }
  .boc-primary-nav > a, .boc-nav-group summary { display: block; width: 100%; min-height: 44px; padding: .75rem .25rem; border-bottom: 1px solid #dce6ef; font-size: .83rem; }
  .boc-nav-panel { position: static; min-width: 0; border: 0; box-shadow: none; padding: 0 0 0 .8rem; }
  .boc-nav-panel a { min-height: 44px; font-size: .8rem; }
  .boc-menu-preferences { display: grid; grid-template-columns: 100px 130px 102px; grid-template-areas: "language-label appearance-label ." "language appearance plans"; column-gap: .375rem; row-gap: .35rem; justify-content: start; padding: .8rem .25rem .5rem; }
  .boc-preference-label { margin: 0; color: #526b85; font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
  .boc-menu-preferences > .boc-preference-label:first-child { grid-area: language-label; }
  .boc-menu-preferences > .boc-preference-label:nth-of-type(2) { grid-area: appearance-label; }
  .showcase-page .showcase-header.boc-nav-enhanced .boc-menu-preferences .flag-language { display: block; grid-area: language; width: fit-content; max-width: 100%; }
  .showcase-page .showcase-header.boc-nav-enhanced .boc-menu-preferences .flag-language:not(:has(.boc-language-picker)) { width: 100px; }
  .boc-menu-preferences .boc-language-picker { display: inline-block; }
  .boc-menu-preferences .boc-language-picker summary { width: 100px; min-width: 100px; gap: .25rem; padding-inline: .55rem; border-radius: 10px; }
  .boc-menu-preferences .boc-language-current { display: none; }
  .boc-menu-preferences .boc-language-short { display: inline; }
  .boc-menu-preferences .boc-language-options { position: absolute; right: auto; left: 0; min-width: 172px; margin-top: 0; box-shadow: 0 14px 35px #123d732e; }
  .boc-menu-preferences > .boc-plans-toggle { grid-area: plans; width: 102px; min-width: 0; min-height: 44px; justify-self: start; gap: .25rem; margin-top: 0; padding: .45rem .4rem; font-size: .66rem; }
  .boc-theme-toggle { display: flex; width: 100%; min-height: 48px; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem; border: 1px solid #b5c4d2; border-radius: 10px; background: #fff; color: #123d73; font: inherit; font-size: .83rem; font-weight: 700; cursor: pointer; }
  .boc-menu-preferences > .boc-theme-toggle { grid-area: appearance; width: 130px; min-height: 44px; gap: .25rem; padding: .5rem .45rem; font-size: .7rem; }
  .showcase-page .boc-theme-toggle > span { color: inherit; }
  .boc-theme-track { position: relative; width: 42px; height: 24px; flex: none; border-radius: 999px; background: #687b8d; }
  .boc-menu-preferences .boc-theme-track { width: 34px; height: 20px; }
  .boc-theme-track::after { position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; content: ""; }
  .boc-menu-preferences .boc-theme-track::after { top: 2px; left: 2px; width: 16px; height: 16px; }
  .boc-theme-toggle[aria-checked="true"] .boc-theme-track { background: #1768c8; }
  .boc-theme-toggle[aria-checked="true"] .boc-theme-track::after { left: 21px; }
  .boc-menu-preferences .boc-theme-toggle[aria-checked="true"] .boc-theme-track::after { left: 16px; }
}
@media (max-width: 371px) {
  .boc-menu-preferences { grid-template-columns: 100px 130px; grid-template-areas: "language-label appearance-label" "language appearance" "plans plans"; }
  .boc-menu-preferences > .boc-plans-toggle { margin-top: .8rem; }
}

/* Direct entry to the AI planner, shared across all public sections. */
.showcase-page .showcase-header.boc-nav-enhanced .boc-primary-nav > .boc-nav-planner,
html[data-theme="dark"] .showcase-page .showcase-header.boc-nav-enhanced .boc-primary-nav > .boc-nav-planner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  box-sizing: border-box;
  min-height: 44px;
  padding: .65rem 1rem;
  border: 1px solid #123d73;
  border-radius: 999px;
  background: #123d73;
  color: #fff7e8;
  font-weight: 800;
  text-decoration: none;
}
.showcase-page .boc-nav-planner::before { content: "✦"; color: #ffd363; font-size: 1.05rem; }
.showcase-page .showcase-header.boc-nav-enhanced .boc-primary-nav > .boc-nav-planner:hover { background: #17576b; border-color: #17576b; }
.showcase-page .showcase-header.boc-nav-enhanced .boc-primary-nav > .boc-nav-planner:focus-visible { outline: 3px solid #ef6242; outline-offset: 3px; }
html[data-theme="dark"] .showcase-page .showcase-header.boc-nav-enhanced .boc-primary-nav > .boc-nav-planner { border-color: #6486a4; }
@media(max-width:650px) {
  .showcase-page .showcase-header.boc-nav-enhanced .boc-primary-nav > .boc-nav-planner { margin: .4rem 0 .65rem; border-radius: 10px; }
}
