.loading{max-width:680px;margin:10vh auto;padding:30px}.btn{text-decoration:none}.profileField{margin:16px 0}.profileField select{padding:13px;border:2px solid #b4d7ef;border-radius:10px;background:white;color:#13345b;font:inherit;min-width:0;width:100%}.userBox small{display:block;margin-top:4px}.adminLink{display:block;font-size:13px;margin:28px 10px 5px}.certFrame{margin-top:24px;min-height:400px}#notice{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);width:min(90vw,650px);background:#fff1f2;border:2px solid #d54950;color:#961c29;border-radius:12px;padding:16px;z-index:1000;box-shadow:0 8px 30px #0002;cursor:pointer}#app[aria-busy="true"]{cursor:progress}#app[aria-busy="true"] button{opacity:.7;pointer-events:none}@media print{.side,.topbar,.btnrow,#notice{display:none}.shell{display:block}.main{padding:0}}
.welcomeHero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(24px,3vw,44px);padding:clamp(24px,3vw,40px);background:#fff}.welcomeArtwork{width:100%;max-width:400px;margin:auto}.welcomeArtwork img{display:block;width:100%;height:auto;object-fit:contain}.welcomeContent{min-width:0}.welcomeContent>.pill{margin-bottom:18px}.welcomeContent p{font-size:17px}.welcomeContent .profileField{width:100%;max-width:none}.welcomeContent input{min-width:0;width:100%}.welcomeContent .hint{font-size:13px}.welcomeContent .visuallyHidden{margin:0}.welcomeContent .btnrow{margin-top:20px}@media(min-width:851px) and (max-width:1160px){.welcomeHero{grid-template-columns:1fr}.welcomeArtwork{max-width:280px}}@media(max-width:650px){.welcomeHero{grid-template-columns:1fr;gap:22px;padding:22px}.welcomeArtwork{max-width:270px}.welcomeContent>.pill{margin-bottom:14px}.welcomeContent p{font-size:16px}}

/* Successful-final retake request form. */
.retakeCard{max-width:760px}.retakeCard h1{font-size:clamp(28px,4vw,42px);color:#103260;margin:12px 0}.retakeCard textarea{min-height:130px;width:100%;resize:vertical;padding:13px;border:2px solid #b4d7ef;border-radius:10px;color:#13345b;font:inherit}

/* Tap-to-select categories for the pH and equipment matching questions. */
.tapMatchList{display:grid;gap:14px;margin-top:14px}.tapMatchRow{min-width:0;margin:0;padding:12px 14px 14px;border:2px solid #bdd9ef;border-radius:12px;background:#fbfdff}.tapMatchRow legend{padding:0 7px;font-size:20px;font-weight:800;color:#123c65}.tapMatchBody{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:14px}.tapMatchImage{min-width:0}.tapMatchImage .art{height:auto;background:#fff}.tapMatchImage .photoWindow{height:162px}.tapMatchChoices{display:grid;gap:8px;min-width:0}.tapMatchChoice{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 12px;border:2px solid #b4d3e9;border-radius:10px;background:#fff;cursor:pointer;font-weight:700;color:#123c65;box-sizing:border-box}.tapMatchChoice.selected{border-color:#0075cd;background:#e3f2ff}.tapMatchChoice:focus-within{outline:3px solid #8cc8f4;outline-offset:2px}.tapMatchChoice input{appearance:auto;flex:0 0 22px;width:22px;height:22px;margin:0;accent-color:#0075cd}.tapMatchCount{font-weight:700;color:#45617f;font-size:14px;margin:12px 0 0}.tapMatchStatus{min-height:22px;margin:7px 0 0;color:#775200;font-size:14px;line-height:1.4}@media(max-width:540px){.tapMatchRow{padding:10px}.tapMatchBody{grid-template-columns:82px minmax(0,1fr);gap:10px}.tapMatchImage .photoWindow{height:158px}.tapMatchChoice{gap:7px;padding:10px 8px;font-size:15px}}