.finger-page { --privacy-width: 1220px; }
.finger-page a:focus-visible { outline: 3px solid var(--violet); outline-offset: 5px; }
.privacy-skip { position: fixed; top: 12px; left: 20px; z-index: 100; transform: translateY(-180%); padding: 14px 20px; background: var(--acid); border: var(--line); font-weight: 700; }
.privacy-skip:focus { transform: translateY(0); }
.finger-header { gap: 24px; }
.finger-nav { display: flex; align-items: center; gap: clamp(18px, 3vw, 42px); font-size: .875rem; font-weight: 700; }
.finger-nav > a:not(.nav-cta):hover { text-decoration: underline; text-underline-offset: 5px; }
.finger-hero { padding: 44px max(4.5vw, 28px) 58px; overflow: hidden; border-bottom: var(--line); }
.finger-hero-inner { max-width: var(--privacy-width); margin-inline: auto; }
.finger-edition { display: flex; justify-content: space-between; gap: 20px; text-transform: uppercase; font-size: .875rem; font-weight: 700; letter-spacing: .1em; }
.finger-edition span:first-child::before { content: ''; display: inline-block; width: 9px; height: 9px; margin-right: 12px; background: var(--coral); border-radius: 50%; }
.finger-hero h1 { position: relative; width: fit-content; max-width: 100%; margin: 48px 0 36px; font-family: var(--display); font-weight: 400; font-size: clamp(3.6rem, 11.7vw, 10.5rem); letter-spacing: -.06em; line-height: .94; text-transform: uppercase; }
.finger-hero h1 > span { color: var(--paper); -webkit-text-stroke: 3px var(--ink); }
.finger-hero h1 > b { position: absolute; right: -1.45em; top: .05em; color: var(--coral); font: 400 .72em Georgia, serif; }
.finger-hero-bottom { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 48px; }
.finger-hero-bottom > p { margin: 0; font-family: Georgia, serif; font-size: clamp(1.8rem, 3.3vw, 3rem); font-weight: 700; line-height: 1.15; }
.finger-hero-bottom > p em { color: #ad3529; }
.finger-hero-bottom > div { max-width: 420px; justify-self: end; }
.finger-hero-bottom > div > p { margin: 0; font-size: 1.0625rem; line-height: 1.6; }
.finger-hero .button { margin-top: 20px; font-size: .875rem; }
.finger-facts { display: flex; justify-content: center; flex-wrap: wrap; gap: 16px 44px; padding: 21px 28px; border-bottom: var(--line); background: var(--acid); font-size: .875rem; font-weight: 700; }
.finger-facts b { margin-right: 10px; font-weight: 400; }
.privacy-shell { max-width: calc(var(--privacy-width) + 56px); margin-inline: auto; padding: 80px 28px 96px; scroll-margin-top: 110px; }
.privacy-heading { max-width: 920px; margin-bottom: 64px; }
.privacy-heading .eyebrow { font-size: .875rem; }
.privacy-heading h2 { margin: 0; font-family: var(--display); font-size: clamp(2.5rem, 5vw, 4.7rem); font-weight: 400; letter-spacing: -.04em; line-height: 1.12; text-transform: uppercase; }
.privacy-heading h2 em { color: var(--violet); font-family: Georgia, serif; text-transform: none; }
.privacy-intro { max-width: 760px; margin: 25px 0; font-size: 1.125rem; line-height: 1.75; }
.privacy-meta { display: flex; flex-wrap: wrap; gap: 12px 28px; font-size: .875rem; font-weight: 700; }
.privacy-meta a { text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.privacy-draft { display: flex; align-items: baseline; gap: 20px; margin-top: 30px; padding: 18px 22px; border: 2px solid var(--ink); border-left: 7px solid var(--coral); background: #f8e3cd; }
.privacy-draft strong { flex-shrink: 0; }
.privacy-draft p { margin: 0; line-height: 1.6; }
.privacy-layout { display: grid; grid-template-columns: minmax(240px, 300px) minmax(0, 1fr); gap: clamp(38px, 6vw, 96px); align-items: start; }
.privacy-sidebar { position: sticky; top: 110px; max-height: calc(100dvh - 132px); overflow-y: auto; padding: 4px 8px 8px 4px; }
.privacy-sidebar h3 { display: flex; justify-content: space-between; margin: 0; padding: 15px 0 22px; border-top: var(--line); font-size: .875rem; text-transform: uppercase; letter-spacing: .1em; }
.privacy-sidebar ol { margin: 0; padding: 0; list-style: none; }
.privacy-sidebar li a { display: grid; grid-template-columns: 25px 1fr; align-items: baseline; gap: 10px; padding: 10px 0; border-bottom: 1px solid #cbc8ba; font-size: .875rem; line-height: 1.5; }
.privacy-sidebar li a > span { color: #586163; font-size: .8125rem; }
.privacy-sidebar li a:hover { color: #4e3ac6; }
.privacy-sidebar-contact { display: flex; justify-content: space-between; gap: 14px; margin-top: 24px; padding: 18px; background: var(--acid); border: 2px solid var(--ink); font-size: .875rem; font-weight: 700; }
.privacy-section { padding-top: 24px; margin-bottom: 44px; border-top: var(--line); scroll-margin-top: 110px; }
.privacy-section:last-child { margin-bottom: 0; }
.privacy-section-title { display: flex; align-items: baseline; gap: 18px; margin-bottom: 22px; }
.privacy-section-title > span { font-size: .875rem; font-weight: 700; color: #5b45ce; }
.privacy-section h3 { margin: 0; font-size: clamp(1.3rem, 2vw, 1.65rem); font-weight: 700; line-height: 1.3; letter-spacing: -.03em; }
.privacy-section > p { margin: 0 0 20px; font-size: 1rem; line-height: 1.85; color: #354144; overflow-wrap: anywhere; }
.privacy-provider-links { display: grid; gap: 0; list-style: none; margin: 24px 0; padding: 0; border-top: 1px solid #b9beb4; }
.privacy-provider-links a { display: flex; justify-content: space-between; align-items: baseline; gap: 24px; padding: 14px 0; border-bottom: 1px solid #b9beb4; font-size: .9375rem; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.privacy-provider-links a:hover, .privacy-meta a:hover { color: #4e3ac6; }
.privacy-provider-links a > span { flex-shrink: 0; }
.privacy-action-note { padding: 22px 26px; margin-top: 25px; border-left: 4px solid var(--violet); background: #e6e0ef; }
.privacy-action-note h4 { margin: 0 0 10px; font-size: 1rem; }
.privacy-action-note p { margin: 0; line-height: 1.75; }
.privacy-request { display: flex; justify-content: space-between; gap: 20px; padding: 18px 22px; margin-top: 25px; background: var(--acid); border: 2px solid var(--ink); box-shadow: 4px 4px 0 var(--ink); font-weight: 700; line-height: 1.5; }
.privacy-request:hover { background: #caff8f; }
.finger-contact { display: flex; justify-content: space-between; align-items: center; gap: 48px; padding: 64px max(4.5vw, 28px); background: var(--violet); color: var(--paper); border-top: var(--line); border-bottom: var(--line); }
.finger-contact h2 { margin: 0; font-family: var(--display); font-size: clamp(2.5rem, 4vw, 4.5rem); font-weight: 400; letter-spacing: -.04em; line-height: 1.1; text-transform: uppercase; }
.finger-contact h2 em { color: var(--acid); font-family: Georgia, serif; text-transform: none; }
.finger-contact .eyebrow { font-size: .875rem; }
.finger-contact p:not(.eyebrow) { max-width: 570px; margin-bottom: 0; line-height: 1.7; }
.finger-contact > a { display: flex; gap: 20px; padding-bottom: 10px; border-bottom: 2px solid var(--acid); font-size: clamp(1rem, 1.6vw, 1.3rem); font-weight: 700; overflow-wrap: anywhere; }
.finger-contact a:focus-visible, .finger-footer a:focus-visible { outline-color: var(--acid); }
.finger-footer .footer-links { margin-top: 28px; }
.finger-footer .footer-links a, .finger-footer .footer-bottom { font-size: .875rem; }
.finger-footer .footer-bottom { color: #a5aeac; }

@media (max-width: 900px) {
  .finger-header { height: auto; min-height: 86px; padding-block: 18px; flex-wrap: wrap; }
  .finger-hero h1 > b { right: -1.15em; }
  .privacy-layout { grid-template-columns: 1fr; gap: 44px; }
  .privacy-sidebar { position: static; max-height: none; }
  .privacy-sidebar ol { display: grid; grid-template-columns: 1fr 1fr; column-gap: 28px; }
  .privacy-sidebar-contact { width: fit-content; }
  .privacy-heading { margin-bottom: 38px; }
  .finger-contact { flex-direction: column; align-items: start; gap: 28px; }
  .privacy-shell, .privacy-section { scroll-margin-top: 160px; }
}
@media (max-width: 600px) {
  .finger-header { position: relative; align-items: start; gap: 18px; }
  .finger-nav { width: 100%; flex-wrap: wrap; justify-content: space-between; gap: 14px; }
  .finger-nav .nav-cta { margin: 0; padding: 8px 12px; font-size: .875rem !important; letter-spacing: 0 !important; }
  .finger-nav .nav-cta span { margin-left: 5px; }
  .finger-hero { padding: 32px 24px 38px; }
  .finger-edition { font-size: .75rem; letter-spacing: .03em; }
  .finger-hero h1 { font-size: clamp(2.8rem, 12.5vw, 4.8rem); margin: 35px 0 28px; }
  .finger-hero h1 > span { -webkit-text-stroke-width: 2px; }
  .finger-hero h1 > b { right: 0; top: -.12em; font-size: .6em; }
  .finger-hero-bottom { grid-template-columns: 1fr; gap: 25px; }
  .finger-hero-bottom > div { justify-self: start; }
  .finger-hero .button { min-width: 0; width: 100%; }
  .finger-facts { align-items: start; flex-direction: column; gap: 15px; padding-inline: 24px; }
  .privacy-shell { padding: 48px 24px 60px; }
  .privacy-draft { flex-direction: column; gap: 8px; padding: 16px; }
  .privacy-sidebar ol { grid-template-columns: 1fr; }
  .privacy-section-title { gap: 12px; }
  .privacy-action-note { padding: 18px; }
  .privacy-shell, .privacy-section { scroll-margin-top: 24px; }
  .finger-contact { padding: 42px 24px; }
  .finger-contact > a { max-width: 100%; font-size: 1rem; }
}
@media print {
  .finger-page { background: white; color: black; }
  .finger-header, .finger-hero, .finger-facts, .privacy-sidebar, .finger-contact, .finger-footer, .privacy-skip { display: none; }
  .privacy-shell { max-width: none; padding: 0; }
  .privacy-layout { display: block; }
  .privacy-heading { margin-bottom: 30px; }
  .privacy-section { break-inside: auto; margin-bottom: 24px; }
  .privacy-section-title { break-after: avoid; }
  .privacy-section > p { line-height: 1.5; orphans: 3; widows: 3; }
}
.finger-hero h1 { font-size: clamp(3rem, 10vw, 9rem); overflow-wrap: anywhere; }
.finger-hero-bottom > p { overflow-wrap: anywhere; }
.finger-page .store-link:focus-visible { outline-color: var(--coral); }