/* Forms & Standing R23 — compact centered hero + clean search fields.
 * Keeps the EXACT existing H1 and hero paragraph font sizes and wording.
 * Width-only change: original desktop search ~920px -> 690px (~25% less).
 * Glass panel follows it, 1040px -> 900px. No new colors or typography.
 */
.fs11-hero-copy {
  width:min(900px,100%)!important;
  max-width:900px!important;
  margin-inline:auto!important;
}
.fs13-name-lookup {
  width:min(690px,100%)!important;
  max-width:690px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.fs13-name-fields {
  grid-template-columns:minmax(0,1fr) 156px 120px;
}
.fs13-name-label,.fs13-state-label {
  display:flex;
  align-items:center;
  min-height:51px;
}
.fs13-name-lookup input {
  width:100%;
  min-height:44px;
}
.fs14-select-trigger {
  width:100%;
  min-height:44px;
}
.fs13-name-lookup button[type="submit"]{
  min-height:50px;
}
/* These small inline labels are gone from HTML; this also blocks old
 * label styling from restoring eyebrow text in future asset reuse. */
.fs13-name-lookup .fs13-field-label {display:none!important;}
@media(max-width:850px) {
  .fs11-hero-copy {
    width:min(900px,100%)!important;
    max-width:900px!important;
  }
  .fs13-name-lookup{width:100%!important;max-width:690px!important;}
  .fs13-name-fields{grid-template-columns:minmax(0,1fr) 138px 105px;}
}
@media(max-width:700px) {
  .fs11-hero-copy {
    width:100%!important;
  }
  .fs13-name-lookup {
    width:100%!important;
  }
  .fs13-name-fields {grid-template-columns:minmax(0,1fr) 128px;}
  .fs13-name-label,.fs13-state-label{min-height:44px;}
  .fs13-name-lookup button[type="submit"] {grid-column:1/-1;min-height:48px;}
}
@media(max-width:390px) {
 .fs13-name-fields{grid-template-columns:minmax(0,1fr) 108px;}
}

/* R23 final visual polish: show the full state prompt rather than ellipsis. */
.fs13-name-fields {
  grid-template-columns:minmax(0,1fr) 178px 120px;
}
.fs14-select-trigger {
  gap:5px;
  font-size:13.5px!important;
}
.fs14-chevron {
  width:8px;
  height:8px;
  margin-right:3px;
}
@media(max-width:850px) {
 .fs13-name-fields {grid-template-columns:minmax(0,1fr) 160px 105px;}
 .fs14-select-trigger {font-size:12.5px!important;}
}
@media(max-width:700px) {
 .fs13-name-fields {grid-template-columns:minmax(0,1fr) 138px;}
 .fs14-select-trigger {font-size:12px!important;}
}
@media(max-width:390px) {
 .fs13-name-fields {grid-template-columns:minmax(0,1fr) 135px;}
 .fs14-select-trigger {font-size:11.5px!important;}
 .fs13-name-lookup input {font-size:13px!important;}
}


/* R25 visual overrides consolidated into existing loaded search asset. */
/* Forms & Standing R25 — wider hero glass, original search position,
 * text-only left brand, smaller theme switch, simplified preview navigation.
 * Applied ONLY to premium-r13.html. Preserves previous versions.
 */
.fs11-hero-copy {
  width:min(990px,100%)!important; /* 900px * 1.10 */
  max-width:990px!important;
  margin-inline:auto!important;
}
/* H1 and paragraph return above form; do not change text size or line height. */
.fs11-hero-copy > h1 { margin-top:0!important; }
.fs11-hero-copy > p:not(.fs13-search-note) { margin-bottom:0!important; }
.fs13-name-lookup {
  margin-top:25px!important;
  max-width:828px!important; /* preserve the R24 horizontal search size */
}
.fs11-header {position:relative;}
.fs11-brand {gap:0!important; margin-right:16px;}
.fs11-brand-name {
  display:inline-block!important;
  flex-direction:initial!important;
  font-family:var(--fs11-display)!important;
  font-size:19px!important;
  line-height:1.15!important;
  letter-spacing:-.016em!important;
  white-space:nowrap;
  font-weight:400!important;
}
.fs11-nav {gap:clamp(15px,2vw,27px)!important;}
.fs11-header-actions {gap:12px;}
/* Original R11 switch min-width was 67px; 44px is 34.3% narrower.
 * Keep a 44px accessible tap target and the existing Light/Dark labels. */
.fs11-theme{
  width:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  min-height:44px!important;
  height:44px!important;
  padding:0 3px!important;
  font-size:11px!important;
  border-radius:11px!important;
  flex-shrink:0;
}
.fs25-logout {
  appearance:none;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--fs11-ink)!important;
  font:600 13px/1.2 var(--fs11-sans);
  letter-spacing:0;
  text-decoration:none;
  cursor:pointer;
  white-space:nowrap;
}
.fs25-desktop-logout {
  min-height:44px;
  padding:0 8px;
}
.fs25-logout:hover {
  text-decoration:underline;
  text-underline-offset:5px;
}
.fs25-logout:focus-visible{
  outline:2px solid var(--fs11-ink)!important;
  outline-offset:2px!important;
  border-radius:5px;
}
.fs25-mobile-logout{display:none;}
.fs25-logout-notice{
  position:absolute;
  z-index:160;
  right:0;
  top:calc(100% + 9px);
  max-width:min(360px,calc(100vw - 32px));
  padding:14px 18px;
  border-radius:12px;
  background:var(--fs11-bg);
  color:var(--fs11-ink);
  font:500 13px/1.55 var(--fs11-sans);
  box-shadow:0 16px 42px rgba(0,0,0,.20);
}
.fs25-logout-notice[hidden]{display:none!important}
@media(max-width:1100px){
  .fs11-brand-name{font-size:17px!important}
  .fs11-header-actions{gap:7px}
  .fs25-desktop-logout{padding:0 5px}
}
@media(max-width:850px){
  .fs11-brand-name{font-size:16px!important}
  .fs25-desktop-logout{display:none!important}
  .fs25-mobile-logout{
    display:block;
    text-align:left;
    width:100%;
    padding:12px 8px;
    min-height:44px;
    font-size:14px;
  }
}
@media(max-width:600px){
  .fs11-brand{margin-right:0}
  .fs11-brand-name{font-size:clamp(13px,4vw,16px)!important}
  .fs11-header-actions{gap:7px}
  .fs11-theme{min-height:44px!important;height:44px!important}
  .fs11-hero-copy{width:100%!important;max-width:100%!important}
  .fs13-name-lookup{width:100%!important;max-width:828px!important}
  .fs13-name-lookup{margin-top:20px!important}
}

/* R25 replaces the R24 layout layer on this one page, preserving its
 * established 828px search width without loading another stylesheet. */
.fs13-name-lookup{width:min(828px,100%)!important}
@media(min-width:851px){
 .fs11-hero-copy{padding-left:30px!important;padding-right:30px!important}
}
@media(max-width:850px){
 .fs13-name-lookup{width:100%!important}
}