/* ───────────── every form factor: phones from 320 px, foldables (cover, open, book posture), tablets, desktops ─────────────
   rules_design_review, 28-Oct-2026. The viewport meta carries viewport-fit=cover; see directory-blueprint/design/FOLD-LAYER.md. */

/* nothing wider than the screen: a long name breaks inside its heading; below 380 px the word mark and the gaps give way so the
   search and light/dark buttons stay on the screen (13 px off at 320); device rows may shrink */
h1, h2, h3 { overflow-wrap: anywhere; }
@media (max-width: 380px) { .bar-in { gap: 10px; } .word { gap: 7px; } .word svg { width: 28px; height: 28px; } .word b { font-size: .86rem; } .bar-end { gap: 6px; } }
.dev-row, .dev-main > * { min-width: 0; }
.dev-main > * { overflow-wrap: anywhere; }
.makers-list li, .makers-list a { min-width: 0; overflow-wrap: anywhere; }   /* a long maker name ran 8 px past the list at 320 */

/* the bar never sticks (the owner's standing rule: no sticky header on any site) */
.bar { position: relative; }

/* safe areas: notches, rounded corners and the home bar */
.bar .wrap, .foot .wrap, .wrap { padding-left: max(20px, env(safe-area-inset-left)); padding-right: max(20px, env(safe-area-inset-right)); }
@media (max-width: 640px) { .bar .wrap, .foot .wrap, .wrap { padding-left: max(16px, env(safe-area-inset-left)); padding-right: max(16px, env(safe-area-inset-right)); } }
.foot { padding-bottom: max(28px, env(safe-area-inset-bottom)); }

@media (max-width: 520px) { .bar-cta { display: none !important; } }

/* touch: every target at least 44 px (links inside sentences excepted) */
@media (pointer: coarse) {
  .icon-btn { width: 44px; height: 44px; }
  .word, .btn { min-height: 44px; }
  .bar-cta { display: inline-block; padding-top: 13px; padding-bottom: 13px; }
  .strip a { display: inline-flex; align-items: center; min-height: 44px; }
  .foot ul { gap: 0; }
  .foot ul a, .foot-base a { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; }
  details > summary { display: flex; align-items: center; min-height: 44px; }
  .crumbs a, .src a, .sec-head a, .style-more { display: inline-block; padding-block: 12px; margin-block: -12px; }
  .makers-list li > a { display: block; padding-block: 12px; }
  .story-sec { display: inline-block; padding-block: 16px; margin-block: -16px; }
  .term-switch button { min-height: 44px; }
}

/* book posture (a foldable half-open like a book): nothing across the fold */
@media (horizontal-viewport-segments: 2) {
  :root { --seg0: env(viewport-segment-width 0 0, 50vw); --fold-gap: calc(env(viewport-segment-left 1 0, 0px) - env(viewport-segment-right 0 0, 0px) + 32px); --fold-page: calc(var(--seg0) - 32px); }
  .foot-top { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--fold-gap); }
}

/* ── v2 (28-Oct-2026 afternoon; helper 34 for lead 68): what the full 45-viewport run left — small touch targets, and text across the
   fold in book posture (bin/hinge.mjs --leaf at 954×859 and 626×890). Ad slots (.google-auto-placed included) are left as they are. ── */
@media (pointer: coarse) {
  .style-card li > a, .side-list li > a { display: flex; align-items: center; min-height: 44px; }
  .story-body > h3 > a, .vs-words > a, .meta-line > a, .sec > p.small > a, .head p.small > a { display: inline-block; padding-block: 12px; margin-block: -12px; }
  .sec-head a, p.small > a { min-width: 44px; }
  .src a { padding-block: 13px; margin-block: -13px; }             /* v1's 12 px left a 43.6 px box */
  .story-sec { padding-block: 17px; margin-block: -17px; }          /* v1's 16 px left 43 px */
  .tools select, .tools input, .order-box input, a.skip { min-height: 44px; }
}
@media (horizontal-viewport-segments: 2) {
  /* grids and lists: one column on each page */
  .grid, .groups-grid, .register, .ranking, .rounds, .how, .plans { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--fold-gap); }
  .plans > * { grid-column: auto; }
  /* two-part heads and detail bodies: the words on the left page, the picture / side column on the right */
  .two, .house-body, .app-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--fold-gap); }
  /* the hero and a brand's head carry Astro-scoped columns (.x[data-astro-cid-…], 0,2,0): named with their parents to win */
  .band .wrap.hero-in { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--fold-gap); }
  .wrap > .house-head.tray { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--fold-gap); }
  /* the home's style cards and other card grids under a section carry their own scoped columns too */
  .sec > .grid.styles, section.sec > div.grid, .wrap > div.grid { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--fold-gap); }
  /* an app's head keeps its icon beside its words, all on the left page */
  .wrap > .app-head.tray { max-width: var(--fold-page); margin-left: 0; margin-right: auto; }
  /* single text blocks, forms and tables in their scroll box: the left page */
  .head, .vs-title, .prose, .wrap > p, .sec > h2, .sec > p, .sec-head, .faq, .tools, .table-wrap, .ruler-note, .chips, .foot .foot-brand > p, .foot-base > *
    { max-width: var(--fold-page); margin-left: 0; margin-right: auto; }
  /* the vendor page's head carries max-width:560px in a style attribute; the ruler's note sits inside the tray's padding */
  .wrap > .head { max-width: var(--fold-page); margin-left: 0; margin-right: auto; }
  .wrap > section.head[style] { max-width: var(--fold-page) !important; margin-left: 0; margin-right: auto; }   /* style="max-width:560px" */
  figure.ruler .ruler-note { max-width: calc(var(--fold-page) - 40px); }
  /* the section strip scrolls sideways; in book posture its links wrap on the left page */
  .strip .strip-in { flex-wrap: wrap; overflow-x: visible; max-width: var(--fold-page); margin-left: 0; margin-right: auto; }
  /* the estate's network box carries its size and centring in a style attribute */
  aside.ym-net { max-width: var(--fold-page) !important; margin-left: 0 !important; margin-right: auto !important; }
}
/* the WordPress posts (theme watchranker-movement): the crumbs and the section links get 44 px boxes in place; in book posture the post
   column (head, words, next/previous) reads on the left page. Links inside the post's sentences are left as they are. */
@media (pointer: coarse) {
  .mv-crumbs a { display: inline-block; padding-block: 11px; margin-block: -11px; }
  a.mv-sec { display: inline-block; padding-block: 17px; margin-block: -17px; }
  a.mv-kicker { display: inline-block; padding-block: 16px; margin-block: -16px; }
  .mv-card-title a { display: inline-block; padding-block: 11px; margin-block: -11px; }
  #ez-toc-container .ez-toc-title-toggle a { min-height: 44px; min-width: 44px; }   /* the contents box's toggle (plugin) */
}
@media (horizontal-viewport-segments: 2) {
  .mv-story > .mv-col { max-width: var(--fold-page); margin-left: 0; margin-right: auto; }
}

/* ── v3 (29-Oct-2026): touch on a 1024 px tablet. The bar's section links and the links in tables were 40 px tall: the bar's links get
   an invisible 44 px tap area (nothing moves), a table link 2 px of padding with the same negative margin ── */
@media (pointer: coarse) {
  :root nav.nav > a { position: relative; }
  :root nav.nav > a::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: max(100%, 44px); transform: translateY(-50%); }
  :root main td > a { display: inline-block; padding-block: 2px; margin-block: -2px; }
}

/* ── v4 (29-Oct-2026) ── */
/* book posture on a WordPress archive (category, tag, author: theme watchranker-movement's .mv-list): the list (head, lead card,
   cards) reads on the left page and the side column (its widgets as they are) on the right page; posts keep v2's left-page column */
@media (horizontal-viewport-segments: 2) {
  :root .wrap.mv-list { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--fold-gap); align-items: start; }
  :root .wrap.mv-list > .mv-col, :root .wrap.mv-list > .mv-side { min-width: 0; width: auto; max-width: none; margin-left: 0; margin-right: 0; }
}
/* CLS from the web-font swap (#1125): Archivo Variable loads with font-display: swap after the first paint and re-wraps an app page's
   heads (/apps/*/ and /apps/*/pricing/ CLS 0.35–0.37 at 1024, the home 0.02 at 1280). Until it loads, text sets in Arial scaled to its
   metrics per weight and width ("Archivo Variable fb", bin/font-fb.mjs on 5 page types; each face covers only Archivo's own ranges), so
   the swap moves nothing (0.0001–0.0002). Once the font is in, nothing changes (Archivo first). */
/* Archivo Variable 400 100% normal: 25212 chars */
@font-face { font-family: "Archivo Variable fb"; font-weight: 400; font-stretch: 100%; font-style: normal; unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1D00-1DBF, U+1E00-1EFF, U+2000-206F, U+20A0-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; src: local("Arial"), local("ArialMT"); size-adjust: 98.13%; ascent-override: 89.68%; descent-override: 21.40%; line-gap-override: 0%; }
/* Archivo Variable 700 100% normal: 1321 chars */
@font-face { font-family: "Archivo Variable fb"; font-weight: 700; font-stretch: 100%; font-style: normal; unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1D00-1DBF, U+1E00-1EFF, U+2000-206F, U+20A0-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; src: local("Arial Bold"), local("Arial-BoldMT"); size-adjust: 98.57%; ascent-override: 89.28%; descent-override: 21.31%; line-gap-override: 0%; }
/* Archivo Variable 600 100% normal: 716 chars */
@font-face { font-family: "Archivo Variable fb"; font-weight: 600; font-stretch: 100%; font-style: normal; unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1D00-1DBF, U+1E00-1EFF, U+2000-206F, U+20A0-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; src: local("Arial Bold"), local("Arial-BoldMT"); size-adjust: 95.71%; ascent-override: 91.95%; descent-override: 21.94%; line-gap-override: 0%; }
/* Archivo Variable 650 100% normal: 565 chars */
@font-face { font-family: "Archivo Variable fb"; font-weight: 650; font-stretch: 100%; font-style: normal; unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1D00-1DBF, U+1E00-1EFF, U+2000-206F, U+20A0-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; src: local("Arial Bold"), local("Arial-BoldMT"); size-adjust: 97.14%; ascent-override: 90.59%; descent-override: 21.62%; line-gap-override: 0%; }
/* Archivo Variable 720 106% normal: 500 chars */
@font-face { font-family: "Archivo Variable fb"; font-weight: 720; font-stretch: 106%; font-style: normal; unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1D00-1DBF, U+1E00-1EFF, U+2000-206F, U+20A0-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; src: local("Arial Bold"), local("Arial-BoldMT"); size-adjust: 105.81%; ascent-override: 83.17%; descent-override: 19.85%; line-gap-override: 0%; }
/* Archivo Variable 800 100% normal: 497 chars */
@font-face { font-family: "Archivo Variable fb"; font-weight: 800; font-stretch: 100%; font-style: normal; unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1D00-1DBF, U+1E00-1EFF, U+2000-206F, U+20A0-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; src: local("Arial Bold"), local("Arial-BoldMT"); size-adjust: 102.85%; ascent-override: 85.56%; descent-override: 20.42%; line-gap-override: 0%; }
/* Archivo Variable 760 112% normal: 449 chars */
@font-face { font-family: "Archivo Variable fb"; font-weight: 760; font-stretch: 112%; font-style: normal; unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1D00-1DBF, U+1E00-1EFF, U+2000-206F, U+20A0-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; src: local("Arial Bold"), local("Arial-BoldMT"); size-adjust: 113.70%; ascent-override: 77.40%; descent-override: 18.47%; line-gap-override: 0%; }
/* Archivo Variable 720 104% normal: 440 chars */
@font-face { font-family: "Archivo Variable fb"; font-weight: 720; font-stretch: 104%; font-style: normal; unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1D00-1DBF, U+1E00-1EFF, U+2000-206F, U+20A0-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; src: local("Arial Bold"), local("Arial-BoldMT"); size-adjust: 103.68%; ascent-override: 84.88%; descent-override: 20.25%; line-gap-override: 0%; }
/* Archivo Variable 700 118% normal: 408 chars */
@font-face { font-family: "Archivo Variable fb"; font-weight: 700; font-stretch: 118%; font-style: normal; unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1D00-1DBF, U+1E00-1EFF, U+2000-206F, U+20A0-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; src: local("Arial Bold"), local("Arial-BoldMT"); size-adjust: 117.88%; ascent-override: 74.65%; descent-override: 17.81%; line-gap-override: 0%; }
/* Archivo Variable 700 125% normal: 389 chars */
@font-face { font-family: "Archivo Variable fb"; font-weight: 700; font-stretch: 125%; font-style: normal; unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1D00-1DBF, U+1E00-1EFF, U+2000-206F, U+20A0-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; src: local("Arial Bold"), local("Arial-BoldMT"); size-adjust: 125.40%; ascent-override: 70.18%; descent-override: 16.75%; line-gap-override: 0%; }
/* Archivo Variable 760 125% normal: 286 chars */
@font-face { font-family: "Archivo Variable fb"; font-weight: 760; font-stretch: 125%; font-style: normal; unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1D00-1DBF, U+1E00-1EFF, U+2000-206F, U+20A0-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; src: local("Arial Bold"), local("Arial-BoldMT"); size-adjust: 127.30%; ascent-override: 69.13%; descent-override: 16.50%; line-gap-override: 0%; }
/* Archivo Variable 900 108% normal: 207 chars */
@font-face { font-family: "Archivo Variable fb"; font-weight: 900; font-stretch: 108%; font-style: normal; unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1D00-1DBF, U+1E00-1EFF, U+2000-206F, U+20A0-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; src: local("Arial Bold"), local("Arial-BoldMT"); size-adjust: 116.59%; ascent-override: 75.48%; descent-override: 18.01%; line-gap-override: 0%; }
/* Archivo Variable 780 110% normal: 157 chars */
@font-face { font-family: "Archivo Variable fb"; font-weight: 780; font-stretch: 110%; font-style: normal; unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1D00-1DBF, U+1E00-1EFF, U+2000-206F, U+20A0-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; src: local("Arial Bold"), local("Arial-BoldMT"); size-adjust: 112.37%; ascent-override: 78.31%; descent-override: 18.69%; line-gap-override: 0%; }
/* Archivo Variable 720 100% normal: 147 chars */
@font-face { font-family: "Archivo Variable fb"; font-weight: 720; font-stretch: 100%; font-style: normal; unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1D00-1DBF, U+1E00-1EFF, U+2000-206F, U+20A0-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; src: local("Arial Bold"), local("Arial-BoldMT"); size-adjust: 99.42%; ascent-override: 88.51%; descent-override: 21.12%; line-gap-override: 0%; }
/* Archivo Variable 800 112% normal: 124 chars */
@font-face { font-family: "Archivo Variable fb"; font-weight: 800; font-stretch: 112%; font-style: normal; unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1D00-1DBF, U+1E00-1EFF, U+2000-206F, U+20A0-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; src: local("Arial Bold"), local("Arial-BoldMT"); size-adjust: 115.20%; ascent-override: 76.39%; descent-override: 18.23%; line-gap-override: 0%; }
/* Archivo Variable 650 118% normal: 114 chars */
@font-face { font-family: "Archivo Variable fb"; font-weight: 650; font-stretch: 118%; font-style: normal; unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1D00-1DBF, U+1E00-1EFF, U+2000-206F, U+20A0-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; src: local("Arial Bold"), local("Arial-BoldMT"); size-adjust: 116.72%; ascent-override: 75.39%; descent-override: 17.99%; line-gap-override: 0%; }
/* Archivo Variable 740 100% normal: 113 chars */
@font-face { font-family: "Archivo Variable fb"; font-weight: 740; font-stretch: 100%; font-style: normal; unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1D00-1DBF, U+1E00-1EFF, U+2000-206F, U+20A0-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; src: local("Arial Bold"), local("Arial-BoldMT"); size-adjust: 100.28%; ascent-override: 87.75%; descent-override: 20.94%; line-gap-override: 0%; }
/* Archivo Variable 820 125% normal: 110 chars */
@font-face { font-family: "Archivo Variable fb"; font-weight: 820; font-stretch: 125%; font-style: normal; unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1D00-1DBF, U+1E00-1EFF, U+2000-206F, U+20A0-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; src: local("Arial Bold"), local("Arial-BoldMT"); size-adjust: 129.46%; ascent-override: 67.97%; descent-override: 16.22%; line-gap-override: 0%; }
/* Archivo Variable 750 100% normal: 50 chars */
@font-face { font-family: "Archivo Variable fb"; font-weight: 750; font-stretch: 100%; font-style: normal; unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1D00-1DBF, U+1E00-1EFF, U+2000-206F, U+20A0-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; src: local("Arial Bold"), local("Arial-BoldMT"); size-adjust: 100.71%; ascent-override: 87.38%; descent-override: 20.85%; line-gap-override: 0%; }
/* Archivo Variable 820 118% normal: 36 chars */
@font-face { font-family: "Archivo Variable fb"; font-weight: 820; font-stretch: 118%; font-style: normal; unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1D00-1DBF, U+1E00-1EFF, U+2000-206F, U+20A0-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; src: local("Arial Bold"), local("Arial-BoldMT"); size-adjust: 122.35%; ascent-override: 71.93%; descent-override: 17.16%; line-gap-override: 0%; }
/* Archivo Variable 820 112% normal: 36 chars */
@font-face { font-family: "Archivo Variable fb"; font-weight: 820; font-stretch: 112%; font-style: normal; unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1D00-1DBF, U+1E00-1EFF, U+2000-206F, U+20A0-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; src: local("Arial Bold"), local("Arial-BoldMT"); size-adjust: 116.25%; ascent-override: 75.70%; descent-override: 18.06%; line-gap-override: 0%; }
/* Archivo Variable 800 118% normal: 34 chars */
@font-face { font-family: "Archivo Variable fb"; font-weight: 800; font-stretch: 118%; font-style: normal; unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1D00-1DBF, U+1E00-1EFF, U+2000-206F, U+20A0-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; src: local("Arial Bold"), local("Arial-BoldMT"); size-adjust: 121.37%; ascent-override: 72.50%; descent-override: 17.30%; line-gap-override: 0%; }
/* Archivo Variable 800 110% normal: 27 chars */
@font-face { font-family: "Archivo Variable fb"; font-weight: 800; font-stretch: 110%; font-style: normal; unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1D00-1DBF, U+1E00-1EFF, U+2000-206F, U+20A0-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; src: local("Arial Bold"), local("Arial-BoldMT"); size-adjust: 113.14%; ascent-override: 77.78%; descent-override: 18.56%; line-gap-override: 0%; }
/* Archivo Variable 800 125% normal: 20 chars */
@font-face { font-family: "Archivo Variable fb"; font-weight: 800; font-stretch: 125%; font-style: normal; unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1D00-1DBF, U+1E00-1EFF, U+2000-206F, U+20A0-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; src: local("Arial Bold"), local("Arial-BoldMT"); size-adjust: 128.57%; ascent-override: 68.44%; descent-override: 16.33%; line-gap-override: 0%; }
/* Archivo Variable 500 100% normal: 17 chars */
@font-face { font-family: "Archivo Variable fb"; font-weight: 500; font-stretch: 100%; font-style: normal; unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1D00-1DBF, U+1E00-1EFF, U+2000-206F, U+20A0-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; src: local("Arial"), local("ArialMT"); size-adjust: 99.59%; ascent-override: 88.36%; descent-override: 21.09%; line-gap-override: 0%; }
/* Archivo Variable 780 125% normal: 12 chars */
@font-face { font-family: "Archivo Variable fb"; font-weight: 780; font-stretch: 125%; font-style: normal; unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1D00-1DBF, U+1E00-1EFF, U+2000-206F, U+20A0-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; src: local("Arial Bold"), local("Arial-BoldMT"); size-adjust: 127.94%; ascent-override: 68.78%; descent-override: 16.41%; line-gap-override: 0%; }
/* Archivo Variable 400 100% italic: 10 chars */
@font-face { font-family: "Archivo Variable fb"; font-weight: 400; font-stretch: 100%; font-style: italic; unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1D00-1DBF, U+1E00-1EFF, U+2000-206F, U+20A0-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; src: local("Arial"), local("ArialMT"); size-adjust: 98.13%; ascent-override: 89.68%; descent-override: 21.40%; line-gap-override: 0%; }
/* Archivo Variable 900 100% normal: 10 chars */
@font-face { font-family: "Archivo Variable fb"; font-weight: 900; font-stretch: 100%; font-style: normal; unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1D00-1DBF, U+1E00-1EFF, U+2000-206F, U+20A0-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; src: local("Arial Bold"), local("Arial-BoldMT"); size-adjust: 108.85%; ascent-override: 80.84%; descent-override: 19.29%; line-gap-override: 0%; }
/* Archivo Variable 820 108% normal: 8 chars */
@font-face { font-family: "Archivo Variable fb"; font-weight: 820; font-stretch: 108%; font-style: normal; unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1D00-1DBF, U+1E00-1EFF, U+2000-206F, U+20A0-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; src: local("Arial Bold"), local("Arial-BoldMT"); size-adjust: 112.18%; ascent-override: 78.44%; descent-override: 18.72%; line-gap-override: 0%; }
:root { --wide: "Archivo Variable", "Archivo Variable fb", "Archivo", system-ui, sans-serif; }
:root { --text: "Archivo Variable", "Archivo Variable fb", "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif; }