/* Base Styles */
body {
  margin: 0;
  padding: 0;
  background: #000;
  font-family: "Hiragino Kaku Gothic ProN", sans-serif;
  color: #eee;
  line-height: 1.5;
}

a {
  text-decoration: none !important;
  color: orange; /* or any color you prefer */
}

h2 {
  color: #b6b23a;       /* Olive green */
  font-size: 1.4em;
  margin-top: 0.2em;    /* Optional: gives spacing above */
  margin-bottom: 0.6em; /* Optional: spacing below */
}

h3 {
  color: #ca952e;
  font-size: 1.05em;
  margin-top: 0;
  margin-bottom: 0.1em;
  padding-top: 0;
  line-height: 1.0;  /* Try 1.0 if you want tighter */
}

.text-gold {
  color: #e0c76e;   /* warm gold accent */
  font-weight: 500;
}

.spacer-20 {
  margin-top: -20px;
}

.spacer-10 {
  margin-top: -10px;
}

.spacer10 {
  margin-top: 10px;
}

.spacer20 {
  margin-top: 20px;
}

hr {
  border: none;
  height: 1px;
  background-color: #444; /* subdued but visible */
  margin: 1.2em 0;         /* enough breathing room */
}

.highlight {
  color: #b8860b; /* or any color like #facc15 (yellow-ish) */
  font-weight: bold;
}

.highlight_white {
  color: #fff; /* or any color like #facc15 (yellow-ish) */
}

.DK {
  color: #777;
}

figcaption {
  margin-left: -10px;
  margin-right: -10px;
	margin-bottom: -15px;
}

/* Header */
.kw-header {
  text-align: center;
  padding: 10px 0;
}

.kw-logo {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 0.2em;
  font-size: 2.3rem;
  font-weight: 600;
  font-family: 'Marcellus', serif; /* or whatever you use */
  margin-bottom: 0.2em;
}

/* Color styles */
.kakishibu {
  color: #904012;  /* Wabi-sabi orange */
}

.sabi {
  color: #9f8672;  /* Soft brown-gray */
}

/* Optional: Make "World" slightly smaller */
.small {
  font-size: 0.7em;
  font-weight: 700;
  margin-left: 0.1em; /* tweak spacing if needed */
}

.voice-banner:hover {
  filter: brightness(1.05);
}

@media screen and (max-width: 420px) {
  .voice-banner {
    font-size: 1.1em;
    padding: 10px 12px;
  }
}

.kw-container-left {
  max-width: 430px; /* or whatever kw-container uses */
  margin: 0 auto;
  padding: 1.5em;
  text-align: left; /* override center alignment */
  font-size: 0.9rem; /* adjust font size */
}

/* Page Container */
.kw-container {
  max-width: 430px;
  margin: 0 10px 0 15px;
  padding: 8px;
}

/* Top Section: Kanji + Meaning Side-by-Side */
.kw-top {
  display: flex;
  gap: 10px;
  margin-bottom: 6px;
}

/* Audio Button */
.play-audio {
  display: block;
  margin: 0.6em auto;
  padding: 6px 0;
  width: 160px;
  font-size: 0.95rem;
  background-color: #516121;
  color: #fff;
  border: 1px solid #555;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.play-audio:hover {
  background-color: #5e9935; /* slightly darker olive green */
  cursor: pointer;
}

/* Meaning Block (Right Column) */
.kanji-right {
  background: #000;
  border-radius: 6px;
  padding: 0.6em 0.1em 0.6em 0; /* top right bottom left */
  color: #fff;
}

.kanji-right h2 {
  font-size: 1.1rem;
  color: #7b8b4a;
  margin-bottom: 0.5em;
}

.kanji-right h2 + h2 {
  margin-top: 1em;
}

.kanji-right p,
.kanji-right ul {
  font-size: 0.95rem;
  margin: 0.2em 0;
  line-height: 1.4;
}

.kanji-right ul {
  margin-left: 1em;
  padding: 0;
}

.kanji-right li {
  margin-bottom: 0.25em;
}

/* Columns */
.kanji-left,
.kanji-right {
  flex: 1 1 50%;
  max-width: 50%;
}

@media (max-width: 480px) {
  .kanji-right p,
  .kanji-right ul {
    margin-left: 0;  /* center within the column */
    margin-right: 1px;
    font-size: 0.9rem;  /* slightly smaller for small screens */
    line-height: 1.4;   /* a bit more relaxed */
  }
}

/* Left column */
.kanji-left {
  padding: 0.2em 0.4em;
  text-align: center;
}
.kanji-left img {
  /* transition: transform 0.3s ease; */
  display: block;
  max-width: 100px;
  height: auto;
  margin: 0 auto;
}
.kanji-left p {
  margin: 0.2em 0;
  line-height: 1.2;
  font-size: 0.9rem;
}

/* Trim last paragraph spacing in both columns */
.kanji-left p:last-of-type,
.kanji-right p:last-of-type {
  margin-bottom: 0.4em;
}

/* Always two panes, 50/50 */
.kw-top{
  display:flex;
  flex-wrap:nowrap;      /* never stack */
  gap:14px;
  align-items:flex-start;
}

.kanji-left,
.kanji-right{
  flex:1 1 0;            /* equal flex, equal share */
  max-width:50%;         /* enforce 50/50 */
  min-width:0;           /* allow content to shrink instead of overflowing */
}

/* Make sure left content can shrink nicely */
.bushu-box img{max-width:100px;height:auto;display:block;margin:0 auto 6px;}

/* General Block Styling */
.kw-block {
  width: 100%;
  background: #000;
  border-radius: 6px;
  margin: 0.3em 0;
  padding: 0.6em 0.9em;
}
.kw-block h2 {
  font-size: 1.05rem;
  color: #9f8672;
  margin: 0 0 0.4em;
}

.kw-block ul {
  padding-left: 1em; /* Reduce from default (often 2em) */
  margin-left: 0;
  list-style-position: inside;
}
.kw-block li {
  padding-left: 0.2em; /* Optional: add a tiny space before text */
  text-indent: -0.5em; /* Helps align multi-line items neatly */
}

/* Two-Column Block Area */
.kw-duo {
  display: flex;
  gap: 10px;
  margin-bottom: 8px;
}
.kw-duo .kw-block {
  flex: 1;
  margin-top: 0em; /* or even 0 */
  padding: 10px 10px 6px 10px; /* top, right, bottom, left */
  font-size: 0.95rem;
}
.kw-duo h2 {
  font-size: 1rem;
  color: #c36d3c;
  margin-top: 0px;       /* <- add this */
  margin-bottom: 6px;
}

.kw-block#quiz-block {
  margin-top: -.8em;
}

#tap-text {
  color: #9f8672;
}

.kw-footer {
  text-align: center;
  font-size: 1em;
  color: #9f8e72; /* sabi tone */
  padding: 16px 12px;
  border-top: 1px solid #444;
  margin-top: 1.5em;
  line-height: 1.5;
  font-family: "Hiragino Kaku Gothic ProN", sans-serif;
}

.kw-footer a {
  display: inline-block;
  text-decoration: none;
  color: inherit;
}

.kw-footer a:hover {
  text-decoration: underline;
}

.footer-kakishibu {
  color: #c36d3c;
  font-weight: 800;
}

.footer-sabi {
  color: #9f8672;
  font-size: 0.7em;
  font-weight: 600;
}

.compact-footer {
  margin-top: 0px !important; /* or whatever spacing looks best */
}

/* Accordion Block */
/* Container for whole page (elsewhere in your code) */
.kw-container {
  max-width: 430px;
  margin: 0 auto;
  padding: 8px;
}

/* Accordion grid layout */
.accordion-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 0em;
}

/* Full-width override (e.g., for "Sentences") */
.accordion-block.full-width {
  grid-column: span 2;
}

  .accordion-block.full-width {
    grid-column: span 1;
  }
}

/* Accordion block styling */
.accordion-block {
  padding: 0;
  margin: 0.5em 0;
  border-radius: 6px;
  background-color: #000;
  overflow: hidden;
  width: 100%;
}

.accordion-label h2.accordion {
  font-size: 1.05rem;
  font-weight: bold;
  color: #ca952e;  /* kakishibu accent */
  padding: 10px 12px;
  margin: 0;
  border-bottom: 1px solid #333;
}

/* Hide checkbox (used for toggling) */
.accordion-toggle {
  display: none;
}

/* Label styling (heading) */
.accordion-label {
  display: block;
  font-size: 1.05rem;
  color: #ca952e;
  padding: 10px 12px;
  cursor: pointer;
  font-weight: bold;
}

/* Accordion section heading (like h2 with toggle hint) */
.accordion {
  margin: 0;
  font-size: 1.1rem;
  color: #ca952e;
}

/* Optional inline note */
.accordion-note-inline {
  font-size: 0.75em;
  color: #ccc;
  margin-left: 0.5em;
}

/* Content section default state (collapsed) */
.accordion-content {
  max-width: 100%;
  width: 100%;
  padding: 0 !important;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  font-size: 0.9em;
  color: #eee;
}

/* Expand when checkbox is checked */
.accordion-toggle:checked ~ .accordion-content {
  max-height: 800px;
  padding: 10px 12px 12px;
}

/* Inside content styling */
.accordion-content ul {
  padding-left: 10px; /* or 5px for a lighter indent */
  margin-left: 0;
  list-style-position: inside;
}

.accordion-content li {
  padding: 0 0 4px 5px; /* adds 5px left padding */
  margin: 0 0 4px 0;
}

.accordion-note-inline {
  display: block;
  font-size: 0.75em;
  color: #999;
  margin-top: 0.1em;
  font-weight: normal;
}

.kanji-tabs {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin: 2.5em 0 1em;
}

.kanji-tabs a {
  flex: 1;
  text-align: center;
  background-color: #313b12;
  color: antiquewhite;
  border-radius: 10px;
  padding: 0.45em 0.3em;
  font-size: 0.85rem;
  text-decoration: none;
  transition: background-color 0.2s, color 0.2s;
  border: 1px solid #333;
}

.kanji-tabs a:hover {
  background-color: darkolivegreen;
  color: #000;
}

#related-kanji a {
  color: orange; /* or any color you prefer */
  text-decoration: none;
}

#related-kanji a:hover {
  color: wheat; /* optional: hover effect in kakishibu-orange */
  text-decoration: underline;
}

.voice-button-group {
  display: flex;
  gap: 10px;
  justify-content: center; /* or space-between if needed */
  margin-top: 16px;
  margin-bottom: 6px;
}

.voice-tab {
  font-weight: 600;
  font-size: 16px;           /* slightly smaller font */
  padding: 8px 12px;          /* tighter padding */
  text-align: center;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  white-space: nowrap;       /* prevents wrapping */
  line-height: 1.2;
}

.voice-tab span.guide-label {
  font-size: 12px;       /* smaller Guide */
  font-weight: 500;   /* thinner Guide */
  color: #111;
}

.voice-tab.green {
  background-color: #4b591f;
  color: antiquewhite;
}

.voice-tab.orange {
  background-color: #7c5509;
  color: antiquewhite;
}

.voice-tab.blue {
  background-color: #40576f; /* main blue */
  color: white;
}

.voice-tab.blue:hover {
  background-color: #274a6b; /* darker blue on hover */
}

.voice-tab:hover {
  filter: brightness(1.2);
}

.voice-button-center {
  text-align: center;
  margin-top: 10px;
}

.slide-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 1.5em;
}

.kana-slideshow {
  display: flex;
  gap: 6px;
}

.kana-slideshow img {
  transition: opacity 0.5s ease;
}

.kanji-kana-line {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 1em 0;
}

.kanji-kana-line img {
  transition: opacity 0.5s ease;
}

/* Particles List */
    .category {
      margin-bottom: 2em;
    }
    .category h2 {
      font-size: 1.1em;
      color: olive;
      border-bottom: 1px solid #444;
      padding-bottom: 0.3em;
    }
    .particle-list {
      margin-top: 0.5em;
    }
    .particle-item {
      margin: 0.3em 0;
    }
    .particle {
      font-weight: bold;
      color: #7b8b4a;
    }
    .example {
      font-style: italic;
      color: #aaa;
    }

.accordion-content ul {
  text-align: left;
  font-size: 0.95rem;
  padding-left: 1.2em;
}

.radical-link {
  color: olive;
  text-decoration: none;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.05;            /* ← tighter line spacing */
  text-align: center;
  display: inline-block;
  margin-top: 0.2em;
}

.radical-link:hover {
  color: goldenrod;
  text-decoration: underline;
}

.radical-subtext {
  display: block;
  font-size: 0.8rem;  
	font-style: italic;/* smaller */
  font-weight: 400;             /* thinner */
  color: #f3d067;               /* slightly brighter olive tone */
  margin-top: 0.2em;            /* reduce vertical gap */
}

/* Kanji pages — keep this exactly as it is */
.kanji-tabs a[href$="find.html"] {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ca952e;
  color: black;
}

.kanji-tabs a[href$="find.html"] i {
  font-size: 1.1rem;
  color: black;
}

.kanji-tabs a[href$="find.html"]:hover {
  background-color: #e88422;
}

.kanji-tabs a[href$="find.html"]:hover i {
  color: black;
}

/* ===== Radical pages — Tabs (single-line, responsive) ===== */

/* Container: stay on one row */
.radical-tabs {
  display: flex;
  flex-wrap: nowrap;   /* prevent a second line */
  gap: 8px;
  margin-top: 26px;
  overflow: hidden;    /* avoid stray wrapping */
}

/* Base look shared by all tabs */
.radical-tabs a {
  flex: 1 1 0;         /* equal widths, shrink if needed */
  min-width: 0;        /* allow shrinking (fixes wrap) */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap; /* don't break 'E-voice' at the hyphen */
  word-break: keep-all;
  padding: 6px 12px;
  border-radius: 10px;
  font-weight: 550;
  text-decoration: none;
}

/* Search tab */
.radical-tabs a[href$="find.html"] {
  background-color: #ca952e;
  color: black;
}
.radical-tabs a[href$="find.html"] i {
  font-size: 1.1rem;
  color: black;
}
.radical-tabs a[href$="find.html"]:hover {
  background-color: #e88422;
}
.radical-tabs a[href$="find.html"]:hover i {
  color: black;
}

/* E-voice tab */
.radical-tabs .evoice-tab {
  background-color: #896011;     /* kakishibu */
  color: bisque;
}
.radical-tabs .evoice-tab:hover {
  background-color: #a46f15;
  color: black;
}

/* Radical Exp tab */
.radical-tabs a.radexp-tab {
  background-color: #40576f;     /* blue */
  color: #fff;
}
.radical-tabs a.radexp-tab:hover {
  background-color: #506a87;
}

/* Tiny screens: tighten padding/font just a bit to keep one row */
@media (max-width: 360px) {
  .radical-tabs { gap: 6px; }
  .radical-tabs a { padding: 6px 8px; font-size: 0.95rem; }
}

.kanji-box hr {
  margin: 8px 0 12px;
  border: 0;
  border-top: 0.5px solid rgba(51, 51, 51, 0.8);
}

.kun-note { position: relative; cursor: help; font-weight: 700; margin-left: 4px; outline: 0; }
.kun-note::after {
  content: attr(data-tip);
  position: absolute; left: 50%; bottom: 100%; transform: translateX(-50%) translateY(-6px);
  width: 180px; /* compact box; tweak to 150–200px as you like */
  padding: 8px 10px; border-radius: 10px; box-shadow: 0 6px 16px rgba(0,0,0,.35);
  background: #222; color: #eed; font-size: .9rem; line-height: 1.4; text-align: left;
  opacity: 0; pointer-events: none; transition: opacity .12s ease;
}
.kun-note::before {
  content: ""; position: absolute; left: 50%; bottom: 100%; transform: translateX(-50%);
  border: 6px solid transparent; border-top-color: #222; opacity: 0; transition: opacity .12s;
}
/* show on hover OR when focused (keyboard/tap) */
.kun-note:hover::after, .kun-note:focus::after,
.kun-note:hover::before, .kun-note:focus::before { opacity: 1; }

/* optional: make 'none' slightly de‑emphasized */
.kw-none { opacity: .9; }

.vocab-list {
  column-count: 2;
  column-gap: 20px;
}
.vocab-list li {
  break-inside: avoid;
}

/* Special voice guide button */
.special-guide{
  display:block;
	font-size:.9em;
  margin: .6rem auto 0;          /* centers under the voice buttons */
  padding:.4rem .6rem;
  border-radius:8px;
  background:#808000;            /* deep green */
  border:1px solid #666;
  color:#fff8dc;
  font-weight:500;
  text-align:center;
  line-height:1.2;
  box-shadow:0 3px 10px rgba(0,0,0,.35);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.special-guide small{
  display:block;
  font-size:.9em;
	font-weight:400;
	  color:#000;
  opacity:.9;
  margin-top:.15rem;
}
.special-guide:hover{ background:#337754; transform:translateY(-1px); }
.special-guide:active{ transform:translateY(0); box-shadow:0 2px 6px rgba(0,0,0,.35); }

/* Radical box (left column) */
.bushu-box {
  border: none;
  background: transparent;
  box-shadow: none;
  padding: 0;
  margin: 0 auto;
  text-align: center;
}

.bushu-box img {
  max-width: 100px;
  height: auto;
  display: block;
  margin: 0 auto 0.4em;
}

.bushu-box p {
  margin: 0.25em 0;
  font-size: 0.9rem;
  line-height: 1.2;
}

.bushu-box hr {
  margin: 10px auto 14px;
  width: 85%; /* slightly inset for balance */
  border: 0;
  border-top: 0.5px solid rgba(51,51,51,0.8);
}

.ref-dot {
  color: #ca952e;     /* soft accent (same family as E-voice) */
  font-weight: bold;
  margin-right: 4px;  /* add small space after dot */
}

.kanji-road-title {
  text-align: left;          /* align left */
  color: olive;               /* soft white-gray */
  font-size: 0.9rem;         /* smaller than 1.05rem */
  font-weight: 400;          /* normal weight, not bold */
  margin: 35px 0 5px 3%;     /* spacing above & slight left indent */
}

.kanji-road-wrap {
  margin-top: 0px;   /* creates clear space above the row */
  padding-top: 10px;  /* optional: adds breathing room */
  border-top: 1px solid #444; /* optional: thin line separator */
}

.kanji-road-grid {
  display: flex;
  justify-content: space-between; /* distribute evenly */
  width: 95%;                     /* or 100% */
  margin: 0 auto;                 /* center the strip */
}

.kanji-road-grid img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

.kfr {
  color: darkolivegreen;             /* keep the olive tone */
  font-weight: 350;         /* lighter than 400 for thinner look */
  letter-spacing: -0.01em;  /* slightly tighter digits */
  font-variant-numeric: tabular-nums; /* ensures uniform width */
}

.kfr-note {
  cursor: help;
  color: #ca952e;
  font-size: 1.3em;   /* bigger asterisk */
  margin-left: 3px;
  position: relative;
  font-weight: 500;  /* makes it stand out */
}

.kfr-note::after {
  content: attr(data-tip);
  position: absolute;
  left: 50%;                /* center horizontally */
  top: 140%;                /* appears below instead of above */
  transform: translateX(-50%);
  background: rgba(40, 40, 40, 0.95);
  color: #fff;
  padding: 10px 14px;       /* larger box */
  border-radius: 8px;       /* smoother rounded shape */
  font-size: 0.9em;
  line-height: 1.4;
  white-space: normal;      /* allow wrapping */
  min-width: 180px;         /* bigger tooltip */
  max-width: 260px;
  text-align: center;
  display: none;
  z-index: 100;
  box-shadow: 0 2px 8px rgba(0,0,0,0.5);
}

.kfr-note:hover::after,
.kfr-note:focus::after {
  display: block;
}

a.kfr-label-link {
  color: #abb981;   /* olive-green, or any you prefer */
  font-weight: 500; /* optional emphasis */
}

/* Proverbs tab — unified with top page Sayings+ button */
a.proverb-link {
  background: linear-gradient(to bottom, #6e2f1a, #3d1b0f); /* reddish-brown to dark burgundy */
  border: 1px solid rgba(51,51,51,0.8);
  color: #f5e6d0;  /* softer ivory text */
  padding: 6px 14px;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.2s, transform 0.2s;
}

a.proverb-link:hover {
  background: linear-gradient(to bottom, #8a3922, #522116); /* brighter on hover */
  transform: scale(1.03);
}

.voice-tour {
  text-align: center;   /* center everything */
  margin-bottom: 0.7em;
}

.voice-tour-title {
  font-size: 1.3em;     /* larger headline */
  font-weight: 700;
  color: #f4b23c;       /* your gold tone */
  margin: 0.1em 0;
}

.voice-tour-sub {
  font-size: 0.9em;     /* smaller, lighter */
  color: #ccc;          /* subtle contrast */
  margin: 0;
}

/* Grey/disabled look for Sayings+ when no entries */
a.proverb-link.disabled {
  background: #666 !important;
  color: #ddd !important;
  border-color: #555 !important;
  opacity: .8;
  /* pointer-events: none;   <-- remove this line */
  /* cursor: default;        <-- optional: remove this too */
}
a.proverb-link.disabled:hover {
  background: #666 !important;
  transform: none;
}
/* =====================================
   Conjugation (single-verb accordion)
   ===================================== */

/* "Conjugation" label in the accordion header on single-verb pages */
.accordion-block.conjugation .accordion-label h2.accordion {
  text-align: right;
  color: #7f7ffc;
  font-weight: 600;
  margin: -25px 6px 0 0;      /* tight to the buttons above */
  padding: 0;
  letter-spacing: 0.02em;
  font-size: 1.05rem;
}

/* This wrapper holds the actual conjugation content (list, note, etc.) */
.accordion-block.conjugation .accordion-conjugation {
  /* original top padding now gets overridden below,
     leaving this selector mainly for structure */
  text-align: left;
}

/* small helper text ("Tap to expand") used in other accordions
   we still need it elsewhere, so keep it */
.accordion-label .accordion-note-inline {
  display: block;
  margin-bottom: 10px;
  font-size: 0.8rem;
  color: #aaa;
}

/* tighten vertical gap above "Basic forms" specifically for conjugation accordion */
.accordion-block.conjugation .accordion-content {
  padding-top: 6px;
}

/* pull list closer to the horizontal rule */
.accordion-block.conjugation .accordion-conjugation {
  padding-top: 0;
  margin-top: -6px;
}

/* the UL with the form list */
.accordion-block.conjugation .accordion-conjugation ul {
  list-style-type: disc;
  display: inline-block;
  margin: 0 auto;
  padding-left: 20px;
  font-size: 0.95rem;
  line-height: 1.4;
  color: #eee;
}

/* section headers inside the list: "Basic forms", "Other common forms", "More" */
.accordion-conjugation .conj-head {
  color: #9ba8ff;
  font-weight: 500;
  margin-top: 8px;
  margin-bottom: 2px;
  line-height: 1.4;
}

/* remove extra top gap for the very first header ("Basic forms") */
.accordion-conjugation .conj-head:first-child {
  margin-top: 0;
}

/* list items */
.accordion-block.conjugation .accordion-conjugation ul li,
.accordion-block.conjugation .conj-list li {
  margin: 3px 0;
  line-height: 1.5;
}

/* grammar tag chips like 'base form', 'ta form', etc. */
.gram-tag {
  color: darkkhaki;
  font-size: 0.8rem;
  font-weight: 400;
  white-space: nowrap;
}

/* optional "More forms ▼" link (currently unused but harmless to keep) */
#acordion-block.conjugation #more-conj-link {
  color: #ca952e;
  cursor: pointer;
  font-weight: 500;
  text-align: center;
  margin-top: 8px;
  display: block;
  transition: color 0.2s ease;
}

.accordion-block.conjugation #more-conj-link:hover {
  color: #d8b16f;
}

/* explanatory paragraph under the list */
.accordion-conjugation .conj-note {
  font-size: 0.9rem;
  line-height: 1.6;
  color: bisque;
  margin-top: 14px;
  text-align: left;
  font-weight: 400;
  letter-spacing: 0.02em;
}

/* Smooth toggle for any dynamic sub-sets (if you ever swap lists with JS) */
.conj-set {
  transition: opacity 0.2s ease;
}

.conj-set.hidden {
  display: none;
  opacity: 0;
}
/* =====================================
   Dual-verb Conjugation Header
   (used on kanji like 見る / 見せる)
   ===================================== */
.conj-header-block {
  display: flex;
  flex-direction: column;
  align-items: flex-end;    /* keeps "Conjugation" title visually right-aligned */
  margin-top: -20px;        /* pulls it up toward the buttons/radical box */
  margin-bottom: 6px;       /* small gap before the rule */

  /* gentle divider line matching your other sections */
  border-bottom: 1px solid rgba(255, 255, 255, 0.23);
  padding-bottom: 4px;
}

/* "Conjugation" title text */
.conj-title-line {
  color: #7f7ffc;
  font-weight: 600;
  font-size: 1.05rem;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-align: right;
  margin: 0;
  padding: 0;
}

/* Row with "Tap for 見る (see)" / "Tap for 見せる (show)" */
.dual-conj-taps-row {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;               /* even space between the two items */
  margin-top: 4px;         /* tucked in under "Conjugation" */
  font-size: 0.75rem;      /* subtle helper size */
  line-height: 1.4;
  color: #999;             /* soft gray tone */
  text-align: right;
}

.dual-conj-taps-row .tap-link {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.dual-conj-taps-row .tap-link:hover,
.dual-conj-taps-row .tap-link:focus,
.dual-conj-taps-row .tap-link:active {
  color: #ccc;
}

/* Section headers inside conjugation list */
.conj-list .conj-head {
  color: #aaa4d6;      /* light purple tone */
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 4px;
}

/* Ichidan note at the bottom */
.conj-note {
  color: #e8dcb8;      /* dark ivory tone */
  font-size: 0.85rem;
  line-height: 1.5;
  margin-top: 10px;
}