/* /remembrance: Remembrance Day in Sarnia and Lambton County (owner, 5 November 2026).
   The calm soft-blue and pale-grey look of the homepage and /support: white
   cards on a pale grey ground, Inter, a muted poppy red only as a small
   accent. Body text 18px, taps 44px or taller, nothing in small print. */
.rm-page{--rm-ground:#f2f5f3;--rm-pale:#eaf0f2;--rm-line:#d5dcd7;--rm-muted:#57656b;--rm-blue:#356382;--rm-blue-up:#3c7194;--rm-deep:#23495b;--rm-ink:#283339;--rm-poppy:#b3261e;
  display:block;max-width:1120px;margin:0 auto;padding:0 16px 48px;color:var(--rm-ink);font-family:'Inter',system-ui,sans-serif;font-size:18px;line-height:1.6}
body.rm-body{background:var(--rm-ground,#f2f5f3)}
.rm-page *{box-sizing:border-box}
.rm-page h1,.rm-page h2,.rm-page h3,.rm-page h4,.rm-page h5,.rm-page p,.rm-page ul{margin:0}
.rm-page h1,.rm-page h2,.rm-page h3,.rm-page h4,.rm-page h5{color:var(--rm-ink);letter-spacing:-.015em;line-height:1.2;text-wrap:balance}
.rm-page a{color:var(--rm-blue);font-weight:600;text-decoration:underline;text-underline-offset:4px}
.rm-page a:hover{color:var(--rm-blue-up);text-decoration-thickness:2px}
.rm-page a:focus-visible{outline:3px solid var(--rm-blue);outline-offset:3px;border-radius:2px}
.rm-page section{scroll-margin-top:96px}

/* the poppy: a small red dot with a dark centre */
.rm-poppy{display:inline-block;flex:none;width:.62em;height:.62em;margin-right:.4em;border-radius:50%;background:radial-gradient(circle at 50% 50%,#283339 0 22%,var(--rm-poppy) 24%);vertical-align:.08em}

/* hero */
.rm-hero{margin:0 -16px;padding:28px 16px 26px;background:var(--rm-pale);border-bottom:1px solid #cfdbe3}
.rm-hero>*{max-width:800px}
.rm-crumb{font-size:16px;color:var(--rm-muted)}
.rm-crumb a{display:inline-flex;align-items:center;min-height:44px}
.rm-hero h1{margin-top:6px;font-size:clamp(32px,6vw,50px);color:var(--rm-deep)}
.rm-date{margin-top:14px!important;font-size:20px;font-weight:700;color:var(--rm-deep)}
.rm-lede{margin-top:8px!important;font-size:19px;max-width:58ch}
.rm-jumps{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.rm-jumps a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid #cfdbe3;border-radius:8px;background:#fff;font-size:17px;text-decoration:none}
.rm-jumps a:hover{text-decoration:underline}
.rm-jumps a[hidden],.rm-section[hidden]{display:none}

/* sections */
.rm-section{padding-top:36px}
.rm-section h2{font-size:clamp(26px,3.4vw,34px);color:var(--rm-deep)}
.rm-sub{margin-top:26px!important;font-size:22px}
.rm-empty{margin-top:16px!important;padding:18px 20px;background:#fff;border:1px solid var(--rm-line);border-radius:12px;max-width:68ch}

/* days and cards */
.rm-day{margin-top:24px}
.rm-day-title{font-size:21px;padding-bottom:8px;border-bottom:1px solid var(--rm-line)}
.rm-cards{list-style:none;padding:0;margin-top:14px!important;display:grid;gap:14px}
.rm-card{padding:18px 20px;background:#fff;border:1px solid var(--rm-line);border-radius:12px}
.rm-card-name{font-size:20px;line-height:1.3}
.rm-card-name a{text-decoration-thickness:1px}
.rm-card-meta{margin-top:6px!important;font-weight:700;color:var(--rm-deep)}
.rm-card-place{margin-top:4px!important;color:var(--rm-muted)}
.rm-card-text{margin-top:8px!important}
.rm-fact .rm-card-text,.rm-card--feature .rm-card-text{margin-top:0!important}
.rm-card--feature .rm-card-text{margin-top:8px!important}
.rm-card--feature{border-left:4px solid var(--rm-poppy)}
.rm-source{margin-top:10px!important;color:var(--rm-muted)}
.rm-source a{display:inline-flex;align-items:center;min-height:44px}
.rm-card.is-cancelled .rm-card-name{color:var(--rm-muted)}

/* kids' links */
.rm-links{list-style:none;padding:0;margin-top:12px!important;display:grid;gap:10px}
.rm-links li{background:#fff;border:1px solid var(--rm-line);border-radius:12px}
.rm-links a{display:flex;align-items:center;min-height:56px;padding:10px 20px}

/* close */
.rm-close{margin-top:44px!important;text-align:center;font-size:26px;font-weight:700;color:var(--rm-deep)}
.rm-submit{margin-top:14px!important;text-align:center;color:var(--rm-muted)}
.rm-submit a{display:inline-flex;align-items:center;min-height:44px}

/* two across on wide screens */
@media (min-width:760px){
  .rm-page{padding:0 28px 64px}
  .rm-hero{margin:0 -28px;padding:40px 28px 32px}
  .rm-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rm-cards--feature{grid-template-columns:1fr}
  .rm-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}
