.concept-bar{position:sticky;top:0;z-index:100;background:#202124;color:#fff;min-height:60px;padding:10px 30px;display:flex;align-items:center;justify-content:space-between;gap:16px;font:500 13px/1.4 Arial,sans-serif;box-shadow:0 2px 8px #0002}.concept-label{font-size:11px;letter-spacing:.12em;color:#c9c9ce}.concept-bar>div{display:flex;gap:7px}.concept-bar a{display:flex;gap:9px;align-items:center;border:1px solid #66676d;border-radius:5px;padding:10px 15px;color:#eee;text-decoration:none;font-size:13px}.concept-bar a:hover{background:#42434a}.concept-bar a[aria-current=page]{background:#fff;color:#202124;border-color:#fff}.concept-bar a:focus-visible{outline:3px solid #f7cb69;outline-offset:3px}html{scroll-padding-top:85px}.skip:focus{z-index:101;top:70px}@media(max-width:680px){.concept-bar{padding:10px 12px;justify-content:center;min-height:58px}.concept-label{display:none}.concept-bar a{padding:9px 11px;font-size:12px}.concept-bar>div{gap:8px}}
.concept-bar>div{flex-wrap:wrap}@media(max-width:850px){.concept-label{display:none}.concept-bar{justify-content:center}}@media(max-width:480px){.concept-bar{padding:8px}.concept-bar>div{width:100%;gap:5px;flex-wrap:nowrap}.concept-bar a{flex:1;flex-direction:column;gap:2px;padding:7px 4px;text-align:center;font-size:11px}.concept-bar a span{font-size:10px}html{scroll-padding-top:90px}}

/* Give the section navigation a clear, consistent interactive treatment. */
.header nav>a:not(.button){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid currentColor;border-radius:5px;font-weight:700;line-height:1.4;text-decoration:none;transition:background-color .18s,color .18s,box-shadow .18s}
.header nav>a:not(.button):hover{background:var(--wine);border-color:var(--wine);color:#fff;box-shadow:0 2px 5px #0001}
.header nav>a:not(.button):focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.header nav{gap:12px}
.concept-two .header nav>a:not(.button){border-radius:0;border-width:2px}
.concept-three .header nav>a:not(.button){border-radius:50px}
@media(max-width:680px){
  .header,.concept-two .header,.concept-three .header{height:auto;min-height:100px;flex-wrap:wrap;justify-content:center;gap:0;padding-bottom:18px}
  .header nav{width:100%;justify-content:center;gap:8px}
  .header nav>a:not(.button){display:inline-flex;padding:10px 12px;min-height:44px;font-size:13px;white-space:nowrap}
  .header nav>.button.small{padding:10px 13px;font-size:13px;min-height:44px;white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.header nav>a:not(.button){transition:none}}

/* Concept 3: matching navigation sizing, with a distinct order action. */
.concept-three .header nav>a:not(.button),
.concept-three .header nav>.button.small{
  min-height:48px;
  padding:12px 22px;
  border:1px solid #30271f;
  border-radius:50px;
  font-size:14px;
  font-weight:700;
  line-height:1.4;
}
.concept-three .header nav>.button.small{
  background:#ad4729;
  border-color:#ad4729;
  color:#fff;
}
.concept-three .header nav>.button.small:hover{
  background:#89351d;
  border-color:#89351d;
}
@media(max-width:680px){
  .concept-three .header nav>a:not(.button),
  .concept-three .header nav>.button.small{
    min-height:46px;
    padding:11px 12px;
    font-size:13px;
  }
}