/* Adapted from WSRA.org.uk styles retrieved 3 October 2026.
   Archive selectors only: no WordPress or Divi dependencies. */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Raleway:wght@700&family=Faustina:wght@400;600&display=swap');
:root{--max:1080px;--border:#d9e4d9;--muted:#555;--wsra-green:#357f35;--wsra-gold:#f2bd27}
body{font-family:'Open Sans',Arial,sans-serif;color:#000;background:#f7f9f9;line-height:1.7;margin:0}
header{background:var(--wsra-gold);border-bottom:6px solid var(--wsra-green);color:#000}
header .wrap{padding-top:28px;padding-bottom:22px}
header h1{font-family:'Raleway',Arial,sans-serif;font-weight:700;letter-spacing:1px;line-height:1.25;font-size:clamp(22px,3vw,36px);color:#000}
.wrap{max-width:var(--max);margin:auto}
main>.wrap{background:#fff;padding-top:30px;padding-bottom:36px}
h2,h3,.decade-label{font-family:'Faustina',Georgia,serif;color:var(--wsra-green);font-weight:600;line-height:1.3}
h2{font-size:32px}h3{font-size:25px}
p{color:var(--muted)}
a,nav a{color:var(--wsra-green)}
nav{margin-top:12px}nav a{font-weight:600}
.search-panel{background:#f7f9f9;border:1px solid var(--border);border-left:5px solid var(--wsra-green);border-radius:3px;padding:24px}
.search-link,button,input[type=submit],.button,.btn{font:700 16px 'Open Sans',Arial,sans-serif;background:var(--wsra-green);color:var(--wsra-gold);border:0;border-radius:3px;padding:11px 20px;box-shadow:3px 3px 0 rgba(0,0,0,.2);cursor:pointer;text-decoration:none}
.search-link:hover,button:hover,input[type=submit]:hover,.button:hover,.btn:hover{background:#286428;color:#fff}
.pill{border-radius:3px;border-color:var(--border);color:var(--wsra-green);font-weight:600}
.pill:hover{background:#edf4ed;border-color:var(--wsra-green)}
.card{border-radius:3px;border-color:var(--border);box-shadow:0 6px 16px rgba(0,0,0,.08)}
.decade-thumb{border-radius:3px;box-shadow:0 12px 18px -6px rgba(0,0,0,.22)}
.decade-label{font-size:26px;margin-top:12px}
input:not([type=submit]):not([type=checkbox]):not([type=radio]),select{font-family:inherit;font-size:16px;border:1px solid #aaa;border-radius:3px;padding:10px;max-width:100%}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #357f35;outline-offset:3px}
footer{background:var(--wsra-green);border:0;margin-top:0;color:#fff}
footer .small,footer p,footer a{color:#fff}
@media(max-width:600px){header .wrap{padding-top:20px;padding-bottom:18px}.search-panel{padding:18px}h2{font-size:27px}}

/* Year pages have direct body children rather than header/main wrappers. */
body:has(> h1 + .crumbs){margin:0;background:#f7f9f9}
body:has(> h1 + .crumbs) > .crumbs{max-width:none;margin:0 0 28px;padding:0 max(24px,calc((100% - 1032px)/2)) 22px;background:#f2bd27;border-bottom:6px solid #357f35;font:600 16px/1.5 'Open Sans',Arial,sans-serif}
body:has(> h1 + .crumbs) > h1{margin:0;padding:24px max(24px,calc((100% - 1032px)/2)) 6px;background:#f2bd27;font:700 clamp(26px,3vw,36px)/1.25 'Raleway',Arial,sans-serif;letter-spacing:1px;color:#000}
body:has(> h1 + .crumbs) > .archive-scoped-search,
body:has(> h1 + .crumbs) > .grid{width:calc(100% - 48px);max-width:1032px;margin-left:auto;margin-right:auto;box-sizing:border-box}
body:has(> h1 + .crumbs) > .grid{margin-bottom:36px}
.archive-scoped-search{background:#fff;border:1px solid #d9e4d9;border-left:5px solid #357f35;border-radius:3px;padding:20px 24px}
.archive-scoped-search .search-title{font:600 27px/1.3 'Faustina',Georgia,serif;color:#357f35;margin-bottom:14px}
.archive-scoped-search button{font:700 16px 'Open Sans',Arial,sans-serif;background:#357f35;color:#f2bd27;border:0;border-radius:3px;padding:11px 20px;flex-shrink:0}
.archive-scoped-search button:hover{background:#286428;color:#fff}
body:has(> h1 + .crumbs) .meta strong{color:#357f35}
@media(max-width:600px){.archive-scoped-search{padding:16px}.archive-scoped-search .search-title{font-size:24px}}

/* WSR_BROWSE_PREV_NEXT_STYLE_START */
/* Previous/next arrows on the year and decade browse pages. */
.wsr-period-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: calc(100% - 48px);
  max-width: 1032px;
  margin: 14px auto 24px;
  box-sizing: border-box;
}
.wsr-period-nav__link,
.wsr-period-nav__empty {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 118px;
  padding: 9px 14px;
  border: 1px solid #d9e4d9;
  border-radius: 3px;
  font: 600 15px/1.4 'Open Sans', Arial, sans-serif;
  text-decoration: none;
}
.wsr-period-nav__link {
  background: #fff;
  color: #357f35;
}
.wsr-period-nav__link:hover {
  background: #357f35;
  color: #fff;
  border-color: #357f35;
}
.wsr-period-nav__link:focus-visible {
  outline: 3px solid #357f35;
  outline-offset: 3px;
}
.wsr-period-nav__empty {
  color: #999;
  background: #f6f7f6;
}
.wsr-period-nav__current {
  color: #263a26;
  text-align: center;
  font: 700 19px/1.4 'Raleway', Arial, sans-serif;
  white-space: nowrap;
}
@media (max-width: 600px) {
  .wsr-period-nav { gap: 7px; margin-top: 12px; margin-bottom: 18px; }
  .wsr-period-nav__link, .wsr-period-nav__empty {
    min-width: 0; padding: 8px 10px; font-size: 14px;
  }
  .wsr-period-nav__current { font-size: 16px; }
}
/* WSR_BROWSE_PREV_NEXT_STYLE_END */