@layer reset, base, components, utilities;

    @layer reset {
      html { box-sizing: border-box; }
      *, *::before, *::after { box-sizing: inherit; }
      body, h1, h2, h3, p, ul { margin: 0; }
      ul { padding: 0; list-style: none; }
      img { display: block; max-inline-size: 100%; }
      button, a { font: inherit; }
    }

    @layer base {
      :root {
        --ink: #1a1a1e;
        --ink-soft: #6c6d78;
        --forest: #1a5c3a;
        --forest-deep: #144a2f;
        --mint: #e8f1ec;
        --lime: #dcebe2;
        --paper: #ffffff;
        --surface: #ffffff;
        --line: #e0e1e4;
        --warm: #f5f6f8;
        --danger-soft: #fff1ed;
        --danger: #8c392d;
        --radius-sm: 0.7rem;
        --radius-md: 1rem;
        --radius-lg: 1.5rem;
        --shadow: 0 0.25rem 1.5rem rgb(26 92 58 / 18%);
        color-scheme: light;
        font-family: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;
        color: var(--ink);
        background: var(--paper);
        scroll-behavior: smooth;
        scroll-padding-block-start: 6rem;
      }

      body {
        min-inline-size: 20rem;
        background: var(--paper);
        font-size: 1rem;
        line-height: 1.55;
        -webkit-font-smoothing: antialiased;
      }

      a { color: inherit; }

      :where(a, button):focus-visible {
        outline: 0.2rem solid var(--forest);
        outline-offset: 0.25rem;
      }

      h1, h2, h3 { text-wrap: balance; }
      p { text-wrap: pretty; }
    }

    @layer components {
      .skip-link {
        position: fixed;
        z-index: 100;
        inset-block-start: 0.75rem;
        inset-inline-start: 0.75rem;
        padding: 0.65rem 0.9rem;
        color: white;
        background: var(--ink);
        border-radius: var(--radius-sm);
        transform: translateY(-180%);
      }

      .skip-link:focus { transform: translateY(0); }

      .shell {
        inline-size: min(100% - 2.5rem, 73rem);
        margin-inline: auto;
      }

      .site-header {
        position: sticky;
        z-index: 20;
        inset-block-start: 0;
        border-block-end: 0.0625rem solid rgb(23 26 24 / 8%);
        background: rgb(251 252 250 / 88%);
        backdrop-filter: blur(1rem);
      }

      .nav {
        display: flex;
        min-block-size: 4.75rem;
        align-items: center;
        gap: 1.5rem;
      }

      .brand {
        display: inline-flex;
        align-items: center;
        gap: 0.7rem;
        margin-inline-end: auto;
        font-weight: 800;
        letter-spacing: -0.03em;
        text-decoration: none;
      }

      .brand img {
        inline-size: 2.5rem;
        block-size: 2.5rem;
        border-radius: 0.7rem;
      }

      .nav-links { display: flex; align-items: center; gap: 1.5rem; }
      .nav-links a { color: var(--ink-soft); font-size: 0.9rem; font-weight: 600; text-decoration: none; }
      .nav-links a:hover { color: var(--forest); }

      .button {
        display: inline-flex;
        min-block-size: 3rem;
        align-items: center;
        justify-content: center;
        padding: 0.7rem 1.15rem;
        border: 0.0625rem solid var(--forest);
        border-radius: 1rem;
        color: white;
        background: var(--forest);
        box-shadow: 0 0.8rem 2rem rgb(21 91 59 / 14%);
        font-weight: 700;
        text-decoration: none;
        transition: background-color 160ms ease, transform 160ms ease;
      }

      .button:hover { background: var(--forest-deep); transform: translateY(-0.08rem); }
      .button--quiet { color: var(--ink); background: transparent; border-color: var(--line); box-shadow: none; }
      .button--quiet:hover { background: var(--surface); }
      .button--small { min-block-size: 2.6rem; padding: 0.55rem 0.9rem; font-size: 0.9rem; }

      .hero { padding-block: clamp(4rem, 8vw, 7.5rem) 5rem; }

      .hero-grid {
        display: grid;
        grid-template-columns: minmax(0, 1.05fr) minmax(25rem, 0.95fr);
        align-items: center;
        gap: clamp(3rem, 7vw, 6rem);
      }

      .eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 0.65rem;
        margin-block-end: 1.25rem;
        color: var(--forest);
        font-size: 0.77rem;
        font-weight: 800;
        letter-spacing: 0.1em;
        text-transform: uppercase;
      }

      .eyebrow::before { content: ""; inline-size: 1.65rem; block-size: 0.13rem; background: currentColor; }

      h1 {
        max-inline-size: 14ch;
        font-size: clamp(2.65rem, 5.7vw, 5.35rem);
        line-height: 0.99;
        letter-spacing: -0.058em;
      }

      h1 em {
        color: var(--forest);
        font-family: inherit;
        font-size: inherit;
        font-style: normal;
        font-weight: inherit;
        letter-spacing: inherit;
      }

      .hero-lead {
        max-inline-size: 39rem;
        margin-block-start: 1.75rem;
        color: var(--ink-soft);
        font-size: clamp(1.08rem, 2vw, 1.28rem);
      }

      .hero-lead strong { color: var(--ink); }
      .hero-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-block-start: 1.75rem; }
      .microcopy { margin-block-start: 0.9rem; color: var(--ink-soft); font-size: 0.82rem; }

      .connection-card {
        position: relative;
        display: flex;
        min-block-size: 30rem;
        flex-direction: column;
        padding: clamp(1.25rem, 3vw, 2rem);
        overflow: hidden;
        border: 0.0625rem solid var(--line);
        border-radius: var(--radius-lg);
        background: var(--surface);
        box-shadow: var(--shadow);
      }

      .connection-card::before {
        position: absolute;
        inset: 50% auto auto 50%;
        inline-size: 20rem;
        aspect-ratio: 1;
        border-radius: 50%;
        background: radial-gradient(circle, rgb(26 92 58 / 17%), rgb(26 92 58 / 0%) 68%);
        content: "";
        transform: translate(-50%, -50%);
      }

      .card-kicker { color: var(--ink-soft); font-size: 0.7rem; font-weight: 700; line-height: 1.2; letter-spacing: 0.08em; text-transform: uppercase; }

      .bridge-map {
        position: relative;
        z-index: 1;
        display: grid;
        min-block-size: 21rem;
        flex: 1;
        grid-template-columns: minmax(0, 1fr) 6.5rem minmax(0, 1fr);
        align-items: center;
        gap: 1rem;
        margin-block: 1rem 0.5rem;
      }

      .bridge-track {
        position: absolute;
        z-index: 0;
        inset: 50% 14% auto;
        block-size: 0.125rem;
        overflow: hidden;
        background: rgb(26 92 58 / 20%);
        transform: translateY(-50%);
      }

      .bridge-track::after {
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, transparent, var(--forest) 42%, var(--forest) 58%, transparent);
        content: "";
        opacity: 0.8;
        transform: scaleX(0.08);
        animation: bridge-wave 2.8s ease-in-out infinite;
      }

      .bridge-side {
        position: relative;
        z-index: 1;
        display: grid;
        justify-items: center;
        gap: 0.75rem;
      }

      .bridge-side__label {
        color: var(--ink-soft);
        font-size: 0.68rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .bridge-icons {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.65rem;
      }

      .bridge-icon {
        display: grid;
        inline-size: 3.8rem;
        block-size: 3.8rem;
        place-items: center;
        padding: 0.65rem;
        border: 0.0625rem solid var(--line);
        border-radius: 1rem;
        background: var(--paper);
        box-shadow: 0 0.5rem 1.5rem rgb(20 74 47 / 9%);
      }

      .bridge-icon img {
        inline-size: 100%;
        block-size: 100%;
        object-fit: contain;
      }

      .bridge-icon--openai { inline-size: 5.2rem; padding-inline: 0.7rem; }
      .bridge-icon--openai img { block-size: auto; }
      .bridge-icon svg { inline-size: 1.9rem; block-size: 1.9rem; fill: none; stroke: var(--forest); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }

      .bridge-core {
        position: relative;
        z-index: 2;
        display: grid;
        justify-items: center;
        gap: 0.65rem;
      }

      .bridge-core__logo {
        display: grid;
        inline-size: 6.5rem;
        aspect-ratio: 1;
        place-items: center;
        padding: 0.6rem;
        border: 0.15rem solid var(--forest);
        border-radius: 1.65rem;
        background: white;
      }

      .bridge-core__logo img { inline-size: 100%; block-size: 100%; border-radius: 1.05rem; }
      .bridge-core strong { color: var(--forest-deep); font-size: 0.85rem; }
      .card-note { position: relative; z-index: 1; max-inline-size: 34rem; margin: 0 auto; color: var(--ink-soft); font-size: 0.82rem; text-align: center; }

      @keyframes bridge-wave {
        0%, 100% { opacity: 0.2; transform: scaleX(0.08); }
        50% { opacity: 0.9; transform: scaleX(1); }
      }

      @keyframes bridge-wave-y {
        0%, 100% { opacity: 0.2; transform: scaleY(0.08); }
        50% { opacity: 0.9; transform: scaleY(1); }
      }

      .connector-explainer {
        padding-block: clamp(4.5rem, 8vw, 7rem);
        background: var(--warm);
      }

      .explainer-top {
        display: grid;
        grid-template-columns: minmax(0, 0.9fr) minmax(25rem, 1.1fr);
        align-items: start;
        gap: clamp(2.5rem, 7vw, 6rem);
      }

      .explainer-title h2 {
        max-inline-size: 11ch;
        font-size: clamp(2rem, 4.5vw, 3.8rem);
        line-height: 1.05;
        letter-spacing: -0.047em;
      }

      .explainer-title > p:last-child {
        max-inline-size: 35rem;
        margin-block-start: 1.2rem;
        color: var(--ink-soft);
        font-size: 1.08rem;
      }

      .explainer-definition {
        overflow: clip;
        border: 0.0625rem solid var(--line);
        border-radius: var(--radius-lg);
        background: var(--surface);
        box-shadow: var(--shadow);
      }

      .definition-row {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 1rem;
        padding: clamp(1.25rem, 3vw, 1.75rem);
      }

      .definition-row + .definition-row { border-block-start: 0.0625rem solid var(--line); }
      .definition-row--active { background: var(--mint); }

      .definition-mark {
        display: grid;
        inline-size: 2.35rem;
        block-size: 2.35rem;
        place-items: center;
        border-radius: 0.75rem;
        color: var(--ink-soft);
        background: var(--warm);
        font-weight: 700;
      }

      .definition-row--active .definition-mark { color: white; background: var(--forest); }
      .definition-row strong { display: block; font-size: 1.05rem; }
      .definition-row p { margin-block-start: 0.3rem; color: var(--ink-soft); }

      .capabilities-title {
        margin-block: 2.75rem 1.15rem;
        color: var(--forest-deep);
        font-size: 0.76rem;
        font-weight: 700;
        letter-spacing: 0.09em;
        text-transform: uppercase;
      }

      .capability-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
        gap: 0.75rem;
      }

      .capability-card {
        min-block-size: 9.5rem;
        padding: 1.2rem;
        border: 0.0625rem solid var(--line);
        border-radius: var(--radius-md);
        background: var(--surface);
      }

      .capability-card::before {
        display: block;
        inline-size: 0.55rem;
        aspect-ratio: 1;
        margin-block-end: 1rem;
        border-radius: 50%;
        background: var(--forest);
        content: "";
      }

      .capability-card h3 { font-size: 1.02rem; letter-spacing: -0.02em; }
      .capability-card p { margin-block-start: 0.4rem; color: var(--ink-soft); font-size: 0.88rem; }

      .manifesto { padding-block: 1.25rem 5rem; }

      .manifesto-box {
        display: grid;
        grid-template-columns: 0.75fr 1.25fr;
        gap: clamp(2rem, 7vw, 6rem);
        padding: clamp(2rem, 5vw, 4rem);
        border-radius: var(--radius-lg);
        color: white;
        background: var(--forest-deep);
      }

      .manifesto-label { color: var(--lime); font-size: 0.78rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
      .manifesto h2 { margin-block-start: 0.8rem; font-size: clamp(2rem, 4vw, 3.6rem); line-height: 1.02; letter-spacing: -0.05em; }
      .manifesto-copy { display: grid; align-content: center; gap: 1rem; color: rgb(255 255 255 / 76%); font-size: clamp(1rem, 2vw, 1.16rem); }
      .manifesto-copy strong { color: white; }

      .section { padding-block: clamp(4.5rem, 8vw, 7rem); }
      .section--soft { background: var(--mint); }

      .section-head {
        display: grid;
        grid-template-columns: minmax(0, 0.8fr) minmax(18rem, 0.65fr);
        justify-content: space-between;
        gap: 2rem;
        align-items: end;
        margin-block-end: 2.5rem;
      }

      .section-head h2 { font-size: clamp(2rem, 4.5vw, 3.8rem); line-height: 1.05; letter-spacing: -0.047em; }
      .section-head p { color: var(--ink-soft); font-size: 1.05rem; }

      .scope-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); gap: 1rem; }

      .scope-card {
        padding: clamp(1.4rem, 3vw, 2rem);
        border: 0.0625rem solid var(--line);
        border-radius: var(--radius-md);
        background: var(--surface);
      }

      .scope-icon { display: grid; inline-size: 2.6rem; aspect-ratio: 1; place-items: center; border-radius: 0.8rem; color: white; background: var(--forest); font-weight: 800; }
      .scope-icon svg { inline-size: 1.35rem; block-size: 1.35rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
      .scope-card h3 { margin-block-start: 1.1rem; font-size: 1.4rem; letter-spacing: -0.03em; }
      .scope-card > p { margin-block-start: 0.5rem; color: var(--ink-soft); }
      .scope-list { display: grid; gap: 0.8rem; margin-block-start: 1.4rem; }
      .scope-list li { display: grid; grid-template-columns: 1.2rem 1fr; gap: 0.65rem; align-items: start; }
      .scope-list li::before { content: "✓"; color: var(--forest); font-weight: 800; }

      .how-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); gap: 1rem; }
      .how-card { padding: 1.6rem; border-block-start: 0.13rem solid var(--ink); }
      .how-card span { color: var(--forest); font-size: 0.75rem; font-weight: 700; line-height: 1.2; letter-spacing: 0.06em; }
      .how-card h3 { margin-block-start: 1.2rem; font-size: 1.3rem; letter-spacing: -0.03em; }
      .how-card p { margin-block-start: 0.55rem; color: var(--ink-soft); }
      .section-action { display: flex; justify-content: center; margin-block-start: 2rem; }

      .pricing-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; align-items: stretch; }

      .price-card {
        display: flex;
        min-block-size: 26rem;
        flex-direction: column;
        padding: 1.6rem;
        border: 0.0625rem solid var(--line);
        border-radius: var(--radius-md);
        background: var(--surface);
      }

      .price-card--main { border-color: var(--forest); box-shadow: var(--shadow); }
      .price-badge { align-self: flex-start; padding: 0.3rem 0.55rem; border-radius: 99rem; color: var(--forest-deep); background: var(--lime); font-size: 0.7rem; font-weight: 800; }
      .price-card h3 { margin-block-start: 1rem; font-size: 1.35rem; }
      .price { margin-block-start: 1rem; font-size: 2.5rem; font-weight: 700; letter-spacing: -0.045em; line-height: 1; }
      .price small { color: var(--ink-soft); font-size: 0.85rem; font-weight: 500; letter-spacing: normal; }
      .price-card p { margin-block-start: 0.8rem; color: var(--ink-soft); }
      .price-card ul { display: grid; gap: 0.65rem; margin-block: 1.3rem; font-size: 0.9rem; }
      .price-card li::before { margin-inline-end: 0.55rem; color: var(--forest); content: "✓"; font-weight: 800; }
      .price-card .button { margin-block-start: auto; }
      .price-footnote { max-inline-size: 45rem; margin: 1.25rem auto 0; color: var(--ink-soft); font-size: 0.82rem; text-align: center; }

      .faq { display: grid; gap: 0.7rem; max-inline-size: 52rem; margin-inline: auto; }
      .faq details { border: 0.0625rem solid var(--line); border-radius: 1rem; background: var(--surface); }
      .faq summary { display: flex; min-block-size: 3.5rem; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.2rem; cursor: pointer; font-weight: 700; list-style: none; }
      .faq summary::-webkit-details-marker { display: none; }
      .faq summary::after { content: "+"; color: var(--forest); font-size: 1.4rem; }
      .faq details[open] summary::after { content: "−"; }
      .faq details p { padding: 0 1.2rem 1.2rem; color: var(--ink-soft); }

      .final-cta { padding-block: 1rem 6rem; }
      .final-box { display: grid; justify-items: center; padding: clamp(2.5rem, 7vw, 5.5rem) 1.5rem; border-radius: var(--radius-lg); text-align: center; background: var(--lime); }
      .final-box h2 { max-inline-size: 14ch; font-size: clamp(2.4rem, 6vw, 5.2rem); line-height: 0.98; letter-spacing: -0.06em; }
      .final-box p { max-inline-size: 38rem; margin-block: 1.1rem 1.6rem; color: var(--forest-deep); }

      footer {
        padding: 1.875rem 0 5.875rem;
        color: var(--ink-soft);
        border-block-start: 0.0625rem solid var(--line);
        font-size: 0.82rem;
      }

      .footer-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 0.875rem 1.875rem;
      }

      .footer-links {
        display: flex;
        flex-wrap: wrap;
        gap: 1.125rem;
      }

      .footer-links a { color: var(--ink-soft); }

      @media (max-width: 58rem) {
        .hero-grid, .explainer-top, .manifesto-box, .section-head { grid-template-columns: 1fr; }
        .hero-grid { gap: 3rem; }
        h1 { max-inline-size: 13ch; }
        .connection-card { max-inline-size: 36rem; }
        .pricing-grid { grid-template-columns: 1fr 1fr; }
        .price-card--main { grid-column: 1 / -1; min-block-size: auto; }
      }

      @media (max-width: 43rem) {
        .shell { inline-size: min(100% - 1.5rem, 73rem); }
        .nav-links { display: none; }
        .hero { padding-block-start: 3.5rem; }
        .hero-grid { grid-template-columns: 1fr; }
        h1 { font-size: clamp(2.8rem, 15vw, 4.7rem); }
        .connection-card { min-block-size: auto; padding: 1rem; border-radius: 1.4rem; }
        .bridge-map { min-block-size: 29rem; grid-template-columns: 1fr; gap: 2.2rem; }
        .bridge-track { inset: 13% auto 13% 50%; inline-size: 0.125rem; block-size: auto; transform: translateX(-50%); }
        .bridge-track::after { background: linear-gradient(180deg, transparent, var(--forest) 42%, var(--forest) 58%, transparent); transform: scaleY(0.08); animation-name: bridge-wave-y; }
        .bridge-icons { flex-wrap: wrap; }
        .scope-grid, .how-grid, .pricing-grid { grid-template-columns: 1fr; }
        .price-card--main { grid-column: auto; }
        .manifesto-box { padding: 2rem 1.3rem; }
        .section { padding-block: 4rem; }
        .hero-actions .button { inline-size: 100%; }
      }

      @media (pointer: coarse) {
        .button, .nav-links a, .faq summary { min-block-size: 3rem; }
      }

      @media (prefers-reduced-motion: reduce) {
        :root { scroll-behavior: auto; }
        .button { transition: none; }
        .bridge-track::after { animation: none; }
      }

      @media (forced-colors: active) {
        .connection-card, .bridge-icon, .bridge-core__logo, .scope-card, .price-card, .faq details { border-color: CanvasText; }
      }
    }

    @layer utilities {
      .visually-hidden {
        position: absolute;
        inline-size: 0.0625rem;
        block-size: 0.0625rem;
        padding: 0;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
        border: 0;
      }
    }
  
/* Native visible mobile navigation, usable without JavaScript. */
@media(max-width:43rem){.site-header .nav{flex-wrap:wrap;gap:0.5rem 1rem;padding-block:0.75rem}.site-header .nav-links{display:flex;order:3;flex-basis:100%;flex-wrap:wrap;gap:0.25rem 1.25rem}.site-header .nav-links a{display:inline-flex;align-items:center;min-block-size:2.5rem}}

/* Editorial adaptations using the exact homepage tokens and components. */
.editorial-main{padding-block:2rem 5rem;min-width:0}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:0.5rem;margin-block-end:2.5rem;color:var(--ink-soft);font-size:0.9rem}
.breadcrumbs a:hover{color:var(--forest)}
.editorial-main h1{max-inline-size:22ch;font-size:clamp(2.65rem,4.2vw,4rem);line-height:1.05}
.editorial-main .lead{max-inline-size:46rem;margin-block:1.5rem;color:var(--ink-soft);font-size:clamp(1.08rem,2vw,1.28rem)}
.meta{color:var(--ink-soft);font-size:0.9rem;margin-block:1.25rem}
.catalog{margin-block-start:3.5rem;max-inline-size:52rem}
.catalog h2,.prose h2{font-size:clamp(1.75rem,3vw,2.5rem);letter-spacing:-0.045em;line-height:1.15}
.card{padding:clamp(1.25rem,3vw,2rem);border:0.0625rem solid var(--line);border-radius:var(--radius-md);background:var(--surface);margin-block-start:1.5rem}
.card h3{font-size:clamp(1.4rem,2.6vw,1.85rem);letter-spacing:-0.03em;line-height:1.25}
.card h3 a{text-decoration:none}.card h3 a:hover{color:var(--forest)}
.card p{margin-block-start:1rem;color:var(--ink-soft)}
.card .eyebrow{margin-block-end:1rem}.card .meta{margin-block-end:0}
.toc{display:flex;flex-direction:column;align-items:flex-start;gap:0.75rem;max-inline-size:52rem;padding:clamp(1.25rem,3vw,2rem);background:var(--warm);border:0.0625rem solid var(--line);border-radius:var(--radius-md);margin-block:2.5rem}
.toc a{color:var(--forest-deep);text-underline-offset:0.2em}
.prose{max-inline-size:52rem;min-width:0;font-size:1.125rem;line-height:1.75;overflow-wrap:anywhere}
.prose h2{margin-block:3rem 1.25rem}.prose h3{margin-block:2rem 0.75rem;font-size:1.4rem;letter-spacing:-0.03em;line-height:1.3}
.prose p,.prose ul,.prose ol{margin-block:1rem}.prose ul{list-style:disc;padding-inline-start:1.5rem}.prose ol{padding-inline-start:1.5rem}.prose li+li{margin-block-start:0.5rem}
.prose a{color:var(--forest-deep);text-underline-offset:0.2em}
.prose pre{max-inline-size:100%;overflow-x:auto;padding:1.5rem;background:var(--warm);border:0.0625rem solid var(--line);border-radius:var(--radius-md);white-space:pre-wrap;overflow-wrap:anywhere;font-size:0.95rem;line-height:1.6}
.prose code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.prose p code,.prose li code{background:var(--warm);padding:0.1em 0.3em;border-radius:0.25rem}
.table-wrap{max-inline-size:100%;overflow-x:auto;margin-block:1.5rem;border-radius:var(--radius-sm)}
.prose table{border-collapse:collapse;width:100%;min-width:36rem;font-size:1rem;line-height:1.55}.prose th,.prose td{padding:0.85rem;border:0.0625rem solid var(--line);text-align:left;vertical-align:top}.prose th{background:var(--warm)}
.prose section{scroll-margin-block-start:10rem}
@media(max-width:43rem){.editorial-main{padding-block-start:1.5rem}.breadcrumbs{margin-block-end:2rem}.prose{font-size:1rem}.prose pre{padding:1rem}.catalog{margin-block-start:2.5rem}}