:root { color-scheme: light; }
html { scroll-behavior: smooth; }
body { min-width: 320px; }
.site-image { object-fit: cover; border-radius: 20px; background: #dce7d4; }
button, input, textarea { font: inherit; }
button:hover { filter: brightness(1.08); }
button:focus-visible, a:focus-visible { outline: 3px solid #63b23d; outline-offset: 3px; }
.form-status { display: none; margin: 0 0 18px; padding: 12px 14px; border-radius: 10px; background: #e4eddf; color: #0e3a2b; font-size: 14px; }
.form-status.is-visible { display: block; }
.experiment-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.experiment-card { overflow: hidden; border-radius: 18px; background: #fff; border: 1px solid rgba(20,33,27,.09); }
.experiment-card img { display: block; width: 100%; aspect-ratio: 1.18; object-fit: cover; }
.experiment-card div { padding: 16px 18px 18px; color: #3a473f; font-size: 14px; line-height: 1.5; }
.experiment-card strong { display: block; color: #14211b; font-size: 16px; margin-bottom: 3px; }
@media (max-width: 680px) {
  nav > div { padding: 12px 18px !important; flex-wrap: wrap !important; }
  nav > div > div:last-child { width: 100%; justify-content: center !important; gap: 12px !important; font-size: 13px !important; }
  nav > div > div:last-child a:last-child { display: none; }
  section > div, header > div, footer > div { padding-left: 20px !important; padding-right: 20px !important; }
  [style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  .experiment-grid { grid-template-columns: 1fr !important; }
  [style*="font-size:46px"] { font-size: 38px !important; }
}
@media (max-width: 390px) {
  nav > div > div:last-child { gap: 9px !important; font-size: 12px !important; }
}