:root {
  color: #173d36;
  background: #f4fbf8;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
}

* { box-sizing: border-box; }

body { margin: 0; line-height: 1.72; }

a { color: #136f61; text-underline-offset: 3px; }

.shell { width: min(880px, calc(100% - 32px)); margin: 0 auto; padding: 28px 0 56px; }

.topbar { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-bottom: 24px; }

.topbar a { font-weight: 650; text-decoration: none; }

.language-note { color: #5e7771; font-size: 14px; }

main { background: #fff; border: 1px solid #dcebe6; border-radius: 22px; box-shadow: 0 18px 55px rgb(23 61 54 / 8%); padding: clamp(24px, 6vw, 58px); }

.eyebrow { color: #178f7c; font-size: 13px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }

h1 { margin: 4px 0 4px; color: #143d35; font-size: clamp(34px, 7vw, 54px); line-height: 1.08; }

.meta { margin: 0 0 32px; color: #69807a; }

h2 { margin: 34px 0 8px; color: #164f45; font-size: 22px; line-height: 1.3; }

p, li { color: #395a53; }

ul { padding-left: 22px; }

.notice { margin-top: 30px; padding: 18px 20px; border-radius: 14px; background: #eaf7f2; }

footer { display: grid; gap: 6px; margin-top: 24px; color: #5e7771; font-size: 13px; text-align: center; }

footer nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }

@media (max-width: 600px) {
  .topbar { align-items: flex-start; flex-direction: column; gap: 5px; }
  main { border-radius: 16px; }
}