/* r14 visual alignment: retain the r09 light blue, printer-friendly card surface. */
@media (min-width:801px) {
  .screen-membership-card .f-body {grid-template-columns:minmax(0,700px) minmax(0,483px);gap:13px 17px}
  .screen-membership-card .card-graphic-panel {min-width:0}
  .screen-membership-card .f-id-card {width:700px;height:466px;min-height:466px}
  .screen-membership-card .f-id-top {left:30px;top:18px}
  .screen-membership-card .f-id-top img {width:150px;height:150px}
  .screen-membership-card .f-id-top strong {left:212px;top:19px;width:310px;font-size:27px;line-height:1.17;letter-spacing:.7px}
  .screen-membership-card .f-id-top>span {left:212px;top:117px;width:260px;font-size:23px;letter-spacing:1.7px}
  .screen-membership-card .f-id-main>img {right:31px;top:44px;width:173px;height:187px;border-radius:8px}
  .screen-membership-card .f-id-main h2 {left:30px;top:181px;font-size:39px;line-height:1.1;letter-spacing:-.6px;white-space:nowrap}
  .screen-membership-card .f-id-main p {left:30px;top:230px;font-size:19px;line-height:1.2;margin:0}
  .screen-membership-card .f-id-main .f-pill {right:42px;top:241px;width:145px;min-height:37px;padding:3px 7px;font-size:21px;line-height:1.35}
  .screen-membership-card .card-number {left:30px;top:285px;width:410px;grid-template-columns:190px 195px;gap:5px 15px}
  .screen-membership-card .card-number small {font-size:14px;line-height:1.3;color:#425f7c}
  .screen-membership-card .card-number strong {font-size:20px;line-height:1.2}
  .screen-membership-card .card-validity {right:27px;top:289px;font-size:15px;line-height:1.2}
  .screen-membership-card .card-qualification {left:30px;top:367px;width:480px;padding-top:15px;gap:0;font-size:17px;line-height:1.2;border-top:1px solid #9fc7dd}
  .screen-membership-card .card-qualification .qualification-item {padding:0 14px;gap:8px}
  .screen-membership-card .card-qualification .qualification-item:first-child {padding-left:0}
  .screen-membership-card .card-qualification svg {width:28px;height:28px}
  .screen-membership-card .f-qr {right:33px;bottom:37px;width:113px;height:113px;padding:5px;border:1px solid #86a9c2}
  .screen-membership-card .f-qr svg {width:100%;height:100%}
  .screen-membership-card .f-qr small {display:block;bottom:-24px;left:-9px;right:-9px;color:#183e64;font-size:12px;line-height:1.1}
  .screen-membership-card .card-actions-panel {height:204px}
  .screen-membership-card .card-details-panel {height:249px}
  .screen-membership-card .card-actions-panel .f-card-title h2,.screen-membership-card .card-details-panel .f-card-title h2,
  .screen-membership-card .card-usage-panel .f-card-title h2,.screen-membership-card .card-verify-panel .f-card-title h2 {font-size:20px}
  .screen-membership-card .card-actions-panel .f-btn {font-size:16px;gap:10px}
  .screen-membership-card .card-actions-panel .f-btn svg {width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
  .screen-membership-card .card-actions-panel .f-btn.primary {height:45px}
  .screen-membership-card .card-actions-panel .f-btn.outline {height:42px}
  .screen-membership-card .card-actions-panel [data-action=email-card] {font-size:15px;gap:8px}
  .screen-membership-card .card-details-panel .f-line {font-size:16px;padding:4px 0}
  .screen-membership-card .card-details-panel .f-line span {width:175px}
  .screen-membership-card .card-details-panel .f-btn.text {font-size:16px}
  .screen-membership-card .card-usage-panel,.screen-membership-card .card-verify-panel {min-height:175px}
  .screen-membership-card .usage-triptych strong {font-size:15px}
  .screen-membership-card .usage-triptych p {font-size:14px;line-height:1.25}
  .screen-membership-card .card-verify-panel .f-pill {font-size:13px}
  .screen-membership-card .card-verify-panel p {font-size:13px;line-height:1.25;max-width:270px}
}
@media (max-width:800px) {
  .screen-membership-card .f-id-card {background:linear-gradient(125deg,#effaff 0%,#d7f2fd 68%,#ccebf9 100%);color:#10284a;border:1px solid #9fcce4}
  .screen-membership-card .f-id-card::before,.screen-membership-card .f-id-card::after {content:none;display:none}
  .screen-membership-card .f-id-top strong,.screen-membership-card .f-id-main h2,.screen-membership-card .card-number strong,.screen-membership-card .card-validity,.screen-membership-card .card-qualification {color:#10284a}
  .screen-membership-card .f-id-top>span {color:#19589c}
  .screen-membership-card .f-id-main p,.screen-membership-card .card-number small {color:#425f7c}
  .screen-membership-card .f-qr small {display:none}
  .screen-membership-card .card-qualification {width:auto}
  .screen-membership-card .card-qualification .qualification-item {gap:3px;padding:0 5px}
  .screen-membership-card .card-qualification svg {width:16px;height:16px}
  .screen-membership-card .card-actions-panel .f-btn svg {width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
}
@media print {
  .screen-membership-card .f-id-card {width:700px!important;height:466px!important;min-height:466px!important}
  .screen-membership-card .card-qualification {color:#10284a!important}
  .screen-membership-card .f-qr small {display:block!important;color:#183e64!important}
}