/* TARGETED.ARMY V2 — Web content styles. Loads after /v2/targeted.css. */
.ta-published-content__section { margin-block: 2rem; }
.ta-published-content__inline-figure--primary { margin-block: 0 2rem; }

/* Published content */
.ta-content-detail { display: grid; gap: var(--ta-space-7); }
.ta-content-hero { display: grid; gap: var(--ta-space-5); }
.ta-content-hero__top, .ta-content-meta, .ta-content-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ta-space-3); }
.ta-content-hero__top { justify-content: space-between; }
.ta-content-hero h1 { max-width: 65rem; margin-bottom: 0; }
.ta-content-lead { max-width: 54rem; margin-bottom: 0; color: var(--ta-copy); font-size: clamp(1.05rem, 1.7vw, 1.3rem); line-height: 1.65; }
.ta-content-meta { padding-top: var(--ta-space-4); border-top: 1px solid var(--ta-line); color: var(--ta-muted); font: var(--ta-text-xs)/1.4 var(--ta-font-mono); letter-spacing: 0.05em; text-transform: uppercase; }
.ta-content-meta span + span::before { content: "/"; margin-right: var(--ta-space-3); color: var(--ta-line-strong); }
.ta-content-figure { margin: 0; overflow: hidden; border: 1px solid var(--ta-line); border-radius: var(--ta-radius-sm); background: var(--ta-surface); box-shadow: var(--ta-shadow-md); }
.ta-content-figure img { width: 100%; max-height: 38rem; display: block; object-fit: cover; }
.ta-card > .ta-content-figure:not(.ta-portrait) img { min-height: 0; aspect-ratio: 16 / 9; object-fit: cover; }
.ta-content-figure figcaption { padding: var(--ta-space-3) var(--ta-space-4); border-top: 1px solid var(--ta-line); color: var(--ta-muted); font: var(--ta-text-xs)/1.5 var(--ta-font-mono); }
.ta-content-figure.ta-portrait img { width: 100%; height: auto; min-height: 0; max-height: none; aspect-ratio: auto; object-fit: contain; }
.ta-content-body { width: min(100%, 54rem); display: grid; gap: var(--ta-space-7); margin-inline: auto; }
.ta-content-callout { padding: var(--ta-space-5); border: 1px solid var(--ta-line); border-left: 3px solid var(--ta-accent); border-radius: var(--ta-radius-sm); background: var(--ta-surface-alt); box-shadow: var(--ta-shadow-sm); }
.ta-content-callout strong { display: block; margin-bottom: var(--ta-space-2); color: var(--ta-text); }
.ta-content-callout p:last-child { margin-bottom: 0; }
.ta-content-resources { display: grid; gap: var(--ta-space-5); }
.ta-content-resources__list { display: grid; gap: var(--ta-space-3); margin: 0; padding: 0; list-style: none; }
.ta-content-resource { display: grid; gap: var(--ta-space-1); padding: var(--ta-space-4); border: 1px solid var(--ta-line); border-radius: var(--ta-radius-sm); background: var(--ta-surface-alt); box-shadow: var(--ta-shadow-sm); }
.ta-content-resource strong { color: var(--ta-text); }
.ta-content-resource span { color: var(--ta-muted); font-size: var(--ta-text-sm); }
.ta-content-resource:hover { border-color: var(--ta-accent); background: var(--ta-surface-hover); }
.ta-content-actions { padding-top: var(--ta-space-5); border-top: 1px solid var(--ta-line); }

/* Published article and question pages: V1 layout contract, V2 theme tokens */
.ta-published-content { min-width: 0; }
.ta-published-content__record { min-width: 0; }
.ta-published-content__hero { padding-bottom: 3rem; border-bottom: 1px solid var(--ta-line); background: linear-gradient(145deg, var(--ta-surface), var(--ta-canvas) 72%); }
.ta-published-content__breadcrumb { min-height: 3.9rem; display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; color: var(--ta-muted); font: 700 var(--ta-text-xs)/1.4 var(--ta-font-mono); letter-spacing: .08em; text-transform: uppercase; }
.ta-published-content__breadcrumb a { color: var(--ta-muted); text-decoration: none; }
.ta-published-content__breadcrumb a:hover, .ta-published-content__breadcrumb a:focus-visible { color: var(--ta-accent); }
.ta-published-content__breadcrumb b { color: var(--ta-text); }
.ta-published-content__category, .ta-published-content__kicker { display: block; width: fit-content; color: var(--ta-accent); font: 750 var(--ta-text-xs)/1.4 var(--ta-font-mono); letter-spacing: .13em; text-transform: uppercase; text-decoration: none; }
.ta-published-content__hero h1 { max-width: 61.25rem; margin: 1.25rem 0 1.125rem; font-size: clamp(2.375rem, 5.5vw, 4.25rem); line-height: 1; letter-spacing: -.05em; }
.ta-published-content__lead { max-width: 51.25rem; margin: 0; color: var(--ta-copy); font-size: 1.35rem; line-height: 1.65; }
.ta-published-content__meta { display: flex; flex-wrap: wrap; gap: .625rem 1.5rem; margin-top: 1.625rem; color: var(--ta-muted); font: 650 var(--ta-text-xs)/1.4 var(--ta-font-mono); letter-spacing: .06em; text-transform: uppercase; }
.ta-published-content__meta span:empty { display: none; }
.ta-published-content__downloads { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 3rem; padding: 1.75rem; border: 1px solid var(--ta-line-strong); border-radius: var(--ta-radius-sm); background: var(--ta-surface); box-shadow: var(--ta-shadow-md); }
.ta-published-content__downloads[hidden] { display: none; }
.ta-published-content__downloads h2 { width: 100%; margin: 0; font-size: 2rem; line-height: 1.08; letter-spacing: -.035em; }
.ta-published-content__downloads > p { width: 100%; margin: 0; color: var(--ta-muted); line-height: 1.65; }
.ta-published-content__layout { display: grid; min-width: 0; gap: var(--ta-space-6); padding-top: 3rem; padding-bottom: 4rem; }
.ta-published-content__primary-image { margin: 0; overflow: hidden; border: 1px solid var(--ta-line); border-radius: var(--ta-radius-sm); background: var(--ta-surface); box-shadow: var(--ta-shadow-md); aspect-ratio: 16 / 9; }
.ta-published-content__primary-image[hidden] { display: none; }
.ta-published-content__primary-image > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ta-published-content__answer { min-width: 0; }
.ta-published-content__answer > header { padding: 1.5rem 1.625rem 1.25rem; border-bottom: 1px solid var(--ta-line); }
.ta-published-content__answer > header span, .ta-published-content__terms > span { display: block; margin-bottom: .5625rem; color: var(--ta-accent); font: 700 var(--ta-text-xs)/1.3 var(--ta-font-mono); letter-spacing: .14em; }
.ta-published-content__answer > header h2 { margin: 0; font-size: clamp(1.4375rem, 3vw, 2.125rem); line-height: 1.05; letter-spacing: -.03em; }
.ta-published-content__body { min-width: 0; overflow-wrap: anywhere; }
.ta-published-content__body p { margin: 0 0 1.15em; }
.ta-published-content__body p:last-child { margin-bottom: 0; }
.ta-published-content__body :is(h2,h3,h4) { margin: 1.35em 0 .55em; line-height: 1.2; }
.ta-published-content__body :is(ul,ol) { padding-left: 1.45em; }
.ta-published-content__body li { margin-bottom: .7em; }
.ta-published-content__body blockquote, .ta-published-content__callout { margin: 1.5rem 0; padding: 1.125rem 1.375rem; border-left: 4px solid var(--ta-accent); background: var(--ta-surface); color: var(--ta-text); }
.ta-published-content__body a { color: var(--ta-accent); }
.ta-published-content__inline-figure { margin: 1.75rem 0; }
.ta-published-content__inline-figure img { display: block; width: 100%; height: auto; border: 1px solid var(--ta-line-strong); border-radius: var(--ta-radius-sm); background: var(--ta-surface); }
.ta-published-content__inline-figure figcaption { padding: .6875rem .125rem 0; color: var(--ta-muted); font-size: var(--ta-text-sm); line-height: 1.55; }
.ta-published-content__terms { padding: 1.25rem 1.375rem; border: 1px solid var(--ta-line); border-radius: var(--ta-radius-sm); background: var(--ta-surface); }
.ta-published-content__terms[hidden] { display: none; }
.ta-published-content__terms > div { display: flex; flex-wrap: wrap; gap: .5rem; }
.ta-published-content__terms small { padding: .42rem .62rem; border: 1px solid var(--ta-accent); border-radius: var(--ta-radius-sm); background: var(--ta-accent-soft); color: var(--ta-text); font-size: .72rem; }
.ta-published-content__back { justify-self: start; padding: .85rem 1rem; border: 1px solid var(--ta-accent); border-radius: var(--ta-radius-sm); background: var(--ta-accent); color: white; font-weight: 700; text-decoration: none; box-shadow: var(--ta-shadow-sm); }

.ta-published-content__record[data-content-kind="article"] .ta-published-content__hero { padding-bottom: 4.25rem; }
.ta-published-content__record[data-content-kind="article"] .ta-published-content__category { margin-top: 5.125rem; }
.ta-published-content__record[data-content-kind="article"] .ta-published-content__hero h1 { font-size: clamp(2.375rem, 5.1vw, 4rem); line-height: 1.0625; }
.ta-published-content__record[data-content-kind="article"] .ta-published-content__kicker,
.ta-published-content__record[data-content-kind="article"] .ta-published-content__primary-image,
.ta-published-content__record[data-content-kind="article"] .ta-published-content__answer > header,
.ta-published-content__record[data-content-kind="article"] .ta-published-content__terms { display: none; }
.ta-published-content__record[data-content-kind="article"] .ta-published-content__layout { padding-top: 3.625rem; padding-bottom: 4.75rem; }
.ta-published-content__record[data-content-kind="article"] .ta-published-content__answer,
.ta-published-content__record[data-content-kind="article"] .ta-published-content__body { width: min(100%, 48.75rem); }
.ta-published-content__record[data-content-kind="article"] .ta-published-content__answer { border: 0; background: transparent; box-shadow: none; }
.ta-published-content__record[data-content-kind="article"] .ta-published-content__body { padding: 0; color: var(--ta-copy); font-size: 1.275rem; line-height: 1.82; }
.ta-published-content__record[data-content-kind="article"] .ta-published-content__body > :first-child { margin-top: 0; }
.ta-published-content__record[data-content-kind="article"] .ta-published-content__body > section { margin: 0 0 3rem; }
.ta-published-content__record[data-content-kind="article"] .ta-published-content__body > section > p:first-child:has(> strong:only-child) { margin: 0 0 .75rem; color: var(--ta-accent); font: 750 var(--ta-text-xs)/1.35 var(--ta-font-mono); letter-spacing: .13em; text-transform: uppercase; }
.ta-published-content__record[data-content-kind="article"] .ta-published-content__body h2 { margin: .75rem 0 1.25rem; font-size: 2.4rem; line-height: 1.08; letter-spacing: -.035em; }
.ta-published-content__record[data-content-kind="article"] .ta-published-content__body h3 { font-size: 1.575rem; }
.ta-published-content__record[data-content-kind="article"] .ta-published-content__downloads--bottom { width: min(100%, 48.75rem); margin-top: 3rem; }
.ta-published-content__record[data-content-kind="article"] .ta-published-content__back { margin-top: 3rem; }

.ta-published-content__record[data-content-kind="question"] .ta-published-content__hero { padding: 4.5rem 0 5.25rem; }
.ta-published-content__record[data-content-kind="question"] .ta-published-content__breadcrumb { min-height: 0; margin-bottom: 3rem; }
.ta-published-content__record[data-content-kind="question"] .ta-published-content__category,
.ta-published-content__record[data-content-kind="question"] .ta-published-content__lead,
.ta-published-content__record[data-content-kind="question"] .ta-published-content__meta [data-content-field="author"] { display: none; }
.ta-published-content__record[data-content-kind="question"] .ta-published-content__hero h1 { margin-top: 1.25rem; }
.ta-published-content__record[data-content-kind="question"] .ta-published-content__hero h1 { max-width: 50rem; font-size: 4.5rem; line-height: .98; }
.ta-published-content__record[data-content-kind="question"] .ta-published-content__meta { font-size: 1.275rem; line-height: 1.7; }
.ta-published-content__record[data-content-kind="question"] .ta-published-content__layout { gap: 1.5rem; padding-top: 2.75rem; padding-bottom: 4.875rem; }
.ta-published-content__record[data-content-kind="question"] .ta-published-content__answer { border: 1px solid var(--ta-line); border-left: 3px solid var(--ta-accent); border-radius: var(--ta-radius-sm); background: var(--ta-surface); box-shadow: var(--ta-shadow-md); }
.ta-published-content__record[data-content-kind="question"] .ta-published-content__body { padding: 1.625rem; color: var(--ta-copy); font-size: 1.275rem; line-height: 1.8; }
.ta-content-preview { display: grid; gap: var(--ta-space-4); }
.ta-content-preview__controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--ta-space-3); }
.ta-content-preview__frame { padding: var(--ta-space-4); overflow-x: auto; border: 1px solid var(--ta-line); border-radius: var(--ta-radius-sm); background: var(--ta-canvas); box-shadow: inset 0 0.125rem 0.625rem rgb(0 0 0 / 9%); }
.ta-content-preview__viewport { width: 100%; display: grid; gap: var(--ta-space-5); margin-inline: auto; padding: var(--ta-space-4); border: 1px solid var(--ta-line); border-radius: var(--ta-radius-sm); background: var(--ta-canvas); transition: width var(--ta-transition); }
.ta-content-preview__viewport--mobile { width: min(24rem, 100%); }
.ta-content-preview__viewport .ta-content-detail { gap: var(--ta-space-5); }
.ta-content-preview__viewport .ta-content-hero { padding: var(--ta-space-5); }
.ta-content-preview__viewport .ta-content-hero h1 { font-size: clamp(2rem, 5vw, 3.75rem); }
.ta-content-preview__viewport--mobile .ta-content-hero { padding: var(--ta-space-4); }
.ta-content-preview__viewport--mobile .ta-content-hero h1 { font-size: 2rem; }
.ta-content-preview__viewport--mobile .ta-content-meta { align-items: flex-start; flex-direction: column; }
.ta-content-preview__viewport--mobile .ta-content-meta span + span::before { content: none; }
.ta-content-preview__viewport .ta-content-body { gap: var(--ta-space-5); }

/* Content topics: V1 layout contract with V2 theme tokens */
.ta-content-topics-hero { position: relative; overflow: hidden; padding: 5.875rem 0 5.25rem; border-bottom: 1px solid var(--ta-line); background: radial-gradient(circle at 78% 20%, var(--ta-accent-soft), transparent 34%), linear-gradient(135deg, var(--ta-surface-raised), var(--ta-canvas) 64%); }
.ta-content-topics-hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .32; background-image: linear-gradient(var(--ta-mesh-line) 1px, transparent 1px), linear-gradient(90deg, var(--ta-mesh-line) 1px, transparent 1px); background-size: 46px 46px; }
.ta-content-topics-hero .ta-shell { position: relative; z-index: 1; }
.ta-content-topics-hero h1 { max-width: 57.5rem; margin: 0; font-size: clamp(2.55rem, 7vw, 4.5rem); line-height: .94; letter-spacing: -.045em; text-transform: none; }
.ta-content-topics-hero p { max-width: 47.5rem; margin: 1.5rem 0 0; color: var(--ta-copy); font-size: 1.0625rem; line-height: 1.7; }
.ta-content-topics-directory { padding-block: 2rem 5rem; }
.ta-content-topics-toolbar { display: grid; grid-template-columns: minmax(15.625rem, 1.45fr) repeat(3, minmax(9.0625rem, .72fr)); align-items: end; gap: 1rem; overflow: visible; padding: 1.375rem; background-image: linear-gradient(90deg, var(--ta-mesh-line) 1px, transparent 1px), linear-gradient(var(--ta-mesh-line) 1px, transparent 1px); background-size: 30px 30px; }
.ta-content-topics-toolbar__heading { grid-column: 1 / -1; display: grid; gap: .3125rem; padding: 0 0 1.0625rem; border-bottom: 1px solid var(--ta-line); }
.ta-content-topics-toolbar__heading > span { color: var(--ta-accent); font: 700 var(--ta-text-xs)/1 var(--ta-font-mono); letter-spacing: .14em; text-transform: uppercase; }
.ta-content-topics-toolbar__heading > strong { color: var(--ta-text); font-size: clamp(1.0625rem, 2vw, 1.3125rem); line-height: 1.15; }
.ta-content-topics-toolbar__heading > p { margin: 0; color: var(--ta-muted); font-size: var(--ta-text-sm); line-height: 1.45; }
.ta-content-topics-toolbar .ta-search-control { min-width: 0; min-height: 3.375rem; position: relative; padding: 0; overflow: hidden; }
.ta-content-topics-toolbar .ta-search-control > svg:first-child { width: 1.3125rem; height: 1.3125rem; position: absolute; left: .9375rem; z-index: 1; flex: 0 0 auto; fill: none; stroke: var(--ta-muted); stroke-width: 1.55; stroke-linecap: round; pointer-events: none; }
.ta-content-topics-toolbar .ta-search-control > input { min-width: 0; width: 100%; height: 3.25rem; padding: 0 5.25rem 0 3rem; font: 650 max(.75rem, var(--ta-text-sm))/1.2 var(--ta-font-sans); }
.ta-content-topics-toolbar .ta-search-control > input::placeholder { color: var(--ta-muted); opacity: 1; }
.ta-content-topics-toolbar .ta-search-control > i { position: absolute; right: .8125rem; color: var(--ta-muted); font: 700 .5rem/1 var(--ta-font-mono); letter-spacing: .09em; pointer-events: none; }
.ta-content-topics-toolbar__actions { grid-column: 1 / -1; display: flex; align-items: center; justify-content: flex-end; gap: .5625rem; padding-top: .125rem; }
.ta-content-topics-results-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin: 2.25rem 0 1rem; padding-bottom: .75rem; border-bottom: 1px solid var(--ta-line); }
.ta-content-topics-results-heading h2 { margin: 0; font-size: clamp(1.45rem, 3vw, 2.25rem); text-transform: uppercase; }
.ta-content-topics-results-heading p { margin: 0; color: var(--ta-accent); font: 700 var(--ta-text-sm)/1.2 var(--ta-font-mono); letter-spacing: .1em; text-transform: uppercase; }
.ta-content-topic-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .75rem; }
.ta-content-topic-card { min-width: 0; min-height: 11.875rem; position: relative; display: flex; align-items: center; flex-direction: column; justify-content: center; gap: .48rem; overflow: hidden; padding: 1rem .65rem .9rem; border: 1px solid var(--ta-line); border-radius: 0; background: linear-gradient(155deg, var(--ta-surface-raised), var(--ta-surface)); box-shadow: var(--ta-shadow-md); color: var(--ta-copy); text-align: center; text-decoration: none; transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.ta-content-topic-card::before, .ta-content-topic-card::after { content: ""; width: 13px; height: 13px; position: absolute; pointer-events: none; }
.ta-content-topic-card::before { left: -1px; top: -1px; border-left: 2px solid var(--ta-accent); border-top: 2px solid var(--ta-accent); }
.ta-content-topic-card::after { right: -1px; bottom: -1px; border-right: 2px solid var(--ta-accent); border-bottom: 2px solid var(--ta-accent); }
.ta-content-topic-card:hover, .ta-content-topic-card:focus-visible { z-index: 2; transform: translateY(-4px); border-color: var(--ta-accent); box-shadow: var(--ta-shadow-lg); outline: none; }
.ta-content-topic-card__icon { width: 4.125rem; height: 4.125rem; display: grid; place-items: center; color: var(--ta-muted); transition: color .2s ease, transform .2s ease; }
.ta-content-topic-card__icon svg { width: 3.625rem; height: 3.625rem; fill: none; stroke: currentColor; stroke-width: 1.45; stroke-linecap: round; stroke-linejoin: round; }
.ta-content-topic-card:hover .ta-content-topic-card__icon, .ta-content-topic-card:focus-visible .ta-content-topic-card__icon { color: var(--ta-accent); transform: translateY(-2px); }
.ta-content-topic-card h2 { min-height: 2.3em; display: grid; place-items: center; margin: .1rem 0 0; color: var(--ta-text); font-size: .88rem; font-weight: 730; line-height: 1.15; letter-spacing: .035em; text-transform: uppercase; }
.ta-content-topic-card p { margin: 0; color: var(--ta-accent); font-size: .68rem; font-weight: 650; line-height: 1.15; }
.ta-content-topic-card small { max-width: 100%; overflow: hidden; color: var(--ta-muted); font-size: .6rem; line-height: 1.25; text-overflow: ellipsis; text-transform: capitalize; white-space: nowrap; }
.ta-content-topic-card__arrow { position: absolute; right: .65rem; bottom: .48rem; color: var(--ta-muted); font-size: .82rem; }
.ta-content-topic-card__icon.ta-skeleton { border-radius: 50%; }

@media (min-width: 64.0625rem) {
  .ta-content-topics-toolbar [data-topic-menu] .ta-select-menu__menu { width: 22rem; }
  .ta-content-topics-toolbar [data-topic-menu="sort"] .ta-select-menu__menu { right: 0; left: auto; }
  .ta-content-topics-toolbar [data-topic-menu] .ta-select-menu__option span { white-space: nowrap; }
}

/* Content category: V1 layout contract with V2 theme tokens */
.ta-content-category-hero { position: relative; overflow: hidden; padding: 5.875rem 0 5.25rem; border-bottom: 1px solid var(--ta-line); background: radial-gradient(circle at 78% 20%, var(--ta-accent-soft), transparent 34%), linear-gradient(135deg, var(--ta-surface-raised), var(--ta-canvas) 64%); }
.ta-content-category-hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .3; background-image: linear-gradient(var(--ta-mesh-line) 1px, transparent 1px), linear-gradient(90deg, var(--ta-mesh-line) 1px, transparent 1px); background-size: 46px 46px; }
.ta-content-category-hero .ta-shell { position: relative; z-index: 1; }
.ta-content-category-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-bottom: 1.625rem; color: var(--ta-muted); }
.ta-content-category-breadcrumb strong { color: var(--ta-accent); }
.ta-content-category-hero h1 { max-width: 55rem; margin: 0; font-size: clamp(2.5rem, 6vw, 4.5rem); line-height: .98; letter-spacing: -.055em; text-transform: uppercase; }
.ta-content-category-hero > .ta-shell > p { max-width: 47.5rem; margin: 1.5rem 0 0; color: var(--ta-copy); font-size: 1.0625rem; line-height: 1.7; }
.ta-content-category-results { padding-block: 2rem 5rem; }
.ta-content-type-selector { display: grid; grid-template-columns: minmax(0, 1fr) minmax(20.625rem, 28.75rem); align-items: center; gap: 1.75rem; margin-bottom: 1.125rem; padding: 1.5rem; }
.ta-content-type-selector > div h2 { margin: 0; font-size: clamp(1.375rem, 3vw, 1.9375rem); line-height: 1; letter-spacing: -.03em; }
.ta-content-type-selector > div p { max-width: 38.75rem; margin: .625rem 0 0; color: var(--ta-muted); font-size: var(--ta-text-sm); line-height: 1.55; }
.ta-content-type-selector__menu .ta-select-menu__trigger { min-height: 3.875rem; }
.ta-content-type-selector__menu .ta-select-menu__option { color: var(--ta-copy); text-decoration: none; }
.ta-content-category-toolbar { display: grid; grid-template-columns: minmax(15rem, 1.45fr) minmax(10.625rem, .72fr); align-items: end; gap: 1rem; overflow: visible; padding: 1.375rem; background-image: linear-gradient(90deg, var(--ta-mesh-line) 1px, transparent 1px), linear-gradient(var(--ta-mesh-line) 1px, transparent 1px); background-size: 30px 30px; }
.ta-content-category-toolbar > header { grid-column: 1 / -1; display: grid; gap: .3125rem; padding-bottom: 1.0625rem; border-bottom: 1px solid var(--ta-line); }
.ta-content-category-toolbar > header > span { color: var(--ta-accent); font: 700 var(--ta-text-xs)/1 var(--ta-font-mono); letter-spacing: .14em; text-transform: uppercase; }
.ta-content-category-toolbar > header > strong { color: var(--ta-text); font-size: clamp(1.0625rem, 2vw, 1.3125rem); line-height: 1.15; }
.ta-content-category-toolbar > header > p { margin: 0; color: var(--ta-muted); font-size: var(--ta-text-sm); line-height: 1.45; }
.ta-content-category-toolbar__actions { grid-column: 1 / -1; display: flex; align-items: center; justify-content: flex-end; gap: .5625rem; }
.ta-content-category-results-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin: 2.25rem 0 1rem; padding-bottom: .75rem; border-bottom: 1px solid var(--ta-line); }
.ta-content-category-results-heading h2 { margin: 0; font-size: clamp(1.45rem, 3vw, 2.25rem); text-transform: uppercase; }
.ta-content-category-results-heading p { margin: 0; color: var(--ta-accent); font: 700 var(--ta-text-sm)/1.2 var(--ta-font-mono); letter-spacing: .1em; text-transform: uppercase; }
.ta-content-result-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.ta-content-result-card { min-width: 0; overflow: hidden; border: 1px solid var(--ta-line); border-radius: var(--ta-radius-sm); background: var(--ta-surface-raised); box-shadow: var(--ta-shadow-md); }
.ta-content-result-card__thumbnail { position: relative; display: block; overflow: hidden; aspect-ratio: 16 / 9; border-bottom: 1px solid var(--ta-line); background: var(--ta-canvas); }
.ta-content-result-card__thumbnail img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: top; transition: transform .28s ease; }
.ta-content-result-card:hover .ta-content-result-card__thumbnail img { transform: scale(1.025); }
.ta-content-result-card__type { position: absolute; left: .65rem; bottom: .65rem; z-index: 2; padding: .3rem .5rem; border: 1px solid var(--ta-accent); background: color-mix(in srgb, var(--ta-canvas) 92%, transparent); color: var(--ta-text); font-size: .66rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.ta-content-result-card__copy { padding: 1rem; }
.ta-content-result-card__meta { display: flex; justify-content: space-between; gap: .5rem; margin: 0 0 .7rem; color: var(--ta-muted); font-size: .68rem; letter-spacing: .07em; text-transform: uppercase; }
.ta-content-result-card__copy h2 { margin: 0; font-size: 1.18rem; line-height: 1.2; }
.ta-content-result-card__copy h2 a { color: var(--ta-text); text-decoration: none; }
.ta-content-result-card__summary { display: -webkit-box; margin: 1rem 0 0; overflow: hidden; color: var(--ta-copy); line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.ta-content-result-card__category { display: inline-flex; margin-top: .75rem; }
.ta-content-result-card__open { display: inline-block; margin-top: .85rem; color: var(--ta-accent); font-size: .78rem; font-weight: 800; text-decoration: none; text-transform: uppercase; }
.ta-published-content__media { width: min(100%, 90rem); margin: 0 auto; overflow: hidden; border: 1px solid var(--ta-line-strong); background: #090909; box-shadow: var(--ta-shadow-lg); }
.ta-published-content__media a { display: block; }
.ta-published-content__media img { width: 100%; height: auto; display: block; object-fit: contain; }
.ta-published-content__media video { width: 100%; max-height: 78vh; display: block; object-fit: contain; }
.ta-published-content__media--article { width: min(100%, 68rem); }
.ta-published-content__media-download, .ta-published-content__media-actions { width: min(100%, 90rem); display: flex; flex-wrap: wrap; justify-content: center; gap: var(--ta-space-3); margin-inline: auto; padding: var(--ta-space-5); border: 1px solid var(--ta-line); background: var(--ta-surface-alt); }
.ta-published-content__answer--media { width: min(100%, 90rem); margin-inline: auto; overflow: hidden; border: 1px solid var(--ta-line); border-radius: var(--ta-radius-sm); background: var(--ta-surface); box-shadow: var(--ta-shadow-md); }
.ta-published-content__answer--media .ta-published-content__body { padding: 1.625rem; color: var(--ta-copy); font-size: 1.125rem; line-height: 1.75; }
.ta-published-content__answer--media + .ta-published-content__terms { width: min(100%, 90rem); margin-inline: auto; }
.ta-published-content__answer--media > header span { color: var(--ta-accent); }

@media (max-width: 64rem) {
  .ta-content-topic-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .ta-content-topics-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ta-content-result-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ta-content-type-selector { grid-template-columns: 1fr; }}


@media (max-width: 46rem) {
  .ta-content-detail { gap: var(--ta-space-6); }
  .ta-content-hero { padding: var(--ta-space-5); }
  .ta-content-meta { align-items: flex-start; flex-direction: column; }
  .ta-content-meta span + span::before { content: none; }
  .ta-content-figure img { min-height: 15rem; }
  .ta-content-body { gap: var(--ta-space-6); }
  .ta-published-content__record[data-content-kind="article"] .ta-published-content__hero { padding-bottom: 3.125rem; }
  .ta-published-content__record[data-content-kind="article"] .ta-published-content__category { margin-top: 3.625rem; }
  .ta-published-content__record[data-content-kind="question"] .ta-published-content__hero { padding: 3.625rem 0 3.125rem; }
  .ta-published-content__record[data-content-kind="question"] .ta-published-content__breadcrumb { margin-bottom: 2.25rem; }
  .ta-published-content__hero h1 { font-size: 2.5rem; }
  .ta-published-content__record[data-content-kind="question"] .ta-published-content__hero h1 { max-width: 100%; font-size: 2.5rem; line-height: 1; }
  .ta-published-content__record[data-content-kind="question"] .ta-published-content__meta { font-size: var(--ta-text-sm); line-height: 1.55; }
  .ta-published-content__record[data-content-kind="article"] .ta-published-content__layout { padding-top: 2.75rem; padding-bottom: 3.625rem; }
  .ta-published-content__downloads { padding: 1.375rem; }
  .ta-published-content__downloads h2 { font-size: 1.75rem; }
  .ta-published-content__downloads .ta-button, .ta-published-content__media-actions .ta-button, .ta-published-content__media-download .ta-button { width: 100%; }
  .ta-published-content__answer > header, .ta-published-content__record[data-content-kind="question"] .ta-published-content__body { padding: 1.375rem; }
  .ta-content-preview__controls { align-items: stretch; flex-direction: column; }

  .ta-content-preview__frame { padding: var(--ta-space-2); }
  .ta-content-preview__viewport { padding: var(--ta-space-2); }
  .ta-content-topics-hero { padding: 4.125rem 0 3.625rem; }
  .ta-content-topics-hero h1 { font-size: 2.625rem; }
  .ta-content-topics-toolbar { grid-template-columns: 1fr; }
  .ta-content-topic-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ta-content-topics-results-heading { align-items: flex-start; flex-direction: column; }
  .ta-content-category-hero { padding: 4.125rem 0 3.625rem; }
  .ta-content-category-hero h1 { font-size: 2.625rem; }
  .ta-content-category-toolbar { grid-template-columns: 1fr; }
  .ta-content-category-results-heading { align-items: flex-start; flex-direction: column; }}


@media (max-width: 31.25rem) {
  .ta-content-result-grid { grid-template-columns: 1fr; }}


@media (max-width: 40rem) {
  .ta-content-result-grid { grid-template-columns: 1fr; }
}

@media (max-width: 23.75rem) {
  .ta-content-topic-grid { grid-template-columns: 1fr; }
}