/* St John's PFA — shared styles across all pages.
   Palette, type and layout pulled from the school crest; see CLAUDE.md. */

:root{
  --navy:#293571;
  --cream:#FBF6EC;
  --sun:#F0AC33;
  --grass:#4C8C4A;
  --poppy:#D8483B;
  --sky:#5B8FB9;
}
*{box-sizing:border-box;}

@media (prefers-reduced-motion: no-preference){
  html{scroll-behavior:smooth;}
}

body{
  margin:0;
  background:var(--navy);
  color:var(--cream);
  font-family:'Karla',sans-serif;
  line-height:1.55;
}

/* Bunting motif — small triangular flags above the page heading */
.bunting{display:flex;gap:4px;margin-bottom:24px;}
.bunting span{
  width:20px;height:26px;
  clip-path:polygon(0 0,100% 0,50% 100%);
}
.bunting span:nth-child(1){background:var(--poppy);}
.bunting span:nth-child(2){background:var(--sun);}
.bunting span:nth-child(3){background:var(--grass);}
.bunting span:nth-child(4){background:var(--sky);}
.bunting span:nth-child(5){background:var(--cream);}
.bunting span:nth-child(6){background:var(--sun);}
.bunting span:nth-child(7){background:var(--poppy);}

/* Headings */
h1{
  font-family:'Lora',serif;font-weight:600;
  font-size:1.9rem;margin:0 0 10px;
  color:var(--cream);
}
p.tag{margin:0 0 28px;color:#c7cee4;font-size:.95rem;}

h2{
  font-family:'Lora',serif;font-weight:600;
  font-size:1.15rem;
  color:var(--sun);
  margin:34px 0 8px;
  scroll-margin-top:24px;
}
h2:first-of-type{margin-top:0;}

/* Body copy */
p{margin:0 0 12px;font-size:.97rem;}
ul{margin:0 0 12px;padding-left:20px;}
li{margin-bottom:4px;font-size:.97rem;}
strong{color:var(--cream);}

/* Sub-page shell: back link + centered content column */
.wrap{
  max-width:620px;
  margin:0 auto;
  padding:48px 24px 64px;
}
.back{
  display:inline-block;
  color:var(--cream);
  opacity:.8;
  text-decoration:none;
  font-weight:700;
  font-size:.85rem;
  margin-bottom:28px;
}
.back:hover{opacity:1;}

/* "Unofficial summary" callout */
.notice{
  background:rgba(251,246,236,.08);
  border-left:3px solid var(--sun);
  padding:14px 18px;
  border-radius:4px;
  font-size:.9rem;
  color:#e9e4d6;
  margin-bottom:36px;
}
.notice a{color:var(--sun);}

/* Source citation at the foot of a summary page */
.source{
  margin-top:44px;
  padding-top:24px;
  border-top:1px solid rgba(251,246,236,.2);
  font-size:.85rem;
  color:#c7cee4;
}
.source a{color:var(--sky);}

/* Unofficial-site disclaimer, present on every page */
.footer{
  margin-top:20px;
  font-size:.75rem;
  line-height:1.5;
  color:#c7cee4;
  opacity:.75;
}
.footer a{color:inherit;}