:root {
  --orange: #E89B5A;
  --orange-deep: #D6803F;
  --orange-soft: #F4C99A;
  --beige: #FBF4E9;
  --beige-2: #F5E8D2;
  --beige-3: #EDD9B7;
  --cream: #FFFAF0;
  --ink: #4A3826;
  --ink-soft: #6B5640;
  --line: #E8D9C0;
  --green-leaf: #A9C49A;
  --sky: #BFD9E8;
  --pink: #F2C5BD;
  --yellow: #F4D77A;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: "Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", sans-serif;
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4 {
  font-family: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", sans-serif;
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
ul { list-style: none; padding: 0; margin: 0; }

@media print {
  body { background: #fff !important; color: #000 !important; }
  h1, h2, h3, h4 { color: #000 !important; }
  a { color: #000 !important; text-decoration: underline; }
  a[href^="http"]::after {
    content: " <" attr(href) ">";
    font-size: 0.85em;
    color: #555;
  }
  .header, .menu-btn, .nav, .footer { display: none !important; }
}