/* UKMLA Forum theme: indigo and teal, graphics first. Loaded after design.css, so it only overrides tokens and adds components. */
:root{--ink:#1c2b3d;--muted:#55637a;--blue:#3949ab;--navy:#1f2a6b;--teal:#0a7f72;--mint:#dff3ef;--sky:#fadcdc;--line:#e6c6c6;--bg:#fdeeee;--card:#fff;--warn:#fff4d6;--warn-line:#e0b24a;
--bs-primary:#3949ab;--bs-primary-rgb:57,73,171;--bs-link-color:var(--blue);--bs-link-hover-color:var(--navy);--bs-body-bg:var(--bg)}
::selection{background:#f6c9c9;color:#4a1414}
body,.site-header{background:var(--bg)}
.table>:not(caption)>*>*{background-color:transparent}
.topline{background:var(--navy)}
.welcome{background:radial-gradient(ellipse at 82% 8%,#ffd9d9,transparent 55%),var(--bg)}
.welcome h1 em{color:var(--teal)}
.journey-top{background:var(--navy)}
.footer-bottom,footer{background:var(--sky)}

/* Diagrams: inline SVG that scales with its column */
.diagram{display:block;width:100%;height:auto;max-width:100%}
figure.fig{margin:0 0 30px;padding:22px 20px 16px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px #3949ab10}
figure.fig figcaption{margin-top:12px;text-align:center;font-size:13px;line-height:1.5;color:var(--muted)}

/* Home hero scene */
.hero-scene{border-radius:30px;box-shadow:0 26px 70px #1f2a6b26;overflow:hidden;background:#0a2f73;line-height:0}
.hero-scene .scene-img{width:100%;height:auto;aspect-ratio:760/520;object-fit:cover}

/* Home: exam tiles and "start where you are" tiles */
.exam-duo{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.exam-tile{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;color:var(--ink);transition:transform .18s,border-color .18s,box-shadow .18s}
.exam-tile:hover{transform:translateY(-3px);border-color:var(--blue);color:var(--ink);box-shadow:0 14px 34px #3949ab18}
.exam-tile-art{display:block;line-height:0;background:var(--sky)}
.exam-tile-art .card-img{width:100%;aspect-ratio:16/8;object-fit:cover}
.exam-tile-body{padding:24px 26px 26px;display:flex;flex-direction:column;flex:1}
.exam-tile h3{font-family:Georgia,serif;font-weight:400;font-size:1.6rem;margin:12px 0 6px}
.exam-tile p{font-size:14px}
.exam-tile .exam-details{margin:14px 0 22px}
.exam-clinical{background:#fbe6e3}
.start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.start-grid.start-four{grid-template-columns:repeat(4,1fr);gap:20px}
.start-art .start-img{width:100%;aspect-ratio:16/10;object-fit:cover}
.start-tile{display:flex;flex-direction:column;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 14px 22px;transition:transform .18s,border-color .18s}
.start-tile:hover{transform:translateY(-3px);border-color:var(--teal);color:var(--ink)}
.start-art{display:block;border-radius:11px;overflow:hidden;margin-bottom:16px;line-height:0}
.start-art .card-img{width:100%;aspect-ratio:16/9;object-fit:cover}
.start-tile h3{font-size:1.15rem;margin:0 8px 6px}.start-tile p{font-size:13px;margin:0 8px 12px}.start-tile .text-link{margin:auto 8px 0}

/* Stat tiles inside pages */
.stat-inline{margin:0 0 28px;padding:0}
.exam-badge-lg{background:var(--blue)}.exam-badge-lg.plab2{background:var(--teal)}

@media(max-width:1100px){.start-grid.start-four{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.exam-duo,.start-grid{grid-template-columns:1fr}.start-grid.start-four{grid-template-columns:1fr}.hero-scene{margin-top:18px}}
@media(max-width:575px){figure.fig{padding:14px 10px 10px;border-radius:12px}.exam-tile-body{padding:20px}}
.brand-logo,.footer-logo{width:245px;height:auto}