/* ---------------------------------------------------------------- fonts
   The three typefaces are served from this site, not from anyone else's.
   No page makes an outside request.

   Each file is a variable font, so one file covers the whole weight range a
   family is used at — the 400 and 600 files Google serves are byte-identical.
   Two subsets per face: `latin` covers everything the site normally sets, and
   `latin-ext` is fetched only if a character needs it, which on this site means
   an author's name with a diacritic.

   font-display:swap — text is readable in the fallback face from the first
   paint and reflows when the real face arrives. Licence in fonts/OFL.txt. */
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400 600;font-display:swap;
  src:url(../fonts/source-serif-4-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400 600;font-display:swap;
  src:url(../fonts/source-serif-4-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Source Serif 4';font-style:italic;font-weight:400 600;font-display:swap;
  src:url(../fonts/source-serif-4-italic-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Source Serif 4';font-style:italic;font-weight:400 600;font-display:swap;
  src:url(../fonts/source-serif-4-italic-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(../fonts/source-sans-3-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(../fonts/source-sans-3-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Source Code Pro';font-style:normal;font-weight:400 600;font-display:swap;
  src:url(../fonts/source-code-pro-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Source Code Pro';font-style:normal;font-weight:400 600;font-display:swap;
  src:url(../fonts/source-code-pro-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}

/* ==========================================================================
   Amna Inayat Medical and Educational Complex — house stylesheet
   Direction 1A, "Record".

   Every colour, size, space and shape value in this file is declared once, in
   the :root block below, and nothing further down the file carries a hex
   value. The brand, neutral and typographic tokens are the design brief
   verbatim; the eight rhythm values at the foot of the block are the
   redesign's only additions and are what produce the pacing.

   Light scheme only: the dark scheme was withdrawn by ruling, 5 September 2026.
   ========================================================================== */

:root{
  /* Brand — brief §4 */
  --aimec-indigo:        #2A196B;
  --aimec-indigo-deep:   #1A0F45;
  --aimec-violet:        #6D629D;
  --aimec-red:           #AF413E;
  --aimec-oxblood:       #46121F;  /* nursing pages only */
  --aimec-oxblood-deep:  #2E0C15;  /* nursing pages only */

  /* Neutrals */
  --aimec-paper:         #FFFFFF;
  --aimec-bone:          #F4F3F7;
  --aimec-pale-indigo:   #E9E6F0;
  --aimec-rule:          #D8D6E0;
  --aimec-mid:           #8F8CA0;  /* decorative only */
  --aimec-slate:         #5B5966;
  --aimec-ink:           #1C1B22;

  /* Typography — brief §5 */
  --aimec-serif:  "Source Serif 4", Georgia, "Times New Roman", serif;
  --aimec-sans:   "Source Sans 3", Helvetica, Arial, sans-serif;
  --aimec-mono:   "Source Code Pro", ui-monospace, Menlo, monospace;

  --aimec-size-display: 48px;  --aimec-lh-display: 1.05;
  --aimec-size-h1:      34px;  --aimec-lh-h1:      1.12;
  --aimec-size-h2:      26px;  --aimec-lh-h2:      1.20;
  --aimec-size-h3:      20px;  --aimec-lh-h3:      1.30;
  --aimec-size-body:    17px;  --aimec-lh-body:    1.55;
  --aimec-size-small:   15px;  --aimec-lh-small:   1.45;
  --aimec-size-caption: 13px;  --aimec-lh-caption: 1.40;
  --aimec-track-caption: 0.09em;

  /* Layout — brief §6 */
  --aimec-space-1:  8px;
  --aimec-space-2: 16px;
  --aimec-space-3: 24px;
  --aimec-space-4: 32px;
  --aimec-space-5: 48px;
  --aimec-space-6: 64px;
  --aimec-gutter:  24px;
  --aimec-measure: 66ch;   /* prose cap, brief allows 72 */
  --aimec-page-max: 1120px;
  --aimec-page-pad: 40px;
  --aimec-radius-panel: 0;
  --aimec-radius-control: 2px;
  --aimec-hairline: 1px;
  --aimec-accent-rule: 3px;
  --aimec-tap-min: 44px;

  /* Record rhythm — the only values this redesign adds */
  --aimec-section-gap:      96px;  /* between subjects */
  --aimec-section-gap-sub:  80px;  /* between siblings of one subject */
  --aimec-open-gap:        112px;  /* opening block to first section */
  --aimec-head-to-body:     32px;  /* h2 to first paragraph */
  --aimec-para-gap:         24px;
  --aimec-list-row:         32px;  /* numbered-list row padding */
  --aimec-ref-gutter:       76px;  /* reference-number column */
  --aimec-ref-gap:          28px;  /* between citations */

  /* Roles. Only --primary and --primary-deep change, and only on nursing. */
  --primary:      var(--aimec-indigo);
  --primary-deep: var(--aimec-indigo-deep);
  --bg:           var(--aimec-paper);
  --surface:      var(--aimec-bone);
  --band:         var(--aimec-pale-indigo);
  --text:         var(--aimec-ink);
  --text-quiet:   var(--aimec-slate);
  --border:       var(--aimec-rule);
  --heading:      var(--primary);
  --link:         var(--primary);
  --link-hover:   var(--aimec-red);
  --on-primary:   var(--aimec-paper);
  --focus:        var(--aimec-violet);
  --accent:       var(--aimec-red);

  /* Two sizes the design does not name, kept here so the rule holds. */
  --seal-standalone-min: 64px;
  --seal-chrome: 32px;
}

/* Nursing pages. Colour is the only thing that varies — brief §3. */
[data-theme="nursing"]{
  --primary:      var(--aimec-oxblood);
  --primary-deep: var(--aimec-oxblood-deep);
}

/* --------------------------------------------------------------- reset ---- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);
     font:400 var(--aimec-size-body)/var(--aimec-lh-body) var(--aimec-sans);
     -webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:var(--aimec-space-2);top:var(--aimec-space-2);z-index:10;
            background:var(--bg);padding:var(--aimec-space-2);
            border:var(--aimec-hairline) solid var(--border)}

/* ---------------------------------------------------------------- type ---- */
h1,h2,h3,h4{font-family:var(--aimec-serif);font-weight:600;color:var(--heading);
            margin:0;text-wrap:pretty}
h1{font-size:var(--aimec-size-h1);line-height:var(--aimec-lh-h1)}
h2{font-size:var(--aimec-size-h2);line-height:var(--aimec-lh-h2)}
h3{font-size:var(--aimec-size-h3);line-height:var(--aimec-lh-h3)}
h4{font-size:var(--aimec-size-body);line-height:var(--aimec-lh-h3)}
p,li,dd,dt{max-width:var(--aimec-measure)}
.display{font-family:var(--aimec-serif);font-weight:600;
         font-size:var(--aimec-size-display);line-height:var(--aimec-lh-display);
         color:var(--heading)}
.small{font-size:var(--aimec-size-small);line-height:var(--aimec-lh-small)}
.quiet{color:var(--text-quiet)}
.label{font-family:var(--aimec-mono);font-size:var(--aimec-size-caption);
       line-height:var(--aimec-lh-caption);letter-spacing:var(--aimec-track-caption);
       text-transform:uppercase;color:var(--text-quiet)}
.ref-num{font-family:var(--aimec-mono);font-size:var(--aimec-size-caption);
         letter-spacing:var(--aimec-track-caption)}
.num{font-family:var(--aimec-mono);font-variant-numeric:tabular-nums}
.signature{display:block;border-left:2px solid var(--accent);
           padding-left:var(--aimec-space-2);line-height:var(--aimec-lh-small)}

/* Links — brief §8. An outbound link looks exactly like any other. */
a{color:var(--link);text-decoration:underline;text-decoration-thickness:1px;
  text-underline-offset:2px}
a:hover{color:var(--link-hover)}

.stack > * + *{margin-top:var(--aimec-space-2)}
.stack-lg > * + *{margin-top:var(--aimec-space-4)}

/* -------------------------------------------------------------- layout ---- */
.shell{max-width:var(--aimec-page-max);margin:0 auto;
       padding-inline:var(--aimec-page-pad)}

/* The rhythm. A section is separated by space, not by a rule. */
.section{padding-block-start:var(--aimec-section-gap)}
.section--sub{padding-block-start:var(--aimec-section-gap-sub)}
.section--open{padding-block-start:var(--aimec-open-gap)}
.section--tint{background:var(--surface);
               padding-block:var(--aimec-section-gap) var(--aimec-section-gap)}
.section > .shell > h2,.section > .shell > .stack > h2{margin-bottom:var(--aimec-head-to-body)}
.section p{max-width:var(--aimec-measure);margin:0 0 var(--aimec-para-gap)}
.section p:last-child{margin-bottom:0}

/* Two per page. Never more. */
.hairline{block-size:var(--aimec-hairline);background:var(--aimec-rule);border:0;
          margin:0}
/* The rule under a page heading: indigo, 96px, as drawn. Not a hairline. */
.accent-rule{block-size:var(--aimec-accent-rule);inline-size:96px;
             background:var(--primary);margin-block-start:var(--aimec-space-3)}

.standfirst{font-size:var(--aimec-size-body);line-height:var(--aimec-lh-body);
            max-width:var(--aimec-measure)}
.eyebrow{font-family:var(--aimec-mono);font-size:var(--aimec-size-caption);
         line-height:var(--aimec-lh-caption);letter-spacing:var(--aimec-track-caption);
         text-transform:uppercase;color:var(--text-quiet)}

/* ---------------------------------------------------------- navigation ---- */
.site-header{border-block-end:var(--aimec-hairline) solid var(--border)}
.masthead{display:flex;align-items:center;gap:12px;
          padding-block:var(--aimec-space-3)}
.masthead__id{display:flex;flex-direction:column}
.masthead__name{font-family:var(--aimec-serif);font-weight:600;
                font-size:var(--aimec-size-h3);color:var(--heading);
                text-decoration:none}
.masthead__id > span{display:flex;flex-direction:column}
.masthead__where{font-family:var(--aimec-sans);
                 font-size:var(--aimec-size-caption);color:var(--text-quiet)}
.seal-chrome{inline-size:var(--seal-chrome);block-size:var(--seal-chrome)}
/* A standalone seal. The brief sets 64px as the minimum; it is set here at
   144px so it reads as a mark and not as an illustration. */
.seal-panel{margin-block-start:var(--aimec-space-4)}
.seal-panel img{inline-size:144px;block-size:auto;
                min-inline-size:var(--seal-standalone-min)}
.type-mark{margin-block-start:var(--aimec-space-4)}

.nav{border-block-end:var(--aimec-hairline) solid var(--border)}
.nav ul{display:flex;flex-wrap:wrap;gap:var(--aimec-space-4);list-style:none;
        margin:0;padding-block:var(--aimec-space-2);padding-inline:0}
.nav li{max-width:none}
.nav a{color:var(--text);text-decoration:none;padding-block:var(--aimec-space-1);
       font-size:var(--aimec-size-small)}
.nav a:hover{color:var(--link)}
.nav a[aria-current="page"]{color:var(--link);
        border-block-end:2px solid var(--accent)}

.breadcrumb{padding-block:var(--aimec-space-3);font-size:var(--aimec-size-caption);
            color:var(--text-quiet)}
.breadcrumb ol{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;
               gap:var(--aimec-space-1)}
.breadcrumb li{max-width:none}
.breadcrumb li + li::before{content:"/";margin-inline-end:var(--aimec-space-1);
                            color:var(--aimec-mid)}
.breadcrumb a{color:var(--text-quiet)}

/* ------------------------------------------------------------- content ---- */
.hero{padding-block:var(--aimec-space-6) 0}
.hero h1,.hero .display{margin-block-start:var(--aimec-space-3)}
.hero p{margin-block-start:var(--aimec-space-3);max-width:var(--aimec-measure)}
.hero__actions{margin-block-start:var(--aimec-space-4);display:flex;
               gap:var(--aimec-space-2);flex-wrap:wrap}

.grid{display:grid;gap:var(--aimec-gutter);list-style:none;margin:0;padding:0}
.grid--2{grid-template-columns:repeat(2,1fr)}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}

/* Numbered list on hairlines — replaces the card grid. */
.record-list{list-style:none;margin:0;padding:0}
.record-list > li{display:flex;gap:var(--aimec-space-4);
                  padding-block:var(--aimec-list-row);
                  border-block-start:var(--aimec-hairline) solid var(--aimec-rule)}
.record-list > li:last-child{border-block-end:var(--aimec-hairline) solid var(--aimec-rule)}
.record-list__num{flex:0 0 56px;font-family:var(--aimec-mono);
                  font-size:var(--aimec-size-caption);line-height:var(--aimec-lh-caption);
                  letter-spacing:var(--aimec-track-caption);color:var(--aimec-red)}
.record-list__body{flex:1 1 auto}
.record-list__body p{margin:var(--aimec-space-1) 0 0}
.record-list__body .card__foot{margin-block-start:var(--aimec-space-2)}

.card{border:var(--aimec-hairline) solid var(--border);padding:var(--aimec-space-3);
      background:var(--bg);border-radius:var(--aimec-radius-panel)}
.card h3{margin-block-end:var(--aimec-space-1)}
.card__foot{margin-block-start:var(--aimec-space-2);font-size:var(--aimec-size-small)}

/* Two colleges offered side by side inside one card. Both halves are the same
   element with the same class and the same type size: nothing in the styling
   distinguishes one from the other. The columns are equal fractions, so the
   halves are the same width whatever the names are. */
.card__pair{display:grid;grid-template-columns:1fr 1fr;
            gap:var(--aimec-space-2);margin-block-start:var(--aimec-space-2);
            padding-block-start:var(--aimec-space-2);
            border-block-start:var(--aimec-hairline) solid var(--border);
            font-size:var(--aimec-size-small);list-style:none}
.card__pair li{margin:0}
.ref{}

/* Plinth — the four figures, last thing before the footer. */
.plinth{display:flex;flex-wrap:wrap;
        border-block-start:var(--aimec-hairline) solid var(--aimec-rule);
        margin-block-start:var(--aimec-section-gap)}
.plinth__item{flex:1 1 200px;padding:var(--aimec-space-4) var(--aimec-space-4) 0 0}
.plinth__label{font-family:var(--aimec-mono);font-size:var(--aimec-size-caption);
               line-height:var(--aimec-lh-caption);text-transform:uppercase;
               letter-spacing:var(--aimec-track-caption);color:var(--aimec-slate)}
.plinth__value{font-family:var(--aimec-serif);font-weight:600;
               font-size:var(--aimec-size-h2);line-height:var(--aimec-lh-h2);
               color:var(--aimec-ink);margin-block-start:var(--aimec-space-1)}

.facts{margin:0;display:grid;gap:0}
.facts > div{display:flex;gap:var(--aimec-space-3);padding-block:var(--aimec-space-2);
             border-block-start:var(--aimec-hairline) solid var(--border)}
.facts dt{flex:0 0 220px;margin:0;font-family:var(--aimec-mono);
          font-size:var(--aimec-size-caption);line-height:var(--aimec-lh-caption);
          letter-spacing:var(--aimec-track-caption);text-transform:uppercase;
          color:var(--text-quiet)}
.facts dd{margin:0;flex:1 1 auto}

.notice{background:var(--surface);
        border-inline-start:var(--aimec-accent-rule) solid var(--accent);
        padding:var(--aimec-space-3) var(--aimec-space-4)}
.notice h3{color:var(--accent);margin-block-end:var(--aimec-space-1);
           font-family:var(--aimec-sans)}

/* ---------------------------------------------- reference list (no table) -- */
.refs{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}
.ref{display:flex;gap:var(--aimec-space-4);
     padding-block-end:var(--aimec-ref-gap)}
.ref__num{flex:0 0 var(--aimec-ref-gutter);font-family:var(--aimec-mono);
          font-size:var(--aimec-size-caption);line-height:var(--aimec-lh-caption);
          letter-spacing:var(--aimec-track-caption);color:var(--aimec-slate)}
.ref__body{flex:1 1 auto;max-width:74ch}
.ref__author{font-family:var(--aimec-mono);font-size:var(--aimec-size-caption);
             line-height:var(--aimec-lh-caption);text-transform:uppercase;
             letter-spacing:var(--aimec-track-caption);color:var(--aimec-slate)}
.ref__cite{font-family:var(--aimec-sans);font-size:var(--aimec-size-body);
           line-height:var(--aimec-lh-body);color:var(--aimec-ink);
           margin:10px 0 0;text-wrap:pretty;max-width:none}
.ref__meta{color:var(--aimec-slate)}
.ref__journal{font-family:var(--aimec-sans);font-style:italic;font-weight:400;
              font-size:var(--aimec-size-small);line-height:var(--aimec-lh-small);
              color:var(--aimec-slate);margin-block-start:var(--aimec-space-1)}
.ref__doi{font-family:var(--aimec-mono);font-size:var(--aimec-size-caption);
          line-height:var(--aimec-lh-caption);letter-spacing:0.02em;
          display:inline-block;margin-block-start:var(--aimec-space-1)}
.refs__year{display:flex;align-items:baseline;gap:var(--aimec-space-3);
            padding-block-end:var(--aimec-space-3)}
.refs__count{font-family:var(--aimec-mono);font-size:var(--aimec-size-caption);
             letter-spacing:var(--aimec-track-caption);color:var(--text-quiet)}

/* -------------------------------------------------------------- tables ---- */
.table-wrap{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:var(--aimec-size-small)}
caption{text-align:left;color:var(--text-quiet);padding-block-end:var(--aimec-space-2);
        font-size:var(--aimec-size-caption)}
th,td{text-align:left;vertical-align:top;padding:var(--aimec-space-2);
      border-block-end:var(--aimec-hairline) solid var(--border);max-width:none}
thead th{border-block-end:var(--aimec-hairline) solid var(--border);
         font-family:var(--aimec-mono);font-size:var(--aimec-size-caption);
         letter-spacing:var(--aimec-track-caption);text-transform:uppercase;
         color:var(--text-quiet);font-weight:400}
thead th button{background:none;border:0;padding:0;font:inherit;color:inherit;
                text-transform:inherit;letter-spacing:inherit;cursor:pointer;
                text-decoration:underline}
tbody tr:nth-child(even){background:var(--surface)}
tbody tr[hidden]{display:none}
.table-note{font-size:var(--aimec-size-caption);color:var(--text-quiet);
            margin-block-start:var(--aimec-space-2);max-width:var(--aimec-measure)}

/* ------------------------------------------------------------- buttons ---- */
.btn{display:inline-block;padding:12px var(--aimec-space-3);
     min-block-size:var(--aimec-tap-min);
     border:var(--aimec-hairline) solid var(--primary);
     border-radius:var(--aimec-radius-control);text-decoration:none;
     font-size:var(--aimec-size-small)}
.btn--primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}
.btn--primary:hover{background:var(--primary-deep);color:var(--on-primary)}
.btn--secondary{background:var(--bg);color:var(--link)}
.btn--secondary:hover{border-color:var(--accent);color:var(--link-hover)}

/* --------------------------------------------------------------- forms ---- */
.filters{display:flex;gap:var(--aimec-space-4);align-items:flex-end;flex-wrap:wrap;
         padding-block:var(--aimec-space-3);
         border-block-start:var(--aimec-hairline) solid var(--aimec-rule);
         border-block-end:var(--aimec-hairline) solid var(--aimec-rule)}
.filters label,.field{display:flex;flex-direction:column;gap:var(--aimec-space-1)}
.field > span{font-family:var(--aimec-mono);font-size:var(--aimec-size-caption);
              letter-spacing:var(--aimec-track-caption);text-transform:uppercase;
              color:var(--text-quiet)}
.filters select,select,input[type="search"]{
        min-block-size:var(--aimec-tap-min);padding-inline:12px;
        border:var(--aimec-hairline) solid var(--border);
        border-radius:var(--aimec-radius-control);background:var(--bg);
        color:var(--text);
        font:400 var(--aimec-size-body)/var(--aimec-lh-body) var(--aimec-sans)}
.filters select:focus-visible{outline:2px solid var(--focus);outline-offset:1px}
.filters__foot{display:flex;gap:var(--aimec-space-2);align-items:center;
               flex-wrap:wrap;max-width:none}
.filters__count{font-family:var(--aimec-mono);font-size:var(--aimec-size-caption);
                color:var(--text-quiet)}

/* -------------------------------------------------------------- footer ---- */
.site-footer{background:var(--primary);color:var(--on-primary);
             margin-block-start:var(--aimec-section-gap);
             padding-block:var(--aimec-space-6)}
.site-footer a{color:var(--on-primary)}
.site-footer a:hover{color:var(--band)}
.site-footer h2,.site-footer h3{color:var(--on-primary);
             font-size:var(--aimec-size-h3);margin-block-end:var(--aimec-space-2)}
.site-footer .label{color:var(--band)}
.site-footer address{font-style:normal;font-size:var(--aimec-size-small);
             line-height:var(--aimec-lh-small);color:var(--band)}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{max-width:none}
.site-footer dl{margin:0}
.site-footer dd{margin:0}
.footer-grid{display:grid;gap:var(--aimec-space-5);
             grid-template-columns:1.4fr 1fr 1fr 1fr}
.footer-seal{display:flex;gap:var(--aimec-space-2);background:var(--bg);
             padding:var(--aimec-space-2);width:max-content}
.footer-note{border-block-start:var(--aimec-hairline) solid var(--aimec-violet);
             margin-block-start:var(--aimec-space-5);
             padding-block-start:var(--aimec-space-3);
             font-size:var(--aimec-size-caption);color:var(--band);max-width:none}

/* ----------------------------------------------------------- pagination --- */
.pager{display:flex;gap:var(--aimec-space-2);align-items:center;
       margin-block-start:var(--aimec-space-4);font-size:var(--aimec-size-small)}
.pager span{color:var(--text-quiet)}

/* -------------------------------------------------------------- mobile ---- */
@media (max-width:900px){
  .grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  /* The one responsive step: the two largest sizes are reduced so a long
     institution name does not overflow a phone. Every other token is the
     brief's value at every width. */
  :root{--aimec-size-display:32px;--aimec-size-h1:26px;--aimec-page-pad:20px;
        --aimec-section-gap:64px;--aimec-section-gap-sub:56px;
        --aimec-open-gap:72px}
  .grid--2,.grid--3,.grid--4,.footer-grid{grid-template-columns:1fr}
  /* The two colleges stack, in the order they are written. */
  .card__pair{grid-template-columns:1fr}
  .facts > div{flex-direction:column;gap:var(--aimec-space-1)}
  .facts dt{flex-basis:auto}
  /* The reference gutter collapses and the number sits above the author. */
  .ref{display:block}
  .ref__num{margin-block-end:var(--aimec-space-1)}
  .record-list > li{flex-direction:column;gap:var(--aimec-space-2)}
  .filters{flex-direction:column;align-items:stretch}
  .filters select{width:100%}
}