/* Selected content components, V2, 2026-10-04.
   Geometry and editorial surfaces only. WhatsApp identity belongs to
   the active theme's whatsapp-cta.css. Do not ship preview-identity.css.
   No document resets or global element selectors. Host supplies fonts. */
.jt-choice {
  --choice-paper: oklch(0.951 0.012 65);
  --choice-surface: oklch(0.982 0.006 75);
  --choice-ink: oklch(0.24 0.008 155);
  --choice-forest: oklch(0.32 0.045 158);
  --choice-muted: oklch(0.43 0.018 65);
  --choice-line: oklch(0.77 0.016 63);
  container: jt-choice / inline-size;
  box-sizing: border-box;
  width: 100%; min-width: 0;
  font: 400 17px/1.6 Roobert, 'Helvetica Neue', Arial, sans-serif;
  font-synthesis: none;
  color: var(--choice-ink);
}
.jt-choice *, .jt-choice *::before, .jt-choice *::after { box-sizing: border-box; }
.jt-choice :where(h2,p) { margin: 0; }
.jt-choice__layout { display: grid; gap: 28px; padding: clamp(24px,4cqi,44px); }
.jt-choice__copy { display: grid; gap: 16px; min-width: 0; align-content: start; }
.jt-choice .jt-choice__eyebrow { font: 400 12px/1.4 Roobert,Arial,sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.jt-choice .jt-choice__title { font: 300 clamp(32px,5.2cqi,44px)/1.1 Butler,Georgia,serif; letter-spacing: 0; text-wrap: balance; max-width: 25ch; }
.jt-choice .jt-choice__text { max-width: 54ch; font: 400 17px/1.6 Roobert,Arial,sans-serif; text-wrap: pretty; }
.jt-choice .jt-choice__note { font: 400 14px/1.5 Roobert,Arial,sans-serif; text-wrap: pretty; }
.jt-choice__actions { display: grid; align-content: center; gap: 12px; min-width: 0; }
.jt-choice--b02 { width: 100%; }
/* The identity sheet owns color, system type, icon and focus color. */
.jt-choice :is(.jt-choice__button, .jt-choice--b02 > .wp-block-button__link) {
  display: flex; align-items: center; justify-content: center;
  width: 100%; max-width: 100%; min-width: 0; min-height: 60px;
  padding: 18px 12px; border: 1px solid; border-radius: 999px;
  text-align: center; text-decoration: none; overflow-wrap: anywhere;
  transition: transform 180ms cubic-bezier(.22,1,.36,1), background-color 180ms ease-out;
}
.jt-choice :is(.jt-choice__button, .jt-choice--b02 > .wp-block-button__link):active { transform: translateY(1px); }
.jt-choice :is(.jt-choice__button, .jt-choice--b02 > .wp-block-button__link):focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
.jt-choice .jt-choice__link { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 44px; color: inherit; font-size: 14px; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.jt-choice .jt-choice__link:hover { text-decoration-thickness: 2px; }
.jt-choice .jt-choice__link:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.jt-choice--c01 { background: var(--choice-paper); border-block: 1px solid var(--choice-ink); }
.jt-choice--c01 .jt-choice__actions { max-width: 360px; }
.jt-choice--c01 .jt-choice__text { color: var(--choice-muted); }
.jt-choice--c02 { background: var(--choice-forest); color: var(--choice-surface); }
.jt-choice--c02 .jt-choice__layout { gap: 32px; padding: clamp(24px,4cqi,48px); }
.jt-choice--c02 .jt-choice__copy { gap: 24px; align-content: center; }
.jt-choice--c02 .jt-choice__title { font-size: clamp(34px,6.2cqi,60px); line-height: 1.13; max-width: 17ch; }
.jt-choice--c02 .jt-choice__inset { display: grid; gap: 24px; padding: clamp(20px,3cqi,32px); color: var(--choice-ink); background: var(--choice-surface); min-width: 0; }
.jt-choice--c02 .jt-choice__location { display: grid; gap: 4px; padding-block-start: 20px; border-block-start: 1px solid var(--choice-line); }
.jt-choice--c02 .jt-choice__location .jt-choice__note:last-child { color: var(--choice-muted); }
@container jt-choice (min-width: 720px) {
  .jt-choice--c01 .jt-choice__layout { grid-template-columns: minmax(0,1fr) minmax(260px,.52fr); gap: 40px; align-items: center; }
  .jt-choice--c01 .jt-choice__actions { max-width: none; }
  .jt-choice--c02 .jt-choice__layout { grid-template-columns: minmax(0,1.16fr) minmax(300px,1fr); gap: 40px; }
}
@container jt-choice (max-width: 399px) {
  .jt-choice .jt-choice__text { font-size: 16px; }
  .jt-choice--c01 .jt-choice__actions { max-width: none; }
  .jt-choice--c02 .jt-choice__layout { gap: 28px; padding: 20px 16px; }
  .jt-choice--c02 .jt-choice__inset { padding: 20px 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .jt-choice :is(.jt-choice__button, .jt-choice--b02 > .wp-block-button__link) { transition: none; }
  .jt-choice :is(.jt-choice__button, .jt-choice--b02 > .wp-block-button__link):active { transform: none; }
}

/* Host adapters: classes stay local; old article typography must not reframe the
   CTA. No WhatsApp color, typeface or glyph tokens are defined here. */
.jt-choice.jt-choice { border-radius:0; box-shadow:none; padding:0; }
.jt-choice .jt-choice__layout,
.jt-choice .jt-choice__copy,
.jt-choice .jt-choice__actions,
.jt-choice .jt-choice__action-column,
.jt-choice .jt-choice__inset { margin-block:0; }
.jt-choice .jt-choice__copy { padding:0; }
.jt-choice .jt-choice__title { margin:0; padding:0; border:0; background:none; color:inherit; text-align:left; }
.jt-choice .jt-choice__text { margin:0; padding:0; text-align:left; }
.jt-choice .jt-choice__eyebrow { margin:0; padding:0; color:inherit; }
.jt-choice .jt-choice__action-column { display:grid; align-content:center; gap:20px; min-width:0; }
.jt-choice .jt-choice__details { display:grid; gap:8px; padding-top:20px; border-top:1px solid var(--choice-line); color:var(--choice-muted); }
.jt-choice .jt-choice__details .jt-choice__note { display:block; margin:0; padding:0; }
.jt-choice .jt-choice__actions .wp-block-button { width:100%; margin:0; }
.jt-choice :is(.jt-choice__button, .jt-choice--b02 > .wp-block-button__link) { margin:0; box-shadow:none; }
body.single-post .jt-choice :is(.jt-choice__button, .jt-choice--b02 > .wp-block-button__link) { min-height:60px!important; }
.jt-choice .jt-choice__link { margin:0; padding:0; border:0; border-radius:0; background:none; font:400 14px/1.5 Roobert,Arial,sans-serif; color:inherit; text-decoration:underline; }
.jt-choice.jt-article-cta--single-after-entry { max-width:1120px; width:calc(100% - 40px); margin:58px auto; }
.jt-choice.jt-article-cta--single-after-entry .jt-choice__title { font-size:clamp(32px,4.6cqi,48px); line-height:1.12; max-width:21ch; }
/* Legacy C01 preserves all existing elements and their document order. The
   former dark-surface class is removed by the guarded render adapter. */
.jt-choice.jt-choice--legacy-gap { display:grid; gap:20px 32px; margin:32px 0 48px; padding:clamp(24px,4cqi,44px); }
.jt-choice--legacy-gap > p:first-child { margin:0; padding:0; max-width:56ch; color:var(--choice-ink); font:400 20px/1.45 Roobert,Arial,sans-serif; text-align:left; }
.jt-choice--legacy-gap > p:first-child > strong:first-child { display:block; margin-bottom:12px; font:400 12px/1.4 Roobert,Arial,sans-serif; letter-spacing:.1em; text-transform:uppercase; }
.jt-choice--legacy-gap > div { display:grid; gap:12px; align-content:center; min-width:0; margin:0; }
.jt-choice--legacy-gap > .jt-ah__trust { display:block; margin:0; padding:0; border:0; background:none; color:var(--choice-muted); font:400 14px/1.5 Roobert,Arial,sans-serif; }
@media(min-width:900px) {
 .jt-choice--legacy-gap { grid-template-columns:minmax(0,1fr) minmax(240px,.56fr); }
 .jt-choice--legacy-gap > p:first-child { grid-area:1/1; }
 .jt-choice--legacy-gap > div { grid-area:1/2/3/3; }
 .jt-choice--legacy-gap > .jt-ah__trust { grid-area:2/1; }
}
@media(max-width:600px) {
 .jt-choice.jt-article-cta--single-after-entry { margin-block:40px; }
 .jt-choice--legacy-gap > p:first-child { font-size:18px; }
}

/* Core Group blocks gain inner-container wrappers in classic themes. Their
   contents participate in the same grid without changing saved block HTML. */
.jt-choice .wp-block-group__inner-container { display:contents; color:inherit; }
/* Opt-in native components supply the inner-page band tokens for their own
   surfaces. This prevents a parent paper band's dark text entering C02. */
.jt-choice--c01 { --jt-band-bg:var(--choice-paper); --jt-band-ink:var(--choice-ink); --jt-band-text:var(--choice-ink); --jt-band-soft:var(--choice-muted); --jt-sys-fs-h2:clamp(32px,5.2cqi,44px); --jt-sys-lh-h2:1.1; }
.jt-choice--c02 { --jt-band-bg:var(--choice-forest); --jt-band-ink:var(--choice-surface); --jt-band-text:var(--choice-surface); --jt-band-soft:var(--choice-surface); --jt-sys-fs-h2:clamp(34px,6.2cqi,60px); --jt-sys-lh-h2:1.13; }
.jt-choice--c02 .jt-choice__inset { --jt-band-bg:var(--choice-surface); --jt-band-ink:var(--choice-ink); --jt-band-text:var(--choice-ink); --jt-band-soft:var(--choice-muted); }
body.jt-sys .entry-content > .jt-choice:not(#jt-component-boundary) { padding:0!important; width:100%!important; max-width:1120px!important; margin:32px auto!important; }
/* Native headings remain selected component typography, outside ordinary prose. */
body:is(.single-post,.jt-sys) .entry-content .jt-choice.jt-choice .jt-choice__title { font:300 clamp(32px,5.2cqi,44px)/1.1 Butler,Georgia,serif!important; }
body:is(.single-post,.jt-sys) .entry-content .jt-choice.jt-choice--c02 .jt-choice__title { font-size:clamp(34px,6.2cqi,60px)!important; line-height:1.13!important; }
body:is(.single-post,.jt-sys) .entry-content .jt-choice.jt-choice .jt-choice__eyebrow { font:400 12px/1.4 Roobert,Arial,sans-serif!important; letter-spacing:.1em; }
body:is(.single-post,.jt-sys) .entry-content .jt-choice.jt-choice .jt-choice__text { font:400 17px/1.6 Roobert,Arial,sans-serif!important; }
@container jt-choice (max-width:399px) { body:is(.single-post,.jt-sys) .entry-content .jt-choice.jt-choice .jt-choice__text {font-size:16px!important;} }

/* Late-injected wall panels are outside the per-page article token census. */
/* A prose introduction must not take the title's grid cell. Keep its
   reading order above the normal title-and-description pair. */
@media (width > 56em){
  body.single-post .entry-content .jt-wall-aid__head > p:first-child:not(.jt-wall-aid__kicker){
    grid-column:1 / -1;
    margin:0!important;
    max-width:70ch;
  }
}