:root{color-scheme:light;font:16px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif;color:#292929;background:#fff}*{box-sizing:border-box}body{margin:0;background:#fff}.wrap{max-width:1180px;margin:0 auto;padding:20px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #777;margin-bottom:20px}h1{font-size:1.55rem}h2{font-size:1.25rem;margin-top:0}h3{font-size:1rem;margin:1.3rem 0 .6rem}small{font-size:.85rem;font-weight:500}.panel{border:1px solid #999;background:#f4f4f4;padding:16px;margin:14px 0}.narrow{max-width:440px;margin:10vh auto}.notice{background:#eee;border:1px solid #777;padding:10px;margin:10px 0}.error{border-color:#555;background:#e7e7e7}label{display:flex;flex-direction:column;gap:4px;margin:8px 0;max-width:460px}input,select,button{font:inherit;border:1px solid #777;border-radius:2px;padding:8px;background:#fff;color:#222}button{background:#444;color:#fff;border-color:#444;cursor:pointer;margin:8px 0}button.secondary{float:right;background:#666}a{color:#222;text-decoration:underline}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;border:1px solid #aaa;padding:8px;vertical-align:top}th{background:#e5e5e5}.company-form{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:8px;border:1px solid #aaa;background:#fff;padding:10px;margin:10px 0}.company-form label{margin:0;min-width:0}.company-form button{align-self:end}.student-card{background:#fff;border:1px solid #aaa;padding:12px;margin:10px 0}footer{border-top:1px solid #aaa;margin-top:24px;padding:10px;color:#555}@media(max-width:680px){.wrap{padding:12px}.company-form{grid-template-columns:1fr 1fr}.narrow{margin:5vh auto}table{font-size:.88rem}th,td{padding:6px}}
.inline-fields{display:flex;gap:16px;flex-wrap:wrap}.preview-list{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:8px;max-height:420px;overflow:auto}.preview-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:1px solid #aaa;background:#fff;padding:8px}.preview-row label{min-width:0}@media(max-width:680px){.preview-list{grid-template-columns:1fr}}