:root{--ink:#222222;--muted:#595959;--paper:#ffffff;--line:#e3e3e3;--accent:#b91c1c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif}header{min-height:116px;padding:24px 6vw;display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff}header img{display:block;width:205px;height:auto}header span{font-size:14px;color:#d6d6d6}main{max-width:1320px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;padding:76px 6vw 90px;min-height:calc(100vh - 200px)}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(45px,5vw,70px);line-height:1.08;letter-spacing:-2px;margin:24px 0}.intro>p{max-width:400px;line-height:1.8;color:var(--muted);font-size:17px}.intro .subtle{font-size:14px;color:var(--accent);margin-top:0}.grid-art{color:#b9b9b9;margin-top:40px;max-width:400px}.record-area{align-self:start;background:white;border:1px solid var(--line);padding:34px;box-shadow:0 16px 45px #22222208;border-radius:8px}label{display:block;font-size:14px;font-weight:600;margin-bottom:10px}.input-row{display:flex;gap:8px}input{font:inherit;font-size:15px;padding:12px;border:1px solid #bcbcbc;border-radius:4px;min-width:0;flex:1}button,.download{background:var(--ink);color:#fff;border:0;border-radius:4px;padding:13px 20px;font:inherit;font-size:15px;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.download:hover{background:#444444}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #d72b2b;outline-offset:3px}#lookup-help{font-size:12px;line-height:1.6;color:var(--muted);margin-bottom:28px}#result{border-top:1px solid var(--line);padding-top:28px}.empty{padding:30px 0;text-align:center}.empty p{line-height:1.7;color:var(--muted);max-width:350px;margin:12px auto}.seal{display:inline-grid;place-items:center;width:52px;height:52px;border:1px solid var(--line);border-radius:50%;font-size:24px}.empty h2{font-family:Georgia,serif;font-size:26px;font-weight:400}.status{display:inline-flex;align-items:center;gap:8px;color:#222222;background:#f1f1f1;padding:7px 11px;font-size:13px;border-radius:4px}.status:before{content:'✓';font-weight:700}.status.revoked{background:#fcebea;color:#8c2f24}.status.revoked:before{content:'!'}h2.student{font-family:Georgia,serif;font-size:37px;font-weight:400;line-height:1.2;margin:22px 0 10px;overflow-wrap:anywhere}.course{font-size:17px;line-height:1.6;color:var(--muted);margin:0 0 25px}dl{margin:0}dl>div{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:14px 0;border-top:1px solid #ededed}dt{font-size:13px;color:var(--muted)}dd{margin:0;font-size:14px;overflow-wrap:anywhere}.note{font-size:12px;line-height:1.7;color:var(--muted);margin:22px 0}.download{font-size:14px}.error{border-left:3px solid #b91c1c;padding:5px 0 5px 18px}.error h2{font-size:23px}.error p{color:var(--muted);line-height:1.7}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:24px 6vw;font-size:12px;color:var(--muted)}@media(max-width:780px){header{min-height:94px}header img{width:160px}header span{font-size:12px}main{display:block;padding-top:35px}.intro h1{font-size:48px}.intro>p{max-width:none}.grid-art{display:none}.record-area{margin-top:30px;padding:24px}footer{flex-direction:column;gap:8px}}@media(max-width:400px){header span{max-width:80px}dl>div{grid-template-columns:105px 1fr}.record-area{padding:19px}.input-row{flex-wrap:wrap}.input-row button{width:100%}}
