.annex-page { min-height: 100vh; display: flex; flex-direction: column; background: #fff; color: #10123e; }
.annex-page > main { flex: 1; width: 100%; padding-bottom: 80px; }
.annex-page .home-footer { margin-top: 0; }
.annex-page .resource-hero, .annex-legal-hero {
  margin: 12px 24px 0; padding: 74px 32px 70px; border: 0; border-radius: 56px;
  background: linear-gradient(115deg, #f5e9fc, #fcece6); text-align: center;
}
.annex-page .resource-hero .rl-container { width: min(850px, 100%); }
.annex-page .resource-hero h1, .annex-legal-hero h1 { max-width: 850px; margin: 20px auto; color: #0c103f; font-size: clamp(32px, 4vw, 50px); font-weight: 600; line-height: 1.14; letter-spacing: -.045em; }
.annex-page .resource-hero p:last-child, .annex-page .legal-page__intro { max-width: 720px; margin: 0 auto; color: #585571; font-size: 17px; line-height: 1.7; }
.annex-page .resource-hero .rl-eyebrow, .annex-page .legal-page__eyebrow { display: inline-flex; margin: 0; padding: 8px 16px; border-radius: 999px; background: #ffffffce; color: #58456f; font-size: 12px; font-weight: 500; letter-spacing: 0; text-transform: none; }
.annex-page .legal-page__updated { margin: 20px 0 0; color: #686078; font-size: 12px; }
.annex-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; max-width: 1120px; margin: 30px auto 56px; padding: 0 24px; }
.annex-nav a { padding: 10px 17px; border: 1px solid #eae7ef; border-radius: 999px; color: #59556e; font-size: 13px; text-decoration: none; }
.annex-nav a:hover, .annex-nav a[aria-current="page"] { border-color: #e5d6ef; background: #f4edf9; color: #513867; }
.annex-reading-layout { display: grid; grid-template-columns: 230px minmax(0, 1fr); align-items: start; gap: 50px; width: min(1120px, calc(100% - 64px)); margin: 0 auto; }
.annex-toc { position: sticky; top: 120px; display: grid; padding: 24px; border: 1px solid #eeebf3; border-radius: 22px; background: #faf9fc; }
.annex-toc > p { margin: 0 0 18px; color: #777084; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; }
.annex-toc a { padding-block: 9px; color: #554f69; font-size: 13px; line-height: 1.5; text-decoration: none; }
.annex-toc a:hover { color: #654383; text-decoration: underline; text-underline-offset: 4px; }
.annex-toc .annex-toc-back { margin-top: 22px; padding-top: 18px; border-top: 1px solid #e9e4f0; }
.annex-page .resource-content { width: min(1120px, calc(100% - 64px)); margin: 0 auto; padding: 0; }
.annex-reading-layout .resource-content { width: 100%; }
.annex-page .resource-content > section { margin: 0 0 28px; padding: 32px; border: 1px solid #eeebf3; border-radius: 24px; background: #fff; box-shadow: none; scroll-margin-top: 120px; }
.annex-page .resource-content h2 { margin: 0 0 18px; color: #11133f; font-size: 25px; font-weight: 600; line-height: 1.25; letter-spacing: -.035em; }
.annex-page .resource-content h3 { color: #15153f; font-size: 18px; font-weight: 600; line-height: 1.4; letter-spacing: -.02em; }
.annex-page .resource-content p, .annex-page .resource-content li { color: #59556f; font-size: 15px; line-height: 1.85; }
.annex-page .resource-content a:not(.home-button) { color: #654681; text-underline-offset: 4px; }
.annex-page .resource-steps { gap: 16px; }
.annex-page .resource-steps li { grid-template-columns: 30px minmax(0, 1fr); column-gap: 20px; padding: 20px; border: 1px solid #eee8f3; border-radius: 16px; background: #faf7fc; }
.annex-page .resource-steps li::before { grid-column: 1; grid-row: 1 / 3; align-self: center; top: auto; left: auto; width: 30px; height: 30px; border-radius: 50%; background: #efe2f7; color: #674781; font-size: 13px; }
.annex-page .resource-steps li > :is(strong, span) { grid-column: 2; min-width: 0; }
.annex-page .resource-steps strong { color: #202045; }
.annex-page .resource-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.annex-page .resource-article-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.annex-page .resource-card-grid article, .annex-page .resource-article-grid article { padding: 24px; border-color: #eee8f3; border-radius: 20px; background: #fbf9fc; }
.annex-page .resource-card-grid article > span { color: #694686; background: #f0e3f8; border-radius: 14px; }
.annex-page .resource-levels p { padding: 18px; border-color: #ece7f1; border-radius: 16px; background: #faf8fc; }
.annex-page .resource-levels strong { color: #684981; background: #eee2f7; }
.annex-page .resource-links a { border-color: #eee8f3; border-radius: 14px; background: #faf8fc; }
.annex-page .resource-release-heading span { border-radius: 99px; background: #f2e7fa; color: #664982; }
.annex-page .resource-status-summary { gap: 24px; margin-bottom: 28px; padding: 32px; border: 1px solid #e6e0ed; border-radius: 24px; background: #f8f4fb; }
.annex-page .resource-status-summary > div { min-width: 0; }
.annex-page .resource-status-summary h2 { margin: 0 0 8px; }
.annex-page .resource-status-summary p { margin: 0; }
.annex-page .resource-status-summary.is-operational { border-color: #cee9dd; background: #f0faf5; }
.annex-page .resource-status-summary.is-unavailable { border-color: #eddcc9; background: #fff8ef; }
.annex-page .resource-service-list article { border-color: #ebe7f0; border-radius: 16px; background: #fcfbfd; }
.annex-page .resource-service-list article > span { color: #276044; background: #e6f4ec; }
.annex-page .resource-service-list article > span.is-unavailable { color: #875718; background: #fff0d6; }
.annex-page .resource-content .rl-button { padding: 14px 24px; min-height: 46px; border: 1px solid #ded8e8; border-radius: 999px; background: #f8f3fc; box-shadow: none; color: #593e72; font-size: 14px; font-weight: 500; }
.annex-page .resource-article-grid article { position: relative; display: flex; flex-direction: column; align-items: start; gap: 10px; padding: 18px; background: #fff; }
.annex-page .resource-article-grid article > span { padding: 6px 12px; background: #f4eaf9; color: #694c7c; font-size: 11px; border-radius: 99px; }
.annex-page .resource-article-grid article h3 { margin: 0; }
.annex-page .resource-article-grid article h3 a { color: #15153f; text-decoration: none; }
.annex-page .resource-article-grid article > a { margin-top: auto; font-size: 13px; }
.annex-page .resource-article-grid .annex-article-link { display: inline-flex; align-items: center; gap: 8px; padding-top: 8px; font-weight: 600; }
.annex-article-link .feature-icon { width: 18px; height: 18px; }
.annex-article-link::after { position: absolute; inset: 0; border-radius: 20px; content: ""; }
.annex-page .resource-article-grid article:hover { border-color: var(--brand-blue, #1d4ed8); }
.annex-page .resource-article-grid article:focus-within { outline: 3px solid var(--brand-blue, #1d4ed8); outline-offset: 3px; }
.annex-article-art { display: grid; place-items: center; width: 100%; height: 170px; margin-bottom: 12px; border-radius: 14px; background: linear-gradient(130deg, #f1dafa, #fbe1d3); }
.annex-article-art svg { width: 72px; height: 72px; padding: 16px; border: 1px solid #fff; border-radius: 18px; color: #7c62a0; background: #ffffffa6; transform: rotate(-8deg); }
.annex-article-art.is-keyboard { background: linear-gradient(130deg, #e7e5fc, #f6e2f9); }
.annex-article-art.is-link { background: linear-gradient(130deg, #e0f3ef, #eff1fd); }
.annex-callout { padding: 22px; border-left: 3px solid #bea0d4; border-radius: 0 14px 14px 0; background: #f9f3fc; }
.annex-page .legal-page__container { display: grid; grid-template-columns: 240px minmax(0, 1fr); align-items: start; gap: 28px 40px; width: min(1120px, calc(100% - 64px)); max-width: none; margin: 12px auto 0; padding: 0; border: 0; background: none; box-shadow: none; }
.annex-page .annex-legal-hero { grid-column: 1 / -1; width: 100%; margin: 0; padding: 60px 30px; }
.annex-page .legal-page__container > .annex-nav { grid-column: 1 / -1; margin: 0 auto 10px; padding: 0; }
.annex-page .legal-page__notice { grid-column: 1 / -1; margin: 0; padding: 16px 20px; border: 1px solid #eadfcd; border-radius: 14px; background: #fcf8f1; color: #716045; font-size: 12px; line-height: 1.7; }
.annex-page .legal-page__summary { position: sticky; top: 112px; margin: 0; padding: 24px; max-height: calc(100vh - 140px); overflow: auto; border: 1px solid #eeebf3; border-radius: 20px; background: #faf9fc; }
.annex-page .legal-page__summary h2 { margin: 0 0 16px; color: #6d647b; font-size: 13px; font-weight: 500; }
.annex-page .legal-page__summary ol { display: grid; grid-template-columns: 1fr; gap: 12px; padding: 0; margin: 0; list-style: none; }
.annex-page .legal-page__summary a { color: #5c526c; font-size: 12px; line-height: 1.5; font-weight: 400; text-decoration: none; }
.annex-page .legal-page__summary a:hover { text-decoration: underline; }
.annex-page .legal-page__content { min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.annex-page .legal-section { margin: 0 0 24px; padding: 28px; border: 1px solid #eeeaf3; border-radius: 20px; background: #fff; scroll-margin-top: 112px; }
.annex-page .legal-section h2 { margin: 0 0 14px; color: #17143e; font-size: 23px; font-weight: 600; letter-spacing: -.03em; }
.annex-page .legal-section p, .annex-page .legal-section li, .annex-page .legal-table { color: #5d576c; font-size: 14px; line-height: 1.85; }
.annex-page .legal-inline-link, .annex-page .legal-section a { color: #684785; overflow-wrap: anywhere; }
.annex-page .legal-table-wrapper { max-width: 100%; overflow: auto; border-radius: 12px; border-color: #e8e2ef; }
.annex-page .legal-table th { background: #f7f0fb; color: #5b446b; }
.annex-page .legal-table td { min-width: 135px; border-color: #eeeaf3; }
.annex-page .legal-inline-button { border-radius: 999px; background: #272638; border-color: #272638; color: #fff; }
.annex-page .legal-todo { color: #785b33; background: #fcf8ef; border-color: #eadcc5; }
.annex-contact-layout { display: grid; grid-template-columns: .85fr 1.15fr; align-items: start; gap: 32px; width: min(1040px, calc(100% - 64px)); margin: 56px auto 0; padding-bottom: 64px; }
.annex-contact-options { display: grid; gap: 16px; }
.annex-contact-card { padding: 28px; border: 1px solid #eee8f3; border-radius: 22px; background: #faf8fc; }
.annex-contact-card h2 { margin: 12px 0; color: #17143e; font-size: 22px; letter-spacing: -.03em; }
.annex-contact-card p { color: #61586f; font-size: 14px; line-height: 1.75; }
.annex-contact-card a { color: #674980; font-size: 14px; text-underline-offset: 4px; }
.annex-contact-card > .feature-icon { width: 28px; height: 28px; color: #8e6caa; }
.annex-contact-form { display: grid; gap: 20px; padding: 32px; border: 1px solid #e9e3ef; border-radius: 24px; background: #fff; }
.annex-contact-form h2 { margin: 0; color: #16143e; font-size: 25px; letter-spacing: -.035em; }
.annex-contact-form > p { margin: 0; color: #655c71; font-size: 13px; line-height: 1.75; }
.annex-contact-form label { display: grid; gap: 8px; color: #4d435e; font-size: 13px; }
.annex-contact-form :is(input, select, textarea) { width: 100%; min-width: 0; padding: 13px 14px; border: 1px solid #ded7e7; border-radius: 11px; background: #fff; color: #30283f; font: inherit; font-size: 14px; }
.annex-contact-form textarea { min-height: 150px; resize: vertical; }
.annex-contact-form :is(input, select, textarea):focus { border-color: #9c7fb7; }
.annex-contact-form .home-button { font-size: 14px; }
.annex-contact-form .annex-contact-privacy { font-size: 11px; }
.annex-contact-privacy a { color: #684780; }
.annex-mail-ready { padding: 18px; border: 1px solid #e1d7eb; border-radius: 14px; background: #faf4fe; }
.annex-mail-ready a { display: inline-block; margin-top: 10px; color: #684780; font-size: 14px; }
.annex-page [id] { scroll-margin-top: 112px; }
@media (max-width: 850px) {
  .annex-reading-layout { grid-template-columns: 180px minmax(0, 1fr); gap: 24px; }
  .annex-page .legal-page__container { grid-template-columns: 190px minmax(0, 1fr); gap: 24px; }
  .annex-page .resource-article-grid { grid-template-columns: 1fr; }
  .annex-article-art { height: 190px; }
  .annex-contact-layout { gap: 20px; }
  .annex-contact-form, .annex-contact-card { padding: 24px; }
}
@media (max-width: 640px) {
  .annex-page .resource-hero { margin: 8px 12px 0; padding: 48px 22px; border-radius: 30px; }
  .annex-page .resource-hero p:last-child, .annex-page .legal-page__intro { font-size: 15px; }
  .annex-nav { justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; margin: 24px 0 32px; padding: 0 20px 8px; }
  .annex-nav a { flex-shrink: 0; font-size: 12px; padding: 9px 13px; }
  .annex-reading-layout, .annex-page .legal-page__container, .annex-contact-layout { display: block; width: calc(100% - 32px); }
  .annex-toc { position: static; display: flex; flex-wrap: wrap; gap: 0 18px; margin-bottom: 24px; padding: 20px; }
  .annex-toc > p { width: 100%; margin-bottom: 8px; }
  .annex-toc .annex-toc-back { margin: 0; padding-block: 9px; border: 0; }
  .annex-page .resource-content { width: calc(100% - 32px); }
  .annex-reading-layout .resource-content { width: 100%; }
  .annex-page .resource-content > section { padding: 24px 20px; border-radius: 20px; }
  .annex-page .resource-status-summary { gap: 20px; padding: 24px 20px; border-radius: 20px; }
  .annex-page .resource-content h2 { font-size: 23px; }
  .annex-page .resource-card-grid { grid-template-columns: 1fr; }
  .annex-page .annex-legal-hero { padding: 44px 22px; border-radius: 30px; }
  .annex-page .legal-page__container > .annex-nav { margin: 24px 0; padding-bottom: 8px; }
  .annex-page .legal-page__summary { position: static; max-height: none; margin-block: 24px; }
  .annex-page .legal-section { padding: 24px 20px; }
  .annex-contact-layout { margin-top: 32px; padding-bottom: 40px; }
  .annex-contact-options { margin-bottom: 24px; }
  .annex-contact-form { padding: 24px 20px; }
}