/* HLD Access1, themed to the Sarah Thurn brand guide.
   Loaded after vendor/hld-access1/hld-access1.css so these win at equal specificity.
   Navy and off-white carry the panel; sand is for rules and borders, mist for wells,
   slate for secondary text. Dusty blue (3.1:1) is kept to focus rings and graphics. */

#hld-a1 {
  --hld-p: #0a2242;
  --hld-p-press: #15315a;
  --hld-grouped: #fefdf9;
  --hld-card: #ffffff;
  --hld-sep: #e8e2d6;
  --hld-sep-strong: #c9b796;
  --hld-ink: #0a2242;
  --hld-ink-2: #4b5a6b;
  --hld-ink-3: #5d6b7b;
  --hld-tint: #f4efe6;
  --hld-tint-strong: #f4efe6;
  --hld-radius-lg: 16px;
  --hld-radius-md: 12px;
  --hld-radius-sm: 10px;
  --hld-font: "Jost", Arial, sans-serif;
  --hld-elev-1: none;
  --hld-elev-2: 0 8px 20px -10px rgba(10, 34, 66, 0.35);
  --hld-focus-ring: 0 0 0 2px #fefdf9, 0 0 0 4px #7c93ab;
}

/* Launcher: the navy seal, with an off-white keyline like the reversed logo */
#hld-a1 #hld-btn {
  background: #0a2242;
  box-shadow: inset 0 0 0 2px #0a2242, inset 0 0 0 3px #fefdf9, 0 8px 20px -8px rgba(10, 34, 66, 0.5);
}
#hld-a1 #hld-btn:hover { background: #15315a; opacity: 1; }
#hld-a1 #hld-btn:focus-visible { outline: 2px solid #7c93ab; outline-offset: 3px; }

#hld-a1 #hld-ov { background: rgba(10, 34, 66, 0.28); }

/* Header */
#hld-panel .hld-panel-header {
  background: #fefdf9;
  border-bottom: 1px solid #e8e2d6;
}
#hld-panel .hld-panel-brand {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0;
  font-variant-numeric: lining-nums; /* old-style "1" in Cormorant reads as "I" */
}
#hld-panel .hld-panel-title-prefix,
#hld-panel .hld-panel-title-link { font-family: inherit; color: #0a2242; font-weight: 500; }
#hld-panel .hld-panel-title-link { text-decoration: underline; text-decoration-color: #c9b796; text-underline-offset: 4px; }
#hld-panel .dismiss { background: #e9edf1; color: #0a2242; }
#hld-panel .dismiss:hover { background: #dde3e9; }

/* Section titles: spaced capitals over a sand rule */
#hld-panel .slbl {
  font-size: 12px;
  font-weight: 500;
  color: #4b5a6b;
  letter-spacing: 0.18em;
  border-bottom: 1px solid #c9b796;
}

/* Cards: white on off-white with a fine warm border, no shadow */
#hld-panel .prof,
#hld-a1 .tile,
#hld-a1 .tile-sm,
#hld-panel .hld-slide,
#hld-a1 .reset {
  background: #ffffff;
  box-shadow: none;
  border: 1px solid #e8e2d6;
}
#hld-a1 .tile:hover,
#hld-a1 .tile-sm:hover { border-color: #c9b796; box-shadow: none; }
#hld-a1 .tile:focus-visible,
#hld-a1 .tile-sm:focus-visible { box-shadow: var(--hld-focus-ring); }

/* Icon wells */
#hld-a1 .tile-ico,
#hld-a1 .tile-sm-ico,
#hld-a1 .hld-slide-ico,
#hld-panel .prof-toggle-ico,
#hld-panel .prof-ico,
#hld-panel .prof-chev-wrap { background: #e9edf1; }
#hld-a1 .tile-ico svg,
#hld-a1 .tile-sm-ico svg,
#hld-a1 .hld-slide-ico svg,
#hld-panel .prof-toggle-ico svg,
#hld-panel .prof-ico svg,
#hld-panel .prof-chev-wrap svg { color: #0a2242; }

/* Labels and names: Jost regular/medium rather than bold */
#hld-a1 .tile-lbl,
#hld-a1 .tile-sm-lbl { font-weight: 500; color: #0a2242; letter-spacing: 0.01em; }
#hld-panel .hld-slide-name,
#hld-panel #hld-prof-label { font-weight: 500; letter-spacing: 0; }
#hld-panel .prof-name { font-weight: 400; }
#hld-panel .prof-toggle-eyebrow { color: #5d6b7b; font-weight: 500; letter-spacing: 0.16em; }
#hld-panel .hld-slide-val { background: #f4efe6; color: #0a2242; font-weight: 500; }

/* Selected states: navy well and navy keyline on a sand-soft card */
#hld-a1 .tile.on,
#hld-a1 .tile-sm.on {
  background: #f4efe6;
  border-color: #0a2242;
  box-shadow: inset 0 0 0 0.5px #0a2242;
}
#hld-a1 .tile.on .tile-ico,
#hld-a1 .tile-sm.on .tile-sm-ico,
#hld-panel .prof-toggle.has-active .prof-toggle-ico { background: #0a2242; box-shadow: none; }
#hld-a1 .tile.on .tile-ico svg,
#hld-a1 .tile-sm.on .tile-sm-ico svg,
#hld-panel .prof-toggle.has-active .prof-toggle-ico svg { color: #fefdf9; }
#hld-a1 .tile.on .tile-lbl,
#hld-a1 .tile-sm.on .tile-sm-lbl { font-weight: 600; }
#hld-panel .prof-toggle.has-active .prof-toggle-eyebrow { color: #0a2242; }
#hld-panel .prof-toggle.open .prof-chev-wrap { background: #f4efe6; }
#hld-panel .prof-toggle:focus-visible,
#hld-panel .prof-row:focus-visible { box-shadow: inset 0 0 0 2px #7c93ab; }
#hld-panel .prof-row:hover { background: #fefdf9; }
#hld-panel .prof-row.on { background: #f4efe6; }
#hld-panel .prof-row.on .prof-check { background: #0a2242; box-shadow: none; }
#hld-panel .prof-row.on .prof-name { font-weight: 500; }

/* Steppers */
#hld-panel .hld-step-btn { background: #e9edf1; color: #0a2242; }
#hld-panel .hld-step-btn:hover:not(:disabled) { background: #dde3e9; }
#hld-panel .hld-step-dot { background: #e9edf1; }
#hld-panel .hld-step-dot.on { background: #0a2242; }

#hld-panel .body::-webkit-scrollbar-thumb { background: #c9b796; }

/* Footer: reset as a quiet navy action, statement link like the site's links */
#hld-a1 .reset {
  color: #0a2242;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.02em;
}
#hld-a1 .reset:hover { background: #f4efe6; }
#hld-a1 .reset:focus-visible { box-shadow: var(--hld-focus-ring); }
#hld-a1 .stmt {
  color: #0a2242;
  font-weight: 400;
  text-decoration: underline;
  text-decoration-color: #c9b796;
  text-underline-offset: 3px;
}
#hld-a1 .pwd { color: #5d6b7b; }