/* Qalyubia Results Portal — Identity System 2026
   New public interface layer. Built for RTL, mobile screens and fixed A4 exports. */
:root{
  --ql-green-950:#052f28; --ql-green-900:#064536; --ql-green-800:#075b45; --ql-green-700:#087254;
  --ql-teal-700:#067b78; --ql-teal-500:#10a49d; --ql-blue-800:#123e67; --ql-blue-600:#17618e;
  --ql-gold-700:#ae7c1d; --ql-gold-500:#d9a438; --ql-gold-300:#efd48d;
  --ql-red:#c8342b; --ql-success:#07844e; --ql-warning:#a26700;
  --ql-ink:#11241f; --ql-muted:#596d68; --ql-soft:#edf5f1; --ql-sand:#fbf7ee; --ql-bg:#f5f8f6;
  --ql-line:#d8e5df; --ql-white:#fff; --ql-shadow:0 18px 55px rgba(5,47,40,.09);
  --ql-shadow-soft:0 9px 27px rgba(5,47,40,.07); --ql-radius-xl:32px; --ql-radius-lg:23px;
  --ql-radius:16px; --ql-site-width:1220px; --a4-width:794px; --a4-height:1123px;
  --site-font-family:'Alexandria',Tahoma,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ql-bg)}
body.qalubia-page,body{margin:0;color:var(--ql-ink);background:var(--ql-bg);font-family:var(--site-font-family);direction:rtl;line-height:1.8}
a{color:inherit;text-decoration:none;transition:.18s ease}
a:hover{color:var(--ql-green-700)}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.no-print{display:block}
.container,.main-container{width:min(var(--ql-site-width),calc(100% - 32px));margin-inline:auto}
.main-container{padding:26px 0 40px}
.section-eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #bcdacf;background:#edf8f3;color:var(--ql-green-800);font-size:.85rem;font-weight:700;border-radius:999px;padding:5px 13px;margin-bottom:8px}
.section-title{font-size:clamp(1.3rem,2.6vw,1.9rem);line-height:1.5;margin:0;color:var(--ql-green-950)}
/* identity header */
.identity-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;padding:18px 0 32px;background:linear-gradient(122deg,var(--ql-green-950),var(--ql-green-800) 58%,var(--ql-blue-800));}
.identity-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 5%,rgba(217,164,56,.27),transparent 26%),radial-gradient(circle at 86% 92%,rgba(16,164,157,.25),transparent 31%);z-index:-1}
.identity-hero:after{content:"";position:absolute;bottom:-84px;left:-5%;width:110%;height:115px;background:var(--ql-bg);border-radius:50% 50% 0 0/45% 45% 0 0;z-index:-1}
.identity-topbar{width:min(var(--ql-site-width),calc(100% - 32px));margin:0 auto 27px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand-chip{display:flex;align-items:center;gap:13px;color:#fff}
.brand-chip:hover{color:#fff;opacity:.93}
.brand-chip__logos{display:flex;align-items:center;gap:6px;padding:6px;background:#fff;border-radius:18px}
.brand-chip__logos img{width:46px;height:46px;object-fit:contain;border-radius:11px}
.brand-chip b{display:block;font-size:1.05rem}.brand-chip small{display:block;color:rgba(255,255,255,.76)}
.hero-actions{display:flex;gap:9px;align-items:center}.hero-action{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid rgba(255,255,255,.24);border-radius:14px;background:rgba(255,255,255,.10);color:#fff;font-weight:700}.hero-action:hover{background:#fff;color:var(--ql-green-900)}.hero-action--print{border:0;background:var(--ql-gold-500);color:var(--ql-green-950)}
.hero-grid{width:min(var(--ql-site-width),calc(100% - 32px));margin-inline:auto;display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(360px,.9fr);align-items:center;gap:34px;padding-bottom:38px}
.hero-kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 13px;font-weight:600;margin-bottom:14px}
.hero-copy h1{font-size:clamp(2rem,4vw,3.15rem);line-height:1.42;margin:0 0 12px;font-weight:800;letter-spacing:-.03em}
.hero-copy p{font-size:1.04rem;color:rgba(255,255,255,.82);margin:0 0 22px;max-width:720px}
.hero-metrics{display:flex;gap:9px;flex-wrap:wrap}.hero-metrics span{display:flex;align-items:center;gap:7px;padding:8px 13px;border-radius:12px;background:rgba(255,255,255,.10);font-weight:600;font-size:.93rem}
.official-showcase{display:grid;grid-template-columns:1fr 1fr;gap:11px}.official-card{background:#fff;color:var(--ql-ink);display:flex;align-items:center;gap:10px;border-radius:18px;padding:10px;box-shadow:var(--ql-shadow-soft)}.official-card--main{grid-column:1/-1;padding:13px}.official-card img{width:58px;height:58px;border-radius:14px;object-fit:cover;border:2px solid #e9f0ed}.official-card--main img{width:77px;height:77px}.official-card span{display:block;color:var(--ql-muted);font-size:.75rem}.official-card strong{display:block;font-size:.9rem;line-height:1.5;color:var(--ql-green-950)}
/* announcements/search */
.results-banner,.waiting-banner{width:min(var(--ql-site-width),calc(100% - 32px));margin:0 auto 22px;background:#fff;border:1px solid var(--ql-line);border-radius:var(--ql-radius-xl);padding:18px 22px;display:flex;align-items:center;gap:18px;position:relative;box-shadow:var(--ql-shadow-soft);overflow:hidden}
.results-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;width:7px;background:var(--ql-gold-500)}
.results-banner .ribbon{position:absolute;top:12px;left:14px;border-radius:999px;padding:5px 12px;background:#eef8f3;color:var(--ql-green-800);font-weight:700;font-size:.8rem}
.results-content{display:flex;align-items:center;gap:16px;flex:1}.results-icon{width:60px;height:60px;border-radius:19px;display:grid;place-items:center;background:#fff6dc;color:var(--ql-gold-700);font-size:1.55rem}.results-text h4{margin:0 0 5px;font-size:1.2rem;color:var(--ql-green-950)}.results-info .stats-container{display:flex;gap:10px;flex-wrap:wrap}.results-info .stat-item{padding:6px 12px;background:var(--ql-soft);border-radius:10px;display:flex;gap:6px}.results-info .stat-label{color:var(--ql-muted)!important}.results-info .stat-value{font-weight:800;color:var(--ql-green-800)}.governor-seal{display:grid;place-items:center;text-align:center;color:var(--ql-success);font-weight:700;min-width:70px}.governor-seal i{font-size:1.45rem}
.search-portal{background:#fff;border:1px solid var(--ql-line);border-radius:var(--ql-radius-xl);padding:25px;box-shadow:var(--ql-shadow);margin-bottom:28px}
.search-portal__intro{text-align:center;max-width:750px;margin:0 auto 22px}.search-portal__intro h2{font-size:clamp(1.45rem,3vw,2.1rem);line-height:1.5;margin:3px 0 7px;color:var(--ql-green-950)}.search-portal__intro p{margin:0;color:var(--ql-muted)}
.search-methods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.tab-btn{background:#f5faf8;border:1px solid var(--ql-line);border-radius:17px;display:flex;align-items:center;gap:9px;padding:12px;text-align:right;color:var(--ql-ink)}.tab-btn.active,.tab-btn:hover{border-color:#93c9b5;background:#eaf7f1}.tab-icon{width:43px;height:43px;background:#fff;border-radius:12px;display:grid;place-items:center;color:var(--ql-green-700);font-size:1.15rem}.tab-btn b{display:block;font-size:.92rem}.tab-btn small{font-size:.72rem;color:var(--ql-muted);display:block}
.search-panels{background:var(--ql-soft);border-radius:22px;padding:14px}.search-panel{display:none;grid-template-columns:auto minmax(220px,1fr) auto;align-items:end;gap:12px}.search-panel.is-active{display:grid!important}.search-panel__visual{width:61px;height:61px;border-radius:17px;background:var(--ql-green-800);color:#fff;display:grid;place-items:center;font-size:1.45rem}.form-group label{display:block;font-size:.84rem;font-weight:700;margin-bottom:5px;color:var(--ql-green-950)}.form-control{border:1px solid #c8dcd4;background:#fff;border-radius:14px;height:61px;padding:0 15px;outline:0;width:100%;transition:.18s}.form-control:focus{border-color:var(--ql-teal-500);box-shadow:0 0 0 4px rgba(16,164,157,.12)}.search-btn,.action-button{border:0;border-radius:14px;min-height:54px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;white-space:nowrap;background:var(--ql-green-800);color:#fff}.search-btn:hover,.action-button--primary:hover{background:var(--ql-green-900);color:#fff}.search-btn{height:61px}.action-button--soft{background:#eef7f3;color:var(--ql-green-800);border:1px solid #c8e3d8}.action-button--outline{background:#fff;color:var(--ql-green-800);border:1px solid #c9ded6}.action-button--gold{background:#fff5da;color:var(--ql-gold-700);border:1px solid #ead091}
.search-hints{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-top:16px}.search-hints span,.search-hint-link{border-radius:999px;padding:7px 12px;background:#f7faf9;color:var(--ql-muted);font-size:.85rem;border:1px solid var(--ql-line)}.search-hint-link{color:var(--ql-green-800);font-weight:700}.recent-searches-panel{margin-top:16px;background:#f9fbfa;border:1px dashed #c8dcd4;border-radius:18px;padding:12px}.recent-searches-head{display:flex;justify-content:space-between}.recent-searches-head button{background:none;border:0;color:var(--ql-red)}.recent-searches-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.recent-searches-list a{background:#fff;border:1px solid var(--ql-line);border-radius:999px;padding:5px 11px}
/* ads — presentation only; AdSense markup remains untouched */
[data-ad-placement],.adsense-container{background:#fff;border:1px dashed #d6e1dc;border-radius:20px;min-height:88px;margin:22px 0;padding:12px;display:grid;place-items:center;overflow:hidden}
.floating-result-ad{position:fixed;bottom:12px;left:12px;z-index:9000;background:#fff;border:1px solid var(--ql-line);border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.2);padding:34px 8px 8px;transform:translateY(calc(100% + 25px));opacity:0;transition:.32s ease}.floating-result-ad.is-visible{transform:none;opacity:1}.floating-ad-close{position:absolute;right:8px;top:7px;border:0;background:#edf5f1;color:var(--ql-green-900);font-size:.8rem;font-weight:700;border-radius:10px;padding:3px 9px}.floating-ad-box{display:flex;align-items:center;justify-content:center;max-width:336px;max-height:280px;overflow:hidden}
/* result surface */
.results-section{width:min(var(--ql-site-width),calc(100% - 32px));margin:0 auto}.result-toolbar,.directory-toolbar,.toppers-hero,.stats-dashboard-hero{background:#fff;border:1px solid var(--ql-line);border-radius:var(--ql-radius-lg);padding:20px 22px;display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:17px;box-shadow:var(--ql-shadow-soft)}.action-buttons{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.stat-badge{padding:10px 14px;border-radius:13px;background:#eef8f3;color:var(--ql-green-800);font-weight:700}.query-time-note{font-size:.8rem;color:var(--ql-muted);margin:4px 0 0}
.student-result-sheet{position:relative;background:#fff;border:1px solid var(--ql-line);border-radius:30px;padding:22px;overflow:hidden;box-shadow:var(--ql-shadow);margin-bottom:18px}.sheet-watermark{position:absolute;opacity:.045;width:310px;left:-45px;bottom:-64px}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--ql-line);padding-bottom:15px;margin-bottom:18px}.sheet-brand{display:flex;align-items:center;gap:8px}.sheet-brand img{width:54px;height:54px;border-radius:12px;object-fit:contain;background:#fff;border:1px solid var(--ql-line);padding:3px}.sheet-brand span{color:var(--ql-muted);display:block;font-size:.8rem}.sheet-brand strong{font-size:1rem;color:var(--ql-green-950)}.sheet-stamp{display:flex;gap:6px;align-items:center;background:#eaf7f1;border:1px solid #b9decf;color:var(--ql-success);border-radius:999px;padding:8px 12px;font-weight:700}
.student-hero-card{display:grid;grid-template-columns:1fr 154px;align-items:center;gap:18px;background:#f5faf8;border-radius:22px;padding:20px}.student-identity .label{color:var(--ql-muted);font-size:.85rem}.student-identity h3{margin:4px 0 11px;font-size:clamp(1.35rem,3vw,2rem);color:var(--ql-green-950)}.student-badges{display:flex;flex-wrap:wrap;gap:8px}.student-badges>span,.status-badge,.elegant-status-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 12px;border:1px solid var(--ql-line);background:#fff;font-weight:600;font-size:.85rem}.status-success,.status-pass,.elegant-status-badge.success{background:#e8f7ef!important;color:var(--ql-success)!important;border-color:#b7e1cb!important}.status-fail,.elegant-status-badge.fail{background:#fff0ee!important;color:var(--ql-red)!important;border-color:#f1c1bb!important}
.score-orbit{position:relative;width:132px;height:132px;margin-inline:auto}.score-orbit svg{transform:rotate(-90deg);width:100%;height:100%}.score-track{fill:none;stroke:#deebe5;stroke-width:9}.score-progress{fill:none;stroke:var(--ql-gold-500);stroke-width:9;stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:calc(327 - (327 * var(--student-percent) / 100))}.score-orbit__text{position:absolute;inset:0;display:grid;place-items:center;align-content:center}.score-orbit__text strong{font-size:1.34rem;color:var(--ql-green-950)}.score-orbit__text span{font-size:.75rem;color:var(--ql-muted)}
.student-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:17px 0}.student-meta-grid article{border:1px solid var(--ql-line);border-radius:15px;padding:12px;background:#fff;display:grid;gap:4px}.student-meta-grid i{color:var(--ql-teal-700)}.student-meta-grid span{color:var(--ql-muted);font-size:.77rem}.student-meta-grid strong{font-size:.88rem;color:var(--ql-green-950)}
.share-buttons-container{border-top:1px solid var(--ql-line);padding-top:15px}.share-buttons-container h4{margin:0 0 8px;color:var(--ql-muted);font-size:.9rem}.share-buttons{display:flex;gap:7px;flex-wrap:wrap}.share-btn{border:1px solid var(--ql-line);background:#fff;border-radius:11px;min-height:39px;padding:0 12px;color:var(--ql-green-900);font-weight:700}.share-btn:hover{background:var(--ql-soft)}
.certificate-section--compact{margin:15px 0}.certificate-compact-card{border:1px solid #ecd69b;background:#fff9e8;border-radius:18px;padding:12px;display:flex;align-items:center;gap:12px}.certificate-compact-icon{width:50px;height:50px;display:grid;place-items:center;background:var(--ql-gold-500);color:#fff;border-radius:14px;font-size:1.25rem}.certificate-compact-text{flex:1}.certificate-compact-text strong{display:block}.certificate-compact-text span{display:block;color:var(--ql-muted);font-size:.85rem}.certificate-compact-btn{background:var(--ql-green-800);color:#fff;border-radius:12px;padding:10px 14px;font-weight:700}
.student-details-flow{display:grid;gap:17px}.rank-container,.subjects-ledger,.subject-analytics-section,.smart-analysis-section,.result-narrative,.directory-narrative,.toppers-narrative,.article-section,.edara-landing-card{background:#fff;border:1px solid var(--ql-line);border-radius:var(--ql-radius-lg);padding:20px;box-shadow:var(--ql-shadow-soft)}
.rank-head h4,.ledger-head h3,.analytics-head h3,.smart-analysis-head h3{margin:0 0 5px;color:var(--ql-green-950);font-size:1.35rem}.rank-head p,.analytics-head p,.smart-analysis-head p{color:var(--ql-muted);margin:0 0 15px}.rank-grid,.smart-analysis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.rank-card,.smart-analysis-card{padding:14px;border-radius:16px;background:#f5faf8;border:1px solid #d7e6e0;display:grid;gap:4px}.rank-card i,.smart-analysis-card i{color:var(--ql-gold-700)}.rank-card span,.smart-analysis-card span{color:var(--ql-muted);font-size:.82rem}.rank-card strong,.smart-analysis-card strong{font-size:1.16rem;color:var(--ql-green-950)}
.subjects-table-wrap,.name-results-table-wrap,.stats-table-wrap,.toppers-table-wrap{overflow-x:auto;border:1px solid var(--ql-line);border-radius:16px;margin-top:14px;background:#fff}.subjects-table,.unified-search-table,.stats-table,.toppers-table{width:100%;border-collapse:collapse;min-width:650px}.subjects-table thead,.unified-search-table thead,.stats-table thead,.toppers-table thead{background:#eff7f3;color:var(--ql-green-950)}table th{font-weight:700;font-size:.9rem;white-space:nowrap}table td,table th{padding:12px 13px;text-align:right;border-bottom:1px solid #e8efec}table tr:last-child td{border-bottom:0}table tbody tr:hover{background:#fbfdfc}.subject-chip{display:inline-flex;gap:9px;align-items:center;font-weight:700}.subject-chip i{color:var(--ql-green-700)}.table-pill,.percent-pill{display:inline-flex;padding:4px 9px;background:#f0f6f3;border-radius:999px;font-weight:700}.table-pill--index{background:#e5f4ee;color:var(--ql-green-800)}.name-student-link,.table-scope-link{font-weight:700;color:var(--ql-green-800)}.table-result-btn{height:38px;width:38px;background:var(--ql-green-800);color:#fff;border-radius:11px;display:inline-grid;place-items:center}.table-result-btn:hover{background:var(--ql-teal-700);color:#fff}
.subject-charts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.subject-chart-card{position:relative;border:1px solid var(--ql-line);border-radius:18px;padding:14px;display:flex;align-items:center;gap:12px;overflow:hidden}.subject-card-watermark{position:absolute;left:8px;bottom:-10px;color:#eff6f3;font-size:58px}.subject-donut{flex:0 0 82px;height:82px;border-radius:50%;background:conic-gradient(var(--subject-color) calc(var(--subject-percent)*1%),#e4ece8 0);display:grid;place-items:center;position:relative}.subject-donut:after{content:"";position:absolute;inset:10px;background:#fff;border-radius:50%}.subject-donut span{position:relative;z-index:1;font-weight:700;font-size:.78rem}.subject-chart-info{position:relative;z-index:1}.subject-chart-info h4{margin:0 0 4px;font-size:.9rem}.subject-grade-line{margin:0;color:var(--ql-muted);font-size:.8rem}.weight-meter__top{display:flex;gap:8px;color:var(--ql-muted);font-size:.7rem}.weight-meter__bar{height:5px;background:#e7eeeb;border-radius:9px;overflow:hidden}.weight-meter__bar span{display:block;background:var(--ql-green-700);height:100%}.subject-order-chart{margin-top:17px}.subject-order-chart h4{margin:0 0 11px}.subject-order-row{display:grid;grid-template-columns:130px 1fr 65px;gap:10px;align-items:center;margin-bottom:7px;font-size:.86rem}.subject-order-track{height:8px;border-radius:999px;background:#e8efec}.subject-order-track span{height:100%;border-radius:999px;display:block;background:var(--ql-teal-500)}.total-grade-container{background:var(--ql-green-900);border-radius:18px;color:#fff;padding:18px;text-align:center}.total-grade{font-size:1.25rem;font-weight:800}.total-grade-container p{margin:4px 0 0;color:#d4eee4}
.student-advice-notice{border:1px solid var(--ql-line)!important;background:#fff!important;border-radius:20px!important;padding:18px!important;box-shadow:var(--ql-shadow-soft)!important;color:var(--ql-ink)!important}.student-advice-notice h3{color:var(--ql-green-900)!important}.student-advice-notice .advice-icon{background:#edf7f2!important}.weak-subjects-warning{background:#fffaf0;border:1px solid #efdba5;border-radius:18px;padding:17px}.weak-subject-item{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px dashed #e8dec7}.weak-subject-item:last-child{border-bottom:0}.weak-progress-bar{height:6px;border-radius:99px;background:#efe8d8}.weak-progress-fill{background:var(--ql-gold-500);height:100%;border-radius:inherit}
.result-narrative h3,.directory-narrative h3,.toppers-narrative h3{margin:0 0 10px;color:var(--ql-green-950);font-size:1.35rem}.result-narrative p,.directory-narrative p,.toppers-narrative p{color:#384b46;margin:8px 0}.narrative-facts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.narrative-facts span{background:var(--ql-soft);border:1px solid var(--ql-line);padding:5px 11px;border-radius:999px;font-size:.84rem;font-weight:700;color:var(--ql-green-800)}
/* directories/pagination */
.directory-stats,.stats-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:17px 0}.stat-card,.stats-summary-grid article{background:#fff;border:1px solid var(--ql-line);border-radius:17px;padding:15px;display:grid;gap:3px}.stat-icon{font-size:1.2rem;color:var(--ql-green-700)}.stat-number,.stats-summary-grid strong{font-size:1.45rem;font-weight:800;color:var(--ql-green-950)}.stat-label,.stats-summary-grid span{color:var(--ql-muted);font-size:.82rem}
.pagination{margin:20px 0;background:#fff;border:1px solid var(--ql-line);border-radius:19px;padding:12px;display:flex;align-items:center;gap:11px;justify-content:space-between;flex-wrap:wrap}.page-info{font-size:.85rem;font-weight:700;color:var(--ql-muted)}.pagination-row{display:flex;align-items:center;gap:5px}.page-link{min-width:39px;height:39px;padding:0 9px;border-radius:11px;border:1px solid var(--ql-line);display:inline-grid;place-items:center;font-weight:700;background:#fff}.page-link.active{background:var(--ql-green-800);border-color:var(--ql-green-800);color:#fff}.page-link--arrow{color:var(--ql-green-800)}.pagination-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pagination-jump,.pagination-direct{display:flex;align-items:center;gap:6px;color:var(--ql-muted);font-size:.82rem}.pagination-select,.pagination-number{border:1px solid var(--ql-line);border-radius:10px;padding:7px 8px;height:39px;background:#fff}.pagination-number{width:68px}.pagination-go{height:39px;border:0;border-radius:10px;background:var(--ql-green-800);color:#fff;padding:0 12px;font-weight:700}
/* toppers */
.toppers-page{display:grid;gap:18px}.podium-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.podium-card{border:1px solid #ebd8a9;background:#fffaf0;border-radius:22px;padding:20px;text-align:center}.podium-medal{color:var(--ql-gold-700)}.podium-card h3{margin:8px 0}.podium-card strong{display:block;font-size:1.15rem;color:var(--ql-green-900)}.podium-card a{display:inline-flex;margin-top:10px;padding:7px 14px;background:var(--ql-green-800);color:#fff;border-radius:11px;font-weight:700}.toppers-table-card{background:#fff;border:1px solid var(--ql-line);border-radius:var(--ql-radius-lg);padding:18px}.toppers-table-card__head{display:flex;justify-content:space-between;gap:12px;align-items:center}.toppers-table-card__head h3{margin:0;color:var(--ql-green-950)}.toppers-table-card__head p{margin:3px 0 0;color:var(--ql-muted)}.toppers-count-badge{background:#eef8f3;color:var(--ql-green-800);border-radius:999px;padding:7px 12px;font-weight:700}.rank-number{color:var(--ql-gold-700);font-weight:800}.topper-card-btn{width:41px;height:41px;border:0;background:#fff5dd;color:var(--ql-gold-700);border-radius:12px}
/* article/footer */
.article-section{margin-top:18px}.article-content h2{color:var(--ql-green-950);font-size:1.45rem}.article-content table{width:100%;border-collapse:collapse}.article-content td{border:1px solid var(--ql-line);padding:10px}.developer-credit-notice{border:1px solid #d7e5df;border-radius:var(--ql-radius-lg);background:#fff;padding:18px 21px;margin:24px 0;text-align:center;box-shadow:var(--ql-shadow-soft)}.developer-credit-notice i{color:var(--ql-gold-700);font-size:1.3rem}.developer-credit-notice h4{margin:5px 0;color:var(--ql-green-950)}.developer-credit-notice p{margin:0;color:var(--ql-muted)}.developer-credit-notice strong{color:var(--ql-green-800)}
.footer{background:var(--ql-green-950);color:#d5e4de;margin-top:25px;padding:42px 0 20px}.footer-content{width:min(var(--ql-site-width),calc(100% - 32px));margin-inline:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.footer-section h3{margin:0 0 10px;color:#fff;font-size:1.05rem}.footer-section p{margin:6px 0;font-size:.88rem}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin:6px 0}.footer-links a:hover{color:var(--ql-gold-300)}.copyright{width:min(var(--ql-site-width),calc(100% - 32px));margin:28px auto 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);text-align:center;font-size:.84rem}.copyright p{margin:4px 0}
/* general statistics */
.stats-dashboard-page{display:grid;gap:16px}.stats-dashboard-hero{display:block}.stats-dashboard-hero h2{margin:3px 0 5px;color:var(--ql-green-950)}.stats-dashboard-hero p{margin:0;color:var(--ql-muted)}.stats-table-card{background:#fff;border:1px solid var(--ql-line);border-radius:var(--ql-radius-lg);padding:18px}.stats-table-card h3{margin:0 0 10px;color:var(--ql-green-950)}
/* static information/contact pages */
.public-page{min-height:100vh;background:var(--ql-bg)}.public-header{background:linear-gradient(120deg,var(--ql-green-950),var(--ql-green-800));color:#fff;padding:14px 0 64px}.public-nav{width:min(var(--ql-site-width),calc(100% - 32px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.public-nav .brand-chip__logos img{width:42px;height:42px}.public-nav-links{display:flex;gap:8px;flex-wrap:wrap}.public-nav-links a{padding:8px 12px;border-radius:11px;color:#e1ede9}.public-nav-links a.is-active,.public-nav-links a:hover{background:rgba(255,255,255,.12);color:#fff}.public-hero{width:min(900px,calc(100% - 32px));margin:32px auto 0;text-align:center}.public-hero h1{font-size:clamp(1.8rem,4vw,2.7rem);margin:5px 0}.public-hero p{margin:0;color:#d7e9e1}.public-shell{width:min(950px,calc(100% - 32px));margin:-35px auto 36px;position:relative}.public-card{background:#fff;border:1px solid var(--ql-line);border-radius:28px;padding:clamp(20px,4vw,36px);box-shadow:var(--ql-shadow)}.public-card h2{color:var(--ql-green-950);margin:22px 0 8px;font-size:1.35rem}.public-card h2:first-child{margin-top:0}.public-card p{color:#3a4e49;margin:0 0 9px}.faq-list{display:grid;gap:11px}.faq-item{border:1px solid var(--ql-line);border-radius:17px;padding:14px}.faq-item summary{font-weight:700;color:var(--ql-green-950);cursor:pointer}.faq-item p{margin:9px 0 0}.public-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.contact-grid{display:grid;grid-template-columns:1fr .9fr;gap:16px}.contact-form{display:grid;gap:13px}.contact-form label{font-weight:700;color:var(--ql-green-950);font-size:.9rem}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid #c8dcd4;border-radius:14px;padding:12px 13px;background:#fff}.contact-form textarea{min-height:145px;resize:vertical}.contact-form button{border:0;background:var(--ql-green-800);color:#fff;border-radius:14px;height:52px;font-weight:700}.contact-aside{background:var(--ql-soft);border-radius:20px;padding:19px}.contact-aside h2{margin-top:0}.form-alert{border-radius:14px;padding:11px 13px;font-weight:700;margin-bottom:14px}.form-alert--success{background:#e8f7ef;color:var(--ql-success)}.form-alert--error{background:#fff0ee;color:var(--ql-red)}
/* A4 exported documents: fixed desktop composition, never responsive */
.a4-result-image,.toppers-a4-export,.topper-congrats-export{position:fixed;right:-20000px;top:0;width:var(--a4-width);height:var(--a4-height);background:#fff;color:var(--ql-ink);direction:rtl;overflow:hidden;font-family:var(--site-font-family);padding:42px}
.a4-result-image:before,.toppers-a4-export:before,.topper-congrats-export:before,.certificate-container:before{content:"";position:absolute;inset:0;border:13px solid var(--ql-green-900);pointer-events:none}.a4-watermark,.toppers-a4-watermark,.topper-congrats-watermark,.cert-watermark{position:absolute;width:360px;opacity:.045;left:calc(50% - 180px);top:390px}.a4-header{height:109px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ql-gold-500);padding-bottom:18px;position:relative}.a4-header img{width:72px;height:72px;object-fit:contain}.a4-header div{text-align:center}.a4-header span{color:var(--ql-green-800);font-size:15px}.a4-header h2{font-size:24px;color:var(--ql-green-950);margin:2px 0}.a4-header p{font-size:13px;margin:0;color:var(--ql-muted)}.a4-student-band{margin-top:26px;background:var(--ql-green-900);color:#fff;border-radius:18px;padding:15px 20px;display:flex;justify-content:space-between;gap:20px}.a4-student-band span,.a4-meta-grid span{display:block;font-size:12px;opacity:.8}.a4-student-band strong{font-size:20px}.a4-meta-grid{margin:16px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.a4-meta-grid div{border:1px solid var(--ql-line);border-radius:13px;padding:10px 12px}.a4-meta-grid strong{display:block;font-size:15px}.a4-subjects-table,.toppers-a4-table{position:relative;width:100%;border-collapse:collapse;font-size:13px}.a4-subjects-table th,.toppers-a4-table th{background:var(--ql-green-900);color:#fff}.a4-subjects-table td,.a4-subjects-table th,.toppers-a4-table td,.toppers-a4-table th{padding:9px;border:1px solid var(--ql-line)}.a4-footer,.toppers-a4-footer{position:absolute;right:42px;left:42px;bottom:38px;border-top:2px solid var(--ql-gold-500);padding-top:13px;display:flex;justify-content:space-between;color:var(--ql-green-900);font-weight:700;font-size:13px}
.toppers-a4-export{padding:42px}.toppers-a4-frame{position:relative;height:100%}.toppers-a4-header{display:flex;gap:16px;align-items:center;border-bottom:2px solid var(--ql-gold-500);padding-bottom:15px;text-align:center}.toppers-a4-header img{width:65px;height:65px;object-fit:contain}.toppers-a4-header div{flex:1}.toppers-a4-header span{font-size:13px;color:var(--ql-green-800)}.toppers-a4-header h2{font-size:24px;color:var(--ql-green-950);margin:2px}.toppers-a4-header h3{font-size:18px;margin:0}.toppers-a4-header p{font-size:12px;margin:0;color:var(--ql-muted)}.toppers-a4-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0}.toppers-a4-meta span{border:1px solid var(--ql-line);border-radius:8px;padding:6px;text-align:center;font-size:10px}.toppers-a4-table{font-size:10px}.toppers-a4-table td,.toppers-a4-table th{padding:6px 4px}.topper-a4-medal-row td{background:#fff7e2}.toppers-a4-rank{color:var(--ql-gold-700);font-weight:800}
.topper-congrats-export{padding:42px}.topper-congrats-frame{border:2px solid var(--ql-gold-500);height:100%;padding:34px;text-align:center;position:relative}.topper-congrats-head{display:flex;justify-content:space-between;align-items:center}.topper-congrats-head img{width:68px;height:68px;object-fit:contain}.topper-congrats-head strong,.topper-congrats-head span{display:block}.topper-congrats-head strong{font-size:18px;color:var(--ql-green-950)}.topper-congrats-medal{margin:44px auto 15px;width:150px;border-radius:999px;background:#fff4d5;padding:8px;color:var(--ql-gold-700);font-weight:800}.topper-congrats-frame h2{font-size:38px;color:var(--ql-green-950);margin:20px}.topper-congrats-frame p{font-size:20px;max-width:580px;margin:0 auto 25px}.topper-congrats-info{display:grid;grid-template-columns:repeat(2,1fr);text-align:right;gap:12px;margin:25px 30px}.topper-congrats-info span{border:1px solid var(--ql-line);padding:11px;border-radius:12px}.topper-congrats-frame footer{position:absolute;bottom:35px;left:0;right:0;color:var(--ql-green-800);font-weight:700}
/* certificate screen and A4 capture */
body:has(.certificate-container){background:var(--ql-bg);padding:20px}.controls{width:min(794px,100%);display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin:0 auto 16px}.certificate-container{position:relative;background:#fff;width:min(794px,100%);min-height:1123px;margin:0 auto;padding:50px;border:1px solid var(--ql-line);box-shadow:var(--ql-shadow);overflow:hidden}.logos-row{display:flex;align-items:center;justify-content:space-between;text-align:center;border-bottom:2px solid var(--ql-gold-500);padding-bottom:18px}.logo-circle img{width:74px;height:74px;object-fit:contain}.title-section h2,.title-section h3,.title-section h4{margin:0;color:var(--ql-green-950)}.title-section h2{font-size:20px}.title-section h3{font-size:24px}.certificate-title{text-align:center;font-size:48px;color:var(--ql-gold-700);margin:40px 0 7px}.certificate-subtitle{text-align:center;color:var(--ql-muted)}.certificate-officials{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:25px 0}.official-mini-card{border:1px solid var(--ql-line);border-radius:13px;padding:8px;display:flex;align-items:center;gap:7px;font-size:10px}.official-mini-card img{width:39px;height:39px;border-radius:9px;object-fit:cover}.official-mini-card span{display:block;color:var(--ql-muted)}.content-box{text-align:center;margin-top:28px;font-size:17px}.student-name-highlight{margin:21px auto;color:var(--ql-green-950);font-size:35px;font-weight:800;border-bottom:2px solid var(--ql-gold-500);display:table;padding:0 16px}.certificate-score{display:inline-flex;gap:5px;align-items:center;color:var(--ql-gold-700);font-weight:800}.cert-footer{position:absolute;right:50px;left:50px;bottom:45px;border-top:2px solid var(--ql-gold-500);padding-top:15px;color:var(--ql-green-800);text-align:center;font-weight:700}
.mobile-sticky-search{display:none}
.loading-spinner{display:none}.spinner{width:32px;height:32px;border:3px solid #d8e5df;border-top-color:var(--ql-green-800);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.error-message,.success-message,.rank-disabled-notice{background:#fff;border:1px solid var(--ql-line);border-radius:20px;padding:25px;text-align:center}.error-message i{font-size:2rem;color:var(--ql-gold-700)}.error-message h3{color:var(--ql-green-950)}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.official-showcase{max-width:660px}.search-methods{grid-template-columns:repeat(2,1fr)}.student-meta-grid,.directory-stats,.stats-summary-grid{grid-template-columns:repeat(2,1fr)}.subject-charts-grid{grid-template-columns:repeat(2,1fr)}.footer-content{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}}
@media(max-width:680px){.container,.main-container,.results-section{width:calc(100% - 20px)}.identity-topbar,.hero-grid,.results-banner,.waiting-banner{width:calc(100% - 20px)}.identity-topbar{align-items:flex-start}.brand-chip__logos img{width:38px;height:38px}.brand-chip small{display:none}.hero-actions .hero-action span{display:none}.hero-action{padding:10px 12px}.hero-grid{padding-bottom:22px}.official-showcase{grid-template-columns:1fr}.search-portal{padding:15px;border-radius:22px}.search-methods{gap:7px}.tab-btn{padding:9px;gap:6px}.tab-icon{width:38px;height:38px}.tab-btn small{display:none}.search-panels{padding:10px}.search-panel,.search-panel.is-active{grid-template-columns:1fr}.search-panel__visual{display:none}.search-btn{width:100%}.results-banner{padding:16px}.results-banner .ribbon,.governor-seal{display:none}.student-result-sheet{padding:13px;border-radius:20px}.sheet-brand img{width:42px;height:42px}.student-hero-card{grid-template-columns:1fr;text-align:center}.student-badges{justify-content:center}.student-meta-grid,.rank-grid,.smart-analysis-grid,.subject-charts-grid,.directory-stats,.stats-summary-grid,.podium-grid{grid-template-columns:1fr}.result-toolbar,.directory-toolbar,.toppers-hero{display:block;padding:15px}.action-buttons{margin-top:12px}.subjects-table,.unified-search-table,.stats-table,.toppers-table{min-width:0}.unified-search-table thead,.toppers-table thead{display:none}.unified-search-table tr,.toppers-table tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--ql-line);padding:7px}.unified-search-table td,.toppers-table td{display:block;border:0;padding:5px}.unified-search-table td:before,.toppers-table td:before{content:attr(data-label);display:block;font-size:.72rem;color:var(--ql-muted)}.pagination{display:grid;justify-content:stretch}.pagination-row{justify-content:center}.pagination-controls{justify-content:center}.footer-content{grid-template-columns:1fr}.floating-result-ad{left:4px;right:4px;display:grid;place-items:center}.mobile-sticky-search{display:flex;position:fixed;bottom:0;right:0;left:0;height:64px;background:#fff;border-top:1px solid var(--ql-line);z-index:800;justify-content:space-around}.mobile-sticky-search a,.mobile-sticky-search button{border:0;background:transparent;display:grid;place-items:center;color:var(--ql-green-800);font-size:.75rem}.mobile-sticky-search i{font-size:1.15rem}body{padding-bottom:64px}}
@media print{.no-print,.identity-hero,.footer,.developer-credit-notice,.mobile-sticky-search,.floating-result-ad,[data-ad-placement]{display:none!important}body{background:#fff!important;padding:0!important}.results-section,.main-container{width:100%!important}.student-result-sheet,.certificate-container{box-shadow:none!important;border:0!important}}
/* Informational pages and contact */
.identity-hero--compact{padding-bottom:12px}.identity-hero--compact:after{height:72px;bottom:-54px}.hero-grid--compact{display:block;padding-bottom:36px}.hero-grid--compact .hero-copy{max-width:850px}.hero-grid--compact .hero-copy h1{font-size:clamp(1.65rem,3.2vw,2.45rem)}.info-main{padding-top:30px}.info-card{background:#fff;border:1px solid var(--ql-line);border-radius:var(--ql-radius-xl);padding:clamp(18px,3vw,30px);box-shadow:var(--ql-shadow-soft);margin-bottom:22px}.info-card p{color:var(--ql-muted);font-weight:500}.legal-content h3{font-size:1.15rem;color:var(--ql-green-900);margin:24px 0 4px}.legal-content h3:first-of-type{margin-top:22px}.legal-content p{margin:0}.faq-grid{display:grid;gap:12px;margin-bottom:26px}.faq-item{background:#fff;border:1px solid var(--ql-line);border-radius:18px;padding:0 18px;box-shadow:var(--ql-shadow-soft)}.faq-item summary{list-style:none;cursor:pointer;font-weight:800;color:var(--ql-green-950);padding:15px 28px 15px 0;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:'+';position:absolute;right:0;top:13px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--ql-soft);color:var(--ql-green-800)}.faq-item[open] summary:before{content:'−';background:var(--ql-green-800);color:#fff}.faq-item p{margin:0 0 16px;color:var(--ql-muted)}.contact-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(250px,.48fr);gap:20px;margin-bottom:24px}.contact-form-card,.contact-side-card{background:#fff;border:1px solid var(--ql-line);border-radius:var(--ql-radius-xl);padding:clamp(17px,3vw,25px);box-shadow:var(--ql-shadow-soft)}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}.contact-field{display:grid;gap:5px}.contact-field--wide{grid-column:1/-1}.contact-field label{font-weight:800;font-size:.9rem;color:var(--ql-green-950)}.contact-field input,.contact-field textarea{border:1px solid #c8dcd4;background:#fff;border-radius:13px;padding:11px 13px;outline:none}.contact-field input:focus,.contact-field textarea:focus{border-color:var(--ql-teal-500);box-shadow:0 0 0 4px rgba(16,164,157,.12)}.contact-field textarea{min-height:155px;resize:vertical}.contact-form .search-btn{height:54px}.contact-side-card h3{color:var(--ql-green-950);margin:0 0 10px}.contact-support-list{display:grid;gap:12px;margin:20px 0;padding:0;list-style:none}.contact-support-list li{display:flex;gap:10px;align-items:flex-start;padding:13px;background:var(--ql-soft);border-radius:14px}.contact-support-list i{color:var(--ql-green-700);margin-top:5px}.honeypot{position:absolute;right:-10000px;width:1px;height:1px;overflow:hidden}.footer{margin-top:34px;background:var(--ql-green-950);color:#e7f5ee;padding:43px 0 20px}.footer-content{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.footer-section h3{color:#fff;margin:0 0 10px;font-size:1.05rem}.footer-section p{margin:3px 0;color:#c9ded5}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin:5px 0}.footer-links a{color:#d8eae3}.footer-links a:hover{color:var(--ql-gold-300)}.copyright{border-top:1px solid rgba(255,255,255,.14);margin-top:26px;padding-top:15px;text-align:center;color:#c9ded5}.copyright p{margin:3px 0}@media(max-width:780px){.contact-layout,.contact-form{grid-template-columns:1fr}.contact-field--wide{grid-column:auto}.hero-grid--compact{padding-bottom:24px}.info-main{padding-top:22px}}
.actions-row{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:18px}.info-main .error-message{max-width:760px;margin:40px auto;text-align:center}.info-main .error-message i{font-size:2.5rem;color:var(--ql-gold-700);margin-bottom:13px}

/* =========================================================
   Qalyubia polish patch: overflow, emblems, podium and A4 exports
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden!important}
.qalubia-page,.public-page,.qalubia-canvas,.identity-hero,.results-section,.app-container,.public-shell{max-width:100%;overflow-x:clip}
.hero-grid>*,.official-showcase>*,.result-toolbar>*,.directory-toolbar>*,.toppers-hero>*,.student-meta-grid>*,.toppers-table-card__head>*{min-width:0}
img,svg,canvas{max-width:100%}
.toppers-table-wrap,.table-responsive,.responsive-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}

/* prominent circular identity frames */
.brand-chip__logos{display:inline-flex!important;gap:8px!important;align-items:center;padding:5px!important;border-radius:999px!important;background:rgba(255,255,255,.15)!important;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 1px rgba(255,255,255,.28),0 11px 26px rgba(0,0,0,.14)}
.brand-chip__logo-frame{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#fff,#e5f3ee);border:3px solid rgba(255,255,255,.96);box-shadow:0 8px 17px rgba(3,30,26,.18),inset 0 1px 3px rgba(255,255,255,.85);overflow:hidden}
.brand-chip__logo-frame img,.brand-chip__logos>img{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important;background:#fff!important;padding:2px!important;margin:0!important;border:0!important;box-shadow:none!important}
.public-nav .brand-chip__logo-frame{width:48px;height:48px}

/* winners podium */
.podium-wrap{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;margin:24px 0 34px;padding:28px 16px 0;border-radius:28px;background:radial-gradient(circle at 50% 0,#fff7df 0,transparent 42%),linear-gradient(180deg,#fff,#f5faf8);border:1px solid var(--ql-line);box-shadow:var(--ql-shadow-soft);overflow:hidden}
.podium-wrap:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 78px,rgba(7,59,50,.025) 79px,transparent 80px);pointer-events:none}
.podium-card{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;padding:18px 12px 72px;border-radius:22px 22px 0 0;border:1px solid #e7d397;background:#fff;box-shadow:0 12px 25px rgba(7,59,50,.08);transition:transform .18s ease}
.podium-card:hover{transform:translateY(-4px)}
.podium-card h3{margin:5px 0 0;font-size:1rem;line-height:1.65;color:var(--ql-green-950)}
.podium-card p{margin:0;color:var(--ql-muted);font-size:.81rem}
.podium-card strong{display:inline-flex;align-items:center;gap:5px;color:var(--ql-green-900);font-size:1.06rem}
.podium-card strong i{color:var(--ql-gold-700)}
.podium-card a{margin-top:4px;display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:7px 13px;background:var(--ql-green-800);color:#fff;font-size:.8rem;font-weight:700}
.podium-medal{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;font-size:.82rem;font-weight:800;background:#fff4d5;color:var(--ql-gold-700)}
.podium-medal i{font-size:1rem}
.podium-first{min-height:306px;transform:translateY(-20px);border-color:#ddb652;background:linear-gradient(180deg,#fff8df,#fff)}
.podium-first:hover{transform:translateY(-25px)}
.podium-first .podium-medal{background:linear-gradient(135deg,#f1c75b,#fff2b8);color:#6a4600}
.podium-second{min-height:263px;background:linear-gradient(180deg,#f5fafb,#fff)}
.podium-third{min-height:239px;background:linear-gradient(180deg,#fff3ec,#fff)}
.podium-step{position:absolute;bottom:0;right:0;left:0;height:58px;display:grid;place-items:center;background:linear-gradient(135deg,#0b6b50,#074339);color:#fff;border-top:4px solid rgba(255,255,255,.2);font-size:2rem}
.podium-first .podium-step{height:78px;background:linear-gradient(135deg,#d1992c,#f3c766);color:#493200;border-top-color:#fff1bd}
.podium-second .podium-step{height:61px;background:linear-gradient(135deg,#8da4ac,#dce6e9);color:#253238}
.podium-third .podium-step{height:52px;background:linear-gradient(135deg,#a45b31,#e2a070);color:#fff}
.podium-step b{font-weight:900}
.podium-platform{grid-column:1 / -1;height:13px;margin:-12px -16px 0;background:linear-gradient(90deg,#073b32,#0a6b4f,#073b32);z-index:0}
.podium-platform span{display:none}

/* A4 downloaded image refinements */
.a4-result-image,.toppers-a4-export,.topper-congrats-export,.certificate-container{isolation:isolate;background:radial-gradient(circle at 92% 3%,rgba(214,164,63,.10),transparent 25%),radial-gradient(circle at 4% 94%,rgba(10,107,79,.08),transparent 29%),#fff!important}
.a4-result-image:after,.toppers-a4-export:after,.topper-congrats-export:after,.certificate-container:after{content:"";position:absolute;z-index:-1;inset:19px;border:1px solid rgba(214,164,63,.42);pointer-events:none}
.a4-logo-frame,.toppers-a4-logo,.topper-congrats-logo{width:78px;height:78px;flex:0 0 78px;display:grid;place-items:center;border-radius:50%;padding:5px;background:linear-gradient(145deg,#fff,#e7f2ed);border:2px solid #e8cb82;box-shadow:0 7px 15px rgba(7,59,50,.13),inset 0 0 0 3px #fff;overflow:hidden}
.a4-logo-frame img,.toppers-a4-logo img,.topper-congrats-logo img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%;background:#fff;padding:2px}
.a4-header{height:116px;gap:16px}
.a4-header h2{font-weight:900}.a4-header span i,.a4-meta-grid span i,.a4-footer i{color:var(--ql-gold-700);margin-left:4px}
.a4-student-band{background:linear-gradient(125deg,var(--ql-green-950),var(--ql-green-700));border:1px solid rgba(255,255,255,.18);box-shadow:0 12px 24px rgba(7,59,50,.13)}
.a4-student-band span i{color:#f8d579;margin-left:5px}
.a4-meta-grid div{background:#fcfefd;border-color:#d5e5de;display:grid;gap:3px}
.a4-subjects-table{border-radius:13px;overflow:hidden;box-shadow:0 7px 19px rgba(7,59,50,.05)}
.a4-subjects-table th{height:43px;font-size:13px}.a4-subjects-table th i{color:#f4d38a;margin-left:5px}.a4-subjects-table td:first-child i{width:18px;color:var(--ql-green-700);margin-left:5px;text-align:center}
.a4-subjects-table tbody tr:nth-child(even){background:#f6fbf8}

/* full-height multi-image toppers exports */
.toppers-a4-frame{height:100%;display:flex;flex-direction:column}
.toppers-a4-header{flex:0 0 auto;min-height:100px;gap:15px}
.toppers-a4-header>div{min-width:0}.toppers-a4-header h2{font-weight:900}.toppers-a4-meta{flex:0 0 auto;margin:13px 0 11px}.toppers-a4-meta span{display:flex;align-items:center;justify-content:center;gap:4px;font-size:10px;font-weight:700;background:#f7fbf9}.toppers-a4-meta i{color:var(--ql-gold-700)}
.toppers-a4-table-stage{display:flex;flex:1;min-height:0;margin:0 0 58px;border-radius:13px;overflow:hidden;border:1px solid #d3e3dc;background:#fff}
.toppers-a4-table{height:100%;width:100%;table-layout:fixed;border-collapse:collapse;font-size:10px;border:0}
.toppers-a4-table thead{height:43px}.toppers-a4-table th{height:43px;font-weight:800;white-space:nowrap;border-color:#2d7560}.toppers-a4-table th i{color:#f4d38a;margin-left:3px}
.toppers-a4-table tbody tr{height:calc((100% - 43px) / var(--a4-row-count));}
.toppers-a4-table td{height:inherit;padding:5px 4px;vertical-align:middle;line-height:1.42;overflow-wrap:anywhere;border-color:#deebe5}
.toppers-a4-table tbody tr:nth-child(even){background:#f6fbf8}.toppers-a4-table td:nth-child(1){width:5%}.toppers-a4-table td:nth-child(2){width:10%}.toppers-a4-rank{display:inline-flex;align-items:center;gap:3px;color:var(--ql-green-900)}.toppers-a4-rank i{color:var(--ql-gold-700)}.topper-a4-medal-row{background:#fff5d7!important}.topper-a4-medal-row td{font-weight:700}
.toppers-a4-footer i{color:var(--ql-gold-700);margin-left:5px}

/* congratulations image */
.topper-congrats-head{gap:14px}.topper-congrats-head>div{flex:1}.topper-congrats-head span i{color:var(--ql-gold-700);margin-left:5px}.topper-congrats-medal{display:flex;justify-content:center;align-items:center;gap:7px;box-shadow:0 8px 20px rgba(214,164,63,.18)}
.topper-congrats-info span{display:flex;gap:7px;align-items:center;background:#fbfdfc}.topper-congrats-info span i{color:var(--ql-gold-700);width:16px;text-align:center}

/* Certificate export photos and emblems */
.certificate-container .logo-circle{width:90px;height:90px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#fff,#e9f4ef);border:2px solid #e8cb82;box-shadow:0 9px 19px rgba(7,59,50,.12);overflow:hidden;padding:7px}
.certificate-container .logo-circle img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#fff;padding:2px}
.certificate-container .title-section h2 i,.certificate-container .title-section h3 i,.certificate-subtitle i{color:var(--ql-gold-700);font-size:.78em;margin-left:6px}
.certificate-officials .official-mini-card{border-color:#dbe9e3;background:#fbfdfc;border-radius:17px;padding:9px;box-shadow:0 5px 12px rgba(7,59,50,.045)}
.certificate-officials .official-mini-card img{width:49px;height:49px;border-radius:50%;object-fit:cover;border:3px solid #fff;outline:2px solid #e8cb82;box-shadow:0 5px 12px rgba(7,59,50,.13)}
.certificate-officials .official-mini-card span i{color:var(--ql-gold-700);margin-left:3px}

@media(max-width:680px){
  .brand-chip__logo-frame{width:43px;height:43px}
  .podium-wrap{gap:5px;padding:22px 5px 0;margin-inline:-2px}
  .podium-card{padding:10px 4px 49px;border-radius:14px 14px 0 0;gap:5px}
  .podium-card h3{font-size:.74rem;line-height:1.45}
  .podium-card p,.podium-card a{display:none}
  .podium-card strong{font-size:.73rem;gap:2px}
  .podium-medal{font-size:.62rem;padding:5px 5px;gap:3px}
  .podium-medal i{font-size:.7rem}
  .podium-first{min-height:196px;transform:translateY(-13px)}
  .podium-first:hover{transform:translateY(-13px)}
  .podium-second{min-height:171px}.podium-third{min-height:155px}
  .podium-step{height:43px;font-size:1.35rem}.podium-first .podium-step{height:57px}.podium-second .podium-step{height:46px}.podium-third .podium-step{height:40px}
}

/* =========================================================
   Page experience patch: welcome, internal heroes, podium, pagination
   ========================================================= */
/* Home welcome panel */
.results-section > .welcome-message{position:relative;isolation:isolate;overflow:hidden;margin:22px 0;background:linear-gradient(128deg,#073b32 0%,#08664d 53%,#128c75 100%);border-radius:30px;padding:clamp(20px,4vw,38px);color:#fff;box-shadow:0 22px 44px rgba(7,59,50,.18)}
.results-section > .welcome-message:before{content:"";position:absolute;z-index:-1;inset:-40% 48% auto -20%;height:280px;background:radial-gradient(circle,rgba(214,164,63,.34),transparent 65%)}
.results-section > .welcome-message:after{content:"";position:absolute;z-index:-1;left:-45px;bottom:-78px;width:235px;height:235px;border-radius:50%;border:1px solid rgba(255,255,255,.15);box-shadow:0 0 0 25px rgba(255,255,255,.03),0 0 0 50px rgba(255,255,255,.025)}
.welcome-message .welcome-content{text-align:center;max-width:1000px;margin:0 auto}
.welcome-message .welcome-content>i{width:76px;height:76px;margin:0 auto 14px;display:grid;place-items:center;border-radius:24px;background:rgba(255,255,255,.14);color:#f7d886;font-size:2rem;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.welcome-message h3{margin:0 0 7px;color:#fff;font-size:clamp(1.35rem,2.8vw,1.9rem);font-weight:900}
.welcome-message .welcome-content>p{margin:0 0 22px;color:rgba(255,255,255,.85);font-size:1rem}
.welcome-message .search-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;text-align:right}
.welcome-message .search-option{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.17);border-radius:20px;padding:17px 15px;min-height:160px;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.welcome-message .search-option:hover{transform:translateY(-3px);background:rgba(255,255,255,.15);border-color:rgba(247,216,134,.48)}
.welcome-message .search-option>i{display:grid;place-items:center;width:45px;height:45px;margin-bottom:12px;border-radius:14px;color:#083d34;background:#f7d886;font-size:1.15rem}
.welcome-message .search-option h4{margin:0 0 6px;color:#fff;font-size:.98rem;font-weight:800}
.welcome-message .search-option p{margin:0;color:rgba(255,255,255,.76);font-size:.84rem;line-height:1.75}
.welcome-message .system-info{display:inline-flex;align-items:center;gap:7px;margin:24px auto 0!important;padding:9px 15px;border-radius:999px;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.09);color:#fff!important;font-size:.88rem!important}
.welcome-message .system-info:before{content:"\f19d";font-family:"Font Awesome 6 Free";font-weight:900;color:#f7d886}

/* Student statement hero */
.student-page-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(19px,3vw,30px)!important;border:0!important;background:linear-gradient(125deg,#073b32,#095844 55%,#0d765d)!important;color:#fff;box-shadow:0 20px 40px rgba(7,59,50,.18)!important}
.student-page-hero:after{content:"";position:absolute;z-index:-1;left:-50px;top:-55px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(240,196,92,.34),transparent 67%)}
.student-page-hero .section-eyebrow{background:rgba(255,255,255,.12);color:#f7d886;border-color:rgba(255,255,255,.18)}
.student-page-hero .section-title{color:#fff;margin-top:10px;margin-bottom:6px;font-size:clamp(1.28rem,2.7vw,1.8rem)}
.student-page-hero__copy{min-width:0;max-width:680px}.student-page-hero__copy p{margin:0 0 13px;color:rgba(255,255,255,.82);line-height:1.85}
.student-page-hero__chips{display:flex;gap:8px;flex-wrap:wrap}.student-page-hero__chips span{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.14);padding:7px 11px;border-radius:999px;font-size:.83rem;font-weight:700}.student-page-hero__chips i{color:#f7d886}
.student-page-hero .action-button--soft{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);color:#fff}.student-page-hero .action-button--soft:hover{background:rgba(255,255,255,.18)}

/* Single school / administration hero replacing duplicate cards */
.edara-landing-card.directory-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(300px,1fr) minmax(210px,auto);align-items:center;gap:24px;padding:clamp(20px,3.4vw,33px);margin-bottom:18px;border:0;background:linear-gradient(123deg,#073b32 0%,#075441 51%,#0f7b61 100%);color:#fff;box-shadow:0 22px 48px rgba(7,59,50,.19)}
.edara-landing-card.directory-hero:before{content:"";position:absolute;z-index:-1;left:-60px;top:-85px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(214,164,63,.32),transparent 64%)}
.edara-landing-card.directory-hero:after{content:"";position:absolute;z-index:-1;right:45%;bottom:-80px;width:250px;height:180px;transform:rotate(-12deg);background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 20px)}
.directory-hero__copy .section-eyebrow{color:#f7d886;border-color:rgba(255,255,255,.17);background:rgba(255,255,255,.1)}
.directory-hero__copy h2{margin:12px 0 7px;color:#fff;font-weight:900;font-size:clamp(1.35rem,2.7vw,2rem)}
.directory-hero__copy p{max-width:660px;margin:0 0 18px;color:rgba(255,255,255,.83);line-height:1.9}
.directory-hero__facts{display:flex;flex-wrap:wrap;gap:8px}.directory-hero__facts span{min-width:127px;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;padding:9px 12px;border:1px solid rgba(255,255,255,.15);border-radius:15px;background:rgba(255,255,255,.09)}
.directory-hero__facts i{grid-row:1 / 3;color:#f7d886;font-size:1.05rem}.directory-hero__facts strong{color:#fff;font-size:1rem}.directory-hero__facts small{font-size:.72rem;color:rgba(255,255,255,.7)}
.edara-landing-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:205px}.directory-hero .action-button{justify-content:center}.directory-hero .action-button--soft,.directory-hero .action-button--outline{color:#fff;border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.09)}.directory-hero .action-button--soft:hover,.directory-hero .action-button--outline:hover{background:rgba(255,255,255,.16)}
.directory-toolbar--name{background:linear-gradient(135deg,#fff,#f5fbf8);border-color:#d3e5de}

/* Toppers presentation hero and podium directly on page background */
.toppers-page-hero{position:relative;overflow:hidden;border:0;background:linear-gradient(122deg,#073b32,#0b604a 64%,#b98328);color:#fff;padding:clamp(20px,3.4vw,32px);box-shadow:0 21px 44px rgba(7,59,50,.17)}
.toppers-page-hero:after{content:"\f521";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:26px;bottom:-18px;font-size:9.5rem;color:rgba(255,255,255,.07);transform:rotate(-12deg)}
.toppers-page-hero .section-eyebrow{color:#f7d886;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.17)}.toppers-page-hero h2{margin:11px 0 6px;color:#fff;font-size:clamp(1.35rem,2.7vw,2rem)}.toppers-page-hero p{margin:0 0 15px;color:rgba(255,255,255,.83)}
.toppers-page-hero__facts{display:flex;flex-wrap:wrap;gap:8px}.toppers-page-hero__facts span{display:inline-flex;gap:7px;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);font-size:.84rem;font-weight:700}.toppers-page-hero__facts i{color:#f7d886}
.toppers-page-hero .action-button--soft{color:#fff;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.1)}
.podium-stage{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;margin:35px auto 33px;padding:38px 0 0;max-width:1000px;background:transparent}
.podium-stage:before{content:"";position:absolute;right:10%;left:10%;bottom:-4px;height:20px;border-radius:50%;background:rgba(7,59,50,.08);filter:blur(11px)}
.podium-stage .podium-card{padding-bottom:78px}.podium-school{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:42px;line-height:1.62!important;color:var(--ql-green-800)!important;font-weight:700}.podium-school i{color:var(--ql-gold-700);margin-left:4px}.podium-seat{font-size:.78rem!important}

/* Reliable compact pagination controls */
.pagination{box-shadow:var(--ql-shadow-soft)}.pagination-controls{background:#f6faf8;border:1px solid var(--ql-line);border-radius:14px;padding:6px 8px}.pagination-direct{white-space:nowrap}.pagination-direct .pagination-go{display:inline-flex;align-items:center;gap:5px;cursor:pointer;transition:background .18s ease,transform .18s ease}.pagination-direct .pagination-go:hover{background:var(--ql-green-950);transform:translateY(-1px)}.pagination-number:focus,.pagination-select:focus{outline:0;border-color:var(--ql-teal-500);box-shadow:0 0 0 3px rgba(16,164,157,.14)}

@media(max-width:980px){.welcome-message .search-options{grid-template-columns:repeat(2,minmax(0,1fr))}.edara-landing-card.directory-hero{grid-template-columns:1fr}.edara-landing-actions{flex-direction:row;flex-wrap:wrap;min-width:0}.edara-landing-actions .action-button{flex:1 1 180px}}
@media(max-width:680px){.results-section > .welcome-message{padding:20px 13px;border-radius:23px}.welcome-message .search-options{gap:7px}.welcome-message .search-option{padding:12px 10px;min-height:132px;border-radius:15px}.welcome-message .search-option>i{width:39px;height:39px;margin-bottom:8px}.welcome-message .search-option h4{font-size:.84rem}.welcome-message .search-option p{font-size:.73rem}.student-page-hero{display:block!important}.student-page-hero .action-buttons{display:flex;margin-top:15px}.edara-landing-card.directory-hero{padding:17px 13px;border-radius:20px}.directory-hero__facts span{flex:1 1 calc(50% - 5px);min-width:0}.toppers-page-hero{display:block!important;padding:18px 14px}.toppers-page-hero .toppers-actions{margin-top:14px;display:flex;flex-wrap:wrap;gap:7px}.podium-stage{gap:5px;padding-top:22px;margin:22px -2px 27px}.podium-stage .podium-card{padding:9px 4px 51px}.podium-stage .podium-card h3{font-size:.73rem}.podium-stage .podium-school{display:-webkit-box!important;min-height:31px;font-size:.6rem!important;line-height:1.35!important;-webkit-line-clamp:2}.podium-stage .podium-seat,.podium-stage .podium-card a{display:none}.pagination-controls{display:grid;width:100%;justify-content:stretch}.pagination-jump,.pagination-direct{justify-content:space-between}.pagination-direct .pagination-number{flex:1;max-width:82px}}


/* =========================================================
   Mobile directory cards, brand emblems and platform shares
   ========================================================= */
.sheet-brand img{
  width:58px;height:58px;padding:0!important;object-fit:cover!important;
  border-radius:50%;border:2px solid #e8cb82;
  box-shadow:0 5px 13px rgba(7,59,50,.13),inset 0 0 0 1px #fff;
  overflow:hidden;background:#fff;
}
.sheet-brand{gap:9px}
.sheet-brand img + img{margin-inline-start:-4px}

.share-buttons-container .share-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  border:0;color:#fff;box-shadow:0 7px 15px rgba(7,59,50,.12);
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
.share-buttons-container .share-btn:hover{transform:translateY(-2px);filter:brightness(1.05);color:#fff;box-shadow:0 10px 20px rgba(7,59,50,.18)}
.share-buttons-container .share-btn i{font-size:1rem}
.share-buttons-container .share-btn-telegram{background:#229ed9}
.share-buttons-container .share-btn-facebook{background:#1877f2}
.share-buttons-container .share-btn-whatsapp{background:#20b858}
.share-buttons-container .share-btn-messenger{background:linear-gradient(135deg,#00b2ff,#7b42f6)}
.share-buttons-container .share-btn-copy{background:#174f46}
.share-buttons-container .share-btn.is-copied{background:#118650}

@media(max-width:680px){
  .sheet-brand img{width:45px!important;height:45px!important}
  .directory-share-container .share-buttons,.student-result-sheet .share-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .share-buttons-container .share-btn{width:100%;min-height:43px;padding:0 8px;font-size:.82rem}
  .name-results-table-wrap.unified-search-table-wrap{overflow:visible;border:0;background:transparent;border-radius:0;margin-top:12px}
  .name-results-table.unified-search-table{display:block;width:100%;min-width:0;background:transparent}
  .name-results-table.unified-search-table tbody{display:grid;gap:10px}
  .name-results-table.unified-search-table tbody tr:not(.table-ad-row){
    display:grid;grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"student result" "seat total" "school school" "edara edara";
    gap:4px 8px;padding:11px 12px;background:#fff;border:1px solid var(--ql-line);
    border-radius:17px;box-shadow:0 5px 13px rgba(7,59,50,.055)
  }
  .name-results-table.unified-search-table tbody tr:not(.table-ad-row):hover{background:#fff}
  .name-results-table.unified-search-table td{padding:3px 0!important;min-width:0}
  .name-results-table.unified-search-table td:before{display:none!important}
  .name-results-table.unified-search-table td:nth-child(1){display:none!important}
  .name-results-table.unified-search-table td:nth-child(2){grid-area:student;padding-bottom:6px!important;border-bottom:1px dashed #d9e8e1!important}
  .name-results-table.unified-search-table td:nth-child(3){grid-area:seat;font-size:.78rem;color:var(--ql-muted)}
  .name-results-table.unified-search-table td:nth-child(3):before{content:"رقم الجلوس: ";display:inline!important;font-size:inherit;color:inherit}
  .name-results-table.unified-search-table td:nth-child(4){grid-area:school;margin-top:5px}
  .name-results-table.unified-search-table td:nth-child(5){grid-area:edara}
  .name-results-table.unified-search-table td:nth-child(6){grid-area:total;align-self:center;text-align:left;font-size:.9rem;font-weight:800;color:var(--ql-green-900)}
  .name-results-table.unified-search-table td:nth-child(6):before{content:"المجموع ";display:inline!important;font-size:.72rem;color:var(--ql-muted);font-weight:500}
  .name-results-table.unified-search-table td:nth-child(7){grid-area:result;justify-self:end;align-self:start}
  .name-results-table.unified-search-table .name-student-link{font-size:.92rem;display:flex;align-items:center;gap:6px;line-height:1.7}
  .name-results-table.unified-search-table .table-scope-link{display:flex;align-items:flex-start;gap:7px;background:#f3f8f6;padding:7px 9px;border-radius:10px;font-size:.78rem;line-height:1.65}
  .name-results-table.unified-search-table .table-result-btn{height:35px;width:35px;border-radius:10px}
  .name-results-table.unified-search-table .table-ad-row{display:block!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  .name-results-table.unified-search-table .table-ad-row td{display:block!important}
}


/* =========================================================
   Student result details — structured responsive presentation
   ========================================================= */
.student-details-flow{
  display:grid;
  gap:22px;
  margin-top:22px;
}
.student-details-flow > section,
.student-details-flow > .rank-teaser,
.student-details-flow > .rank-disabled-notice,
.student-details-flow > .weak-subjects-warning,
.student-details-flow > .student-advice-notice{
  min-width:0;
}
.rank-teaser{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:16px;
  padding:18px clamp(16px,3vw,25px);
  border:1px solid #cde5db;
  border-radius:22px;
  background:linear-gradient(120deg,#ffffff 0%,#edf8f3 56%,#fff7e2 100%);
  box-shadow:var(--ql-shadow-soft);
}
.rank-teaser:after{
  content:"\f521";
  position:absolute;
  left:-8px;
  bottom:-42px;
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free";
  font-weight:900;
  font-size:112px;
  line-height:1;
  color:rgba(174,124,29,.08);
}
.rank-teaser p{position:relative;z-index:1;flex:1 1 330px;margin:0;color:var(--ql-muted);font-size:.91rem}
.calculate-rank-btn{
  position:relative;z-index:1;
  display:inline-flex;align-items:center;gap:9px;
  min-height:54px;padding:0 20px;
  border-radius:15px;
  color:#fff;background:linear-gradient(135deg,var(--ql-green-800),var(--ql-teal-700));
  font-weight:800;box-shadow:0 12px 22px rgba(7,91,69,.18);
}
.calculate-rank-btn i{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:rgba(255,255,255,.16);color:#f6d88b}
.calculate-rank-btn:hover{transform:translateY(-2px);color:#fff;background:linear-gradient(135deg,var(--ql-green-900),var(--ql-green-700))}
.rank-only-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}
.rank-container--modern{position:relative;overflow:hidden;border-top:4px solid var(--ql-gold-500)}
.rank-container--modern:after{content:"\f559";position:absolute;left:18px;top:20px;font-family:"Font Awesome 6 Free","Font Awesome 5 Free";font-weight:900;font-size:86px;color:#f3f8f5;z-index:0}
.rank-head,.rank-grid{position:relative;z-index:1}
.rank-card{position:relative;overflow:hidden;min-height:125px;padding:17px 16px;border-radius:18px;background:linear-gradient(145deg,#fff,#f1f8f5);border:1px solid #d3e7df}
.rank-card > i{font-size:1.25rem;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#ecf7f2;color:var(--ql-green-800);margin-bottom:5px}
.rank-card--gov > i{background:#fff3d5;color:var(--ql-gold-700)}
.rank-card strong{font-size:1.37rem;line-height:1.4}.rank-card small{color:var(--ql-muted)}

.subjects-ledger{
  position:relative;
  overflow:hidden;
  padding:0!important;
  border-radius:25px!important;
}
.subjects-ledger:before{content:"";display:block;height:5px;background:linear-gradient(90deg,var(--ql-gold-500),var(--ql-green-800),var(--ql-teal-500))}
.ledger-head{padding:22px 22px 4px}
.ledger-head h3{font-size:clamp(1.2rem,2.2vw,1.48rem);margin:1px 0 0!important}
.subjects-table-wrap{
  margin:16px 20px 0;
  border-radius:18px;
  border:1px solid #d8e7e1;
  box-shadow:0 5px 15px rgba(7,59,50,.045);
}
.subjects-table{min-width:0!important}
.subjects-table thead{background:linear-gradient(135deg,#075744,#063e35);color:#fff}
.subjects-table th{font-size:.9rem;padding:14px 15px;border-color:rgba(255,255,255,.12)}
.subjects-table th i{color:#f3d486;margin-inline-end:6px}
.subjects-table tbody tr:nth-child(even){background:#f7fbf9}
.subjects-table tbody td{padding:12px 15px;font-size:.92rem}
.subject-chip{gap:10px;color:var(--ql-green-950)}
.subject-chip i{display:inline-grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:11px;background:#edf8f3;color:var(--ql-green-700)}
.subject-name-lines{display:inline-flex;gap:4px;flex-wrap:wrap}
.subject-grade-combined{display:inline-flex;justify-content:center;min-width:106px;border-radius:999px;padding:6px 12px;background:#eef7f3;color:var(--ql-green-900);font-size:.88rem}
.grade-excellent,.grade-very-good,.grade-good,.grade-acceptable,.grade-weak,.grade-fail{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:82px;padding:5px 12px;border-radius:999px;font-size:.83rem;font-weight:800;
}
.grade-excellent{background:#e8f7ef;color:#057647}
.grade-very-good{background:#e9f2ff;color:#175cd3}
.grade-good{background:#eef9ff;color:#08719a}
.grade-acceptable{background:#fff5dd;color:#a66300}
.grade-weak,.grade-fail{background:#ffeded;color:#c52d27}
.grades-back-row{display:flex;justify-content:flex-start;padding:17px 20px 21px}

.subject-analytics-section{padding:23px!important}
.analytics-head h3,.smart-analysis-head h3{font-size:clamp(1.2rem,2.2vw,1.46rem)!important}
.subject-charts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:18px}
.subject-chart-card{
  min-height:154px;
  padding:16px;
  border:1px solid #d6e7e0;
  border-radius:21px;
  background:linear-gradient(150deg,#fff,#f8fcfa);
  gap:14px;
  box-shadow:0 5px 16px rgba(7,59,50,.045);
}
.subject-chart-card--not-total{background:linear-gradient(150deg,#fff,#fafaf8);border-style:dashed}
.subject-card-watermark{font-size:72px!important;left:-2px!important;bottom:-16px!important;color:rgba(7,91,69,.045)!important}
.subject-donut{flex-basis:91px;height:91px;box-shadow:inset 0 0 0 1px rgba(7,59,50,.025)}
.subject-donut:after{inset:11px}
.subject-donut span{font-size:.8rem;color:var(--ql-green-950)}
.subject-chart-info{flex:1;min-width:0}
.subject-chart-info h4{font-size:.98rem!important;color:var(--ql-green-950);line-height:1.65}
.subject-grade-line{font-size:.83rem!important;margin-bottom:11px!important}
.weight-meter{display:grid;gap:6px}.weight-meter__top{justify-content:space-between;gap:7px;font-size:.7rem!important}.weight-meter__top strong{color:var(--ql-green-800)}
.weight-meter__bar{height:7px!important;background:#e6eeea!important}.weight-meter__bar span{border-radius:inherit;background:linear-gradient(90deg,var(--ql-teal-500),var(--ql-green-700))!important}
.weight-note{
  display:flex;align-items:flex-start;gap:7px;
  border:1px dashed #d3e4dc;
  border-radius:12px;
  padding:8px 9px;
  background:#f4f8f6;
  color:var(--ql-muted);
  font-size:.71rem;
  line-height:1.75;
}
.weight-note i{flex:0 0 auto;color:var(--ql-gold-700);margin-top:4px}

.smart-analysis-section{position:relative;overflow:hidden;padding:23px!important}
.smart-analysis-section:after{content:"\f201";position:absolute;left:-5px;top:14px;font-family:"Font Awesome 6 Free","Font Awesome 5 Free";font-weight:900;color:#f2f7f4;font-size:105px}
.smart-analysis-head,.smart-analysis-grid,.subject-order-chart{position:relative;z-index:1}
.smart-analysis-grid{gap:12px;margin-top:18px}
.smart-analysis-card{position:relative;min-height:133px;padding:17px;background:linear-gradient(145deg,#ffffff,#f4faf7);border-radius:19px}
.smart-analysis-card > i{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#edf8f3;color:var(--ql-green-800);font-size:1.08rem;margin-bottom:6px}
.smart-analysis-card strong{font-size:.95rem!important;line-height:1.75}
.smart-analysis-card small{color:var(--ql-muted);font-size:.75rem}
.status-elegant{display:grid;gap:2px;margin-top:3px}
.status-elegant strong{display:inline-flex;width:max-content;border-radius:999px;padding:3px 10px;font-size:.83rem!important}
.status-elegant--pass strong{background:#e8f7ef;color:#057647}.status-elegant--fail strong{background:#ffeded;color:#c52d27}.status-elegant--unknown strong{background:#eff4f2;color:#596d68}
.subject-order-chart{margin-top:20px;padding:18px;border-radius:19px;background:#f7fbf9;border:1px solid #e1ece7}
.subject-order-chart h4{display:flex;gap:8px;align-items:center;color:var(--ql-green-950);margin:0 0 15px!important}.subject-order-chart h4 i{color:var(--ql-gold-700)}
.subject-order-row{grid-template-columns:minmax(110px,160px) minmax(90px,1fr) 56px;gap:12px;margin-bottom:10px}.subject-order-row:last-child{margin-bottom:0}
.subject-order-name{font-size:.82rem;font-weight:700;color:var(--ql-ink)}
.subject-order-track{height:10px!important;overflow:hidden}.subject-order-track span{background:linear-gradient(90deg,var(--ql-teal-500),var(--ql-green-700))!important}
.subject-order-row > strong{text-align:left;font-size:.82rem;color:var(--ql-green-800)}
.total-grade-container{
  position:relative;overflow:hidden;
  padding:25px 20px!important;border-radius:25px!important;
  background:linear-gradient(125deg,#063f35,#087054 68%,#b88323)!important;
  box-shadow:0 17px 35px rgba(7,59,50,.18)
}
.total-grade-container:after{content:"\f091";font-family:"Font Awesome 6 Free","Font Awesome 5 Free";font-weight:900;position:absolute;left:20px;bottom:-23px;font-size:105px;color:rgba(255,255,255,.09)}
.total-grade{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;font-size:clamp(1.2rem,2.7vw,1.55rem)!important}.total-grade i{color:#f3d486}
.total-grade-container p{position:relative;z-index:1;font-size:.95rem;font-weight:700}.total-grade-container p i{color:#f3d486;margin-inline-end:6px}

.weak-subjects-warning{
  position:relative;overflow:hidden;
  padding:22px!important;
  border-radius:23px!important;
  border:1px solid #f0d0c9!important;
  background:linear-gradient(142deg,#fff 0%,#fff8f4 100%)!important;
  box-shadow:var(--ql-shadow-soft)
}
.weak-subjects-warning:after{content:"\f071";position:absolute;left:-2px;top:-7px;font-family:"Font Awesome 6 Free","Font Awesome 5 Free";font-weight:900;font-size:92px;color:rgba(200,52,43,.048)}
.warning-header,.weak-subjects-list,.warning-advice{position:relative;z-index:1}
.warning-header{display:grid;grid-template-columns:51px 1fr;gap:2px 14px;align-items:center;margin-bottom:18px}
.warning-header > i{grid-row:1 / 3;display:grid;place-items:center;width:51px;height:51px;border-radius:16px;background:#ffeded;color:var(--ql-red);font-size:1.3rem}
.warning-header h4{margin:0;color:#81241d;font-size:1.21rem}.warning-header p{grid-column:2;margin:0;color:#775c59;font-size:.86rem;line-height:1.8}
.weak-subjects-list{display:grid;gap:10px}
.weak-subject-item{
  display:grid!important;grid-template-columns:minmax(140px,.62fr) 1fr;align-items:center;gap:16px;
  padding:13px 14px!important;border:1px solid #f1ded9!important;border-radius:15px;background:#fff!important
}
.weak-subject-info{display:flex;align-items:center;justify-content:space-between;gap:10px}.weak-subject-name{font-weight:800;color:var(--ql-ink)}.weak-subject-grade{font-weight:800;color:var(--ql-red);font-size:.86rem;white-space:nowrap}
.weak-subject-percentage{display:flex;align-items:center;gap:10px}.percentage-badge{min-width:62px;text-align:center;padding:5px 8px;border-radius:999px;background:#ffeded;color:#b52a22;font-size:.82rem;font-weight:800}
.weak-progress-bar{flex:1;height:10px!important;background:#f8e6e3!important}.weak-progress-fill{height:100%;background:linear-gradient(90deg,#e56855,#c8342b)!important;border-radius:inherit}
.warning-advice{margin-top:15px;padding:12px 14px;border-radius:14px;background:#fff0d6;color:#795200;border:1px solid #efdba5}.warning-advice p{display:flex;align-items:flex-start;gap:8px;margin:0;font-size:.87rem;font-weight:700}.warning-advice i{margin-top:4px;color:var(--ql-gold-700)}

.student-advice-notice{
  --advice-accent:var(--ql-success);
  --advice-soft:#edf8f2;
  position:relative;overflow:hidden;
  display:grid;grid-template-columns:82px minmax(0,1fr);align-items:start;gap:18px;
  margin:0!important;padding:25px!important;
  border:1px solid #d7e8df!important;border-right:6px solid var(--advice-accent)!important;
  border-radius:25px!important;background:linear-gradient(132deg,#fff 0%,var(--advice-soft) 100%)!important;
  box-shadow:var(--ql-shadow-soft)!important;text-align:right!important;
}
.student-advice-notice--excellent{--advice-accent:#07844e;--advice-soft:#eaf8f0}
.student-advice-notice--very_good{--advice-accent:#1768c3;--advice-soft:#edf5ff}
.student-advice-notice--good{--advice-accent:#b57300;--advice-soft:#fff7e7}
.student-advice-notice--pass{--advice-accent:#07844e;--advice-soft:#f0f8f4}
.student-advice-notice--fail{--advice-accent:#c8342b;--advice-soft:#fff1ef}
.student-advice-notice__ornament{position:absolute;display:grid;place-items:center;color:var(--advice-accent);opacity:.065;font-size:86px}.student-advice-notice__ornament--top{left:12px;top:-15px}.student-advice-notice__ornament--bottom{right:-13px;bottom:-27px}
.student-advice-notice__icon{position:relative;z-index:1;width:76px;height:76px;border-radius:23px;background:var(--advice-accent);color:#fff;display:grid;place-items:center;font-size:1.8rem;box-shadow:0 13px 23px rgba(7,59,50,.15)}
.student-advice-notice__content{position:relative;z-index:1;min-width:0}.student-advice-notice__label{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:#fff;padding:5px 12px;color:var(--advice-accent);font-size:.8rem;font-weight:800;border:1px solid #e2ece8}
.student-advice-notice h3{margin:9px 0 4px!important;color:var(--ql-green-950)!important;font-size:clamp(1.18rem,2.5vw,1.45rem)!important;text-shadow:none!important}.student-advice-notice__message{margin:0 0 14px;color:#465b55;font-size:.95rem;line-height:1.95;max-width:780px}
.student-advice-notice__stats{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:15px}.student-advice-notice__percent,.student-advice-notice__status{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 13px;font-size:.87rem;font-weight:800}.student-advice-notice__percent{color:#fff;background:var(--advice-accent)}.student-advice-notice__status{background:#fff;color:var(--advice-accent);border:1px solid #d9e6e1}
.student-advice-notice__tip{display:flex;align-items:flex-start;gap:12px;border-radius:16px;background:rgba(255,255,255,.84);padding:12px 14px;border:1px dashed #d7e5df}.student-advice-notice__tip > i{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:11px;color:#9b6c10;background:#fff2d7}.student-advice-notice__tip strong{display:block;color:var(--ql-green-950);font-size:.87rem;margin-bottom:2px}.student-advice-notice__tip p{margin:0;color:var(--ql-muted);font-size:.8rem;line-height:1.8}

@media(max-width:820px){
  .subject-charts-grid{grid-template-columns:1fr}
  .smart-analysis-grid,.rank-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .student-details-flow{gap:14px;margin-top:14px}
  .rank-teaser{display:grid;gap:11px;padding:14px;border-radius:18px}.calculate-rank-btn{width:100%;justify-content:center}.rank-teaser p{text-align:center;font-size:.78rem}
  .subjects-ledger,.subject-analytics-section,.smart-analysis-section{border-radius:19px!important}
  .ledger-head,.subject-analytics-section,.smart-analysis-section{padding:15px!important}.ledger-head{padding-bottom:1px!important}
  .subjects-table-wrap{margin:12px 10px 0;border:0;box-shadow:none;background:transparent;overflow:visible}
  .subjects-table,.subjects-table tbody{display:grid;gap:8px;width:100%}.subjects-table thead{display:none}
  .subjects-table tr{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name grade" "evaluation evaluation";gap:4px 8px;padding:10px 11px;border:1px solid #dce9e4;border-radius:14px;background:#fff!important}
  .subjects-table td{display:flex!important;align-items:center;padding:0!important;border:0!important}.subjects-table td:before{display:none!important}
  .subjects-table td:nth-child(1){grid-area:name}.subjects-table td:nth-child(2){grid-area:grade;justify-content:flex-end}.subjects-table td:nth-child(3){grid-area:evaluation;justify-content:flex-start;border-top:1px dashed #e1ece7!important;padding-top:7px!important;margin-top:4px}
  .subject-chip{font-size:.82rem;gap:7px}.subject-chip i{width:31px;height:31px;border-radius:9px}.subject-name-lines{display:inline-flex!important;gap:3px}.subject-grade-combined{font-size:.77rem;min-width:0;padding:5px 8px}
  .grade-excellent,.grade-very-good,.grade-good,.grade-acceptable,.grade-weak,.grade-fail{font-size:.75rem;min-width:74px;padding:4px 9px}
  .grades-back-row{padding:12px 10px 14px}.grades-back-row .action-button{width:100%}
  .subject-chart-card{min-height:0;padding:12px;gap:10px;border-radius:15px}.subject-donut{flex-basis:69px;height:69px}.subject-donut:after{inset:8px}.subject-donut span{font-size:.7rem}.subject-chart-info h4{font-size:.85rem!important}.weight-note{font-size:.66rem;padding:6px 7px}
  .smart-analysis-card{min-height:0;padding:12px}.subject-order-chart{padding:12px}.subject-order-row{grid-template-columns:88px 1fr 43px;gap:7px}.subject-order-name{font-size:.7rem}.subject-order-row > strong{font-size:.71rem}
  .total-grade-container{padding:17px 10px!important;border-radius:18px!important}.total-grade{font-size:1.03rem!important}
  .weak-subjects-warning{padding:14px!important;border-radius:18px!important}.warning-header{grid-template-columns:43px 1fr;gap:2px 10px}.warning-header > i{width:43px;height:43px;border-radius:13px;font-size:1.12rem}.warning-header h4{font-size:1rem}.warning-header p{font-size:.73rem}.weak-subject-item{display:grid!important;grid-template-columns:1fr;gap:9px;padding:10px!important}.weak-subject-info{font-size:.82rem}.warning-advice{padding:10px}.warning-advice p{font-size:.76rem}
  .student-advice-notice{display:grid;grid-template-columns:1fr;justify-items:center;text-align:center!important;gap:12px;padding:16px!important;border-right-width:1px!important;border-top:5px solid var(--advice-accent)!important;border-radius:19px!important}.student-advice-notice__icon{width:61px;height:61px;border-radius:18px;font-size:1.45rem}.student-advice-notice__content{width:100%}.student-advice-notice h3{font-size:1.14rem!important}.student-advice-notice__message{font-size:.82rem;line-height:1.85}.student-advice-notice__stats{justify-content:center}.student-advice-notice__tip{text-align:right}.student-advice-notice__ornament{font-size:61px}
}


/* =========================================================
   A4 topper congratulations card and directory print controls — round 7
   ========================================================= */
.topper-congrats-export{
  padding:34px!important;
  color:var(--ql-ink);
  background:
    radial-gradient(circle at 50% 16%,rgba(211,163,60,.12),transparent 27%),
    linear-gradient(155deg,#ffffff 0%,#f7fbf9 47%,#fff9eb 100%)!important;
}
.topper-congrats-export:before{border-width:12px!important;border-color:var(--ql-green-900)!important}
.topper-congrats-export:after{inset:18px!important;border:2px solid rgba(197,144,41,.44)!important}
.topper-congrats-frame{
  height:100%;padding:28px 30px 25px!important;
  border:0!important;text-align:center;position:relative;
  display:flex;flex-direction:column;
}
.topper-congrats-head{
  min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:19px;
  padding:0 4px 18px;border-bottom:2px solid rgba(197,144,41,.43);
}
.topper-congrats-logo{
  width:82px!important;height:82px!important;flex:0 0 82px!important;padding:0!important;
  overflow:hidden;border-radius:50%;background:#fff!important;
  border:3px solid #d4aa4e!important;
  box-shadow:0 0 0 5px #fff,0 0 0 7px rgba(210,164,63,.28),0 11px 20px rgba(7,59,50,.12)!important;
}
.topper-congrats-logo img{
  display:block;width:100%!important;height:100%!important;padding:0!important;margin:0!important;
  border-radius:50%;object-fit:cover!important;background:#fff!important;
}
.topper-congrats-brand{flex:1;text-align:center;display:grid;gap:2px}
.topper-congrats-brand span{font-size:14px!important;color:var(--ql-green-800)!important;font-weight:700}
.topper-congrats-brand span i{color:var(--ql-gold-700);margin-left:5px}
.topper-congrats-brand strong{font-size:23px!important;line-height:1.4;color:var(--ql-green-950)!important;font-weight:900}
.topper-congrats-brand small{font-size:12px;color:var(--ql-muted);font-weight:700}
.topper-congrats-body{flex:1;display:flex;flex-direction:column;align-items:center;padding:36px 10px 0}
.topper-congrats-medal{
  width:auto!important;margin:0 auto 25px!important;display:inline-flex!important;align-items:center;gap:10px;
  border-radius:999px;padding:12px 26px!important;
  color:#6d4900!important;background:linear-gradient(135deg,#f3cc69,#fff0b7)!important;
  border:1px solid #e0b657;box-shadow:0 12px 24px rgba(197,144,41,.16);font-size:16px
}
.topper-congrats-medal i{font-size:21px}
.topper-congrats-salute{display:inline-flex!important;align-items:center;gap:8px;margin:0 auto 8px!important;font-size:17px!important;color:var(--ql-green-800)!important;font-weight:700}
.topper-congrats-salute i{color:var(--ql-gold-700)}
.topper-congrats-frame h2{
  display:table;margin:5px auto 12px!important;padding:0 27px 10px;
  font-size:38px!important;line-height:1.55;color:var(--ql-green-950)!important;font-weight:900;
  border-bottom:3px solid var(--ql-gold-500)
}
.topper-congrats-message{max-width:620px!important;margin:0 auto 22px!important;font-size:17px!important;line-height:2!important;color:#415b53!important;font-weight:600}
.topper-congrats-ranks{width:100%;margin:2px auto 20px;padding:15px;border-radius:18px;background:#f6fbf8;border:1px solid #dbe9e2}
.topper-congrats-ranks h3{display:flex;justify-content:center;align-items:center;gap:8px;margin:0 0 12px;color:var(--ql-green-950);font-size:16px;font-weight:900}
.topper-congrats-ranks h3 i{color:var(--ql-gold-700)}
.topper-congrats-ranks__grid{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}
.topper-congrats-rank{
  display:grid;grid-template-columns:39px 1fr;grid-template-rows:auto auto;align-items:center;text-align:right;
  gap:1px 9px;min-width:172px;padding:9px 11px;border:1px solid #ead7a7;border-radius:13px;background:#fff;
}
.topper-congrats-rank i{grid-row:1/3;width:39px;height:39px;border-radius:12px;display:grid;place-items:center;color:#976609;background:#fff3d9;font-size:17px}
.topper-congrats-rank small{font-size:10px;color:var(--ql-muted);font-weight:700}.topper-congrats-rank strong{font-size:15px;color:var(--ql-green-950);font-weight:900}
.topper-congrats-info{width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important;margin:0!important;text-align:right!important}
.topper-congrats-info article{
  min-height:59px;display:grid;grid-template-columns:35px 1fr;grid-template-rows:auto auto;align-items:center;
  gap:0 9px;padding:9px 12px;border:1px solid #dbe8e3;border-radius:13px;background:#fff;
}
.topper-congrats-info article i{grid-row:1/3;width:35px;height:35px;border-radius:11px;background:#ecf6f1;color:var(--ql-green-800);display:grid;place-items:center;font-size:15px}
.topper-congrats-info article small{font-size:10px;color:var(--ql-muted);font-weight:700}.topper-congrats-info article b{font-size:13px;color:var(--ql-green-950);font-weight:900;line-height:1.55}
.topper-congrats-info__wide{grid-column:1/-1}
.topper-congrats-wish{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;margin-top:19px;padding:13px;border-radius:14px;background:linear-gradient(100deg,#073b32,#0a7357);color:#fff;font-size:14px;font-weight:800}
.topper-congrats-wish i{color:#f1ce7b;font-size:18px}
.topper-congrats-footer{
  position:relative!important;bottom:auto!important;right:auto!important;left:auto!important;
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;
  border-top:2px solid rgba(197,144,41,.43);color:var(--ql-green-800)!important;font-size:12px!important;font-weight:800
}
.topper-congrats-footer span{display:inline-flex;align-items:center;gap:6px}.topper-congrats-footer i{color:var(--ql-gold-700)}

@media print{
  body.result-type-school .directory-hero,
  body.result-type-edara .directory-hero{
    display:block!important;margin:0 0 16px!important;padding:0 0 12px!important;
    border:0!important;border-bottom:2px solid #0a6b4f!important;border-radius:0!important;
    box-shadow:none!important;background:#fff!important;
  }
  body.result-type-school .directory-hero:before,
  body.result-type-school .directory-hero:after,
  body.result-type-edara .directory-hero:before,
  body.result-type-edara .directory-hero:after,
  body.result-type-school .directory-hero__copy>p,
  body.result-type-edara .directory-hero__copy>p,
  body.result-type-school .directory-hero__facts,
  body.result-type-edara .directory-hero__facts,
  body.result-type-school .edara-landing-actions,
  body.result-type-edara .edara-landing-actions,
  body.result-type-school .directory-share-container,
  body.result-type-edara .directory-share-container,
  body.result-type-school .directory-narrative,
  body.result-type-edara .directory-narrative,
  body.result-type-school .pagination,
  body.result-type-edara .pagination,
  body.result-type-school [data-ad-placement],
  body.result-type-edara [data-ad-placement],
  body.result-type-school .table-ad-row,
  body.result-type-edara .table-ad-row,
  body.result-type-school .directory-result-column,
  body.result-type-edara .directory-result-column{display:none!important}
  body.result-type-school .directory-hero .section-eyebrow,
  body.result-type-edara .directory-hero .section-eyebrow{display:inline-flex!important;margin-bottom:5px!important}
  body.result-type-school .directory-hero h2,
  body.result-type-edara .directory-hero h2{display:block!important;margin:0!important;color:#073b32!important;font-size:20px!important}
  body.result-type-school .name-results-table-wrap,
  body.result-type-edara .name-results-table-wrap{margin-top:0!important;border-radius:0!important;box-shadow:none!important}
  body.result-type-school .name-results-table,
  body.result-type-edara .name-results-table{min-width:0!important;font-size:11px!important}
  body.result-type-school .name-results-table td,
  body.result-type-school .name-results-table th,
  body.result-type-edara .name-results-table td,
  body.result-type-edara .name-results-table th{padding:7px 8px!important}
}

/* =========================================================
   Round 8 — homepage discovery, article typography & student A4 statement
   ========================================================= */
/* Recent searches — compact reusable history card */
#recentSearchesPanel.recent-searches-panel{
  position:relative;overflow:hidden;margin-top:20px;padding:17px 18px 18px;
  border:1px solid #d5e7df;border-radius:21px;
  background:linear-gradient(130deg,#fff 0%,#f3faf6 60%,#fff7e4 100%);
  box-shadow:0 11px 26px rgba(7,59,50,.065)
}
#recentSearchesPanel.recent-searches-panel:after{
  content:"\f1da";position:absolute;left:-12px;bottom:-35px;
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free";font-weight:900;
  font-size:108px;color:rgba(7,91,69,.045);pointer-events:none
}
#recentSearchesPanel .recent-searches-head{position:relative;z-index:1;align-items:center;gap:12px;margin-bottom:13px}
#recentSearchesPanel .recent-searches-head strong{display:inline-flex;align-items:center;gap:9px;color:var(--ql-green-950);font-size:.94rem}
#recentSearchesPanel .recent-searches-head strong i{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#eaf7f1;color:var(--ql-green-700)}
#recentSearchesPanel .recent-searches-head button{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 13px;border-radius:999px;border:1px solid #efd8d3;background:#fff6f4;color:var(--ql-red);font:inherit;font-size:.78rem;font-weight:800;cursor:pointer;transition:.18s ease}
#recentSearchesPanel .recent-searches-head button:hover{background:#fee9e7;transform:translateY(-1px)}
#recentSearchesPanel .recent-searches-list{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:9px;margin-top:0}
#recentSearchesPanel .recent-searches-list a{min-width:0;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #e1ece7;border-radius:14px;background:#fff;color:var(--ql-ink);font-size:.81rem;font-weight:700;line-height:1.65;box-shadow:0 4px 11px rgba(7,59,50,.035)}
#recentSearchesPanel .recent-searches-list a:hover{border-color:#bcded1;background:#f9fdfb;transform:translateY(-1px);color:var(--ql-green-800)}
#recentSearchesPanel .recent-searches-list a i{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#edf8f3;color:var(--ql-gold-700)}
#recentSearchesPanel .recent-searches-list a span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

/* Administrative map on the home page */
.qalyubia-map-section{
  position:relative;overflow:hidden;margin-top:26px;padding:clamp(19px,3vw,30px);
  border-radius:29px;border:1px solid #d9e9e2;
  background:radial-gradient(circle at 91% 13%,rgba(217,164,56,.16),transparent 27%),linear-gradient(135deg,#fff,#f3faf6);
  box-shadow:var(--ql-shadow-soft)
}
.qalyubia-map-section:before{content:"\f3c5";position:absolute;left:19px;bottom:-43px;font-family:"Font Awesome 6 Free","Font Awesome 5 Free";font-weight:900;font-size:174px;color:rgba(7,91,69,.045);pointer-events:none}
.qalyubia-map-section .map-section-head{position:relative;z-index:1;max-width:780px;margin-bottom:19px}
.qalyubia-map-section .map-section-head h3{margin:10px 0 6px;color:var(--ql-green-950);font-size:clamp(1.25rem,2.6vw,1.8rem);font-weight:900}
.qalyubia-map-section .map-section-head p{margin:0;color:var(--ql-muted);font-size:.92rem;line-height:1.95}
.qalyubia-edaras-map{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px}
.map-edara-pin{display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 12px;border:1px solid #dbeae3;border-radius:16px;background:#fff;color:var(--ql-green-900);font-weight:800;box-shadow:0 5px 12px rgba(7,59,50,.04);transition:.18s ease}
.map-edara-pin i{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:12px;color:var(--ql-gold-700);background:#fff5dc;font-size:1rem}
.map-edara-pin:hover{color:var(--ql-green-800);border-color:#acd7c7;transform:translateY(-2px);box-shadow:0 12px 23px rgba(7,59,50,.075)}

/* Rich article block entered from settingsglobal_admin */
.article-section{
  position:relative;overflow:hidden;padding:clamp(19px,3.2vw,32px);margin-top:25px;
  border:1px solid #d8e7e1;border-radius:29px;background:#fff;box-shadow:var(--ql-shadow-soft)
}
.article-section:after{content:"\f1ea";position:absolute;left:-10px;top:-22px;font-family:"Font Awesome 6 Free","Font Awesome 5 Free";font-weight:900;font-size:128px;color:rgba(7,91,69,.038);pointer-events:none}
.article-section>h3{position:relative;z-index:1;display:flex;align-items:center;gap:11px;margin:0 0 21px;padding-bottom:16px;border-bottom:1px solid #e3eee9;color:var(--ql-green-950);font-size:clamp(1.22rem,2.6vw,1.65rem);font-weight:900}
.article-section>h3 i{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#eef8f3;color:var(--ql-gold-700);font-size:1.1rem}
.article-content{position:relative;z-index:1;color:#293d38;font-size:.95rem;line-height:2.05}
.article-content h2,.article-content h3{position:relative;color:var(--ql-green-950);font-weight:900;line-height:1.65}
.article-content h2{font-size:clamp(1.22rem,2.2vw,1.46rem);padding:12px 16px;margin:29px 0 14px;border-radius:15px;background:linear-gradient(90deg,#edf8f3,#fff);border-right:5px solid var(--ql-green-700)}
.article-content h3{font-size:clamp(1.04rem,2vw,1.2rem);display:flex;align-items:center;gap:9px;margin:25px 0 10px}
.article-content h3:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--ql-gold-500);box-shadow:0 0 0 5px #fff4d8}
.article-content p{margin:0 0 14px;color:#394e49}
.article-content a{color:var(--ql-green-700);font-weight:800;text-decoration:underline;text-decoration-color:#c8dfd6;text-underline-offset:4px}
.article-content ol{counter-reset:ql-article-step;display:grid;gap:10px;margin:16px 0 22px;padding:0;list-style:none}
.article-content ol li{counter-increment:ql-article-step;position:relative;padding:12px 54px 12px 15px;border:1px solid #e0ede7;border-radius:14px;background:#fafdfb;line-height:1.9}
.article-content ol li:before{content:counter(ql-article-step);position:absolute;right:12px;top:12px;width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:var(--ql-green-800);color:#fff;font-weight:900;font-size:.84rem}
.article-content ul{display:grid;gap:8px;margin:15px 0;padding:0;list-style:none}.article-content ul li{position:relative;padding-right:23px}.article-content ul li:before{content:"\f058";position:absolute;right:0;top:1px;font-family:"Font Awesome 6 Free","Font Awesome 5 Free";font-weight:900;color:var(--ql-success);font-size:.82rem}
.article-content table{width:100%;margin:19px 0;border-spacing:0;border-collapse:separate;overflow:hidden;border:1px solid #d8e7e1;border-radius:16px;background:#fff;box-shadow:0 7px 17px rgba(7,59,50,.045)}
.article-content table th{padding:12px 13px;background:var(--ql-green-900);color:#fff;border:0;font-weight:800;text-align:right}
.article-content table td{padding:11px 13px;border:0;border-bottom:1px solid #e5efeb;color:#344944}
.article-content table tr:nth-child(even) td{background:#f7fbf9}.article-content table tr:last-child td{border-bottom:0}

/* Percentage wheel — same proportional fill used by subject donuts */
.score-orbit{
  display:grid;place-items:center;border-radius:50%;
  background:conic-gradient(var(--score-fill,var(--ql-gold-500)) calc(var(--student-percent)*1%),#e1ebe7 0);
  box-shadow:inset 0 0 0 1px rgba(7,59,50,.04),0 9px 23px rgba(7,59,50,.08)
}
.score-orbit:before{content:"";position:absolute;inset:13px;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px #e4eeea}
.score-orbit svg{display:none!important}
.score-orbit__text{position:relative!important;inset:auto!important;z-index:1;gap:0;line-height:1.38}
.score-orbit__text strong{color:var(--score-fill,var(--ql-green-950))!important;font-size:1.46rem!important;font-weight:900}
.score-orbit__text span{font-size:.72rem!important;font-weight:700}

/* Rebuilt A4 result image downloaded with printResult(this) */
.a4-result-image.a4-result-statement{padding:0!important;background:#fdfefc!important;color:#122a23}
.a4-result-statement:before{border:0!important;background:linear-gradient(90deg,var(--ql-green-950),var(--ql-green-700));height:19px;inset:0 0 auto 0!important}
.a4-result-statement:after{inset:25px!important;border:1px solid rgba(174,124,29,.48)!important;border-radius:2px}
.a4-statement-frame{position:relative;z-index:1;height:100%;padding:43px 48px 37px;display:flex;flex-direction:column}
.a4-statement-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:17px;border-bottom:2px solid #e5c46d}
.a4-statement-header .a4-logo-frame{padding:0!important;width:76px;height:76px;flex-basis:76px}
.a4-statement-header .a4-logo-frame img{padding:0!important;object-fit:cover!important}
.a4-statement-heading{flex:1;text-align:center}.a4-official-label{display:inline-flex!important;align-items:center;gap:6px;padding:3px 12px;border-radius:999px;background:#eef8f3;color:var(--ql-green-800)!important;font-size:12px!important;font-weight:800}.a4-official-label i{color:var(--ql-gold-700)}
.a4-statement-heading h2{margin:7px 0 3px;font-size:23px;color:var(--ql-green-950);line-height:1.35}.a4-statement-heading p{margin:0;font-size:12px;color:var(--ql-muted)}
.a4-result-ribbon{margin:18px 0 15px;display:flex;align-items:center;gap:9px;height:46px;padding:0 16px;border-radius:13px;color:#fff;background:linear-gradient(108deg,#063f35,#087054)}
.a4-result-ribbon i{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;color:#f5d487;background:rgba(255,255,255,.13)}.a4-result-ribbon span{font-size:13px;font-weight:800}.a4-result-ribbon strong{margin-right:auto;font-size:12px;color:#f8e4b4}
.a4-student-profile{display:grid;grid-template-columns:1fr 116px;align-items:center;gap:18px;padding:15px 17px;border-radius:18px;background:linear-gradient(135deg,#fff,#f5fbf8);border:1px solid #d8e7e1}
.a4-student-copy>span{display:flex;align-items:center;gap:6px;color:var(--ql-muted);font-size:12px;font-weight:700}.a4-student-copy>span i{color:var(--ql-gold-700)}.a4-student-copy h3{font-size:22px;color:var(--ql-green-950);margin:4px 0 11px;line-height:1.55}
.a4-student-tags{display:flex;flex-wrap:wrap;gap:7px}.a4-student-tags b{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:#fff;border:1px solid #dce9e3;color:var(--ql-green-900);font-size:10px}.a4-student-tags i{color:var(--ql-gold-700)}
.a4-score-wheel{position:relative;width:108px;height:108px;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(var(--a4-score-color) calc(var(--a4-score-percent)*1%),#e4ede9 0)}.a4-score-wheel:after{content:"";position:absolute;inset:12px;background:#fff;border-radius:50%}.a4-score-wheel strong,.a4-score-wheel span{position:relative;z-index:1}.a4-score-wheel strong{font-size:18px;line-height:1.2;color:var(--a4-score-color)}.a4-score-wheel span{font-size:9px;color:var(--ql-muted);font-weight:700}
.a4-achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:13px 0 15px}.a4-achievement-grid article{display:grid;grid-template-columns:35px 1fr;grid-template-areas:"icon label" "icon value";column-gap:9px;align-items:center;padding:9px 10px;border-radius:13px;border:1px solid #ddeae4;background:#fff}.a4-achievement-grid i{grid-area:icon;width:35px;height:35px;display:grid;place-items:center;border-radius:11px;color:var(--ql-gold-700);background:#fff4d8}.a4-achievement-grid span{grid-area:label;color:var(--ql-muted);font-size:9px;font-weight:700}.a4-achievement-grid strong{grid-area:value;color:var(--ql-green-950);font-size:12px}
.a4-table-title{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--ql-green-950);font-size:14px}.a4-table-title i{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#eaf7f1;color:var(--ql-green-700)}
.a4-result-subjects{table-layout:fixed;font-size:12px;border-radius:12px;overflow:hidden}.a4-result-subjects th{height:38px;padding:7px 9px}.a4-result-subjects td{height:36px;padding:6px 9px}.a4-result-subjects td:first-child i{width:21px;height:21px;display:inline-grid;place-items:center;border-radius:7px;background:#edf7f2;color:var(--ql-green-700)}.a4-result-subjects td:nth-child(2){text-align:center}.a4-result-subjects td:nth-child(3){text-align:center}
.a4-statement-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;border-top:2px solid #e5c46d;padding-top:13px;color:var(--ql-green-900);font-size:12px;font-weight:800}.a4-statement-footer span,.a4-statement-footer strong{display:flex;gap:6px;align-items:center}.a4-statement-footer i{color:var(--ql-gold-700)}

@media(max-width:680px){
  #recentSearchesPanel.recent-searches-panel{padding:13px;border-radius:17px}
  #recentSearchesPanel .recent-searches-list{grid-template-columns:1fr}
  .qalyubia-map-section{padding:16px 12px;border-radius:21px}.qalyubia-edaras-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.map-edara-pin{min-height:48px;padding:7px;font-size:.75rem;gap:6px}.map-edara-pin i{width:31px;height:31px;flex-basis:31px}
  .article-section{padding:15px 12px;border-radius:20px}.article-section>h3{font-size:1rem;gap:8px}.article-section>h3 i{width:38px;height:38px}.article-content{font-size:.86rem}.article-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.article-content table th,.article-content table td{min-width:110px;padding:8px}
  .score-orbit{width:122px;height:122px}.score-orbit:before{inset:12px}
}

/* ========================================================================
   A4 exported images — unified official rendering pass
   Covers: student statement, toppers pages, congratulations card, certificate
   ======================================================================== */
.a4-result-image.qalubia-capture-ready svg.svg-inline--fa,
.toppers-a4-export.qalubia-capture-ready svg.svg-inline--fa,
.topper-congrats-export.qalubia-capture-ready svg.svg-inline--fa,
.certificate-container.qalubia-capture-ready svg.svg-inline--fa,
.certificate-container.exporting-image svg.svg-inline--fa{
  display:inline-block!important;width:1em!important;height:1em!important;vertical-align:-.18em!important;overflow:visible;box-sizing:content-box;flex-shrink:0
}
/* Font Awesome is converted to SVG before capture.  Keep its natural baseline,
   then optically lift the adjacent Arabic text only inside exported A4 images. */
.a4-result-image.qalubia-capture-ready svg.qalubia-export-fa--inline,
.toppers-a4-export.qalubia-capture-ready svg.qalubia-export-fa--inline,
.topper-congrats-export.qalubia-capture-ready svg.qalubia-export-fa--inline,
.certificate-container.qalubia-capture-ready svg.qalubia-export-fa--inline,
.certificate-container.exporting-image svg.qalubia-export-fa--inline{
  vertical-align:-.12em!important;
  transform:none!important;
}
.a4-result-image.qalubia-capture-ready .qalubia-export-text-lift,
.toppers-a4-export.qalubia-capture-ready .qalubia-export-text-lift,
.topper-congrats-export.qalubia-capture-ready .qalubia-export-text-lift,
.certificate-container.qalubia-capture-ready .qalubia-export-text-lift,
.certificate-container.exporting-image .qalubia-export-text-lift{
  position:relative!important;
  top:-.105em!important;
  display:inline!important;
}
.a4-result-image.qalubia-capture-ready :is(.a4-result-ribbon,.a4-score-wheel,.a4-table-title,.a4-achievement-grid article) svg.qalubia-export-fa,
.toppers-a4-export.qalubia-capture-ready :is(.toppers-a4-rank,.toppers-a4-footer) svg.qalubia-export-fa,
.topper-congrats-export.qalubia-capture-ready :is(.topper-congrats-medal,.topper-congrats-rank,.topper-congrats-info article) svg.qalubia-export-fa,
.certificate-container.exporting-image :is(.certificate-medal,.certificate-metrics article,.official-mini-card) svg.qalubia-export-fa{
  vertical-align:middle!important;
  transform:none!important;
}
.a4-result-image.is-capturing,
.toppers-a4-export.is-capturing,
.topper-congrats-export.is-capturing,
.certificate-container.exporting-image{animation:none!important;transition:none!important}
.a4-result-image img,.toppers-a4-export img,.topper-congrats-export img,.certificate-container img{image-rendering:auto}
.toppers-a4-watermark,.topper-congrats-watermark,.cert-watermark{display:none!important}

/* Student result statement */
.a4-result-statement{font-feature-settings:"kern" 1;background:#fff!important}
.a4-result-statement .a4-statement-frame{padding:42px 46px 33px}
.a4-result-statement .a4-logo-frame,
.toppers-a4-official-sheet .toppers-a4-logo,
.topper-congrats-export .topper-congrats-logo,
.certificate-official-sheet .logo-circle{
  padding:0!important;background:#fff!important;border:3px solid #ddba62!important;outline:4px solid #f6f0e0!important;box-shadow:0 9px 21px rgba(7,59,50,.15)!important;overflow:hidden
}
.a4-result-statement .a4-logo-frame img,
.toppers-a4-official-sheet .toppers-a4-logo img,
.topper-congrats-export .topper-congrats-logo img,
.certificate-official-sheet .logo-circle img{
  width:100%!important;height:100%!important;object-fit:cover!important;padding:0!important;margin:0!important;border-radius:50%!important;background:#fff
}
.a4-result-statement .a4-result-ribbon{box-shadow:0 9px 19px rgba(7,59,50,.12)}
.a4-result-statement .a4-table-title{justify-content:flex-start;margin-top:12px}
.a4-result-statement .a4-table-title>span{margin-right:auto;display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:#e9f7f0;color:#087355;font-size:10px;font-weight:800}
.a4-rank-strip{display:flex;align-items:center;gap:7px;padding:8px 10px;margin:0 0 12px;border:1px solid #ead39b;border-radius:13px;background:linear-gradient(90deg,#fffaf0,#fff)}
.a4-rank-label{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:10px;background:#083f35;color:#fff;font-size:10px;font-weight:800;white-space:nowrap}.a4-rank-label i{color:#f6d983}
.a4-rank-strip article{flex:1;display:grid;grid-template-columns:27px 1fr;grid-template-areas:"icon label" "icon value";align-items:center;gap:0 7px;border:1px solid #e8eee9;border-radius:10px;padding:5px 7px;background:#fff}
.a4-rank-strip article i{grid-area:icon;width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#eef8f3;color:#087355;font-size:11px}.a4-rank-strip small{grid-area:label;color:#687f77;font-size:8px;font-weight:700}.a4-rank-strip b{grid-area:value;color:#073b32;font-size:10px;font-weight:900}
.a4-result-statement .a4-result-subjects td,.a4-result-statement .a4-result-subjects th{height:32px!important;padding:5px 8px!important}

/* Toppers sheets: full-height rows without overlap */
.toppers-a4-official-sheet{padding:0!important;background:#fff!important}
.toppers-a4-official-sheet:before{border-width:12px!important;border-color:#073b32!important}
.toppers-a4-official-sheet:after{inset:22px!important;border:1px solid rgba(199,149,46,.55)!important}
.toppers-a4-official-sheet .toppers-a4-frame{padding:38px 43px 33px;display:flex;flex-direction:column}
.toppers-a4-official-sheet .toppers-a4-header{min-height:91px;padding-bottom:13px}
.toppers-a4-official-sheet .toppers-a4-logo{width:70px;height:70px;flex-basis:70px}
.toppers-a4-kicker{display:inline-flex!important;justify-content:center;align-items:center;gap:6px;padding:3px 12px;border-radius:999px;background:#ecf7f2;color:#087355!important;font-size:11px!important;font-weight:800}
.toppers-a4-official-sheet .toppers-a4-header h2{display:flex;align-items:center;justify-content:center;gap:7px;margin:6px 0 1px!important;font-size:22px!important}.toppers-a4-official-sheet .toppers-a4-header h2 i{color:#c48d24;font-size:18px}
.toppers-a4-ribbon{flex:0 0 38px;display:flex;align-items:center;gap:9px;margin:13px 0 10px;padding:0 13px;border-radius:11px;color:#fff;background:linear-gradient(102deg,#073b32,#087355)}
.toppers-a4-ribbon i{color:#f5d486;width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.13)}.toppers-a4-ribbon strong{font-size:12px}.toppers-a4-ribbon span{font-size:10px;color:#d7eade;margin-right:auto}
.toppers-a4-official-sheet .toppers-a4-meta{margin:0 0 10px}.toppers-a4-official-sheet .toppers-a4-meta span{min-height:34px;border-radius:10px;background:#f7fbf9}
.toppers-a4-official-sheet .toppers-a4-table-stage{margin-bottom:47px;border-radius:11px}
.toppers-a4-official-sheet .toppers-a4-table{font-size:9.6px}.toppers-a4-official-sheet .toppers-a4-table thead{height:39px}.toppers-a4-official-sheet .toppers-a4-table th{height:39px;padding:5px 3px}
.toppers-a4-official-sheet .toppers-a4-table tbody tr{height:calc((100% - 39px) / var(--a4-row-count))!important}
.toppers-a4-official-sheet .toppers-a4-table td{padding:4px 3px!important;line-height:1.5}
.toppers-a4-official-sheet .toppers-a4-footer{right:43px;left:43px;bottom:31px;font-size:11px;padding-top:9px}

/* Congratulations card — hierarchy and icon clarity */
.topper-congrats-export{padding:0!important;background:#fff!important}
.topper-congrats-export:before{border:12px solid #073b32!important}
.topper-congrats-export .topper-congrats-frame{height:100%;padding:42px 48px 32px;border:0!important;display:flex;flex-direction:column}
.topper-congrats-export .topper-congrats-head{padding-bottom:16px;border-bottom:2px solid #ddba62}
.topper-congrats-export .topper-congrats-logo{width:75px;height:75px;flex-basis:75px}
.topper-congrats-export .topper-congrats-body{padding:30px 0 0;flex:1}
.topper-congrats-export .topper-congrats-medal{margin:0 auto 16px;width:auto;padding:8px 20px}
.topper-congrats-export .topper-congrats-frame h2{font-size:39px!important;line-height:1.55;margin:10px 0!important}
.topper-congrats-export .topper-congrats-ranks{margin:6px auto 16px;padding:12px;background:#fbfdfc}
.topper-congrats-export .topper-congrats-rank{min-height:52px;padding:7px 9px}
.topper-congrats-export .topper-congrats-info{gap:8px!important}.topper-congrats-export .topper-congrats-info article{min-height:53px;padding:8px 10px}
.topper-congrats-export .topper-congrats-wish{margin-top:17px}
.topper-congrats-export .topper-congrats-footer{position:static!important;margin-top:auto;padding-top:13px}

/* Certificate A4: clean official page without overlay watermark */
.certificate-official-sheet{width:min(794px,100%)!important;min-height:1123px!important;padding:0!important;background:#fff!important;border:0!important;box-shadow:none!important;position:relative;overflow:hidden}
.certificate-official-sheet:before{border:12px solid #073b32!important}.certificate-official-sheet:after{inset:22px!important;border:1px solid rgba(199,149,46,.54)!important}
.certificate-frame{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;padding:43px 50px 37px}
.cert-official-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:2px solid #ddba62;text-align:center}
.certificate-official-sheet .logo-circle{width:80px;height:80px;flex:0 0 80px}
.cert-official-head .title-section{flex:1}.cert-state-label{display:inline-flex!important;align-items:center;gap:6px;border-radius:999px;padding:4px 13px;background:#edf8f3;color:#087355!important;font-weight:800;font-size:12px!important}.cert-state-label i{color:#c48d24}
.cert-official-head h2{margin:7px 0 1px!important;color:#073b32!important;font-size:24px!important;font-weight:900}.cert-official-head h3{margin:0!important;color:#087355!important;font-size:18px!important;font-weight:800}.cert-official-head p{display:flex;justify-content:center;align-items:center;gap:5px;margin:5px 0 0;font-size:11px;color:#667c74;font-weight:700}.cert-official-head p i{color:#c48d24}
.certificate-medal{width:67px;height:67px;margin:25px auto 7px;border-radius:50%;display:grid;place-items:center;font-size:30px;color:#bd8218;background:linear-gradient(145deg,#fff7dc,#efc765);box-shadow:0 11px 21px rgba(191,132,25,.2)}
.certificate-official-sheet .certificate-title{margin:0 auto 5px!important;font-size:52px!important;color:#073b32!important;line-height:1.45;font-weight:900}.certificate-official-sheet .certificate-title:after{content:"";display:block;width:188px;height:2px;margin:6px auto 0;background:linear-gradient(90deg,transparent,#c48d24,transparent)}
.certificate-official-sheet .certificate-subtitle{margin:0 auto 20px!important;display:flex;align-items:center;gap:7px;color:#667c74!important;font-size:13px!important;font-weight:700}.certificate-official-sheet .certificate-subtitle i{color:#c48d24}
.certificate-honoree{text-align:center;border:1px solid #e4ece7;border-radius:22px;background:linear-gradient(130deg,#fff,#f5fbf8);padding:15px 23px 16px;margin:0 14px 16px}.certificate-honoree span{display:flex;justify-content:center;align-items:center;gap:7px;color:#087355;font-size:12px;font-weight:800}.certificate-honoree span i{color:#c48d24}.certificate-honoree strong{display:block;color:#073b32;font-size:30px;line-height:1.7;font-weight:900;margin:3px 0}.certificate-honoree p{margin:0;color:#526c64;font-size:12px;font-weight:700}
.certificate-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 15px}.certificate-metrics article{display:grid;grid-template-columns:33px 1fr;grid-template-areas:"icon label" "icon value";gap:0 8px;align-items:center;min-height:54px;padding:8px 10px;border-radius:13px;border:1px solid #ddeae4;background:#fff}.certificate-metrics article i{grid-area:icon;width:33px;height:33px;border-radius:10px;display:grid;place-items:center;color:#c48d24;background:#fff4dc}.certificate-metrics article small{grid-area:label;color:#667c74;font-size:9px;font-weight:700}.certificate-metrics article b{grid-area:value;color:#073b32;font-size:12px;font-weight:900}.certificate-metrics__wide{grid-column:1/-1}
.certificate-official-sheet .certificate-officials{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}.certificate-official-sheet .official-mini-card{min-height:61px;padding:8px;border-radius:14px}.certificate-official-sheet .official-mini-card img{width:44px;height:44px}.certificate-official-sheet .official-mini-card span{font-size:8.5px}.certificate-official-sheet .official-mini-card strong{display:block;color:#073b32;font-size:10px;line-height:1.45}
.certificate-official-sheet .cert-footer{position:static!important;display:flex;align-items:center;justify-content:space-between;margin-top:auto;right:auto!important;left:auto!important;bottom:auto!important;border-top:2px solid #ddba62;padding-top:13px!important;color:#073b32!important;font-size:11px}.certificate-official-sheet .cert-footer span,.certificate-official-sheet .cert-footer strong{display:flex;align-items:center;gap:6px}.certificate-official-sheet .cert-footer i{color:#c48d24}

@media(max-width:680px){
  .certificate-page .certificate-official-sheet:not(.exporting-image){min-height:auto!important}
  .certificate-page .certificate-official-sheet:not(.exporting-image) .certificate-frame{padding:22px 14px 24px}
  .certificate-page .certificate-official-sheet:not(.exporting-image) .cert-official-head{gap:8px}
  .certificate-page .certificate-official-sheet:not(.exporting-image) .logo-circle{width:52px;height:52px;flex-basis:52px}
  .certificate-page .certificate-official-sheet:not(.exporting-image) .cert-official-head h2{font-size:1.05rem!important}
  .certificate-page .certificate-official-sheet:not(.exporting-image) .cert-official-head h3{font-size:.88rem!important}
  .certificate-page .certificate-official-sheet:not(.exporting-image) .certificate-title{font-size:2.15rem!important}
  .certificate-page .certificate-official-sheet:not(.exporting-image) .certificate-honoree{margin-inline:0;padding-inline:12px}
  .certificate-page .certificate-official-sheet:not(.exporting-image) .certificate-honoree strong{font-size:1.45rem}
  .certificate-page .certificate-official-sheet:not(.exporting-image) .certificate-metrics,
  .certificate-page .certificate-official-sheet:not(.exporting-image) .certificate-officials{grid-template-columns:1fr}
  .certificate-page .certificate-official-sheet:not(.exporting-image) .cert-footer{margin-top:18px;display:grid;gap:7px;text-align:center}
}