:root{color-scheme:light;--green:#083e27;--gold:#b78c2d;--cream:#faf4df}
*{box-sizing:border-box}body{margin:0;background:#eee6ce;color:var(--green);font-family:Georgia,'Times New Roman',serif}
.qr-page{width:min(100%,560px);margin:auto;background:radial-gradient(ellipse at 15% 65%,#fffdf3,transparent 60%),#faf4df;min-height:100svh;box-shadow:0 0 65px #153b2418;padding-bottom:max(16px,env(safe-area-inset-bottom))}
.qr-hero img{display:block;width:100%;height:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.qr-menu{display:grid;gap:10px;padding:0 18px 18px;position:relative;margin-top:-3px}
.qr-link{position:relative;isolation:isolate;display:flex;align-items:center;gap:18px;min-height:78px;padding:14px 18px;border:1.5px solid var(--gold);border-radius:19px;color:var(--green);background:linear-gradient(110deg,#fffdf3,#f9f0d8);box-shadow:inset 0 0 0 3px #fffaf0,0 5px 12px #63481e12;text-decoration:none;transition:transform .15s,box-shadow .15s}
.qr-link.primary{color:#fffbe9;background:linear-gradient(115deg,#07351f,#0b4c2d);box-shadow:inset 0 0 0 3px #f5e9bc,0 5px 12px #63481e20}
.qr-icon{display:flex;flex:0 0 38px}.qr-icon svg{width:38px;height:38px}.qr-label{font-weight:bold;font-size:clamp(23px,6vw,31px);line-height:1.2}.chevron{margin-left:auto;font-family:Arial,sans-serif;font-size:36px;line-height:1}.sprig{position:absolute;right:42px;bottom:7px;width:85px;height:56px;color:#8c8d3a;opacity:.18;z-index:-1}.primary .sprig{color:#c8bd6b;opacity:.28}
.qr-link:focus-visible,.qr-footer a:focus-visible{outline:3px solid #157654;outline-offset:4px}.qr-link:hover{box-shadow:inset 0 0 0 3px #fffaf0,0 5px 15px #63481e30}.qr-link:active{transform:scale(.985)}
.qr-footer{display:flex;justify-content:center;align-items:center;gap:15px;margin:4px 22px 0;padding-top:16px;border-top:1px solid #547550}.qr-footer a{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none;font-size:clamp(13px,3.5vw,18px);font-weight:bold;white-space:nowrap}.qr-footer a+a{border-left:1px solid #547550;padding-left:15px}.qr-footer svg{width:24px;height:28px;flex-shrink:0}
.qr-page>[role=status]{margin:0 18px 12px;border-radius:8px;font-size:12px!important;padding:8px!important;background:#f0efdc!important}
@media(min-width:700px){body{padding:24px}.qr-page{border-radius:24px;overflow:hidden;min-height:0}.qr-menu{padding-inline:22px}.qr-link{min-height:88px}.qr-footer{padding-bottom:8px}}
@media(max-width:350px){.qr-menu{padding-inline:12px}.qr-link{gap:12px;padding-inline:14px;min-height:70px}.qr-footer{gap:8px;margin-inline:12px}.qr-footer a+a{padding-left:8px}.qr-footer svg{width:19px}}
@media(prefers-reduced-motion:reduce){.qr-link{transition:none}}