.qr-page {
    max-width: 1120px;
    margin: 0 auto 2rem;
    padding: 3rem 3rem 2.5rem;
    background: #faf8f3;
    color: #292e32;
    border-radius: 4px;
    font-family: Arial, Helvetica, sans-serif;
}
.qr-page a { color: #234e66; }
.qr-page a:focus-visible { outline: 3px solid #b75b24; outline-offset: 5px; }
.qr-intro { max-width: 690px; margin: 0 auto 2.5rem; text-align: center; }
.qr-eyebrow { color: #745743; text-transform: uppercase; font-size: .75rem; font-weight: bold; letter-spacing: .16em; }
.qr-intro h1 { color: #292e32; font: normal clamp(2rem, 5vw, 3rem)/1.15 Georgia, serif; margin: .7rem 0 1rem; }
.qr-intro p { line-height: 1.6; }
.qr-intro-detail { color: #575e61; font-size: .95rem; }
.qr-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
.qr-card { background: #fff; border: 1px solid #dddcd6; border-radius: 4px; padding: 1.75rem; text-align: center; scroll-margin-top: 1rem; }
.qr-card h2 { color: #292e32; font: normal 1.8rem/1.25 Georgia, serif; margin: 0 0 .4rem; }
.qr-website { font-size: .95rem; text-decoration: underline; text-underline-offset: 3px; }
.qr-preview { display: block; width: 100%; max-width: 280px; height: auto; margin: .75rem auto; }
.qr-button { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem 1rem; border: 1px solid #234e66; border-radius: 3px; background: #234e66; color: #fff !important; font-size: 1rem; font-weight: bold; text-decoration: none; }
.qr-button:hover { background: #17384b; text-decoration: none; }
.qr-secondary-downloads { display: flex; flex-wrap: wrap; justify-content: center; gap: .25rem 1.25rem; margin: .7rem 0; }
.qr-secondary-downloads a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: underline; text-underline-offset: 3px; font-size: .9rem; }
.qr-file-note { margin: .5rem 0 0; color: #636a6d; font-size: .8rem; line-height: 1.7; }
.qr-guide { border-top: 1px solid #d8d6ce; margin-top: 2rem; padding-top: 1.75rem; }
.qr-guide h2 { color: #292e32; font: normal 1.6rem/1.3 Georgia, serif; margin: 0 0 1.25rem; }
.qr-guide-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.qr-guide h3 { color: #292e32; font: bold .9rem/1.4 Arial, Helvetica, sans-serif; margin: 0 0 .5rem; }
.qr-guide p { color: #575e61; font-size: .85rem; line-height: 1.7; margin: 0; }
@media (max-width: 650px) {
    .qr-page { padding: 2rem 1rem; }
    .qr-intro { margin-bottom: 1.75rem; }
    .qr-grid, .qr-guide-grid { grid-template-columns: 1fr; }
    .qr-card { padding: 1.25rem; }
    .qr-preview { max-width: 250px; }
}
@media print {
    .qr-page { padding: 0; }
    .qr-card { break-inside: avoid; }
    .qr-downloads, .qr-file-note, .qr-guide { display: none; }
}