/* moodlingz.com
   2026-10-11: the unused button rules removed; .draft kept for the privacy page's draft. */
:root {
  --night: #07070e;
  --gold: #f2d26b;
  --ink: #e9e4d8;
  --dim: rgba(233, 228, 216, 0.62);
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; color: var(--ink); }
html { background: var(--night) url(/stars.svg) repeat; background-size: 1000px 1000px; }
body {
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--gold); text-decoration: none; }
a:hover, a:focus-visible { text-decoration: underline; }
:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }

.landing main { display: flex; flex-direction: column; align-items: center; padding: 6vh 16px 8vh; gap: 7vh; }

.picture { width: 100%; max-width: 600px; padding-top: 6vh; }
.picture img { display: block; width: 100%; height: auto; border-radius: 12px; }

.mark { padding-top: 18vh; }
.mark.after-picture { padding-top: 0; }
.slogan {
  margin: 0; font-weight: normal; font-size: clamp(1.3rem, 5vw, 2rem); letter-spacing: 0.08em;
  text-align: center; color: var(--gold);
}

.log { max-width: 34rem; width: 100%; }
.log ol { list-style: none; margin: 0; padding: 0; }
.log li { padding: 0.55em 0; border-top: 1px solid rgba(242, 210, 107, 0.18); color: var(--dim); text-align: center; }
.log li:first-child { color: var(--ink); }

footer { padding: 3vh 16px 6vh; text-align: center; color: var(--dim); font-size: 0.9rem; }
footer p { margin: 0.4em 0; }

.prose { max-width: 36rem; margin: 0 auto; padding: 8vh 16px 10vh; }
.prose h1 { font-weight: normal; letter-spacing: 0.1em; color: var(--gold); font-size: 1.7rem; margin: 0 0 1em; }
.prose h2 { font-weight: normal; font-size: 1.05rem; letter-spacing: 0.06em; color: var(--gold); margin: 1.8em 0 0.4em; }
.prose p { margin: 0.6em 0; }
.prose.centered { text-align: center; }
/* .draft: no page uses it today; kept for the DRAFT mark of the privacy page, which is not on the site yet. */
.draft { display: inline-block; border: 1px solid var(--gold); color: var(--gold); padding: 0.2em 0.7em; font-size: 0.8rem; letter-spacing: 0.08em; }