.result-sheet-page,.result-unavailable-page{background:#f5f8fc;padding:42px 18px 70px;min-height:70vh}.result-sheet{max-width:1050px;margin:auto;background:#fff;border:1px solid #dce5ef;box-shadow:0 18px 50px rgba(16,33,58,.1);padding:34px}.result-school-head{display:flex;gap:20px;align-items:center;border-bottom:3px solid #f4c20d;padding-bottom:22px}.result-school-head img{width:86px;height:86px;object-fit:contain}.result-school-head h1{margin:0;color:#0b5ed7;font-size:30px}.result-school-head p{margin:5px 0;font-weight:800;color:#10213a}.result-school-head span{font-size:12px;color:#66758a}.result-title{text-align:center;padding:24px 0 18px}.result-title span{font-size:11px;letter-spacing:2px;font-weight:900;color:#0b5ed7}.result-title h2{margin:7px 0 3px;font-size:28px;color:#10213a}.result-title p{margin:0;color:#65758b}.student-details{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e0e7ef;background:#f8fbff}.student-details div{padding:13px 15px;border-right:1px solid #e0e7ef}.student-details div:last-child{border-right:0}.student-details small{display:block;color:#718096;font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.7px}.student-details strong{display:block;margin-top:3px;color:#17263d}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.result-stats div{padding:14px;border-left:4px solid #f4c20d;background:#f7faff}.result-stats span{display:block;color:#718096;font-size:11px}.result-stats strong{font-size:21px;color:#10213a}.table-wrap{overflow-x:auto}.result-sheet table{width:100%;border-collapse:collapse;font-size:12px}.result-sheet th{background:#0b5ed7;color:#fff;text-align:left;padding:11px 8px;white-space:nowrap}.result-sheet td{padding:10px 8px;border-bottom:1px solid #e4eaf1;color:#24344c}.result-sheet tbody tr:nth-child(even){background:#f8fbff}.result-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding-top:18px;border-top:1px solid #dce5ef}.result-footer p{margin:0;color:#66758a;font-size:11px}.unavailable-card{max-width:700px;margin:35px auto;background:#fff;border:1px solid #dce5ef;box-shadow:0 18px 50px rgba(16,33,58,.1);padding:45px;text-align:center}.unavailable-icon{width:64px;height:64px;border-radius:50%;margin:0 auto 18px;background:#f4c20d;color:#10213a;display:grid;place-items:center;font-size:30px;font-weight:900}.unavailable-card h1{font-size:32px;color:#10213a;margin:8px 0}.unavailable-card>p{color:#5f7087;line-height:1.7}.reason-box{text-align:left;background:#f7faff;border-left:4px solid #0b5ed7;padding:18px;margin:24px 0}.reason-box strong{color:#10213a}.reason-box p{margin:7px 0 0;color:#5f7087;line-height:1.65}.unavailable-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}@media(max-width:700px){.result-sheet{padding:20px}.result-school-head h1{font-size:22px}.result-school-head img{width:65px;height:65px}.student-details,.result-stats{grid-template-columns:1fr}.student-details div{border-right:0;border-bottom:1px solid #e0e7ef}.result-footer{align-items:flex-start;flex-direction:column}.unavailable-card{padding:30px 20px}}@media print{body{background:#fff!important}.site-header,footer,#site-loader,.no-print{display:none!important}.result-sheet-page{padding:0;background:#fff;min-height:0}.result-sheet{box-shadow:none;border:0;padding:0;max-width:none}.result-school-head{padding-top:0}.result-sheet table{font-size:10px}.result-sheet th,.result-sheet td{padding:7px 5px}.result-footer{margin-top:14px}}


/* Student result portal refinements and safe sample preview. */
.result-page{padding-bottom:64px}
.result-page .page-hero{padding-bottom:28px!important}
.result-page .page-hero h1{max-width:780px}
.result-layout{align-items:start}
.result-card{border-radius:24px!important;overflow:hidden}
.result-form-card{border-top:4px solid #0757b8}
.result-form-card form{display:grid;gap:17px}
.result-form-card label{display:grid;gap:7px;color:#243f60;font-size:.83rem;font-weight:850}
.result-form-card input,.result-form-card select{width:100%;min-height:49px;border:1px solid #dce7f3;border-radius:12px;background:#fff;padding:12px 14px;color:#172f50;outline:none;transition:border-color .18s,box-shadow .18s}
.result-form-card input:focus,.result-form-card select:focus{border-color:#0757b8;box-shadow:0 0 0 4px rgba(7,87,184,.1)}
.result-form-card .result-submit{width:100%;min-height:50px;display:flex;justify-content:center;align-items:center;gap:10px;border-radius:13px!important}
.result-form-card .result-submit:disabled{opacity:.75;cursor:wait;transform:none}
.result-message{min-height:24px;margin:0;font-size:.83rem;line-height:1.55}
.result-message.error{padding:10px 12px;border-radius:10px;background:#fff1f0;color:#a62b26;border:1px solid #ffd8d4}
.result-message.loading{color:#0757b8;font-weight:750}
.result-info-card .result-help{border-top:1px solid #e6edf6;margin-top:20px;padding-top:18px}

/* Public result report: responsive and print-ready. */
.result-sheet-page{background:linear-gradient(145deg,#f2f7fd,#fff 70%);padding:38px 16px 72px}
.result-sheet{position:relative;max-width:1120px;border:1px solid #dbe6f2;border-radius:22px;overflow:hidden;padding:clamp(18px,3vw,36px);box-shadow:0 22px 70px rgba(16,42,79,.12)}
.result-school-head{gap:20px;border-bottom:3px solid #ffd21c}
.result-school-head img{width:84px;height:84px;padding:7px;border:1px solid #e3eaf4;border-radius:18px;background:#fff}
.result-school-head h1{color:#062c62;font-size:clamp(1.25rem,3vw,1.9rem);line-height:1.15;letter-spacing:-.035em}
.result-school-head p{color:#0757b8;font-size:.88rem;letter-spacing:.08em;text-transform:uppercase}
.result-school-head span{font-size:.75rem}
.result-title{padding:25px 0 20px}
.result-title>span{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eaf3ff;color:#0757b8;font-size:.68rem;letter-spacing:.12em}
.result-title h2{font-size:clamp(1.5rem,4vw,2rem);letter-spacing:-.04em}
.student-details{grid-template-columns:repeat(4,minmax(0,1fr));border-radius:14px;overflow:hidden}
.student-details div{min-width:0;border-bottom:1px solid #e0e7ef;background:#f8fbff}
.student-details div:nth-child(4n){border-right:0}
.student-details strong{font-size:.9rem;overflow-wrap:anywhere}
.result-stats div{border:1px solid #e3ebf5;border-left:4px solid #ffd21c;border-radius:13px;background:linear-gradient(135deg,#f7faff,#fff);padding:15px 17px}
.result-stats span{font-size:.68rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.result-stats strong{color:#062c62;font-size:1.55rem}
.table-wrap{border:1px solid #e2eaf4;border-radius:14px;overflow-x:auto}
.result-sheet table{min-width:780px;font-size:.78rem}
.result-sheet th{background:#062c62;padding:12px 10px}
.result-sheet td{padding:12px 10px}
.result-sheet tbody tr:hover{background:#f1f7ff}
.result-grade-pill{display:inline-flex;min-width:31px;justify-content:center;padding:4px 7px;border-radius:8px;background:#e5f7ec;color:#137443;font-size:.73rem;font-weight:950}
.result-footer{align-items:center;flex-wrap:wrap}
.result-footer-actions{display:flex;flex-wrap:wrap;gap:9px}
.result-footer-actions .btn{min-height:42px;border-radius:11px!important}
@media(max-width:760px){
  .student-details{grid-template-columns:repeat(2,minmax(0,1fr))}
  .student-details div:nth-child(4n){border-right:1px solid #e0e7ef}
  .student-details div:nth-child(2n){border-right:0}
  .result-school-head{align-items:flex-start;gap:13px}
  .result-school-head img{width:65px;height:65px;padding:4px;border-radius:14px}
  .result-school-head span{display:block;line-height:1.5}
  .result-footer{align-items:stretch}
  .result-footer-actions{width:100%}
  .result-footer-actions .btn{flex:1}
  }
@media(max-width:460px){
  .result-sheet-page{padding:18px 9px 40px}
  .result-sheet{padding:15px;border-radius:16px}
  .result-school-head img{width:54px;height:54px}
  .result-school-head h1{font-size:1.08rem}
  .result-title{padding:19px 0 15px}
  .student-details{grid-template-columns:1fr 1fr}
  .student-details div{padding:10px}
  .student-details strong{font-size:.78rem}
  .result-stats{gap:8px}
  .result-stats div{padding:11px}
  .result-stats strong{font-size:1.28rem}
  }
@media print{
  .result-sheet-page{padding:0!important;background:#fff!important}
  .result-sheet{max-width:none!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;overflow:visible!important}
  .result-school-head img{border:0!important}
  .result-sheet table{min-width:0!important;width:100%!important;font-size:9px!important}
  .result-sheet th,.result-sheet td{padding:6px 4px!important}
  .result-footer-actions,.no-print{display:none!important}
  }
@media(prefers-reduced-motion:reduce){.result-card,.result-form-card input,.result-form-card select{transition:none!important}}


/* Result details: accommodate class information on the printable report. */
.student-details{grid-template-columns:repeat(5,minmax(0,1fr))}
.student-details div:nth-child(4n){border-right:1px solid #e0e7ef}
.student-details div:nth-child(5n){border-right:0}
@media(max-width:760px){
  .student-details{grid-template-columns:repeat(2,minmax(0,1fr))}
  .student-details div:nth-child(4n){border-right:1px solid #e0e7ef}
  .student-details div:nth-child(2n){border-right:0}
}
@media(max-width:460px){
  .student-details{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* Academic session picker: select the current school year automatically. */
.result-form-card .field-help{
  display:block;
  margin-top:1px;
  color:#74859a;
  font-size:.71rem;
  font-weight:600;
  line-height:1.5;
}


/* Shared result report palette and six-metric summary. */
.result-sheet-page{--result-navy:#062c62;--result-blue:#0757b8;--result-gold:#ffd21c}
.result-school-head{border-color:var(--result-gold)}
.result-school-head h1,.result-stats strong{color:var(--result-navy)}
.result-school-head p,.result-title>span{color:var(--result-blue)}
.result-sheet th{background:var(--result-navy)}
.result-stats{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:1000px){.result-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.result-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{.result-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}