/* ========================================
   LUVIAMO — lakisivujen jaettu tyyli
   (privacy / terms / data-deletion, fi + en)
   Sama koivumetsä-paletti + fontit kuin landing.
   Luettava, staattinen; ei JS-riippuvuutta.
   ======================================== */
:root {
  --metsa:    #1a2e1a;
  --kuusi:    #243824;
  --sammal:   #3a5c3a;
  --teksti:   #2d4430;
  --teksti-2: #486148;
  --usva-t:   #5a7a5a;
  --valo:     #f0f7ec;
  --kaste:    #e4ede0;
  --usva:     #f8faf6;
  --kulta:    #d4a96a;
  --kulta-d:  #a67a3c;
  --font-logo:    'Bodoni Moda', Georgia, serif;
  --font-display: 'Fraunces', Georgia, serif;
  --font-body:    'DM Sans', system-ui, sans-serif;
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  font-family: var(--font-body);
  color: var(--teksti);
  background: var(--usva);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

/* --- Header --- */
.lg-nav {
  display: flex; align-items: center; justify-content: space-between;
  max-width: 820px; margin: 0 auto;
  padding: 1.25rem clamp(1.25rem, 4vw, 2rem);
  border-bottom: 1px solid var(--kaste);
}
.lg-logo {
  font-family: var(--font-logo); font-size: 1.4rem; font-weight: 500;
  color: var(--metsa); text-decoration: none; letter-spacing: 0.01em;
}
.lg-logo .i-wrap { display: inline-block; position: relative; }
.lg-logo .sun {
  /* Nouseva aurinko (brandikasikirja): kultainen disc + 3 sadetta, data-URI-taustakuva */
  position: absolute; left: 50%; top: 0.24em; transform: translateX(-50%);
  width: 0.56em; height: 0.56em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='3' fill='%23d4a96a'/%3E%3Cg stroke='%23d4a96a' stroke-width='1.5' stroke-linecap='round'%3E%3Cline x1='12' y1='7.5' x2='12' y2='4'/%3E%3Cline x1='14.25' y1='8.1' x2='16' y2='5.07'/%3E%3Cline x1='9.75' y1='8.1' x2='8' y2='5.07'/%3E%3Cline x1='15.9' y1='9.75' x2='18.93' y2='8'/%3E%3Cline x1='8.1' y1='9.75' x2='5.07' y2='8'/%3E%3Cline x1='16.5' y1='12' x2='20' y2='12'/%3E%3Cline x1='7.5' y1='12' x2='4' y2='12'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}
.lg-lang {
  font-size: 0.85rem; font-weight: 500; color: var(--kulta-d);
  text-decoration: none; border: 1px solid var(--kaste);
  border-radius: 8px; padding: 0.35rem 0.8rem; transition: all 0.2s;
}
.lg-lang:hover { border-color: var(--kulta); color: var(--metsa); }

/* --- Sisältö --- */
.lg-main {
  max-width: 760px; margin: 0 auto;
  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.25rem, 4vw, 2rem) 4rem;
}
.lg-main h1 {
  font-family: var(--font-display);
  font-size: clamp(1.9rem, 4vw, 2.6rem); font-weight: 400;
  color: var(--metsa); line-height: 1.15; margin-bottom: 0.6rem;
  letter-spacing: -0.01em;
}
.lg-meta {
  font-size: 0.88rem; color: var(--usva-t);
  margin-bottom: 2.5rem; padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--kaste);
}
.lg-main h2 {
  font-family: var(--font-display);
  font-size: clamp(1.25rem, 2.5vw, 1.55rem); font-weight: 500;
  color: var(--metsa); line-height: 1.25;
  margin: 2.5rem 0 0.85rem; letter-spacing: -0.005em;
}
.lg-main h3 {
  font-size: 1.02rem; font-weight: 600; color: var(--kuusi);
  margin: 1.6rem 0 0.5rem;
}
.lg-main p, .lg-main li { font-size: 0.96rem; color: var(--teksti); }
.lg-main p { margin-bottom: 1rem; }
.lg-main ul, .lg-main ol { margin: 0 0 1rem 1.35rem; }
.lg-main li { margin-bottom: 0.4rem; }
.lg-main a { color: var(--kulta-d); text-decoration: underline; text-underline-offset: 2px; }
.lg-main a:hover { color: var(--metsa); }
.lg-main strong { color: var(--metsa); font-weight: 600; }

/* Määritelmä-/faktalaatikko (esim. rekisterinpitäjä) */
.lg-box {
  background: var(--valo); border: 1px solid var(--kaste);
  border-radius: 12px; padding: 1.25rem 1.4rem; margin: 1.25rem 0;
}
.lg-box p:last-child { margin-bottom: 0; }

/* Petrin täydennettävä kohta — näkyvästi merkitty (EI julkaista placeholderina) */
.lg-todo {
  background: #fff7e6; border: 1px dashed var(--kulta-d);
  border-radius: 8px; padding: 0.15rem 0.5rem; color: var(--kulta-d);
  font-size: 0.9em; font-weight: 600;
}

/* Taulukot (alikäsittelijät, säilytysajat) */
.lg-table-wrap { overflow-x: auto; margin: 1.25rem 0; }
.lg-table { width: 100%; border-collapse: collapse; font-size: 0.9rem; min-width: 520px; }
.lg-table th, .lg-table td {
  text-align: left; padding: 0.6rem 0.75rem;
  border-bottom: 1px solid var(--kaste); vertical-align: top;
}
.lg-table th {
  color: var(--usva-t); font-size: 0.75rem; text-transform: uppercase;
  letter-spacing: 0.05em; font-weight: 700;
  background: var(--valo);
}
.lg-table td { color: var(--teksti); }

/* --- Footer --- */
.lg-footer {
  max-width: 820px; margin: 0 auto;
  padding: 1.75rem clamp(1.25rem, 4vw, 2rem);
  border-top: 1px solid var(--kaste);
  display: flex; flex-wrap: wrap; gap: 0.5rem 1rem;
  align-items: center; justify-content: space-between;
  font-size: 0.82rem; color: var(--usva-t);
}
.lg-footer nav a { color: var(--teksti-2); text-decoration: none; margin-right: 0.85rem; }
.lg-footer nav a:hover { color: var(--metsa); text-decoration: underline; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}