.information-page { max-width: none; margin: 0; padding: 1.5rem var(--store-gutter) 5rem; }
.information-breadcrumb { display: flex; flex-wrap: wrap; gap: .65rem; align-items: center; font-size: 13px; color: #62656c; }
.information-breadcrumb a { color: inherit; text-decoration: none; padding-block: .5rem; }
.information-breadcrumb a:hover { text-decoration: underline; }
.information-hero { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 2rem; align-items: center; padding: 2.5rem 0 3rem; }
.information-eyebrow,.information-kicker { font-family: var(--font-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.information-eyebrow { color: var(--primary-ink); margin: 0 0 1rem; }
.information-hero h1 { margin: 0 0 1.25rem; font-size: clamp(36px,4vw,56px); font-weight: 400; letter-spacing: -.045em; line-height: 1.1; text-wrap: balance; }
.information-hero h1 span { color: var(--primary-ink); }
.information-hero > div > p:last-child { max-width: 53ch; margin: 0; color: #565960; font-size: 17px; }
.information-stamp { display: flex; align-items: center; gap: 1.25rem; padding-left: 2rem; color: var(--primary-ink); }
.information-stamp span { font-family: var(--font-mono); font-size: 12px; line-height: 1.8; }
.information-highlights { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-block: 1px solid #dfe2e8; padding-block: 1.5rem; }
.information-highlights > div { display: flex; flex-direction: column; gap: .3rem; padding-inline: 1.75rem; border-left: 1px solid #dfe2e8; }
.information-highlights > div:first-child { padding-left: 0; border: 0; }
.information-kicker { color: #656870; margin: 0 0 .4rem; }
.information-highlights strong { font-size: 17px; font-weight: 550; }
.information-highlights > div > span:last-child,.information-highlights a { font-size: 13px; }
.information-highlights > div > span:last-child { color: #565960; }
.information-layout { display: grid; grid-template-columns: 230px minmax(0,1fr); gap: clamp(2rem,6vw,6rem); padding-top: 3rem; align-items: start; }
.information-index { position: sticky; top: 1.5rem; }
.information-index nav { display: flex; flex-direction: column; gap: .15rem; margin-top: 1rem; }
.information-index a { display: flex; align-items: baseline; gap: .75rem; padding: .65rem 0; font-size: 14px; color: var(--ink); text-decoration: none; }
.information-index a span { color: var(--primary-ink); font: 11px var(--font-mono); }
.information-index a:hover { color: var(--primary-ink); text-decoration: underline; }
.information-content { min-width: 0; }
.information-section { scroll-margin-top: 1.5rem; padding-bottom: 2.25rem; margin-bottom: 2.25rem; border-bottom: 1px solid #dfe2e8; }
.information-section > header { display: flex; align-items: center; gap: .85rem; margin-bottom: 1.25rem; }
.information-number { color: var(--primary-ink); font: 12px var(--font-mono); }
.information-section h2,.information-help h2 { margin: 0; font-size: 27px; font-weight: 450; letter-spacing: -.025em; }
.information-section h3 { margin: 1.5rem 0 .6rem; font-size: 17px; font-weight: 600; }
.information-section p,.information-help p { margin: .75rem 0; font-size: 15px; line-height: 1.75; color: #494d55; }
.information-section p strong { color: var(--ink); }
.information-delivery-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.25rem; margin-block: 1.75rem; }
.information-delivery-steps > div { border-top: 2px solid var(--primary-ink); padding-top: .8rem; }
.information-delivery-steps span { font: 12px var(--font-mono); color: var(--primary-ink); }
.information-delivery-steps p { font-size: 13px; line-height: 1.65; margin: .65rem 0 0; }
.information-section .information-note { font-size: 13px; color: #62656c; }
.information-callout { padding: 1.15rem 1.4rem; margin-block: 1.5rem; border-left: 3px solid var(--primary-ink); background: color-mix(in srgb,var(--blue) 4%,white); }
.information-callout h3 { margin: 0 0 .5rem; }
.information-callout p { margin: 0; font-size: 14px; }
.information-help { scroll-margin-top: 1.5rem; padding: 1.75rem; background: #f5f6f8; border-radius: 8px; }
.information-help .information-eyebrow { color: var(--primary-ink); font-size: 11px; margin: 0 0 .75rem; }
.information-back { display: inline-flex; align-items: center; gap: 1.5rem; min-height: 44px; padding: .5rem 1rem; margin-top: .75rem; border: 1px solid currentColor; border-radius: 999px; text-decoration: none; font: 12px var(--font-mono); }
.information-back:hover { background: var(--blue); color: var(--on-primary); border-color: var(--blue); }
.information-legal { font-size: 12px; color: #62656c; margin-top: 1.5rem; }
.information-legal summary { cursor: pointer; padding-block: .75rem; }
.information-legal p { line-height: 1.8; }
.information-hero-compact { padding-bottom: 2.25rem; }
.information-layout-bordered { border-top: 1px solid #dfe2e8; }
.information-about-mark { display: grid; justify-items: center; color: var(--primary-ink); padding-inline: 2rem; }
.information-about-mark > span { font: 500 76px/1 var(--font-mono); letter-spacing: -.08em; }
.information-about-mark small { font: 11px var(--font-mono); margin-top: .75rem; }
.information-contact-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,220px),1fr)); gap: 1rem; }
.information-contact-card { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .4rem .75rem; padding: 1.25rem; border: 1px solid #dfe2e8; border-radius: 8px; text-decoration: none; }
.information-contact-card .information-kicker { grid-column: 1 / -1; }
.information-contact-card strong { font-size: 14px; font-weight: 550; overflow-wrap: anywhere; }
.information-contact-card:hover { border-color: var(--primary-ink); background: color-mix(in srgb,var(--blue) 3%,white); }
.information-related { display: flex; flex-wrap: wrap; gap: .25rem 1.5rem; margin-top: 1rem; }
.information-related a { display: inline-flex; align-items: center; gap: .5rem; min-height: 44px; font-size: 13px; }
.information-faq details { border-top: 1px solid #e4e6eb; }
.information-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; cursor: pointer; list-style: none; padding: 1rem 0; font-size: 15px; font-weight: 550; }
.information-faq summary::-webkit-details-marker { display: none; }
.information-faq summary > span { color: var(--primary-ink); font: 22px/1 var(--font-mono); flex-shrink: 0; }
.information-faq details[open] summary > span { transform: rotate(45deg); }
.information-faq details > p { margin: 0 2.5rem 1.25rem 0; font-size: 14px; }
@media(max-width:1000px) {
  .information-stamp { display: none; }
  .information-about-mark { display: none; }
  .information-layout { grid-template-columns: 195px minmax(0,1fr); gap: 2rem; }
  .information-delivery-steps { grid-template-columns: minmax(0,1fr); gap: 1rem; }
}
@media(max-width:700px) {
  .information-page { padding-top: .75rem; padding-bottom: 3rem; }
  .information-hero { grid-template-columns: minmax(0,1fr); padding: 1.5rem 0 2rem; }
  .information-hero > div > p:last-child { font-size: 15px; }
  .information-highlights { grid-template-columns: minmax(0,1fr); gap: 1rem; padding-block: 1.25rem; }
  .information-highlights > div { padding: 0 0 0 1rem; border-left: 2px solid #dfe2e8; }
  .information-highlights > div:first-child { padding-left: 1rem; border-left: 2px solid #dfe2e8; }
  .information-layout { grid-template-columns: minmax(0,1fr); gap: 2rem; padding-top: 1.75rem; }
  .information-index { position: static; }
  .information-index nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 .75rem; margin-top: .5rem; }
  .information-index a { font-size: 12px; gap: .5rem; }
  .information-section h2,.information-help h2 { font-size: 24px; }
  .information-section { margin-bottom: 1.75rem; padding-bottom: 1.75rem; }
  .information-callout,.information-help { padding: 1.1rem; }
}
