.credential-back{position:relative;isolation:isolate;overflow:hidden;container-type:inline-size;width:100%;aspect-ratio:1.586;background-color:#fafbf7;background-image:repeating-linear-gradient(65deg,transparent 0 6px,#2539550b 6px 7px,transparent 7px 12px),repeating-linear-gradient(-65deg,transparent 0 6px,#2539550a 6px 7px,transparent 7px 12px);border:1px solid #c5c7c4;color:#1b233b;font-family:Avenir,Arial,sans-serif;box-shadow:0 12px 36px #080f2112}
.credential-back:before{content:'';position:absolute;z-index:-1;width:30%;aspect-ratio:1;right:3%;bottom:13%;background:url('assets/logo.png') center/contain no-repeat;opacity:.12;filter:grayscale(1)}
.credential-back__main{display:grid;grid-template-columns:30% 1fr;gap:5%;padding:5.8% 5% 3%;height:91%}
.credential-back__validation{align-self:center;text-align:center;display:flex;flex-direction:column;align-items:center;font-size:1.7cqw;line-height:1.15}
.credential-back__qr{display:block;width:100%;margin-bottom:8%;background:white}.credential-back__qr svg{display:block;width:100%;height:auto;shape-rendering:crispEdges}.credential-back__validation strong{font-size:1.9cqw;margin-bottom:2%}
.credential-back__copy{font-size:1.94cqw;line-height:1.22;letter-spacing:-.025em}.credential-back__copy ul{list-style:none;padding:0;margin:0}.credential-back__copy li:before{content:'• ';}.credential-back__organization{margin-top:7%;font-size:2cqw;line-height:1.35;font-weight:700}
.credential-back__band{height:6.4%;display:flex;align-items:center;justify-content:center;background:linear-gradient(100deg,#063b54,#1c1c4d 65%,#20234d);color:#fff;font-size:1.4cqw;font-weight:700;border-block:1px solid #d9b65466}
.credential-record{display:flex;flex-direction:column;gap:4px;padding:18px 0;color:var(--ink);font-size:14px}.credential-record span{color:var(--muted);font-size:12px}
@font-face{font-family:Avenir;src:url('assets/light.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Avenir;src:url('assets/heavy.woff2') format('woff2');font-weight:700 900;font-display:swap}
:root{--navy-950:#080f21;--navy-900:#080f21;--navy-800:#101a30;--navy-700:#182238;--blue-500:#806425;--aqua:#d9b654;--aqua-soft:#f3ecd9;--cream:#f4f3f0;--paper:#fff;--ink:#182238;--muted:#626773;--line:#dcdedc;--radius:2px;--shadow:0 12px 32px #080f210a}
body{font-family:Avenir,Arial,sans-serif;line-height:1.6;background:var(--paper)}
.test-ribbon{justify-content:flex-start;background:#eeeae0;color:#4a463d;padding:6px max(20px,calc((100% - 1200px)/2));font-size:10px;letter-spacing:1.2px}
.test-ribbon strong{color:#4a463d}
.site-header{position:relative;background:var(--navy-950);padding:23px max(20px,calc((100% - 1200px)/2));border-bottom:1px solid #ffffff1c;backdrop-filter:none;gap:24px}
.brand{gap:17px}.brand__crest{width:77px;height:77px;object-fit:contain}.brand strong{color:#fff;font-size:18px;letter-spacing:2px}.brand span{color:#c6cad4;font-size:11px}
.site-nav{background:none;border-radius:0;padding:0;gap:12px}.site-nav button{color:#c6cad4;border-radius:0;font-size:13px;font-weight:400}.site-nav button.active{color:var(--aqua);border:1px solid #d9b65480;background:transparent;box-shadow:none}
.lookup-hero{min-height:475px;padding:65px max(20px,calc((100% - 1200px)/2)) 100px;background:var(--navy-950)}
.lookup-hero::after{width:90px;height:90px;right:max(30px,calc((100% - 1200px)/2));top:68px;bottom:auto;border:0;border-top:1px solid var(--aqua);border-right:1px solid var(--aqua);border-radius:0;box-shadow:none}
.lookup-hero__content{max-width:1000px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}.lookup-hero h1,.credential-page__intro h1,.expired-card h1,.admin-intro h1,.result-state h3,.credential__identity h3,.editor-heading h3,.summary-cards strong{font-family:Avenir,Arial,sans-serif;font-weight:700}
.lookup-hero h1{font-size:clamp(36px,4.5vw,62px);line-height:1.12;letter-spacing:-2px;margin:20px 0 24px}.lookup-hero h1 em{color:var(--aqua);font-style:normal}.lookup-hero__lead{color:#c6cad4;font-size:18px;max-width:620px}
.search-box{border-radius:0;background:#ffffff08;padding:8px;max-width:760px;backdrop-filter:none}.search-box input{border-radius:0}.button{border-radius:0;font-size:13px;font-weight:700;min-height:48px;box-shadow:none}.button--primary{background:var(--aqua);color:var(--navy-950);box-shadow:none}.button--primary:hover{background:#edcf7c}.hero-note{color:#aeb6c7}
.lookup-results{width:min(1200px,calc(100% - 40px));margin-top:-35px}.result-state{border-radius:0;padding:35px;background:var(--cream);border:1px solid var(--line)}.result-state h3{font-size:24px}.search-result{border-radius:0;box-shadow:none;border-color:var(--line)}.search-result img,.portrait{border-radius:2px}
.credential{border-radius:2px;background:var(--navy-950);box-shadow:var(--shadow)}.credential__topline{border-bottom-color:#d9b65450}.credential__meta div:first-child,.credential__meta div:last-child{border-radius:0}.credential__meta dt{color:#c6cad4}.credential__footer{color:#aeb6c7}.credential__identity p{color:#c6cad4}.credential .status--success{color:#7fdfba}
.panel,.simulation-panel,.summary-cards,.expired-card,.renewal-box,.local-note,input,.member-row,.notice-item,.notice-item__icon,.pix-line,.privacy-note,dialog{border-radius:2px}.member-row.selected{border-color:#d9b65480;background:#f3ecd9}.local-note{background:var(--cream)}.site-footer{background:var(--navy-950);color:#aeb6c7;border-top:1px solid #ffffff20;padding:28px max(20px,calc((100% - 1200px)/2))}
:focus-visible{outline:3px solid var(--aqua);outline-offset:4px}.search-box input:focus{box-shadow:inset 0 -2px var(--aqua)}
@media(max-width:760px){.site-header{padding:18px 20px;flex-wrap:wrap;gap:16px}.brand__crest{width:57px;height:57px}.brand strong{font-size:14px}.brand{gap:10px}.site-nav{gap:4px}.site-nav button{padding:8px 10px;font-size:12px}.lookup-hero{padding-top:40px;min-height:0;padding-bottom:75px}.lookup-hero h1{letter-spacing:-1.2px}.lookup-hero::after{display:none}.lookup-hero__lead{font-size:16px}.search-box{grid-template-columns:1fr}.search-box .button{width:100%}.test-ribbon{font-size:9px;letter-spacing:.4px;flex-wrap:wrap;gap:3px 8px}.site-footer{flex-direction:column;gap:8px}}
