@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;700&display=swap');

/* =============================================
   Living at the Edge (L@tE) — Stylesheet
   ============================================= */


/* --- Page background --- */
html {
  background-color: #f0f0f0;
}


/* --- Document container --- */
body {
  background-color: #ffffff;
  max-width: 420pt;
  padding: 42.5pt 108pt;
  margin: 40pt auto;
  font-family: 'Manrope', sans-serif;
  font-size: 10pt;
  font-weight: 400;
  color: #111111;
  line-height: 1.2;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}


/* --- Headings --- */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Manrope', sans-serif;
  color: #111111;
  line-height: 1.15;
  page-break-after: avoid;
  margin: 0;
}

h2 {
  font-size: 14pt;
  padding: 14pt 0;
}

h3 {
  font-size: 10pt;
  font-weight: 700;
  padding: 10pt 0 0;
}


/* --- Base paragraph --- */
p {
  margin: 0;
  padding: 0;
  text-align: left;
}


/* --- Paragraph layout variants --- */

/* Centred */
.p-center {
  text-align: center;
}

/* Justified */
.p-justify {
  text-align: justify;
}

/* Vertical spacing (12pt top + bottom) */
.p-spaced {
  padding-top: 12pt;
  padding-bottom: 12pt;
}

/* Spacing top only */
.p-spaced-top {
  padding-top: 12pt;
}

/* Spacing bottom only */
.p-spaced-bottom {
  padding-bottom: 12pt;
}

/* Empty spacer row */
.p-spacer {
  height: 11pt;
}

/* Page-break helper */
.p-break {
  page-break-after: avoid;
  padding-top: 12pt;
}

/* Indented (biography photo offset) */
.p-indent {
  margin-left: 117pt;
}


/* --- Lists --- */
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

li {
  padding-left: 18pt;
  text-indent: -18pt;
  margin: 0;
  line-height: 1.15;
  text-align: justify;
}

li::before {
  content: "➢ ";
}


/* --- Inline text roles --- */

/* Bold */
strong {
  font-weight: 700;
}

/* Italic */
em {
  font-style: italic;
}

/* Small caption text (photo credits, acknowledgements) */
.caption {
  font-size: 8pt;
}

/* Red highlight text */
.text-red {
  color: #ff0000;
}

/* Large intro text */
.text-large {
  font-size: 13pt;
}

/* Logo / brand display text */
.logo {
  font-family: 'Courier New', monospace;
  font-size: 28pt;
  font-weight: 700;
  color: #789245;
}


/* --- Links --- */
a {
  color: #1155cc;
  text-decoration: underline;
  text-underline-offset: 2px;
}

a:visited {
  color: #1155cc;
}

a:hover {
  opacity: 0.8;
}


/* --- Images --- */
.doc-img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}


/* --- Footnote / comment box --- */
.footnote {
  border: 1px solid #000000;
  margin: 5px;
  padding: 4pt 6pt;
  font-size: 9pt;
  color: #444444;
}

.footnote a {
  color: #444444;
}