/* pages.css - styles for the inner pages (Result, Admit card, I-Card, Certificate, News, Gallery, notices).
   Loaded after home.css; every class is prefixed pg- so it cannot clash with the theme. */
:root{
  --pg-ink:#1c2733; --pg-muted:#5b6876; --pg-line:#d9e0e7; --pg-bg:#f4f7fa; --pg-card:#fff;
  --pg-primary:#0b4f8a; --pg-primary-d:#083a66; --pg-accent:#c8102e; --pg-err:#b42318; --pg-radius:10px;
}
.pg-skip{position:absolute;left:-9999px;top:0;background:#fff;color:#000;padding:8px 14px;z-index:1000}
.pg-skip:focus{left:8px;top:8px}

/* hero */
.pg-hero{background:linear-gradient(135deg,var(--pg-primary-d),var(--pg-primary));color:#fff;padding:28px 16px}
.pg-hero__in{max-width:1100px;margin:0 auto}
.pg-hero h1{margin:0 0 6px;font-size:clamp(1.4rem,3vw,2rem);line-height:1.2;color:#fff}
.pg-crumb{margin:0;font-size:.92rem;opacity:.95}
.pg-crumb a{color:#fff;text-decoration:underline}

.pg-main{max-width:1100px;margin:0 auto;padding:24px 16px 48px;color:var(--pg-ink)}
.pg-card{background:var(--pg-card);border:1px solid var(--pg-line);border-radius:var(--pg-radius);padding:20px;box-shadow:0 1px 3px rgba(16,24,40,.06);margin-bottom:20px}

/* lookup form */
.pg-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;align-items:start}
.pg-field label{display:block;font-weight:600;margin-bottom:6px}
.pg-field input[type=text],.pg-field input[type=date]{width:100%;box-sizing:border-box;min-height:44px;padding:10px 12px;border:1px solid #b8c3ce;border-radius:8px;font:inherit;background:#fff}
.pg-field input:focus{outline:3px solid rgba(11,79,138,.3);border-color:var(--pg-primary)}
.pg-hint{font-size:.85rem;color:var(--pg-muted);margin:4px 0 0}
.pg-err{display:block;color:var(--pg-err);font-size:.88rem;margin-top:4px}
.pg-actions{display:flex;align-items:end;min-height:44px;padding-top:28px}
@media (max-width:600px){.pg-actions{padding-top:0}}
.pg-btn{display:inline-block;min-height:44px;padding:10px 22px;border:0;border-radius:8px;background:var(--pg-primary);color:#fff;font:inherit;font-weight:600;cursor:pointer}
.pg-btn:hover{background:var(--pg-primary-d)}
.pg-btn:focus-visible{outline:3px solid rgba(11,79,138,.4);outline-offset:2px}
.pg-btn--print{background:#fff;color:var(--pg-primary);border:2px solid var(--pg-primary)}
.pg-btn--print:hover{background:#eef5fb}
.pg-printbar{text-align:center;margin:4px 0 24px}
.pg-alert{padding:12px 14px;border-radius:8px;margin-bottom:20px;border:1px solid}
.pg-alert--err{background:#fef3f2;border-color:#fecdca;color:var(--pg-err)}

/* printable documents */
.pg-doc{max-width:820px;margin:0 auto}
.pg-doc__head{text-align:center;border-bottom:2px solid var(--pg-line);padding-bottom:12px;margin-bottom:16px}
.pg-doc__head img{max-width:100%;max-height:110px}
.pg-doc__title{margin:8px 0 0;font-size:1.4rem;text-transform:uppercase;letter-spacing:.04em}
.pg-doc__body{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start}
.pg-doc__photo{order:2}
.pg-photo{width:90px;height:110px;object-fit:cover;border:2px solid #a9dbf4;border-radius:8px;background:#f2f6fa}
@media (max-width:600px){.pg-doc__body{grid-template-columns:1fr}.pg-doc__photo{order:0;text-align:center}}
.pg-kv{display:grid;grid-template-columns:minmax(120px,210px) 1fr;gap:8px 14px;margin:0}
.pg-kv dt{color:var(--pg-muted)}
.pg-kv dd{margin:0;font-weight:700;overflow-wrap:anywhere}
@media (max-width:480px){.pg-kv{grid-template-columns:1fr;gap:0}.pg-kv dd{margin-bottom:8px}}
.pg-doc__foot{border-top:2px solid var(--pg-line);margin-top:16px;padding-top:12px;font-size:.92rem}
.pg-doc__foot ol{margin:0;padding-left:1.2em}
.pg-visit{text-align:center;font-size:.9rem;margin:12px 0 0}

/* marks table */
.pg-table-wrap{overflow-x:auto;margin:16px 0}
.pg-table{width:100%;border-collapse:collapse;font-size:.95rem}
.pg-table th{background:#4b5563;color:#fff;text-align:left;padding:10px;font-weight:600}
.pg-table td{padding:10px;border-bottom:1px solid var(--pg-line)}
.pg-table tr:nth-child(even) td{background:#f7f8fb}
.pg-table td.num,.pg-table th.num{text-align:center}
.pg-totals{display:flex;justify-content:flex-end;gap:32px;flex-wrap:wrap;font-size:1.05rem;margin:8px 0 16px}
.pg-totals strong{font-size:1.2rem}
.pg-grade{width:100%;border-collapse:collapse;font-size:.88rem;margin-top:8px}
.pg-grade caption{background:#e5e7eb;padding:6px;font-weight:600}
.pg-grade td{padding:4px 8px}

/* member certificate */
.pg-cert{max-width:900px;margin:0 auto;border:4px double #7a3d99;padding:28px;background:#fff;color:#111}
.pg-cert__head{text-align:center}
.pg-cert__head h2{margin:0;color:#ff6a00;font-size:clamp(1.2rem,3vw,1.8rem)}
.pg-cert__head h3{margin:6px 0 12px;font-size:1rem;font-weight:500}
.pg-cert__logo{height:140px;max-width:100%;object-fit:contain}
.pg-cert__title{display:block;margin:10px 0 18px;color:purple;font-size:clamp(1.3rem,3vw,2rem);font-weight:700;text-decoration:underline}
.pg-cert .pg-kv{grid-template-columns:minmax(150px,260px) 1fr;font-size:1.02rem}
.pg-cert .pg-kv dt{color:#111;font-weight:700}
.pg-cert .pg-kv dd{font-weight:500}
.pg-cert__statement{text-align:center;font-weight:700;font-size:clamp(1.05rem,2.2vw,1.35rem);margin:28px 0}
.pg-cert__sign{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:20px}
.pg-cert__sign figure{margin:0;text-align:center}
.pg-cert__sign img{width:100px;height:100px;object-fit:cover;border:1px solid #ccc}
.pg-cert__sign figcaption{font-size:.75rem}
.pg-cert__note{text-align:center;margin-top:28px;font-weight:700}
.pg-cert__note small{display:block;font-weight:400;font-size:.95rem;margin-top:8px}

/* news */
.pg-news{list-style:none;margin:0;padding:0}
.pg-news__item{display:flex;gap:16px;padding:14px 4px;border-bottom:1px solid var(--pg-line);align-items:baseline}
.pg-news__date{flex:0 0 108px;font-size:.88rem;color:var(--pg-muted);font-variant-numeric:tabular-nums}
.pg-news__text a{color:var(--pg-primary);font-weight:600}
@media (max-width:560px){.pg-news__item{flex-direction:column;gap:2px}}

/* gallery */
.pg-gallery{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.pg-gallery figure{margin:0;border:1px solid var(--pg-line);border-radius:var(--pg-radius);overflow:hidden;background:#fff}
.pg-gallery a{display:block;color:inherit;text-decoration:none}
.pg-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .2s}
.pg-gallery a:hover img,.pg-gallery a:focus-visible img{transform:scale(1.03)}
.pg-gallery figcaption{padding:10px 12px;font-weight:600;font-size:.95rem}
.pg-gallery figure{overflow:hidden}
.pg-lightbox{border:0;border-radius:var(--pg-radius);padding:12px;max-width:min(92vw,900px)}
.pg-lightbox::backdrop{background:rgba(0,0,0,.72)}
.pg-lightbox img{display:block;max-width:100%;max-height:78vh;margin:0 auto}
.pg-lightbox p{margin:8px 0;text-align:center;font-weight:600}
.pg-lightbox .pg-btn{display:block;margin:0 auto}
.pg-empty{text-align:center;color:var(--pg-muted);padding:32px 12px}

/* notices / prose */
.pg-prose h2{margin-top:0}
.pg-callout{background:#eef5fb;border-left:4px solid var(--pg-primary);padding:12px 14px;border-radius:0 8px 8px 0}
.pg-list li{margin-bottom:12px;line-height:1.6}
.pg-sign{text-align:right;margin-top:24px}

/* print: show only the document, hide site chrome and the lookup form */
@page{margin:12mm}
@media print{
  .datebar,.topbar,.regstrip,.nav,.ticker,.footer,.callfab,.pg-skip,.pg-hero,.pg-lookup,.pg-printbar,.pg-noprint,.pg-alert{display:none!important}
  body{background:#fff}
  .pg-main{padding:0;max-width:none}
  .pg-card{border:0;box-shadow:none;padding:0}
  .pg-table th{background:#ddd!important;color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .pg-cert{border-color:#7a3d99;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}