:root{--navy:#17324d;--blue:#0799cf;--green:#9bc760;--sci:#078f87;--math:#7654b4;--read:#d9534f;--ldw:#e59a2f;--line:#d9e3e9;--muted:#607080}*{box-sizing:border-box}body{margin:0;background:#eef3f6;color:#1f2d38;font-family:Arial,sans-serif}.page{width:min(1480px,calc(100% - 28px));margin:14px auto;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px #1430461f}header{display:grid;grid-template-columns:minmax(250px,320px) 1fr minmax(220px,300px);align-items:center;gap:24px;min-height:125px;padding:16px 26px;border-top:7px solid var(--blue);border-bottom:1px solid var(--line);background:linear-gradient(100deg,#fff 55%,#f2fbfe)}.logo{min-width:0}.logo:first-child{padding-right:22px;border-right:1px solid var(--line)}.logo:last-child{padding-left:22px;border-left:1px solid var(--line);text-align:right}.logo img{width:100%;max-height:105px;object-fit:contain}.logo:first-child img{object-position:left}.logo:last-child img{object-position:right}.heading{text-align:center}h1{margin:0 0 8px;color:var(--navy);font-size:clamp(22px,2.35vw,34px);line-height:1.1}.heading p{margin:auto;color:var(--muted);font-size:13px;line-height:1.4}main{padding:18px 22px 16px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.card{padding:13px 16px;border:1px solid var(--line);border-radius:13px;border-top:4px solid currentColor}.science{color:var(--sci)}.math{color:var(--math)}.reading{color:var(--read)}.ldw{color:var(--ldw)}.label{font-size:12px;font-weight:bold;text-transform:uppercase}.score{font-size:33px;font-weight:800;line-height:1.1;margin-top:3px}.score small,.ref{color:var(--muted);font-size:11px;font-weight:normal}.grid{display:grid;grid-template-columns:1.42fr .88fr;gap:14px}.panel{border:1px solid var(--line);border-radius:14px;overflow:hidden}.ph{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;background:#f8fafc;border-bottom:1px solid var(--line)}.ph h2{margin:0;color:var(--navy);font-size:15px}.ph span{color:var(--muted);font-size:10px}.chart{height:305px;padding:9px 13px}.table-panel{margin-top:14px}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:7px 10px;border-bottom:1px solid #e7edf1;text-align:center}th{background:#f3f7f9;color:var(--navy);font-size:10px;text-transform:uppercase}th:first-child,td:first-child{text-align:left;font-weight:bold}tr.liban{background:#eaf7fc;color:#075b7b}tr.oecd{background:#f5f6f8}.na{color:#9aa6af;font-style:italic}.note{margin-top:11px;padding:9px 12px;border-left:4px solid var(--green);background:#f6faef;color:#52603f;font-size:10.5px}footer{display:flex;justify-content:space-between;padding:9px 22px;background:var(--navy);color:#dce7ef;font-size:10px}@media(max-width:850px){header{grid-template-columns:1fr 1fr}.heading{grid-column:1/-1;grid-row:2}.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media(max-width:550px){.page{width:100%;margin:0;border-radius:0}header,.cards{grid-template-columns:1fr}.heading{grid-column:1}.logo{padding:8px 0!important;border:0!important;text-align:center!important}.logo img{object-position:center!important}footer{flex-direction:column;gap:5px}}@media print{@page{size:A4 landscape;margin:6mm}body{background:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}.page{width:100%;margin:0;box-shadow:none;border-radius:0}header{min-height:78px;padding:7px 14px;grid-template-columns:220px 1fr 205px}.logo img{max-height:68px}h1{font-size:21px}main{padding:8px 12px}.cards{gap:7px;margin-bottom:7px}.card{padding:7px 10px}.score{font-size:25px}.chart{height:215px}.table-panel{margin-top:7px}th,td{padding:3px 6px;font-size:8.5px}.note{margin-top:5px;padding:4px 7px;font-size:7.8px}footer{padding:4px 12px;font-size:7px}}

.language-nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 22px;border-bottom:1px solid var(--line);direction:ltr;flex-wrap:wrap}
.language-nav a{padding:8px 14px;border:1px solid var(--line);border-radius:8px;color:var(--navy);text-decoration:none;font:600 13px Arial,sans-serif}
.language-nav a:hover,.language-nav a:focus-visible{background:#eaf7fc;outline:2px solid var(--blue);outline-offset:2px}
.language-nav a[aria-current="page"]{background:var(--navy);color:white;border-color:var(--navy)}
.note a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.table-panel{overflow-x:auto}.table-panel table{min-width:540px}
@media(max-width:550px){.ph{flex-wrap:wrap}.language-nav{justify-content:center}main{padding:14px 12px}.chart{padding:8px 4px}}
@media print{.language-nav{display:none}.table-panel{overflow:visible}.table-panel table{min-width:0}}