/* Ruth Finch – simplified site (2026)
   Colours and typography carried over from the previous WordPress theme. */

@font-face {
  font-family: 'CopperplateGothicBT-Bold';
  src: url('fonts/2D3DDA_0_0.woff2') format('woff2'),
       url('fonts/2D3DDA_0_0.woff') format('woff');
  font-display: swap;
}

:root {
  --navy: #000066;
  --grey: #666666;
  --grey-dark: #333333;
  --band: #E6E6E6;
  --rule: #CCCCCC;
  --hover: #0099FF;
  --display: 'CopperplateGothicBT-Bold', 'Copperplate', 'Copperplate Gothic Bold', Helvetica, Arial, sans-serif;
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: #fff;
  color: var(--grey);
  font: 15px/22px Georgia, serif;
}

.wrap {
  max-width: 700px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Header */
.site-header {
  background: var(--band);
  border-top: 20px solid var(--navy);
  padding: 70px 0 40px;
}
.site-title {
  margin: 0;
  font-family: var(--display);
  font-size: 60px;
  line-height: 40px;
  letter-spacing: 10px;
  padding: 0 0 7px;
  border-bottom: 2px solid var(--navy);
}
.site-title a,
.site-title a:visited { color: var(--grey); text-decoration: none; }
.site-title a:hover { color: var(--grey-dark); }

/* Content */
main.wrap { padding-top: 44px; padding-bottom: 44px; }

.entry-title {
  color: var(--navy);
  font-family: var(--display);
  font-size: 30px;
  font-weight: normal;
  letter-spacing: 3px;
  line-height: 34px;
  margin: 0 0 22px;
}
h2.entry-title { font-size: 22px; line-height: 28px; margin-top: 44px; }
h3 {
  color: var(--navy);
  font-family: var(--display);
  font-size: 17px;
  font-weight: normal;
  letter-spacing: 1px;
  margin: 30px 0 11px;
}

p { margin: 0 0 22px; }
ul { margin: 0 0 22px; padding-left: 22px; }
ul ul { margin: 6px 0 6px; }
li { margin-bottom: 8px; }
strong { color: #555; }

a { color: var(--navy); }
a:hover, a:active { color: var(--hover); }

.lead { font-size: 19px; line-height: 28px; color: var(--navy); }
.contact { padding-left: 16px; border-left: 3px solid var(--band); }

/* Numbered legal paragraphs with hanging number */
.num { position: relative; padding-left: 32px; }
.num .n { position: absolute; left: 0; top: 0; font-weight: bold; color: var(--navy); }
.num ~ p:not(.num):not(.dated),
.num ~ ul,
.indent { margin-left: 32px; }
.num ~ ul { padding-left: 22px; }
.dated { font-style: italic; margin-top: 33px; }

/* Footer */
.site-footer {
  border-top: 1px solid var(--rule);
  padding: 18px 0 40px;
  font-size: 14px;
}
.site-footer a { color: var(--grey); }
.site-footer a:hover { color: var(--navy); }

@media (max-width: 600px) {
  .site-header { padding: 40px 0 26px; }
  .site-title { font-size: 34px; line-height: 30px; letter-spacing: 5px; }
  .entry-title { font-size: 23px; line-height: 28px; letter-spacing: 2px; }
  main.wrap { padding-top: 30px; }
  .num { padding-left: 26px; }
  .num ~ p:not(.num):not(.dated), .num ~ ul, .indent { margin-left: 26px; }
}

@media print {
  .site-header { background: none; border-top-width: 6px; padding: 20px 0; }
  a { color: inherit; }
}