/* Product reference pages share ReadPlate's editorial palette and type. */
.feature-filters[hidden] { display: none; }
.facts-header { display: flex; align-items: center; gap: 24px; min-height: 100px; border-bottom: 1px solid var(--line); }
.facts-home-link { margin-inline-start: auto; font-size: 13px; }
.facts-header .site-language { flex-shrink: 0; }
.facts-main h1 { font-size: clamp(44px, 5.5vw, 78px); letter-spacing: -.065em; line-height: 1.1; max-width: 850px; }
.facts-main h2 { font-size: clamp(30px, 3.5vw, 48px); letter-spacing: -.055em; line-height: 1.15; text-wrap: balance; }
.facts-main h3 { font-size: 22px; letter-spacing: -.035em; line-height: 1.3; }
.facts-main p { line-height: 1.8; }
.facts-main section { scroll-margin-top: 28px; }
.facts-hero { padding-block: 80px 48px; }
.facts-hero .eyebrow { margin-bottom: 25px; }
.facts-intro { margin-block: 24px 32px; font-family: var(--serif); font-size: clamp(28px, 3vw, 42px); color: var(--muted); font-style: italic; }
.facts-index { display: flex; flex-wrap: wrap; gap: 8px 24px; font-size: 13px; padding-top: 24px; border-top: 1px solid var(--line); }
.facts-index a { padding-block: 8px; }
.facts-index a:hover, .facts-home-link:hover { text-decoration: underline; text-underline-offset: 5px; }
.facts-overview { padding-block: 38px 80px; }
.facts-app-name { font-size: 14px !important; font-weight: 650; letter-spacing: .02em !important; margin-bottom: 16px; }
.facts-definition { font-size: clamp(20px, 2vw, 27px); max-width: 890px; }
.facts-summary { margin-block: 36px 18px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-block: 1px solid var(--line); }
.facts-summary > div { padding-block: 22px 24px; padding-inline: 0 18px; }
.facts-summary > div + div { border-inline-start: 1px solid var(--line); padding-inline-start: 20px; }
.facts-summary dt { font-size: 11px; color: var(--muted); margin-bottom: 10px; }
.facts-summary dd { font-size: 14px; line-height: 1.6; margin: 0; }
.facts-date { font-size: 11px; color: var(--muted); }
.facts-fit { max-width: 780px; margin-top: 68px; }
.facts-fit > p { margin-top: 20px; }
.facts-note { font-size: 12px; color: var(--muted); line-height: 1.8; }
.facts-features { margin-top: 76px; }
.facts-features > h2 { margin-block: 18px 36px; max-width: 690px; }
.facts-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 44px; }
.facts-card { position: relative; border-top: 1px solid var(--line); padding-block: 26px 30px; }
.facts-number { color: var(--muted); font-size: 11px; display: block; margin-bottom: 22px; }
.facts-card h3 { margin-bottom: 14px; }
.facts-card p { font-size: 14px; max-width: 490px; }
.facts-links { display: flex; flex-wrap: wrap; gap: 18px 32px; margin-top: 30px; font-size: 13px; }
.facts-plan-band { background: #e6ecd9; padding-block: 76px; border-block: 1px solid #c3cfb5; }
.facts-plan-band h2 { margin-block: 18px 36px; }
.facts-table-scroll { overflow-x: auto; overscroll-behavior-inline: contain; }
.facts-table-scroll:focus-visible { outline: 2px solid var(--forest); outline-offset: 5px; }
.facts-table-scroll table { width: 100%; border-collapse: collapse; min-width: 650px; font-size: 13px; }
.facts-table-scroll caption { text-align: start; font-size: 13px; margin-bottom: 18px; }
.facts-table-scroll th, .facts-table-scroll td { text-align: start; border-bottom: 1px solid #c3cfb5; padding: 18px 22px; line-height: 1.6; }
.facts-table-scroll th:first-child, .facts-table-scroll td:first-child { padding-inline-start: 0; }
.facts-table-scroll thead th { font-weight: 750; }
.facts-table-scroll tbody th { font-weight: 500; width: 40%; }
.facts-plan-band .facts-note { margin-top: 22px; max-width: 900px; }
.facts-answers { padding-block: 80px; }
.facts-answers h2 { margin-block: 18px 36px; }
.facts-answers .faqs { max-width: 930px; }
.facts-answers details summary { font-size: 16px; line-height: 1.6; gap: 20px; }
.facts-answers details p { font-size: 14px; }
.facts-access { padding-block: 72px; background: #dee8ca; }
.facts-access h2 { margin-block: 18px 26px; }
.facts-access p { max-width: 800px; margin-bottom: 20px; font-size: 14px; }
.facts-access .button { margin-top: 12px; background: var(--forest); color: var(--paper); }
.facts-footer { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; padding-block: 34px; }
.facts-footer p { font-size: 11px; flex: 1; line-height: 1.7; }
.facts-footer nav { display: flex; gap: 20px; font-size: 12px; }
html:lang(ar) .facts-main :is(h1, h2, h3) { letter-spacing: normal; line-height: 1.4; }
html:lang(ar) .facts-intro { font-style: normal; }
.facts-main :is(h1, h2, h3, p, dd, th, td) { overflow-wrap: anywhere; }
@media (max-width: 800px) {
  .facts-header { min-height: 84px; gap: 14px; flex-wrap: wrap; padding-block: 18px; }
  .facts-home-link { display: none; }
  .facts-header .site-language { margin-inline-start: auto; }
  .facts-hero { padding-block: 46px 26px; }
  .facts-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .facts-summary > div { padding-inline: 0 16px; }
  .facts-summary > div:nth-child(3) { border-inline-start: 0; padding-inline-start: 0; }
  .facts-summary > div:nth-child(n+3) { border-top: 1px solid var(--line); }
  .facts-card-grid { gap: 0 28px; }
  .facts-answers, .facts-plan-band { padding-block: 48px; }
  .facts-fit, .facts-features { margin-top: 48px; }
}
@media (max-width: 600px) {
  .facts-header .wordmark { font-size: 22px; }
  .facts-header .site-language > span { display: none; }
  .facts-header .site-language select { max-width: 108px; }
  .facts-card-grid { grid-template-columns: 1fr; }
  .facts-overview { padding-bottom: 48px; }
  .facts-table-scroll table { min-width: 590px; }
  .facts-table-scroll th, .facts-table-scroll td { padding: 14px 16px; }
  .facts-footer { align-items: flex-start; }
  .facts-footer p { flex-basis: 100%; order: 3; }
  .facts-footer nav { margin-inline-start: auto; }
}