:root{font-family:system-ui,sans-serif;color:#173047;background:#f0f5f7}*{box-sizing:border-box}body{margin:0}.taller{max-width:1200px;margin:auto;padding:clamp(16px,3vw,36px)}header{display:flex;align-items:center;justify-content:space-between;gap:16px}h1{font-size:clamp(28px,4vw,44px);margin:0}header p{margin:2px 0}a{color:#005d7c}header a,.actions a{padding:13px 18px;border-radius:12px;background:white;text-decoration:none;font-weight:700;box-shadow:0 2px 9px #12314716}.scanner,.card{background:#fff;border-radius:20px;padding:clamp(20px,3vw,32px);margin-top:24px;box-shadow:0 4px 18px #12314712}.scanner label{display:block;font-size:1.25rem;font-weight:700;margin-bottom:12px}form{display:flex;gap:10px}input{font:inherit;min-width:0;flex:1;padding:17px;border:2px solid #8aa9b8;border-radius:12px;font-size:1.25rem}button{font:inherit;border:0;border-radius:12px;padding:15px 22px;background:#0a6381;color:white;font-weight:700;cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #ffb800;outline-offset:2px}#status{min-height:1.5em}.error{color:#a02022}.code{color:#005d7c;font-size:1.2rem;font-weight:800}.card h2{font-size:clamp(25px,3vw,36px);margin:6px 0}.overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,260px);gap:22px}.overview img{max-width:100%;max-height:230px;object-fit:contain}.facts{display:flex;gap:20px;flex-wrap:wrap}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.actions a{background:#dceef3}#scan{scroll-margin-top:20px}@media(max-width:700px){header{align-items:start}form{flex-direction:column}.overview{grid-template-columns:1fr}.actions a{width:100%}}
.taller{max-width:1280px;padding:clamp(12px,2vw,24px)}header h1{font-size:clamp(25px,3vw,36px)}header p{margin:0}.scanner,.card{margin-top:12px;padding:clamp(14px,2vw,24px)}.scanner label{font-size:1.05rem}.scanner #status{margin:8px 0 0}.card h2{font-size:clamp(23px,2.7vw,32px)}.overview img{max-height:175px}.actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.actions>span{display:block}.actions .action{display:flex;min-height:72px;align-items:center;justify-content:center;text-align:center;padding:12px;border-radius:14px;background:#dceef3;color:#034e68;text-decoration:none;font-size:1.18rem;font-weight:800}.actions .unavailable{background:#edf0f1;color:#687a83}.context-options{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.context-picker{display:grid;gap:5px;font-size:.9rem;font-weight:700}.context-picker select{font:inherit;padding:8px;border:1px solid #8aa9b8;border-radius:9px;max-width:320px}@media(max-width:700px){.actions{grid-template-columns:1fr}.actions .action{min-height:56px}.overview img{max-height:140px}}@media(min-width:800px) and (max-height:800px){.scanner,.card{margin-top:9px}.scanner{padding:12px 18px}.scanner input{padding:10px}.scanner button{padding:10px 18px}.overview img{max-height:120px}.actions .action{min-height:60px}}
