/* The location band (master), v1.0.0 — direct-standards/master-location-band.
   The locked drawing: LOCKED-HEADER-BAND.html (preview 3, Branden 2026-11-08).
   Full width, directly beneath the header; its content stands in the header's
   own 1,120px column. Every class starts with .lb, and the rules below set
   everything they use, so a site's own button or input styles cannot reach in.
   The site's colors come from its header config (stamped by sync.mjs):
   --lb-ink, --lb-line, --lb-accent, --lb-primary, --lb-accent-ink. */
.lb{
  --lb-col:1120px;
  display:block; background:#F3EEE3; border-bottom:1px solid var(--lb-line,#E5DFD3);
  color:var(--lb-ink,#23201B); font-family:"IBM Plex Sans",Arial,Helvetica,sans-serif;
  margin:0; padding:0; width:auto; max-width:none; box-sizing:border-box; text-align:left;
  position:relative; z-index:5;
}
.lb *,.lb *::before,.lb *::after{box-sizing:border-box}
.lb .lb-in{max-width:var(--lb-col); margin:0 auto; padding:10px 20px; display:flex; align-items:center; gap:12px; flex-wrap:wrap; min-height:57px}
.lb .lb-placed{font-size:15px; font-weight:600; line-height:1.35; margin:0 6px 0 0; white-space:nowrap; color:var(--lb-ink,#23201B)}
.lb .lb-placed b{font-weight:600}
.lb .lb-b{
  font-family:inherit; font-size:14px; font-weight:600; line-height:1.2; letter-spacing:normal; text-transform:none;
  cursor:pointer; white-space:nowrap; margin:0; width:auto; min-width:0; height:auto; min-height:0; box-shadow:none;
  background:#fff; color:var(--lb-ink,#23201B); border:1px solid var(--lb-line,#E5DFD3); border-radius:8px; padding:8px 14px;
  display:inline-block; text-decoration:none;
}
.lb .lb-b:hover{border-color:var(--lb-ink,#23201B)}
.lb .lb-b:focus-visible,.lb .lb-input:focus-visible,.lb .lb-help a:focus-visible{outline:2px solid var(--lb-primary,#1C2B3A); outline-offset:2px}
.lb .lb-b.lb-go{background:var(--lb-accent,#E8A33D); color:var(--lb-accent-ink,var(--lb-primary,#1C2B3A)); border:1px solid var(--lb-accent,#E8A33D); font-weight:700}
.lb .lb-notsharing{flex-basis:100%; font-size:15px; font-weight:600; line-height:1.4; padding:2px 0 4px; margin:0; color:var(--lb-ink,#23201B)}
.lb .lb-field{position:relative; display:inline-block}
.lb .lb-input{
  font-family:inherit; font-size:15px; line-height:1.3; padding:10px 14px; margin:0; height:auto; box-shadow:none;
  border:1px solid var(--lb-line,#E5DFD3); border-radius:8px; min-width:260px; width:auto; background:#fff; color:var(--lb-ink,#23201B);
}
.lb .lb-sug{position:absolute; left:0; top:calc(100% + 4px); min-width:100%; max-height:300px; overflow:auto; z-index:50;
  background:#fff; border:1px solid var(--lb-line,#E5DFD3); border-radius:8px; box-shadow:0 8px 24px rgba(0,0,0,.12); padding:4px 0; display:block}
.lb .lb-sug[hidden]{display:none}
.lb .lb-opt{display:block; padding:8px 14px; font-size:15px; cursor:pointer; white-space:nowrap; color:var(--lb-ink,#23201B)}
.lb .lb-opt:hover,.lb .lb-opt[aria-selected="true"]{background:#F3EEE3}
.lb .lb-help{flex-basis:100%; font-size:14.5px; line-height:1.4; padding:2px 0 4px; margin:0}
.lb .lb-help a{color:var(--lb-primary,#1C2B3A); font-weight:700; text-decoration:underline}
.lb .lb-msg{flex-basis:100%; font-size:14.5px; margin:0; color:var(--lb-ink,#23201B)}
.lb .lb-msg[hidden]{display:none}
@media (max-width:640px){
  .lb .lb-in{padding:10px 16px; gap:8px 10px}
  .lb .lb-placed{white-space:normal; flex-basis:100%}
  .lb .lb-field{display:block; flex-basis:100%}
  .lb .lb-input{min-width:0; width:100%}
}
@media print{.lb{display:none}}