/* et-launch.css: Texas launch components (launch-architecture-2026-10, A3).
   Namespaced .etl-* so nothing else on the site changes. Tokens extend et-site.css --ets-*; no web fonts.
   Used inside post content (wp:html / wp:group className) and by the shell header/footer launch partials. */
:root {
  --ets-action: #e0b13c;
  --ets-action-ink: #0d1b2a;
  --ets-action-hover: #c99a28;
  --ets-ok: #1f7a4d;
  --ets-copper-text: #a5532a;
  --ets-serif: "Iowan Old Style", Baskerville, Georgia, "Times New Roman", serif;
  --etl-radius: 6px;
}
.etl-wrap { max-width: 1120px; margin: 0 auto; }
.etl-kicker { text-transform: uppercase; letter-spacing: .08em; font-size: .8125rem; font-weight: 700; color: var(--ets-copper-text); margin: 0 0 8px; }
.etl-dark .etl-kicker { color: var(--ets-cyan, #39c2d7); }

/* buttons */
.etl-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 20px; border-radius: var(--etl-radius); font-weight: 700; text-decoration: none !important; border: 2px solid transparent; line-height: 1.2; }
.etl-btn-primary { background: var(--ets-action); color: var(--ets-action-ink) !important; }
.etl-btn-primary:hover, .etl-btn-primary:focus-visible { background: var(--ets-action-hover); }
.etl-btn-secondary { background: transparent; color: var(--ets-blue, #2f6fd8) !important; border-color: var(--ets-blue, #2f6fd8); }
.etl-dark .etl-btn-secondary { color: #eef5fb !important; border-color: #eef5fb; }
.etl-ctas { display: flex; flex-wrap: wrap; gap: 12px; margin: 20px 0 12px; }
.etl-fine { font-size: .8125rem; color: var(--ets-ink-m, #5a6b7b); }
.etl-dark .etl-fine { color: var(--ets-muted, #8aa0b3); }

/* dark hero band (homepage, hub) */
.etl-dark { background: var(--ets-shell, #061123); color: #eef5fb; border-radius: var(--etl-radius); padding: 28px 20px; }
.etl-dark h1, .etl-dark h2, .etl-dark h3 { color: #fff; }
.etl-dark a:not(.etl-btn) { color: var(--ets-cyan, #39c2d7); }
.etl-hero h1 { font-family: var(--ets-serif); font-size: clamp(1.75rem, 1.35rem + 2vw, 2.5rem); line-height: 1.2; margin: 0 0 12px; }
.etl-hero .etl-lead { font-size: clamp(1rem, .96rem + .2vw, 1.0625rem); max-width: 60ch; margin: 0; }
@media (min-width: 900px) { .etl-dark { padding: 40px 36px; } }

/* trust strip */
.etl-trust { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 16px; list-style: none; margin: 16px 0 0; padding: 0; font-size: .875rem; }
.etl-trust li::before { content: "\2713\00a0"; color: var(--ets-ok); font-weight: 700; }
.etl-dark .etl-trust li::before { color: var(--ets-cyan, #39c2d7); }
@media (min-width: 900px) { .etl-trust { grid-template-columns: repeat(4, auto); justify-content: start; } }

/* sections and grids */
.etl-section { margin: 40px 0; }
.etl-grid { display: grid; gap: 16px; }
@media (min-width: 700px) { .etl-grid-2 { grid-template-columns: 1fr 1fr; } .etl-grid-3 { grid-template-columns: repeat(3, 1fr); } }
.etl-card { border: 1px solid var(--ets-rule, #e3e9ef); border-radius: var(--etl-radius); padding: 20px; background: #fff; display: block; }
a.etl-card { text-decoration: none; color: var(--ets-ink, #0d1b2a); font-weight: 600; }
.etl-panel { background: var(--ets-panel, #f5f8fb); border-left: 4px solid var(--ets-shell, #061123); padding: 20px; border-radius: 0 var(--etl-radius) var(--etl-radius) 0; }

/* ladder */
.etl-ladder { display: grid; gap: 8px; list-style: none; padding: 0; margin: 0; counter-reset: etl-step; }
.etl-ladder li { counter-increment: etl-step; border: 1px solid var(--ets-rule, #e3e9ef); border-radius: var(--etl-radius); padding: 12px 16px; background: #fff; }
.etl-ladder li::before { content: "Step " counter(etl-step); display: block; font-size: .8125rem; color: var(--ets-ink-m, #5a6b7b); }
.etl-ladder li[aria-current] { border: 2px solid var(--ets-shell, #061123); background: var(--ets-panel, #f5f8fb); }
.etl-ladder a { font-weight: 700; text-decoration: none; }
.etl-ladder .etl-meta { display: block; font-size: .8125rem; color: var(--ets-ink-m, #5a6b7b); }
@media (min-width: 900px) { .etl-ladder { grid-template-columns: repeat(5, 1fr); } }
.etl-guides { display: grid; gap: 4px 24px; font-size: .9375rem; }
@media (min-width: 700px) { .etl-guides { grid-template-columns: 1fr 1fr; } }
.etl-guides h3 { font-size: 1rem; margin: 12px 0 4px; }
.etl-guides ul { margin: 0; padding-left: 1.1em; }
.etl-guides [aria-current] { font-weight: 700; }

/* price box */
.etl-price { border: 2px solid var(--ets-shell, #061123); border-radius: var(--etl-radius); padding: 20px; background: #fff; color: var(--ets-ink, #0d1b2a); }
.etl-price .etl-amount { font-size: 2rem; font-weight: 800; margin: 4px 0; }
.etl-price .etl-amount small { font-size: .875rem; font-weight: 400; color: var(--ets-ink-m, #5a6b7b); }
.etl-price ul { padding-left: 1.1em; margin: 12px 0 16px; }
.etl-price .etl-btn { width: 100%; }

/* comparison table */
.etl-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.etl-compare { width: 100%; border-collapse: collapse; font-size: .875rem; }
.etl-compare th, .etl-compare td { border-bottom: 1px solid var(--ets-rule, #e3e9ef); padding: 10px 8px; text-align: left; vertical-align: top; }
.etl-compare thead th { background: var(--ets-panel, #f5f8fb); }
.etl-compare .etl-yes { color: var(--ets-ok); font-weight: 700; }

/* author box */
.etl-author { display: grid; grid-template-columns: 72px 1fr; gap: 16px; align-items: start; }
.etl-author img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; }
.etl-author p { margin: 0 0 8px; font-size: .9375rem; }

/* inline next-step line and end card */
.etl-next { border-left: 4px solid var(--ets-action); background: var(--ets-panel, #f5f8fb); padding: 12px 16px; font-size: .9375rem; }
.etl-safety { border-left: 4px solid #b42318; background: #fff5f4; padding: 12px 16px; font-size: .9375rem; }
.etl-endcard { background: var(--ets-shell, #061123); color: #eef5fb; border-radius: var(--etl-radius); padding: 24px 20px; margin: 32px 0; }
.etl-endcard h2, .etl-endcard h3 { color: #fff; margin-top: 0; }
.etl-endcard a:not(.etl-btn) { color: var(--ets-cyan, #39c2d7); }
.etl-endcard p { margin: 0 0 16px; }

/* practice-page referral banner and trust line (rendered by gck-exam-practice / etos-referral) */
.etl-ref-banner { border: 2px solid var(--ets-action); background: var(--ets-panel, #f5f8fb); border-radius: var(--etl-radius); padding: 12px 14px; margin: 0 0 16px; font-size: .9375rem; }
.etl-trust-line { font-size: .8125rem; color: var(--ets-ink-m, #5a6b7b); margin: 12px 0 0; }

/* header launch nav: keep et-site.css layout, only the primary CTA colour */
.et-header .et-cta.etl-cta { background: var(--ets-action); color: var(--ets-action-ink); }

/* English homepage (front page without its own header): the shell prints header + main.et-canvas + content, so the canvas gets the page gutter */
.et-canvas:not(.is-own-chrome) { max-width: 1120px; margin: 0 auto; padding: 16px 16px 48px; box-sizing: border-box; }
.et-canvas:not(.is-own-chrome) .etl-section h2 { font-family: var(--ets-serif); }