.bag-main { padding: 140px 0 80px; }
.bag-hero-note { max-width: 610px; margin: 24px 0; padding: 12px 16px; border-left: 3px solid var(--sand); background: rgba(9,24,32,.72); color: white; font-size: .95rem; }
.bag-hero-note a { color: var(--sand-light); text-decoration: underline; text-underline-offset: 3px; }
.bag-intro { max-width: 860px; margin: 0 auto; }
.bag-intro h1 { max-width: 780px; margin: 0 0 24px; font-size: clamp(2.4rem, 7vw, 4.5rem); line-height: 1.06; letter-spacing: -.045em; }
.bag-lede { max-width: 720px; font-size: 1.15rem; color: var(--muted); }
.bag-notice { margin: 26px 0; padding: 22px 24px; border-left: 4px solid var(--sand); border-radius: 0 16px 16px 0; background: white; }
.bag-notice p { margin: 8px 0 0; }
.bag-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0; }
.bag-actions .button { min-height: 52px; text-decoration: none; }
.bag-secondary { background: var(--navy-900); color: white; }
.bag-contact { overflow-wrap: anywhere; }
.bag-contact a { text-decoration: underline; text-underline-offset: 3px; }
.bag-details { max-width: 860px; margin: 44px auto 0; padding: 28px; border-radius: 20px; background: white; }
.bag-details h2 { margin-bottom: 20px; font-size: 1.6rem; line-height: 1.2; letter-spacing: -.025em; }
.bag-steps { display: grid; gap: 16px; padding-inline-start: 24px; }
.bag-steps li { padding-inline-start: 6px; }
.bag-footnote { margin: 22px 0 0; padding-top: 20px; border-top: 1px solid var(--line); color: var(--muted); }
.bag-language { display: flex; gap: 10px; align-items: center; color: white; }
.bag-language a { padding: 10px; text-decoration: underline; text-underline-offset: 4px; }
.bag-main [id] { scroll-margin-top: 110px; }
@media (max-width: 620px) {
  .bag-main { padding-top: 110px; }
  .bag-language { gap: 2px; font-size: .85rem; }
  .bag-language a { padding: 8px 4px; }
  .bag-notice, .bag-details { padding: 20px; }
}
