/*
 * ATLAS by TLA (Brand Release 1.0, logo refinement 1.1). The wordmark follows
 * the site's own theme switch, html[data-tla-theme]: navy and gold in light,
 * white and gold in dark. Both SVGs share one size, so nothing moves when the
 * theme changes.
 */
.tla-atlas-logo { display: inline-flex; align-items: center; height: var(--atlas-h, 22px); max-width: 100%; line-height: 0; flex: none; }
.tla-atlas-logo__img { display: block; height: 100% !important; width: auto !important; max-width: calc(100vw - 48px) !important; object-fit: contain; object-position: left center; margin: 0 !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; }
.tla-atlas-logo__img.is-dark { display: none; }
html[data-tla-theme="dark"] .tla-atlas-logo__img.is-light { display: none; }
html[data-tla-theme="dark"] .tla-atlas-logo__img.is-dark { display: block; }
/* Dark sections in either theme (the navy hero fields) always take the white and gold wordmark. */
.tla-orb-field .tla-atlas-logo__img.is-light, .tla-atlas-logo.is-on-dark .tla-atlas-logo__img.is-light { display: none; }
.tla-orb-field .tla-atlas-logo__img.is-dark, .tla-atlas-logo.is-on-dark .tla-atlas-logo__img.is-dark { display: block; }

/* Assistant panel header: wordmark, then the product line. */
.tla-atlas-head { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin: 0 0 12px; }
.tla-atlas-head__tag { font-size: 12.5px; font-weight: 600; line-height: 1.35; letter-spacing: .01em; color: #59627c; }
html[data-tla-theme="dark"] .tla-atlas-head__tag { color: #b9c3d8; }
/* The panel intro is centred, so its header is too. */
.tla-ask-panel .tla-atlas-head, .tla-ask--light .tla-ask__intro .tla-atlas-head { align-items: center; text-align: center; }
.tla-ask-panel .tla-atlas-head .tla-atlas-logo__img, .tla-ask--light .tla-ask__intro .tla-atlas-head .tla-atlas-logo__img { object-position: center; }

/* "Powered by ATLAS": Ask TLA is the action, ATLAS the engine behind every answer. */
.tla-atlas-powered { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 700; line-height: 1; letter-spacing: .1em; text-transform: uppercase; color: #59627c; white-space: nowrap; }
.tla-atlas-powered__by { display: block; padding-top: 1px; }
.tla-atlas-powered .tla-atlas-logo__img { object-position: left center !important; }
html[data-tla-theme="dark"] .tla-atlas-powered, .tla-orb-field .tla-atlas-powered { color: #c3cde0; }

/* ORBIT: the modal header reads "Ask TLA", powered by ATLAS; the box inside does not repeat it. */
.tla-atlas-modal-title { display: flex !important; flex-direction: column; align-items: flex-start; gap: 6px; margin: 2px 0 6px !important; line-height: 1.15 !important; }
.tla-atlas-modal-title .tla-atlas-powered { font-size: 10.5px; }
#orbit-assistant-modal .tla-atlas-head { display: none; }

/* Homepage and membership introduction. */
.tla-atlas-band__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 64px); align-items: center; }
.tla-atlas-band__logo { margin-bottom: 20px; }
.tla-atlas-band .tlh3-h2 { margin-top: 0; }
.tla-atlas-band__note { margin: 14px 0 0 !important; font-size: 13px; color: #59627c; }
html[data-tla-theme="dark"] .tla-atlas-band__note { color: #b9c3d8; }
.tla-atlas-band__paths { list-style: none; margin: 0 !important; padding: 0 !important; display: grid; gap: 12px; }
.tla-atlas-band__paths li { margin: 0 !important; padding: 16px 18px; border: 1px solid rgba(16, 36, 58, .12); border-left: 4px solid #B39558; border-radius: 14px; background: #ffffff; }
.tla-atlas-band__paths strong { display: block; font-size: 15.5px; line-height: 1.3; color: #10243A; }
.tla-atlas-band__paths span { display: block; margin-top: 4px; font-size: 14px; line-height: 1.5; color: #4b5470; }
html[data-tla-theme="dark"] .tla-atlas-band__paths li { background: rgba(255, 255, 255, .04); border-color: rgba(255, 255, 255, .12); border-left-color: #B39558; }
html[data-tla-theme="dark"] .tla-atlas-band__paths strong { color: #ffffff; }
html[data-tla-theme="dark"] .tla-atlas-band__paths span { color: #c3cde0; }
@media (max-width: 900px) {
	.tla-atlas-band__grid { grid-template-columns: minmax(0, 1fr); }
	.tla-atlas-band__logo { --atlas-h: 26px !important; }
}
@media (max-width: 560px) {
	.tla-atlas-band .tlh3-ctas .tlh3-btn { flex: 1 1 100%; justify-content: center; }
}

/*
 * ATLAS map texture: faint gold contours and a light grid, a seamless vector tile. It is ATLAS's
 * signature, so it is used only where ATLAS is the subject: the navy Ask TLA section and the
 * /ai-assistant/ hero (both .tlh3-asksec) and that page's closing band. Other heroes keep their
 * own design. It sits behind the content (z-index -1 inside the section's own layer).
 */
:is(.tlh3-asksec, .tla-askp .tlh3-final) { position: relative; isolation: isolate; }
:is(.tlh3-asksec, .tla-askp .tlh3-final)::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: url("../brand/products/atlas-map-texture.svg?v=1") 0 0 / 960px 960px repeat; opacity: .8; }
@media (max-width: 760px) {
	:is(.tlh3-asksec, .tla-askp .tlh3-final)::after { background-size: 720px 720px; }
}
@media print {
	:is(.tlh3-asksec, .tla-askp .tlh3-final)::after { display: none; }
}

/* "Powered by ATLAS" in the navy Ask TLA section: white and gold wordmark, light label. */
.tla-atlas-ask-brand { margin: 0 0 16px !important; line-height: 0; }
.tla-atlas-ask-brand .tla-atlas-powered { font-size: 12px; color: #c3cde0; }
.tlh3-asksec .tla-atlas-logo__img.is-light { display: none; }
.tlh3-asksec .tla-atlas-logo__img.is-dark { display: block; }

/* The ATLAS pin: header menu card, ORBIT's Ask TLA link and the label on every ATLAS answer. */
.tla-atlas-pin { display: block; width: auto !important; max-width: none !important; margin: 0 !important; border: 0 !important; box-shadow: none !important; }
.tla-atlas-pin-icon { display: inline-flex !important; align-items: center; justify-content: center; }
.tla-atlas-pin-icon .tla-atlas-pin { height: 18px !important; }
.tla-orbit__assistant-link-icon.tla-atlas-pin-icon .tla-atlas-pin { height: 20px !important; }
.tla-ask__label::before { content: ""; display: inline-block; width: 12px; height: 16px; margin-right: 7px; vertical-align: -3px; background: url("../brand/products/atlas-pin.svg?v=1") center / contain no-repeat; }

/* The question card on navy hero fields: its small labels take the light-on-dark muted tone in both themes. */
.tla-orb-field .tla-ask--panel .tla-ask__nsel-wrap, .tla-orb-field .tla-ask--panel .tla-ask__credit, .tla-orb-field .tla-ask--panel .tla-ask__wherenote { color: #c3cde0 !important; }
.tla-orb-field .tla-ask--panel .tla-ask__wherenote a { color: #ffffff !important; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.tla-orb-field .tla-ask--panel .tla-ask__wherenote a:hover { color: #B39558 !important; }