/* Simply MBBS — v17. The public front page.

   From 12.0.0 the front page of a public website was his private dashboard.
   That is a change I made three versions running, at his request, without
   pressing hard enough on what it costs — and what it costs is that a reader,
   Googlebot or an AdSense reviewer arriving at the domain saw a countdown to
   somebody's exam and no article at all.

   Both audiences are now served from the same page: signed in, or arriving
   from the installed app on /?app=1, gets the dashboard; everyone else gets
   this. Nothing below is new invention — it is the site's own hero, rail and
   card styles, arranged in the order a stranger needs them. */

.smcc-pf__hero {
  padding: clamp(28px, 6vw, 60px) 0 clamp(20px, 4vw, 34px);
  border-bottom: 1px solid var(--smcc-line);
  margin-bottom: clamp(24px, 4vw, 40px);
}
.smcc-pf__h1 {
  font-family: var(--smcc-display);
  font-size: clamp(30px, 7vw, 54px);
  line-height: 1.06; letter-spacing: -.025em;
  margin: 8px 0 14px; max-width: 18ch;
}
.smcc-pf__lede {
  font-size: clamp(15px, 2.2vw, 18px); line-height: 1.65;
  color: var(--smcc-muted); max-width: 62ch; margin: 0 0 20px;
}
.smcc-pf__acts { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }

@media (max-width: 560px) {
  .smcc-pf__acts { display: grid; grid-template-columns: 1fr; }
  .smcc-pf__acts .smcc-btn { width: 100%; }
}