@layer components {
  :is(.editorial-page-v2,.legal-page-v2) {
    --editorial-rule:#e5e9ef;
    --editorial-muted:#5d6878;
    color:var(--ink);
    overflow-wrap:anywhere;
  }
  .editorial-page-v2 .editorial-hero {
    display:grid;
    grid-template-columns:minmax(0,1fr) 190px;
    align-items:center;
    gap:48px;
    padding-block:40px;
  }
  .editorial-page-v2 .editorial-hero-copy {min-width:0;max-width:820px}
  .editorial-page-v2 .editorial-hero .eyebrow,
  .legal-page-v2 .document-header>.eyebrow {
    color:var(--blue);
  }
  .editorial-page-v2 .editorial-hero h1 {
    max-width:32ch;
    margin:16px 0 22px;
    text-wrap:balance;
  }
  .editorial-page-v2 .editorial-hero h1>span {color:var(--blue)}
  .editorial-page-v2 .editorial-deck {
    max-width:62ch;
    margin:0;
    color:var(--editorial-muted);
  }
  .editorial-page-v2 .editorial-actions {gap:12px 24px;margin-top:28px}
  .editorial-page-v2 .editorial-actions>.primary-button {min-height:50px}
  .editorial-page-v2 .editorial-brand-mark {
    display:grid;
    place-items:center;
    width:190px;
    min-height:210px;
    background:radial-gradient(ellipse at 50% 65%,#eef3ff 0,transparent 70%);
  }
  .editorial-page-v2 .editorial-brand-mark .brand-mascot {width:150px;height:auto;flex:none}
  .editorial-page-v2 .editorial-related-nav,
  .legal-page-v2 .document-related-nav {
    display:flex;
    flex-wrap:wrap;
    gap:8px 24px;
    padding-block:0 24px;
    margin-bottom:32px;
    border-bottom:1px solid var(--editorial-rule);
  }
  .editorial-page-v2 .editorial-related-nav a,
  .legal-page-v2 .document-related-nav a {
    display:inline-flex;
    align-items:center;
    min-height:44px;
    border-bottom:2px solid transparent;
    color:var(--editorial-muted);
  }
  :is(.editorial-page-v2,.legal-page-v2) :is(.editorial-related-nav,.document-related-nav) a[aria-current=page] {
    color:var(--ink);
    border-color:var(--blue);
  }
  .editorial-page-v2 .editorial-layout,
  .legal-page-v2 .document-layout {
    display:grid;
    grid-template-columns:224px minmax(0,1fr);
    column-gap:48px;
    align-items:start;
    padding-top:12px;
  }
  .editorial-page-v2 .editorial-rail,
  .legal-page-v2 .document-toc {position:sticky;top:28px;min-width:0}
  :is(.editorial-page-v2,.legal-page-v2) .editorial-toc {
    padding:0 0 20px;
    border-bottom:1px solid var(--editorial-rule);
  }
  :is(.editorial-page-v2,.legal-page-v2) .editorial-toc h2 {
    margin:0 0 12px;
  }
  :is(.editorial-page-v2,.legal-page-v2) .editorial-toc ol {
    margin:0;
    padding-left:25px;
    list-style-type:decimal-leading-zero;
  }
  :is(.editorial-page-v2,.legal-page-v2) .editorial-toc li {padding-left:5px}
  :is(.editorial-page-v2,.legal-page-v2) .editorial-toc li::marker {
    color:var(--blue);
    font-variant-numeric:tabular-nums;
  }
  :is(.editorial-page-v2,.legal-page-v2) .editorial-toc a {
    display:flex;
    align-items:center;
    min-height:42px;
    padding-block:9px;
    color:var(--editorial-muted);
  }
  :is(.editorial-page-v2,.legal-page-v2) .editorial-toc a:hover {color:var(--blue)}
  :is(.editorial-page-v2,.legal-page-v2) .editorial-toc a:focus-visible {
    outline:2px solid var(--blue);
    outline-offset:4px;
    border-radius:3px;
  }
  .editorial-page-v2 .editorial-context {
    margin-top:28px;
    padding:24px;
    border-radius:20px;
    background:#f5f7fb;
  }
  .editorial-page-v2 .editorial-context .guide-mark {
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    margin:0 0 18px;
    border-radius:10px;
    background:#e9efff;
    color:var(--blue);
  }
  .editorial-page-v2 .editorial-context .guide-mark .icon {width:18px;height:18px}
  .editorial-page-v2 .editorial-context h2 {
    margin:0 0 12px;
  }
  .editorial-page-v2 .editorial-context p {
    margin:0 0 12px;
    color:var(--editorial-muted);
  }

  .editorial-page-v2 .editorial-body,
  .legal-page-v2 .document-body {min-width:0;max-width:72ch}
  .editorial-page-v2 .editorial-section,
  .legal-page-v2 .document-section {
    padding:0 0 40px;
    margin:0 0 40px;
    border-bottom:1px solid var(--editorial-rule);
    scroll-margin-top:28px;
  }
  .editorial-page-v2 .guide-section-heading {max-width:none;margin:0 0 26px}
  .editorial-page-v2 .guide-section-heading .eyebrow {
    color:var(--blue);
  }
  .editorial-page-v2 .guide-section-heading h2,
  .legal-page-v2 .document-section h2 {
    margin:10px 0 16px;
    text-wrap:balance;
  }
  .editorial-page-v2 .guide-section-heading p,
  .legal-page-v2 .document-section>p {
    max-width:68ch;
    margin:0 0 18px;
    color:var(--editorial-muted);
  }
  .editorial-page-v2 .guide-steps {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:32px;
    padding:0;
    margin:30px 0 0;
    list-style:none;
  }
  .editorial-page-v2 .guide-steps li {min-width:0;padding:0;border:0}
  .editorial-page-v2 .guide-steps .step-number {
    display:inline-grid;
    place-items:center;
    width:36px;
    height:36px;
    margin:0 0 16px;
    color:var(--blue);
    background:#edf2ff;
    border-radius:11px;
    font-variant-numeric:tabular-nums;
  }
  .editorial-page-v2 :is(.guide-steps,.guide-card,.guide-reading-note) h3 {
    margin:0 0 12px;
  }
  .editorial-page-v2 :is(.guide-steps,.guide-card,.guide-reading-note,.guide-context-panel,.guide-source-note) p {
    max-width:68ch;
    margin:0 0 18px;
    color:var(--editorial-muted);
  }
  .editorial-page-v2 .guide-price-layout {display:block}
  .editorial-page-v2 .guide-price-example {
    max-width:none;
    padding:24px;
    margin-bottom:24px;
    border:1px solid #dfe7fb;
    border-radius:20px;
    background:linear-gradient(135deg,#f5f8ff,#edf3ff);
  }
  .editorial-page-v2 .guide-price-example>.eyebrow {color:var(--blue)}
  .editorial-page-v2 .guide-price-example dl {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:start;
    gap:28px;
    margin:24px 0;
  }
  .editorial-page-v2 .guide-price-example dl>div+div {padding-left:28px;border-left:1px solid #d5def3}
  .editorial-page-v2 .guide-price-example dt {margin-bottom:9px;color:var(--editorial-muted)}
  .editorial-page-v2 .guide-price-example dd {margin:0;}
  .editorial-page-v2 .guide-price-example small {display:block;margin-top:8px;color:var(--editorial-muted)}
  .editorial-page-v2 .guide-price-example>p {margin:0;color:var(--editorial-muted)}
  .editorial-page-v2 .guide-reading-note h3:not(:first-child) {margin-top:26px}
  .editorial-page-v2 .guide-card-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .editorial-page-v2 .guide-card {min-width:0;padding:24px;border:1px solid var(--editorial-rule);border-radius:20px;background:#fff}
  .editorial-page-v2 .guide-card>svg {width:23px;height:23px;margin:0 0 18px;color:var(--blue)}
  .editorial-page-v2 .guide-card>p:last-child {margin-bottom:0}
  .editorial-page-v2 :is(.editorial-principles,.editorial-status-list) {display:block}
  .editorial-page-v2 :is(.editorial-principles,.editorial-status-list) .guide-card {
    display:grid;
    grid-template-columns:32px minmax(0,1fr);
    gap:0 18px;
    padding:25px 0;
    border:0;
    border-bottom:1px solid var(--editorial-rule);
    border-radius:0;
  }
  .editorial-page-v2 :is(.editorial-principles,.editorial-status-list) .guide-card:first-child {padding-top:4px}
  .editorial-page-v2 :is(.editorial-principles,.editorial-status-list) .guide-card:last-child {padding-bottom:0;border:0}
  .editorial-page-v2 :is(.editorial-principles,.editorial-status-list) .guide-card>svg {grid-column:1;grid-row:1/4;margin:2px 0 0}
  .editorial-page-v2 :is(.editorial-principles,.editorial-status-list) .guide-card>:not(svg) {grid-column:2}
  .editorial-page-v2 .guide-context-panel {padding:24px;border-radius:20px;background:#f5f7fb}
  .editorial-page-v2 .guide-context-list {gap:14px;margin-bottom:24px}
  .editorial-page-v2 .guide-context-list li {align-items:start;}
  .editorial-page-v2 .guide-context-list .icon {margin-top:4px}
  .editorial-page-v2 .guide-section-note {max-width:68ch;margin-top:22px;}
  .editorial-page-v2 .guide-source-note {padding:24px;gap:16px;border-radius:20px;border-color:var(--editorial-rule)}
  .editorial-page-v2 .guide-source-note h3 {margin:0 0 8px;}
  .editorial-page-v2 .guide-source-note :is([data-guide-source-date],[data-information-source-date]) {margin-bottom:10px;color:var(--ink);}
  .editorial-page-v2 .guide-source-note p:last-child {margin-bottom:0;}
  .editorial-page-v2 .guide-faq {padding-block:8px;border-color:var(--editorial-rule)}
  .editorial-page-v2 .guide-faq summary {padding:14px 24px 14px 0;}
  .editorial-page-v2 .guide-faq p {max-width:68ch;padding-top:8px;margin:0 0 20px;color:var(--editorial-muted)}
  .editorial-page-v2 .editorial-finish {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:28px;
    padding:32px;
    margin-block:16px 64px;
    background:#f5f7fb;
    border:1px solid var(--editorial-rule);
    border-radius:20px;
  }
  .editorial-page-v2 .editorial-finish h2 {margin:0 0 12px;}
  .editorial-page-v2 .editorial-finish p {max-width:62ch;margin:0;color:var(--editorial-muted)}
  .legal-page-v2 {padding-block:32px 64px}
  .legal-page-v2 .document-header {max-width:850px;margin-bottom:30px}
  .legal-page-v2 .document-header h1 {margin:16px 0 22px;text-wrap:balance}
  .legal-page-v2 .document-deck {max-width:68ch;margin:0;color:var(--editorial-muted)}
  .legal-page-v2 .document-state {max-width:76ch;margin:24px 0 0;padding:15px 20px;border-radius:0 10px 10px 0;border:0;border-left:3px solid #b58c49;background:#faf7ef;color:#665c46;}
  .legal-page-v2 .document-layout {padding-top:10px}
  .legal-page-v2 .document-section:last-of-type {margin-bottom:28px}
  .legal-page-v2 .document-section h2 {margin-top:0}
  .legal-page-v2 .document-section>.text-link {max-width:100%;text-decoration:underline;text-underline-offset:4px}
  .legal-page-v2 .document-facts {display:block;margin:24px 0 0}
  .legal-page-v2 .document-facts>div {display:grid;grid-template-columns:155px minmax(0,1fr);gap:20px;padding:14px 0;border-bottom:1px solid var(--editorial-rule)}
  .legal-page-v2 .document-facts>div:last-child {border:0}
  .legal-page-v2 .document-facts dt {margin:0;color:var(--editorial-muted)}
  .legal-page-v2 .document-facts dd {margin:0;white-space:pre-line;overflow-wrap:anywhere}
  .legal-page-v2 .document-end {display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block:4px 20px}

  .legal-page-v2 .document-end .data-note {margin:0;color:var(--editorial-muted)}
}
@layer responsive {
  @media (max-width:1000px) {
    .editorial-page-v2 .editorial-hero {gap:36px;grid-template-columns:minmax(0,1fr) 140px}
    .editorial-page-v2 .editorial-brand-mark {width:140px;min-height:170px}
    .editorial-page-v2 .editorial-brand-mark .brand-mascot {width:120px}
    .editorial-page-v2 .editorial-layout,.legal-page-v2 .document-layout {grid-template-columns:190px minmax(0,1fr);column-gap:36px}
    .editorial-page-v2 .editorial-context {padding:18px}
    .editorial-page-v2 .guide-card-grid,.editorial-page-v2 .guide-steps {gap:18px}
  }
  @media (max-width:780px) {
    .editorial-page-v2 .editorial-hero {display:block;padding-block:32px}
    .editorial-page-v2 .editorial-brand-mark {display:none}
    .editorial-page-v2 .editorial-hero h1 {max-width:32ch;}

    .editorial-page-v2 .editorial-layout,.legal-page-v2 .document-layout {display:block;padding-top:0}
    .editorial-page-v2 .editorial-rail,.legal-page-v2 .document-toc {position:static;margin-bottom:36px}
    :is(.editorial-page-v2,.legal-page-v2) .editorial-toc {padding-bottom:14px}
    :is(.editorial-page-v2,.legal-page-v2) .editorial-toc ol {display:flex;gap:8px;overflow-x:auto;padding:0 0 8px;list-style:none}
    :is(.editorial-page-v2,.legal-page-v2) .editorial-toc li {flex:0 0 auto;padding:0}
    :is(.editorial-page-v2,.legal-page-v2) .editorial-toc a {min-height:44px;padding:10px 14px;border:1px solid var(--editorial-rule);border-radius:50px;white-space:nowrap;}
    .editorial-page-v2 .editorial-context {margin-top:16px;padding:20px 22px}
    .editorial-page-v2 .editorial-context .guide-mark {float:left;margin:0 15px 12px 0}
    .editorial-page-v2 .editorial-context h2 {margin-bottom:10px;}

    .editorial-page-v2 .editorial-body,.legal-page-v2 .document-body {max-width:none}
    .editorial-page-v2 .editorial-section,.legal-page-v2 .document-section {padding-bottom:32px;margin-bottom:32px}

    .editorial-page-v2 .editorial-finish {padding:28px;grid-template-columns:minmax(0,1fr)}
    .editorial-page-v2 .editorial-finish .primary-button {justify-self:start;margin:0}
    .legal-page-v2 {padding-block:24px 48px}
    .legal-page-v2 .document-related-nav {margin-bottom:24px}
  }
  @media (max-width:580px) {
    .editorial-page-v2 .editorial-hero h1 {margin:14px 0 20px}
    .editorial-page-v2 .editorial-actions {margin-top:22px;gap:8px 18px}

    .editorial-page-v2 .guide-steps,.editorial-page-v2 .guide-card-grid {grid-template-columns:minmax(0,1fr);gap:20px}
    .editorial-page-v2 .guide-steps li {padding-bottom:20px;border-bottom:1px solid var(--editorial-rule)}
    .editorial-page-v2 .guide-steps li:last-child {padding-bottom:0;border:0}
    .editorial-page-v2 .guide-steps .step-number {float:left;margin:0 14px 8px 0}
    .editorial-page-v2 .guide-steps h3 {min-height:36px;display:flex;align-items:center}
    .editorial-page-v2 .guide-steps p {clear:both}
    .editorial-page-v2 .guide-price-example {padding:20px}
    .editorial-page-v2 .guide-price-example dl {grid-template-columns:minmax(0,1fr);gap:16px}
    .editorial-page-v2 .guide-price-example dl>div+div {padding-left:0;padding-top:16px;border-left:0;border-top:1px solid #d5def3}

    .editorial-page-v2 .guide-card,.editorial-page-v2 .guide-context-panel,.editorial-page-v2 .guide-source-note {padding:20px}
    .editorial-page-v2 :is(.editorial-principles,.editorial-status-list) .guide-card {padding:22px 0;gap:0 12px;grid-template-columns:26px minmax(0,1fr)}
    .editorial-page-v2 :is(.editorial-principles,.editorial-status-list) .guide-card:first-child {padding-top:4px}
    .editorial-page-v2 .editorial-related-nav,.legal-page-v2 .document-related-nav {gap:4px 18px;padding-bottom:16px}
    .editorial-page-v2 .editorial-finish {padding:24px 20px;margin-bottom:48px;gap:24px;border-radius:20px}

    .legal-page-v2 .document-header h1 {margin-bottom:18px}
    .legal-page-v2 .document-state {padding:14px 16px;}
    .legal-page-v2 .document-facts>div {grid-template-columns:minmax(0,1fr);gap:5px}

    .legal-page-v2 .document-end {display:block}
    .legal-page-v2 .document-end .data-note {margin-top:16px}
  }
}
