/* Uses the website's existing type, blue, spacing and radius tokens. */
.nav .cta{display:flex;align-items:center;gap:18px;flex-shrink:0}
.literature-nav{color:var(--blue);font-size:14px;font-weight:600;white-space:nowrap}
.literature-nav:hover,.literature-save:hover{text-decoration:underline;text-underline-offset:4px}
.mob .literature-nav{color:var(--blue)}
.literature-band{padding:24px 0;background:var(--bg)}
.literature-band-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 34px;border:1px solid #dce6f4;border-radius:var(--r-l);background:var(--tint)}
.literature-kicker{display:block;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.12em;margin-bottom:12px}
.literature-band h2{font-size:clamp(21px,2.2vw,28px);line-height:1.45;letter-spacing:-.02em}
.literature-band h2 span,.literature-content h1 span,.literature-content h2 span{color:var(--blue)}
.literature-band p{margin-top:10px;color:var(--muted);font-size:14px;line-height:1.8}
.literature-band-action{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0}
.literature-band-action .btn{background:var(--blue);white-space:nowrap;box-shadow:none}
.literature-band-action .btn:hover{background:#004fba}
.literature-band-action>span{font-size:12px;color:var(--muted)}
.literature-dialog{padding:0;width:min(500px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;border:1px solid var(--line);border-radius:var(--r-l);background:var(--bg);color:var(--ink);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 24px 80px #14161b29}
.literature-dialog::backdrop{background:rgba(15,18,24,.55)}
.literature-close{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--muted);background:#fff}
.literature-close:hover{background:var(--soft);color:var(--ink)}
.literature-content{padding:34px 28px 26px;text-align:center}
.literature-content h1,.literature-content h2{font-size:28px;line-height:1.4;letter-spacing:-.025em}
.literature-content .literature-kicker{margin-bottom:10px}
.literature-intro{font-size:14px;line-height:1.8;color:var(--muted);margin:12px 0 18px}
.literature-qr{width:232px;max-width:100%;margin:0 auto 12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}
.literature-qr img{display:block;width:100%;height:auto}
.literature-account{display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:600}
.literature-account span{font-size:11px;font-weight:400;color:var(--muted);border:1px solid var(--line);padding:0 6px;border-radius:4px}
.literature-instruction{font-size:15px;color:var(--blue);font-weight:600;margin-top:10px}
.literature-delivery{font-size:13px;line-height:1.8;color:var(--ink2);margin-top:8px}
.literature-save{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:8px;font-size:13px;color:var(--blue);padding:6px 14px}
.literature-help{font-size:12px;line-height:1.8;color:var(--muted);margin-top:8px}
.literature-mobile{display:none}
html.literature-open{overflow:hidden;scrollbar-gutter:stable}
.literature-page{padding:24px 0 64px;background:var(--tint)}
.literature-back{display:inline-block;padding:8px 0;color:var(--muted);font-size:14px;margin-bottom:18px}
.literature-page-card{max-width:540px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:var(--r-l)}
@media(min-width:1000px) and (max-width:1130px){.navlinks{gap:18px}.nav .cta{gap:12px}.nav .btn{padding:10px 14px}}
@media(max-width:999px){.nav .cta>.literature-nav{display:none}}
@media(max-width:680px){
  .literature-band{padding:18px 0}
  .literature-band-inner{align-items:flex-start;flex-direction:column;gap:20px;padding:24px}
  .literature-band-action{align-items:flex-start}
  .literature-band h2{font-size:23px;max-width:13em}
  .literature-content{padding:32px 18px 22px}
  .literature-content h1,.literature-content h2{font-size:25px}
  .literature-intro{font-size:13px}
  .literature-qr{width:216px}
  .literature-desktop{display:none}
  .literature-mobile{display:block}
}
@media(max-width:360px){.nav>.wrap{gap:8px}.nav .btn{padding:10px 12px}.brand{gap:7px}.burger{flex-shrink:0}}