/* Dedicated education bulletin reader — intentionally standalone. */
:root{color-scheme:light;--notice-green:#006233;--notice-dark:#004b27;--notice-gold:#dba934}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.education-notice-page{margin:0;direction:rtl;font-family:"Tajawal",system-ui,sans-serif;background:#f3f7f5;color:#183a2d;line-height:1.7}
.reader-header{background:linear-gradient(125deg,#006233,#004b27);color:white}
.reader-header__inner{max-width:1100px;margin:auto;padding:13px clamp(14px,3vw,28px);display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}
.reader-brand{display:inline-flex;gap:10px;align-items:center;color:white;text-decoration:none;font-weight:800}
.reader-brand img{width:38px;height:38px;object-fit:contain;border-radius:9px}
.reader-return{display:inline-flex;gap:7px;align-items:center;color:#fff;border:1px solid #ffffff73;border-radius:10px;padding:6px 13px;text-decoration:none;font-weight:700}
.reader-return:hover{background:#ffffff16}
.reader-main{width:min(1100px,calc(100% - 26px));margin:18px auto 34px}
.reader-breadcrumb{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:.82rem;margin-bottom:13px;color:#547266}
.reader-breadcrumb a{color:#006233;text-decoration:none}
.reader-panel{background:white;border:1px solid #e0e9e4;box-shadow:0 4px 30px #004b2712;border-radius:18px;overflow:hidden}
.reader-info{padding:clamp(16px,3vw,28px);border-bottom:1px solid #e9efeb}
.reader-badge{display:inline-flex;align-items:center;background:#ffdf74;color:#3d3107;border-radius:30px;font-size:.76rem;font-weight:800;padding:4px 12px}
.reader-info h1{font-size:clamp(1.25rem,3vw,1.85rem);line-height:1.5;margin:12px 0 10px;color:var(--notice-dark)}
.reader-info p{margin:0;color:#50665b}
.reader-toolbar{display:flex;gap:9px;flex-wrap:wrap;align-items:center;padding:12px clamp(14px,3vw,28px);border-bottom:1px solid #e9efeb;background:#fafcfa}
.reader-control{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #b9d4c5;border-radius:10px;padding:8px 11px;background:white;color:var(--notice-dark);font:inherit;font-size:.85rem;font-weight:700;min-height:41px;text-decoration:none;cursor:pointer}
.reader-control:hover{background:#ebf5ef}
.reader-control--primary{background:var(--notice-green);color:white;border-color:var(--notice-green)}
.reader-control--primary:hover{background:var(--notice-dark);color:white}
.reader-zoom-label{font-size:.8rem;min-width:3rem;text-align:center;direction:ltr;unicode-bidi:isolate;color:#536f62}
.reader-image-area{background:#e9eeeb;max-height:min(78vh,960px);min-height:260px;overflow:auto;overscroll-behavior:contain;direction:ltr;padding:clamp(10px,2.4vw,22px);text-align:center}
.reader-image-area img{display:block;width:100%;max-width:none;height:auto;margin:auto;background:#fff;box-shadow:0 4px 16px #16392d2b;image-rendering:auto;object-fit:contain}
.reader-note{margin:0;padding:12px 22px;font-size:.85rem;color:#607065;background:#fff;border-top:1px solid #e9efeb}
.reader-pager{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px}
.reader-pager a{padding:10px 13px;border:1px solid #d4e3db;background:#fff;color:#006233;border-radius:10px;text-decoration:none;font-weight:700}
.reader-pager a:hover{background:#eef6f0}
.reader-status{display:block;color:#006233;font-size:.85rem;min-height:1.4em;padding:4px 0}
.reader-control:focus-visible,.reader-return:focus-visible,.reader-pager a:focus-visible{outline:3px solid var(--notice-gold);outline-offset:2px}
@media(max-width:600px){.reader-toolbar{gap:7px}.reader-control{font-size:.8rem;padding:7px 9px}.reader-image-area{max-height:70vh;min-height:220px;padding:10px}.reader-header__inner{padding-block:12px}}
@media print{
  @page{size:auto;margin:9mm}
  body.education-notice-page{background:white}
  .reader-header,.reader-breadcrumb,.reader-toolbar,.reader-note,.reader-pager,.reader-status{display:none!important}
  .reader-main{width:100%;margin:0}
  .reader-panel{border:0;box-shadow:none;border-radius:0}
  .reader-info{padding:0 0 10px;border:0}
  .reader-info h1{font-size:13pt}
  .reader-info p,.reader-badge{display:none}
  .reader-image-area{padding:0;max-height:none;min-height:0;overflow:visible;background:white}
  .reader-image-area img{width:100%!important;max-width:100%;max-height:255mm;object-fit:contain;box-shadow:none;break-inside:avoid}
}