*, *::before, *::after { box-sizing: border-box; }

.afr-page {
  margin: 0;
  min-height: 100vh;
  background: var(--afr-color-surface-field-deep);
  color: var(--afr-color-ink-read);
  font-family: var(--afr-typography-family-instrument);
  font-size: var(--afr-typography-size-body);
  line-height: var(--afr-typography-leading-read);
  -webkit-font-smoothing: antialiased;
  
  max-width: 460px;
  margin-inline: auto;
  padding: calc(var(--afr-dimension-grid) * 2);
  
  display: flex;
  flex-direction: column;
  gap: var(--afr-dimension-plate-gap);
}

.afr-read      { color: var(--afr-color-ink-read); }
.afr-secondary { color: var(--afr-color-ink-secondary); }
.afr-mono {
  font-family: var(--afr-typography-family-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: var(--afr-typography-tracking-token);
}
.afr-visually-hidden {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

.afr-brand {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: var(--afr-dimension-grid);
}
.afr-mark { display: block; color: var(--afr-color-ink-secondary); flex: 0 0 auto; height: 22px; width: auto; }

.afr-lang {
  display: flex; gap: 2px; align-self: center;
  margin-bottom: 0;
}
.afr-lang button {
  font: inherit; font-size: var(--afr-typography-size-token);
  font-family: var(--afr-typography-family-mono);
  letter-spacing: var(--afr-typography-tracking-token);
  text-transform: uppercase;
  color: var(--afr-color-ink-secondary);
  background: transparent; border: 0;
  padding: 4px 8px; cursor: pointer;
  border-bottom: var(--afr-dimension-hairline) solid transparent;
}
.afr-lang button[aria-pressed="true"] {
  color: var(--afr-color-ink-read);
  border-bottom-color: var(--afr-color-line-scale);
}
.afr-lang button:focus-visible { outline: 2px solid var(--afr-color-action-light); outline-offset: 2px; }

.afr-plate {
  background: var(--afr-color-surface-field);
  border: var(--afr-dimension-hairline) solid var(--afr-color-line-hairline);
  border-radius: var(--afr-dimension-radius);      
  padding: calc(var(--afr-dimension-grid) * 2.5);
}
.afr-hero { background: var(--afr-color-surface-field-deep); border: 0; padding-block: calc(var(--afr-dimension-grid) * 3); }
.afr-title {
  font-size: var(--afr-typography-size-title);
  font-weight: var(--afr-typography-weight-strong);
  line-height: var(--afr-typography-leading-tight);
  letter-spacing: -0.01em; margin: 0 0 var(--afr-dimension-grid);
}
.afr-promise { color: var(--afr-color-ink-secondary); margin: 0 0 calc(var(--afr-dimension-grid) * 2.5); max-width: 34ch; }

.afr-slit {
  position: relative;
  height: var(--afr-dimension-slit-height);
  background:
    linear-gradient(180deg, var(--afr-color-surface-notch), var(--afr-color-surface-field-deep));
  
  box-shadow: inset 0 2px 6px rgba(0,0,0,0.6);
  border: 0;
  border-bottom: var(--afr-dimension-hairline) solid var(--afr-color-line-slit-edge);
  display: flex; align-items: center;
}
.afr-slit input {
  flex: 1; height: 100%;
  background: transparent; border: 0; outline: 0;
  color: var(--afr-color-ink-read);
  font-family: var(--afr-typography-family-mono);
  font-size: var(--afr-typography-size-token);
  letter-spacing: 0.02em;
  padding-inline: calc(var(--afr-dimension-grid) * 1.5);
}
.afr-slit input::placeholder { color: var(--afr-color-ink-faint); }

.afr-slit::after {
  content: ""; position: absolute; left: 0; bottom: -1px; height: 2px;
  width: 100%; transform-origin: left center; transform: scaleX(0.14);
  background: var(--afr-color-action-light-dim);
  transition: transform var(--afr-motion-duration-step) var(--afr-motion-easing-settle),
              background-color var(--afr-motion-duration-step) linear;
}

.afr-slit[data-slit="valid"]::after { transform: scaleX(1); background: var(--afr-color-action-light); }

.afr-slit:focus-within::after { transform: scaleX(1); background: var(--afr-color-action-light); }

.afr-slit[data-slit="invalid"]::after { transform: scaleX(0.14); background: var(--afr-color-line-slit-edge); }
.afr-slit[data-slit="invalid"] { border-bottom-color: var(--afr-color-ink-secondary); }
.afr-slit-error {
  color: var(--afr-color-ink-read); font-size: var(--afr-typography-size-micro);
  margin-top: 6px; min-height: 1.2em;
}
.afr-slit-error[hidden] { display: none; }

.afr-analyze {
  margin-top: calc(var(--afr-dimension-grid) * 1.5);
  width: 100%; font: inherit; font-weight: var(--afr-typography-weight-medium);
  font-size: var(--afr-typography-size-label);
  color: var(--afr-color-ink-read);
  background: var(--afr-color-surface-field-raised);
  border: var(--afr-dimension-hairline) solid var(--afr-color-line-scale);
  border-radius: var(--afr-dimension-radius);
  padding: calc(var(--afr-dimension-grid) * 1.5); cursor: pointer;
  transition: background-color var(--afr-motion-duration-tap) var(--afr-motion-easing-tap);
}
.afr-analyze:hover { background: #23262b; }
.afr-analyze:active { transform: translateY(1px); }
.afr-analyze:focus-visible { outline: 2px solid var(--afr-color-action-light); outline-offset: 2px; }
.afr-analyze[disabled] { opacity: 0.45; cursor: not-allowed; }  

.afr-load { padding-block: calc(var(--afr-dimension-grid) * 3); }
.afr-steps { list-style: none; margin: 0 0 calc(var(--afr-dimension-grid) * 2); padding: 0; }
.afr-steps li {
  display: flex; align-items: baseline; gap: var(--afr-dimension-grid);
  color: var(--afr-color-ink-faint);
  font-size: var(--afr-typography-size-token); padding-block: 4px;
}
.afr-steps li::before {
  content: "\00B7"; 
  font-family: var(--afr-typography-family-mono); color: var(--afr-color-ink-faint);
  width: 1.4ch; display: inline-block; text-align: center;
}
.afr-steps li[data-step="active"] { color: var(--afr-color-ink-read); }
.afr-steps li[data-step="active"]::before { content: "\203A"; color: var(--afr-color-ink-read); } 
.afr-steps li[data-step="done"] { color: var(--afr-color-ink-secondary); }
.afr-steps li[data-step="done"]::before { content: "\2713"; color: var(--afr-color-ink-secondary); } 

.afr-load-baseline { height: 2px; background: var(--afr-color-line-hairline); position: relative; }
.afr-load-baseline::after {
  content: ""; position: absolute; inset: 0 auto 0 0; width: var(--afr-load-progress, 0%);
  background: var(--afr-color-line-scale);
  transition: width var(--afr-motion-duration-step) var(--afr-motion-easing-settle);
}

.afr-assay { padding-top: calc(var(--afr-dimension-grid) * 1); }

.afr-aihook { margin-bottom: calc(var(--afr-dimension-grid) * 2); padding-bottom: calc(var(--afr-dimension-grid) * 2); border-bottom: var(--afr-dimension-hairline) solid var(--afr-color-line-scale); }
.afr-aihook-count {
  font-size: var(--afr-typography-size-lead); font-weight: var(--afr-typography-weight-strong);
  line-height: var(--afr-typography-leading-tight); color: var(--afr-color-ink-read);
  margin: 0; font-variant-numeric: tabular-nums;
}

.afr-rigor-selo {
  font-size: var(--afr-typography-size-token); color: var(--afr-color-ink-read);
  margin: var(--afr-dimension-grid) 0 0; padding: 8px 0 8px 12px;
  border-left: 2px solid var(--afr-color-line-scale);
  background: var(--afr-color-surface-field-deep); line-height: 1.45;
}
.afr-proof { font-size: var(--afr-typography-size-token); color: var(--afr-color-ink-secondary); margin: var(--afr-dimension-grid) 0 0; }
.afr-assay-frase { color: var(--afr-color-ink-secondary); margin: 0 0 calc(var(--afr-dimension-grid) * 2); }

.afr-audience { color: var(--afr-color-ink-secondary); font-size: var(--afr-typography-size-token); margin: 0 0 calc(var(--afr-dimension-grid) * 2.5); max-width: 40ch; }
.afr-intake-micro { color: var(--afr-color-ink-faint); font-size: var(--afr-typography-size-micro); margin: 6px 0 0; }

.afr-ladder-header { color: var(--afr-color-ink-read); font-size: var(--afr-typography-size-token); font-weight: var(--afr-typography-weight-medium); margin: calc(var(--afr-dimension-grid) * 2) 0 0; }

.afr-share {
  margin-top: calc(var(--afr-dimension-grid) * 2); width: 100%;
  font: inherit; font-size: var(--afr-typography-size-token); color: var(--afr-color-ink-secondary);
  background: transparent; border: var(--afr-dimension-hairline) solid var(--afr-color-line-hairline);
  border-radius: var(--afr-dimension-radius); padding: calc(var(--afr-dimension-grid) * 1.25); cursor: pointer;
}
.afr-share:hover { color: var(--afr-color-ink-read); border-color: var(--afr-color-line-scale); }
.afr-share:focus-visible { outline: 2px solid var(--afr-color-action-light); outline-offset: 2px; }

.afr-gate-bridge { color: var(--afr-color-ink-read); font-size: var(--afr-typography-size-body); font-weight: var(--afr-typography-weight-medium); margin: 0 0 var(--afr-dimension-grid); }
.afr-gate-anchor { color: var(--afr-color-ink-secondary); font-size: var(--afr-typography-size-token); margin: 0 0 var(--afr-dimension-grid); }
.afr-gate-anchor[hidden] { display: none; }
.afr-pay-micro { color: var(--afr-color-ink-faint); font-size: var(--afr-typography-size-micro); margin: 8px 0 0; text-align: center; }
.afr-bar {
  position: relative; display: flex; align-items: stretch;
  height: var(--afr-dimension-bar-height);
  background: var(--afr-color-surface-field-deep);
  border: var(--afr-dimension-hairline) solid var(--afr-color-line-hairline);
  overflow: hidden;
}
.afr-seg {
  
  flex-grow: var(--afr-n, 0); flex-basis: 0; min-width: 0;
  position: relative; border-right: var(--afr-dimension-hairline) solid var(--afr-color-surface-field-deep);
  
  transform-origin: left center; transform: scaleX(1);
}
.afr-seg:last-child { border-right: 0; }
.afr-seg[data-n0] { flex-grow: 0; width: 0; border: 0; }   

.afr-seg[data-treat="solid"]  { background: var(--afr-color-assay-confirmed); }
.afr-seg[data-treat="hatch"]  {
  background:
    repeating-linear-gradient(45deg,
      var(--afr-color-assay-platform) 0, var(--afr-color-assay-platform) 2px,
      transparent 2px, transparent 5px),
    var(--afr-color-surface-field);
}
.afr-seg[data-treat="void"]   { background: transparent; box-shadow: inset 0 0 0 1px var(--afr-color-assay-probable); }
.afr-seg[data-treat="notch"]  { background: var(--afr-color-assay-none); box-shadow: inset 0 2px 4px rgba(0,0,0,0.7); }
.afr-seg[data-treat="groove"] {
  background:
    repeating-linear-gradient(90deg,
      var(--afr-color-assay-not-consulted) 0, var(--afr-color-assay-not-consulted) 1px,
      transparent 1px, transparent 4px),
    var(--afr-color-surface-field-deep);
}

.afr-baseline {
  display: flex; align-items: flex-start; justify-content: space-between;
  margin-top: 2px; height: calc(var(--afr-dimension-scale-tick) + 14px);
  border-top: var(--afr-dimension-hairline) solid var(--afr-color-line-scale);
  position: relative;
}
.afr-ticks { position: absolute; inset: 0 0 auto 0; height: var(--afr-dimension-scale-tick);
  background-image: repeating-linear-gradient(90deg,
    var(--afr-color-line-scale) 0, var(--afr-color-line-scale) 1px,
    transparent 1px, transparent 10%);
}
.afr-denom {
  margin-top: calc(var(--afr-dimension-scale-tick) + 2px);
  margin-left: auto; color: var(--afr-color-ink-secondary);
  font-family: var(--afr-typography-family-mono); font-size: var(--afr-typography-size-token);
}

.afr-ladder { list-style: none; margin: calc(var(--afr-dimension-grid) * 2) 0 0; padding: 0; }
.afr-rung {
  display: grid; grid-template-columns: 22px 1fr auto;
  gap: var(--afr-dimension-grid); align-items: start;
  padding-block: calc(var(--afr-dimension-grid) * 1.25);
  border-top: var(--afr-dimension-hairline) solid var(--afr-color-line-hairline);
}
.afr-rung:first-child { border-top: 0; }

.afr-chip { width: 18px; height: 18px; margin-top: 2px; border: var(--afr-dimension-hairline) solid var(--afr-color-line-hairline); }
.afr-chip[data-treat="solid"]  { background: var(--afr-color-assay-confirmed); }
.afr-chip[data-treat="hatch"]  { background: repeating-linear-gradient(45deg, var(--afr-color-assay-platform) 0, var(--afr-color-assay-platform) 2px, transparent 2px, transparent 5px), var(--afr-color-surface-field); }
.afr-chip[data-treat="void"]   { background: transparent; box-shadow: inset 0 0 0 1px var(--afr-color-assay-probable); }
.afr-chip[data-treat="notch"]  { background: var(--afr-color-assay-none); box-shadow: inset 0 2px 3px rgba(0,0,0,0.7); }
.afr-chip[data-treat="groove"] { background: repeating-linear-gradient(90deg, var(--afr-color-assay-not-consulted) 0, var(--afr-color-assay-not-consulted) 1px, transparent 1px, transparent 4px), var(--afr-color-surface-field-deep); }
.afr-rung-label { font-weight: var(--afr-typography-weight-medium); }
.afr-rung-verdict { color: var(--afr-color-ink-secondary); font-size: var(--afr-typography-size-token); margin-top: 2px; }
.afr-rung-count { font-family: var(--afr-typography-family-mono); font-size: var(--afr-typography-size-token); color: var(--afr-color-ink-read); white-space: nowrap; }

.afr-rung[data-count="0"] .afr-rung-label,
.afr-rung[data-count="0"] .afr-rung-count { color: var(--afr-color-ink-secondary); }

.afr-guards { margin-top: calc(var(--afr-dimension-grid) * 2); display: flex; flex-direction: column; gap: var(--afr-dimension-plate-gap); }
.afr-guard { border: var(--afr-dimension-hairline) solid var(--afr-color-line-hairline); background: var(--afr-color-surface-field-deep); }
.afr-guard summary {
  cursor: pointer; list-style: none; padding: calc(var(--afr-dimension-grid) * 1.25);
  color: var(--afr-color-ink-faint); font-size: var(--afr-typography-size-token);
  display: flex; justify-content: space-between; gap: var(--afr-dimension-grid);
}
.afr-guard summary::-webkit-details-marker { display: none; }
.afr-guard summary::after { content: "+"; font-family: var(--afr-typography-family-mono); color: var(--afr-color-ink-secondary); }
.afr-guard[open] summary::after { content: "\2212"; } 
.afr-guard[open] summary { color: var(--afr-color-ink-secondary); }
.afr-guard p { margin: 0; padding: 0 calc(var(--afr-dimension-grid) * 1.25) calc(var(--afr-dimension-grid) * 1.25); color: var(--afr-color-ink-read); font-size: var(--afr-typography-size-body); }
.afr-guard:focus-within { border-color: var(--afr-color-line-scale); }

.afr-teaser { position: relative; margin-top: calc(var(--afr-dimension-grid) * 2); background: var(--afr-color-surface-field); border: var(--afr-dimension-hairline) solid var(--afr-color-line-hairline); }
.afr-teaser-head { padding: calc(var(--afr-dimension-grid) * 1.5); border-bottom: var(--afr-dimension-hairline) solid var(--afr-color-line-hairline); }
.afr-teaser-track { font-weight: var(--afr-typography-weight-strong); }
.afr-teaser-artist { color: var(--afr-color-ink-secondary); font-size: var(--afr-typography-size-token); }
.afr-teaser-body { position: relative; padding: calc(var(--afr-dimension-grid) * 1.5); }

.afr-seal {
  border-top: var(--afr-dimension-hairline) solid var(--afr-color-line-scale);
  padding-top: var(--afr-dimension-grid); margin-left: auto; max-width: 30ch;
  text-align: right; font-family: var(--afr-typography-family-mono);
  font-size: var(--afr-typography-size-token); color: var(--afr-color-ink-secondary);
  letter-spacing: var(--afr-typography-tracking-token);
  
  text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}
.afr-seal-token { color: var(--afr-color-ink-read); text-transform: uppercase; }
.afr-seal-date { color: var(--afr-color-ink-secondary); }
.afr-seal-listen { color: var(--afr-color-ink-read); text-decoration: underline; text-underline-offset: 2px; }  
.afr-seal-listen:focus-visible { outline: 2px solid var(--afr-color-action-light); outline-offset: 2px; }
.afr-seal-caveat { display: block; color: var(--afr-color-ink-faint); text-transform: none; letter-spacing: 0; margin-top: 4px; }

.afr-mask {
  position: absolute; left: 0; right: 0; bottom: 0; height: 58%;
  background: linear-gradient(180deg, transparent, var(--afr-color-surface-field) 62%);
  display: flex; align-items: flex-end; justify-content: center;
  padding-bottom: calc(var(--afr-dimension-grid) * 1.5);
  pointer-events: none;
}
.afr-mask span {
  font-size: var(--afr-typography-size-token); color: var(--afr-color-ink-secondary);
  pointer-events: auto;
}
.afr-locked-rows { color: var(--afr-color-ink-faint); font-size: var(--afr-typography-size-token); filter: blur(3px); user-select: none; }

.afr-gate { margin-top: calc(var(--afr-dimension-grid) * 2); background: var(--afr-color-surface-field-raised); border: var(--afr-dimension-hairline) solid var(--afr-color-line-scale); padding: calc(var(--afr-dimension-grid) * 3); }
.afr-gate-title { font-size: var(--afr-typography-size-lead); font-weight: var(--afr-typography-weight-strong); margin: 0 0 var(--afr-dimension-grid); }
.afr-gate-price { font-family: var(--afr-typography-family-mono); color: var(--afr-color-ink-read); }
.afr-gate-list { margin: var(--afr-dimension-grid) 0; padding-left: 1.1em; color: var(--afr-color-ink-secondary); font-size: var(--afr-typography-size-token); }
.afr-gate-list li { margin-block: 4px; }
.afr-gate-consequence {
  margin: calc(var(--afr-dimension-grid) * 1.5) 0; padding: var(--afr-dimension-grid) 0;
  border-top: var(--afr-dimension-hairline) solid var(--afr-color-line-hairline);
  border-bottom: var(--afr-dimension-hairline) solid var(--afr-color-line-hairline);
  color: var(--afr-color-ink-read); font-size: var(--afr-typography-size-token);
}

.afr-pay {
  display: block; width: 100%; text-align: center; text-decoration: none;
  margin-top: calc(var(--afr-dimension-grid) * 1.5);
  font: inherit; font-weight: var(--afr-typography-weight-strong); font-size: var(--afr-typography-size-label);
  color: var(--afr-color-action-on-light);
  background: var(--afr-color-action-light);
  border: 0; border-radius: var(--afr-dimension-radius);
  padding: calc(var(--afr-dimension-grid) * 1.75); cursor: pointer;
  transition: filter var(--afr-motion-duration-tap) var(--afr-motion-easing-tap);
}
.afr-pay:hover { filter: brightness(1.06); }
.afr-pay:active { transform: translateY(1px); }
.afr-pay:focus-visible { outline: 3px solid var(--afr-color-ink-read); outline-offset: 3px; }

.afr-notice {
  background: var(--afr-color-surface-field); border: var(--afr-dimension-hairline) solid var(--afr-color-ink-secondary);
  padding: calc(var(--afr-dimension-grid) * 2); color: var(--afr-color-ink-read); font-size: var(--afr-typography-size-body);
}
.afr-notice .afr-mono { color: var(--afr-color-ink-secondary); }

.afr-switch {
  position: fixed; right: 8px; bottom: 8px; z-index: 50;
  display: flex; flex-wrap: wrap; gap: 2px; max-width: 220px; justify-content: flex-end;
  background: rgba(7,8,9,0.92); border: 1px solid var(--afr-color-line-hairline); padding: 4px;
}
.afr-switch button {
  font-family: var(--afr-typography-family-mono); font-size: 10px; text-transform: uppercase;
  letter-spacing: 0.04em; color: var(--afr-color-ink-faint); background: transparent;
  border: 1px solid transparent; padding: 3px 6px; cursor: pointer;
}
.afr-switch button[aria-pressed="true"] { color: var(--afr-color-ink-read); border-color: var(--afr-color-line-scale); }
.afr-switch button:focus-visible { outline: 1px solid var(--afr-color-action-light); }

.afr-share-panel { position: fixed; inset: 0; z-index: 100; display: flex; align-items: center; justify-content: center; padding: 20px; }
.afr-share-panel[hidden] { display: none; }
.afr-share-backdrop { position: absolute; inset: 0; background: rgba(4,5,6,0.82); }
.afr-share-dialog {
  position: relative; z-index: 1; width: 100%; max-width: 420px; max-height: 92vh; overflow-y: auto;
  background: var(--afr-color-surface-field); border: var(--afr-dimension-hairline) solid var(--afr-color-line-scale);
  border-radius: var(--afr-dimension-radius); padding: calc(var(--afr-dimension-grid) * 3);
}
.afr-share-close {
  position: absolute; top: 8px; right: 8px; width: 34px; height: 34px; line-height: 1;
  font-size: 22px; color: var(--afr-color-ink-secondary); background: transparent;
  border: var(--afr-dimension-hairline) solid var(--afr-color-line-hairline); cursor: pointer;
}
.afr-share-close:hover { color: var(--afr-color-ink-read); }
.afr-share-close:focus-visible { outline: 2px solid var(--afr-color-action-light); outline-offset: 2px; }
.afr-share-title { font-size: var(--afr-typography-size-lead); font-weight: var(--afr-typography-weight-strong); margin: 0 0 calc(var(--afr-dimension-grid) * 2); }
.afr-share-formats { display: flex; gap: var(--afr-dimension-grid); }
.afr-share-fmt { margin: 0; flex: 1; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.afr-share-prev {
  width: 100%; display: block; background: var(--afr-color-surface-field-deep);
  border: var(--afr-dimension-hairline) solid var(--afr-color-line-hairline); object-fit: cover;
}
.afr-share-prev--story { aspect-ratio: 9 / 16; }
.afr-share-prev--post { aspect-ratio: 1 / 1; }
.afr-share-fmt figcaption { font-family: var(--afr-typography-family-mono); font-size: var(--afr-typography-size-micro); color: var(--afr-color-ink-secondary); letter-spacing: 0.04em; }
.afr-share-dl {
  font: inherit; font-size: var(--afr-typography-size-token); color: var(--afr-color-ink-read);
  background: var(--afr-color-surface-field-raised); border: var(--afr-dimension-hairline) solid var(--afr-color-line-scale);
  border-radius: var(--afr-dimension-radius); padding: 10px; cursor: pointer;
}
.afr-share-dl:hover { background: #23262b; }
.afr-share-dl:focus-visible { outline: 2px solid var(--afr-color-action-light); outline-offset: 2px; }
.afr-share-native {
  margin-top: calc(var(--afr-dimension-grid) * 2); width: 100%; font: inherit;
  font-weight: var(--afr-typography-weight-medium); font-size: var(--afr-typography-size-label);
  color: var(--afr-color-ink-read); background: transparent;
  border: var(--afr-dimension-hairline) solid var(--afr-color-line-scale); border-radius: var(--afr-dimension-radius);
  padding: calc(var(--afr-dimension-grid) * 1.5); cursor: pointer;
}
.afr-share-native[hidden] { display: none; }
.afr-share-native:hover { border-color: var(--afr-color-ink-secondary); }
.afr-share-native:focus-visible { outline: 2px solid var(--afr-color-action-light); outline-offset: 2px; }

[data-show] { display: none; }
.afr-page[data-state="empty"]   [data-show~="empty"],
.afr-page[data-state="loading"] [data-show~="loading"],
.afr-page[data-state="ideal"]   [data-show~="ideal"],
.afr-page[data-state="partial"] [data-show~="partial"],
.afr-page[data-state="error"]   [data-show~="error"],
.afr-page[data-state="gate"]    [data-show~="gate"] { display: revert; }

.afr-page[data-state="empty"]   [data-show~="intake"],
.afr-page[data-state="loading"] [data-show~="intake"],
.afr-page[data-state="ideal"]   [data-show~="intake"],
.afr-page[data-state="partial"] [data-show~="intake"],
.afr-page[data-state="error"]   [data-show~="intake"] { display: revert; }

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; }
  
  .afr-seg { transition: none !important; }
  .afr-slit::after { transition: none !important; }
  .afr-load-baseline::after { transition: none !important; }
  .afr-analyze, .afr-pay { transition: none !important; }
}

.afr-faq { margin-top: calc(var(--afr-dimension-grid) * 4); }
.afr-faq-title {
  font-size: var(--afr-typography-size-label); font-weight: var(--afr-typography-weight-medium);
  color: var(--afr-color-ink-secondary); margin: 0 0 var(--afr-dimension-grid);
  letter-spacing: var(--afr-typography-tracking-token);
}
.afr-faq-list { display: flex; flex-direction: column; gap: var(--afr-dimension-plate-gap); }
.afr-faq-item summary { font-size: var(--afr-typography-size-body); color: var(--afr-color-ink-secondary); }
.afr-faq-item[open] summary { color: var(--afr-color-ink-read); }

.afr-foot {
  margin-top: calc(var(--afr-dimension-grid) * 4);
  padding-top: calc(var(--afr-dimension-grid) * 1.5);
  border-top: var(--afr-dimension-hairline) solid var(--afr-color-line-hairline);
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--afr-dimension-grid);
  font-family: var(--afr-typography-family-mono); font-size: var(--afr-typography-size-micro);
  color: var(--afr-color-ink-faint); letter-spacing: var(--afr-typography-tracking-token);
}

.afr-page .afr-teaser[data-empty-teaser] { display: none !important; }