/* The Japanese Home Manual — landing page styles */

html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: #f3edde;
  color: #2a2119;
  font-family: 'Lora', Georgia, serif;
  text-wrap: pretty;
}
* { box-sizing: border-box; }
a { color: #a23c1e; }
a:hover { color: #7f2d15; }
img { max-width: 100%; }
::selection { background: #e6d3b8; }

/* ---- interactive hover targets (base styles here so :hover can win) ---- */
.lnk-topbar { color: #efe7d6; transition: color .15s ease; }
.lnk-topbar:hover { color: #ffffff; }

.lnk-nav { color: #6b5c4a; text-decoration: none; transition: color .15s ease; }
.lnk-nav:hover { color: #a23c1e; }

.btn { text-decoration: none; display: inline-block; transition: background .16s ease, border-color .16s ease, color .16s ease; }
.btn-primary { background: #a23c1e; color: #f6efdf; }
.btn-primary:hover { background: #7f2d15; color: #f6efdf; }
.btn-outline { color: #2a2119; border: 1px solid #b8a988; }
.btn-outline:hover { border-color: #a23c1e; color: #a23c1e; }

/* ---- FAQ (native details) ---- */
.faq details { border-top: 1px solid #d9cfb8; }
.faq summary { list-style: none; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary { transition: color .15s ease; }
.faq summary:hover { color: #a23c1e; }
.faq-sign::after { content: "+"; }
.faq details[open] .faq-sign::after { content: "\2013"; }

/* ---- responsive niceties ---- */
@media (max-width: 720px) {
  .nav-links-hide { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .btn, .lnk-nav, .lnk-topbar, .faq summary { transition: none; }
}