/* =====================================================================
   Award information page (award.php) — loaded only on that page.
   ===================================================================== */

/* ---------- award switcher ---------- */
.aw-tabs{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:86px;z-index:40}
@media(max-width:1200px){.aw-tabs{top:78px}}
@media(max-width:640px){.aw-tabs{top:70px}}
.aw-tabs .wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.aw-tabs .wrap::-webkit-scrollbar{display:none}
.aw-tabs a{
  flex:none;padding:16px 16px 14px;border-bottom:2.5px solid transparent;white-space:nowrap;
  font-family:var(--head-font);font-size:13.5px;font-weight:600;color:var(--muted);
  transition:color .15s,border-color .15s;
}
.aw-tabs a:hover{color:var(--ink)}
.aw-tabs a.is-active{color:var(--brand);border-bottom-color:var(--brand)}

/* ---------- intro ---------- */
.aw-intro{padding-top:56px}
.aw-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:start}
@media(max-width:900px){.aw-intro-grid{grid-template-columns:1fr;gap:34px}}
.aw-kicker{
  font-family:var(--head-font);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--brand);margin-bottom:14px;
}
.aw-intro-text p:not(.aw-kicker){font-size:17px;line-height:1.75;color:var(--body)}
.aw-intro-text p:not(.aw-kicker):first-of-type{font-size:18.5px;color:var(--ink)}
.aw-intro-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}

/* The certificate artwork is a tall portrait (526x858). Held to a sensible
   height in a framed card so it supports the text instead of dominating the
   page, as the full-column version did. */
/* not sticky: it slid underneath the sticky award tabs while scrolling */
.aw-cert{position:relative}
@media(max-width:900px){.aw-cert{position:static;max-width:360px;margin:0 auto;width:100%}}
.aw-cert-frame{
  background:linear-gradient(160deg,var(--brand-050),var(--brand-100));border:1px solid var(--line);
  border-radius:16px 16px 0 0;padding:22px;display:flex;justify-content:center;
}
.aw-cert-frame img{max-height:360px;width:auto;border-radius:3px;box-shadow:0 12px 28px -12px rgba(28,21,23,.35)}
.aw-cert-cta{
  display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;
  background:var(--brand);color:#fff;border-radius:0 0 16px 16px;transition:background .18s;
}
.aw-cert-cta:hover{background:var(--brand-600);color:#fff}
.aw-cert-cta b{display:block;font-family:var(--head-font);font-size:15px}
.aw-cert-cta small{display:block;font-size:12.5px;opacity:.8}
.aw-cert-cta svg{flex:none;transition:transform .2s}
.aw-cert-cta:hover svg{transform:translateX(4px)}

/* ---------- blocks ---------- */
.aw-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:26px;flex-wrap:wrap}
.aw-head h2{margin:0}
.aw-head--stack{display:block;max-width:980px}
.aw-head--stack p{max-width:760px}
.aw-head--stack h2{margin-bottom:10px}
.aw-head--stack p{margin:0;font-size:16.5px;color:var(--body)}
/* same left edge as every other block; only the text measure is capped */
.aw-narrow > *{max-width:860px}
.aw-lead{font-size:17px;line-height:1.75}

.aw-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.aw-points--3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.aw-points--3{grid-template-columns:1fr}}
@media(max-width:700px){.aw-points{grid-template-columns:1fr}}
.aw-point{
  display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:start;background:#fff;
  border:1px solid var(--line);border-radius:14px;padding:20px 22px;
}
.aw-point-mark{
  width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--brand-050);color:var(--brand);border:1px solid var(--brand-100);
  font-family:var(--head-font);font-weight:700;font-size:15px;
}
.aw-point h3{font-size:16px;margin:4px 0 5px;letter-spacing:-.01em}
.aw-point p{margin:0;font-size:14.5px;color:var(--muted);line-height:1.6}

.aw-ticks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 26px}
@media(max-width:700px){.aw-ticks{grid-template-columns:1fr}}
.aw-ticks li{display:flex;gap:12px;align-items:flex-start;font-size:16px;color:var(--ink);line-height:1.55;
  background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px 18px}
.aw-tick{flex:none;width:24px;height:24px;border-radius:50%;background:var(--brand);color:#fff;
  display:flex;align-items:center;justify-content:center;margin-top:1px}

.aw-outro{margin:20px 0 0;font-size:15.5px;color:var(--body)}
.aw-note{
  display:flex;gap:12px;align-items:flex-start;margin-top:22px;padding:16px 18px;border-radius:12px;
  background:#fff8e6;border:1px solid #f2dca6;color:#7a5a0c;
}
.aw-note svg{flex:none;margin-top:2px}
.aw-note p{margin:0;font-size:15px;line-height:1.6}

.aw-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media(max-width:700px){.aw-groups{grid-template-columns:1fr}}
.aw-group{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px}
.aw-group h3{display:flex;align-items:center;gap:12px;font-size:16.5px;margin:0 0 12px}
.aw-group-num{
  flex:none;width:32px;height:32px;border-radius:50%;background:var(--brand);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:14px;
}
.aw-group ul{margin:0;padding-left:20px}
.aw-group li{font-size:14.5px;color:var(--body);line-height:1.6;margin-bottom:4px}
.aw-group li::marker{color:var(--brand)}

/* ---------- closing call to action ---------- */
.aw-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.aw-cta-inner h2{margin-bottom:8px}
.aw-cta-inner p{margin:0;color:#e3cccd;max-width:560px}
.aw-cta-actions{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:480px){.aw-cta-actions .btn{width:100%}}