/* Shared, script-free privacy and support pages. */
.info-page { --sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --display: var(--sans); --mono: ui-monospace, monospace; line-height: 1.7; overflow-x: visible; }
.info-page a:focus-visible, .info-page summary:focus-visible { outline: 3px solid var(--cyan); outline-offset: 5px; border-radius: 4px; }
.skip-link { position: absolute; left: 20px; top: -100px; z-index: 30; padding: 10px 18px; background: var(--ink); color: var(--bg); font-weight: 700; }
.skip-link:focus { top: 12px; }
.info-page .site-header { height: auto; min-height: 92px; gap: 16px; padding-block: 18px; flex-wrap: wrap; }
.page-nav { display: flex; gap: 8px; flex-wrap: wrap; }
.page-nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 14px; color: var(--muted); border-radius: 8px; font-size: .95rem; }
.page-nav a:hover, .page-nav a[aria-current="page"] { color: var(--ink); background: #192532; }
.info-shell { position: relative; width: min(1060px, calc(100% - 76px)); margin-inline: auto; }
.info-hero { padding: 64px 0 32px; }
.info-kicker { margin: 0 0 16px; color: #91dee7; font-size: .8rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.info-hero h1 { margin: 0; font: 750 clamp(2.5rem, 6vw, 4.4rem)/1.08 var(--display); letter-spacing: -.045em; }
.info-intro { max-width: 710px; margin: 22px 0 0; color: #bdcada; font-size: 1.1rem; line-height: 1.7; }
.info-date { margin: 18px 0 0; color: #9dafc2; font-size: .875rem; }
.info-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0 0 32px; border: 1px solid #405266; border-radius: 14px; overflow: hidden; background: linear-gradient(135deg, #172331, #101720); }
.info-summary > div { padding: 22px 24px; }
.info-summary > div + div { border-left: 1px solid #405266; }
.info-summary strong { display: block; margin-bottom: 5px; color: #f3f6fb; font-size: 1rem; }
.info-summary p { margin: 0; color: #b7c5d6; font-size: .95rem; }
.info-layout { display: grid; grid-template-columns: minmax(0, 1fr) 232px; gap: 48px; align-items: start; padding-bottom: 72px; }
.info-content { min-width: 0; }
.info-content section { scroll-margin-top: 24px; padding: 26px 0; border-bottom: 1px solid var(--line); }
.info-content section:first-child { padding-top: 0; }
.info-content section:last-child { border-bottom: 0; padding-bottom: 0; }
.info-content h2 { margin: 0 0 14px; font-size: 1.4rem; line-height: 1.35; letter-spacing: -.025em; }
.info-content h3 { margin: 22px 0 8px; font-size: 1.05rem; line-height: 1.45; }
.info-content p, .info-content li { color: #bdcada; font-size: 1rem; }
.info-content p { margin: 12px 0; }
.info-content ul, .info-content ol { padding-left: 24px; margin: 12px 0; }
.info-content li + li { margin-top: 8px; }
.info-content strong { color: #edf3fb; }
.info-content a, .info-aside p a { color: #91e3ed; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.info-content a:hover, .info-aside p a:hover { color: white; }
.info-aside { padding: 22px; border: 1px solid var(--line); border-radius: 12px; background: #101821; }
.info-aside h2 { font-size: .8rem; text-transform: uppercase; letter-spacing: .08em; margin: 0 0 12px; color: #b2c0d2; }
.info-aside nav { display: flex; flex-direction: column; gap: 2px; }
.info-aside nav a { display: flex; align-items: center; min-height: 44px; padding: 8px 0; color: #d2deec; font-size: .95rem; line-height: 1.4; }
.info-aside nav a:hover { color: var(--cyan); }
.info-aside p { margin: 20px 0 0; padding-top: 16px; border-top: 1px solid var(--line); font-size: .85rem; color: #aabdd0; }
.info-note { padding: 17px 20px; margin: 18px 0; border-left: 3px solid #dca860; border-radius: 0 8px 8px 0; background: #201e1b; }
.info-note p { margin: 0; color: #e0d5c1; }
.help-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.help-links a { display: inline-flex; align-items: center; min-height: 48px; padding: 10px 16px; border: 1px solid #465a70; border-radius: 9px; background: #162330; font-weight: 600; text-decoration: none; }
.info-page .site-footer { grid-template-columns: 1fr; gap: 18px; min-height: 0; padding-block: 28px calc(28px + env(safe-area-inset-bottom)); }
.info-page .footer-links { flex-wrap: wrap; gap: 8px 24px; font-size: .9rem; }
.info-page .footer-links a { display: inline-flex; align-items: center; min-height: 44px; }
.info-page .fine-print { margin: 0; color: #9baec3; font: .75rem/1.6 var(--sans); text-transform: none; letter-spacing: 0; }
@media (max-width: 800px) {
  .info-layout { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .info-aside { grid-row: 1; }
  .info-aside nav { flex-direction: row; flex-wrap: wrap; gap: 4px 20px; }
  .info-aside p { margin-top: 12px; }
  .info-summary > div { padding: 20px; }
}
@media (max-width: 600px) {
  .info-page .site-header { padding: 16px 20px 12px; min-height: 0; gap: 10px; }
  .info-page .wordmark { font-size: .95rem; }
  .info-page .wordmark > span:last-child { font-size: inherit; }
  .page-nav { width: 100%; gap: 4px; }
  .page-nav a { padding-inline: 12px; }
  .info-shell { width: calc(100% - 40px); }
  .info-hero { padding: 36px 0 24px; }
  .info-intro { font-size: 1rem; }
  .info-summary { grid-template-columns: 1fr; margin-bottom: 24px; }
  .info-summary > div { padding: 16px 20px; }
  .info-summary > div + div { border-left: 0; border-top: 1px solid #405266; }
  .info-layout { padding-bottom: 42px; }
  .info-aside { padding: 18px; }
  .info-content section { padding-block: 24px; }
  .info-content h2 { font-size: 1.3rem; }
  .help-links { flex-direction: column; }
  .help-links a { justify-content: center; text-align: center; }
  .info-page .footer-links { flex-direction: row; }
}
@media print {
  .info-page { color: #111; background: white; }
  .site-header, .skip-link, .info-aside, .site-footer { display: none; }
  .info-shell { width: 100%; }
  .info-hero { padding-top: 0; }
  .info-layout { display: block; }
  .info-summary, .info-note { background: white; border-color: #999; }
  .info-page h1, .info-page h2, .info-page p, .info-page li, .info-page strong, .info-page a { color: #111; }
}