@font-face{
  font-family:'Apollonaut Approach Serif';
  src:url('../../../apollonaut-majorelle-preview/assets/fonts/cormorant-garamond-600-0.ttf') format('truetype');
  font-weight:600;font-display:swap
}
#apollonaut-approach {
  --approach-navy:#071c35;--approach-ink:#102944;--approach-paper:#fcfaf2;--approach-gold:#f5d775;
  --approach-serif:'Apollonaut Approach Serif','Cormorant Garamond',Georgia,serif;
  --approach-sans:'DM Sans',DM,'Segoe UI',Arial,sans-serif;
  display:block;grid-column:1/-1;width:100%;min-width:0;margin:0;padding:clamp(30px,5vw,68px) 0;
  border:0;border-block:1px solid #28425a;background:linear-gradient(130deg,#102c47 0%,var(--approach-navy) 57%,#0c2743 100%);
  color:#fcfaf1;text-align:start;font:400 16px/1.5 var(--approach-sans);scroll-margin-top:80px
}
#apollonaut-approach,#apollonaut-approach *,#apollonaut-approach *::before,#apollonaut-approach *::after {box-sizing:border-box}
#apollonaut-approach [hidden] {display:none!important}
#apollonaut-approach .apo-approach__inner {width:100%;max-width:1160px;margin:0 auto;padding-inline:max(18px,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));min-width:0}
#apollonaut-approach .apo-approach__head {position:static;display:block;margin:0 0 22px;padding:0;border:0;background:none;color:inherit}
#apollonaut-approach .apo-approach__eyebrow {display:flex;align-items:center;gap:10px;margin:0 0 12px;color:var(--approach-gold);font:700 11px/1.4 var(--approach-sans);letter-spacing:.19em;text-transform:uppercase}
#apollonaut-approach .apo-approach__eyebrow::before {content:'';width:28px;height:1px;background:currentColor}
#apollonaut-approach .apo-approach__head h2 {max-width:29ch;margin:0;color:#fffdf3;font:600 clamp(35px,5.1vw,62px)/1 var(--approach-serif);letter-spacing:-.035em;text-transform:none;text-wrap:balance}
#apollonaut-approach .apo-approach__head h2 em {color:var(--approach-gold);font:italic 1em/1 var(--approach-serif)}
#apollonaut-approach .apo-approach__tabs {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 10px}
#apollonaut-approach .apo-approach__tabs button {position:static;display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-width:0;min-height:46px;margin:0;padding:8px 7px;border:1px solid #74879a;border-radius:8px;background:transparent;color:#fcfaf3;font:650 14px/1.15 var(--approach-sans);letter-spacing:normal;text-align:center;text-transform:none;cursor:pointer}
#apollonaut-approach .apo-approach__tabs button:hover {background:#203d59}
#apollonaut-approach .apo-approach__tabs button[aria-selected=true] {border-color:var(--approach-gold);background:var(--approach-gold);color:var(--approach-ink)}
#apollonaut-approach .apo-approach__tabs svg {width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
#apollonaut-approach .apo-approach__panels {display:grid;gap:12px;min-width:0}
#apollonaut-approach .apo-approach__panel {display:grid;grid-template-columns:minmax(0,1fr);align-content:start;min-width:0;margin:0;padding:0;overflow:hidden;border:1px solid #c6c4b4;border-radius:15px;background:var(--approach-paper);color:var(--approach-ink)}
#apollonaut-approach[data-approach-enhanced] .apo-approach__panels {gap:0}
/* Stack the topics within a shared row so rotation never changes the reading position. */
#apollonaut-approach[data-approach-enhanced] .apo-approach__panel {grid-area:1/1}
#apollonaut-approach[data-approach-enhanced] .apo-approach__panel[hidden] {display:grid!important;visibility:hidden;pointer-events:none}
#apollonaut-approach .apo-approach__art {display:grid;place-items:center;min-width:0;border-bottom:1px solid #d5cfbb;background:radial-gradient(circle,#d1dbd5 1px,transparent 1.2px) 0 0/11px 11px,#e7eee6}
#apollonaut-approach [data-approach-panel=save] .apo-approach__art {background-color:#f3e9d5;background-image:radial-gradient(circle,#e4d7ba 1px,transparent 1.2px)}
#apollonaut-approach [data-approach-panel=help] .apo-approach__art {background-color:#e4ecee;background-image:radial-gradient(circle,#ccdadd 1px,transparent 1.2px)}
#apollonaut-approach [data-approach-panel=language] .apo-approach__art {background-color:#e9e7f0;background-image:radial-gradient(circle,#d7d3e0 1px,transparent 1.2px)}
#apollonaut-approach .apo-approach__copy {align-self:start;min-width:0;padding:clamp(17px,3vw,34px)}
#apollonaut-approach .apo-approach__copy h3 {max-width:24ch;margin:0;color:var(--approach-ink);font:600 clamp(27px,3.5vw,42px)/1.05 var(--approach-serif);letter-spacing:-.028em;text-transform:none;text-wrap:balance}
#apollonaut-approach .apo-approach__copy p {max-width:52ch;margin:8px 0 0;color:#4a5b65;font:400 clamp(15px,1.4vw,17px)/1.48 var(--approach-sans);letter-spacing:normal}
#apollonaut-approach .apo-approach__copy a {display:inline-flex;align-items:center;gap:7px;min-height:44px;margin:7px 0 -5px;padding:0;color:#173b50;background:none;border:0;font:700 15px/1.35 var(--approach-sans);text-decoration:underline;text-underline-offset:4px}
#apollonaut-approach .apo-approach__copy a svg {width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
#apollonaut-approach .apo-approach__controls {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:3px 12px;margin:8px 0 -6px}
#apollonaut-approach .apo-approach__controls button,#apollonaut-approach .apo-approach__controls button > span {display:inline-flex;align-items:center;gap:6px}
#apollonaut-approach .apo-approach__controls button {min-height:44px;margin:0;padding:5px 2px;border:0;border-radius:3px;background:none;color:#f6e7b7;font:600 13px/1.35 var(--approach-sans);text-transform:none;letter-spacing:normal;cursor:pointer}
#apollonaut-approach .apo-approach__controls button:hover {text-decoration:underline;text-underline-offset:3px}
#apollonaut-approach .apo-approach__controls svg {width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
#apollonaut-approach :is(button,a):focus-visible {outline:2px solid var(--approach-gold);outline-offset:2px}
#apollonaut-approach .apo-approach__copy a:focus-visible {outline-color:#31546c}

/* Main-site footers use forest green. Let that surface show through the section. */
.institutional-footer:not(.apo-global-footer) > #apollonaut-approach {
  --approach-ink:#173a32;
  --approach-gold:#f8e46c;
  background:transparent;
  border-color:transparent;
}
:where(.institutional-footer:not(.apo-global-footer)) #apollonaut-approach .apo-approach__tabs button:not([aria-selected=true]) {
  border-color:#8ca498;
}
:where(.institutional-footer:not(.apo-global-footer)) #apollonaut-approach .apo-approach__tabs button:not([aria-selected=true]):hover {
  background:#24483e;
}
:where(.institutional-footer:not(.apo-global-footer)) #apollonaut-approach .apo-approach__copy p {color:#45594e}
:where(.institutional-footer:not(.apo-global-footer)) #apollonaut-approach .apo-approach__copy a {color:#21483c}
:where(.institutional-footer:not(.apo-global-footer)) #apollonaut-approach [data-approach-panel=help] .apo-approach__art {
  background-color:#e5eee7;background-image:radial-gradient(circle,#ccdace 1px,transparent 1.2px);
}
:where(.institutional-footer:not(.apo-global-footer)) #apollonaut-approach [data-approach-panel=language] .apo-approach__art {
  background-color:#eef0e3;background-image:radial-gradient(circle,#d6dbca 1px,transparent 1.2px);
}
@media(min-width:590px) {
  #apollonaut-approach .apo-approach__tabs {grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,700px)}
}
@media(min-width:760px) {
  #apollonaut-approach .apo-approach__inner {padding-inline:clamp(24px,4vw,48px)}
  #apollonaut-approach .apo-approach__head {margin-bottom:25px}
  #apollonaut-approach .apo-approach__panel {grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-content:stretch}
  #apollonaut-approach .apo-approach__copy {grid-area:1/1;align-self:center}
  #apollonaut-approach .apo-approach__art {grid-area:1/2;border-bottom:0;border-inline-start:1px solid #d5cfbb}
}
@media(prefers-reduced-motion:reduce) {
  #apollonaut-approach [aria-hidden=true] svg,#apollonaut-approach [aria-hidden=true] svg * {animation:none!important;transition:none!important}
}
