/* Capy Korean v0.8 | Brand skin for existing words and quiz pages.
   Styles are scoped to body.kl-words and body.capy-quiz to preserve functionality. */
:root { color-scheme: light; }
body.kl-words,
body.capy-quiz {
  --ink:#3F3029;
  --muted:#75675C;
  --blue:#54725F;
  --red:#B25D42;
  --line:#E6DACB;
  --soft:#FBF6EE;
  background:#FFFDFC !important;
  color:#3F3029;
  font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic UI",Meiryo,system-ui,sans-serif;
}
body.kl-words button,
body.capy-quiz button { font-family:inherit; }
body.kl-words a:focus-visible,
body.capy-quiz a:focus-visible,
body.capy-quiz button:focus-visible { outline:3px solid #9C6A4C; outline-offset:3px; }
/* vocabulary header */
body.kl-words .site-header { background:#FCF8F2; border-bottom:1px solid #EADCCE; }
body.kl-words .brand { color:#3F3029; }
body.kl-words .brand small { color:#99775B; }
body.kl-words .brand-mark { border:0;background:none; }
body.kl-words .brand-mark img { display:block;width:40px;height:40px;border-radius:12px; }
body.kl-words nav .nav-quiz { background:#54725F; color:white; border-color:#54725F; }
body.kl-words nav .nav-quiz:hover { background:#405C4A; }
body.kl-words .hero { background:linear-gradient(115deg,#F8EBDC,#FFFDF9 75%);border-color:#E7D7C5; }
body.kl-words .eyebrow { color:#97684B; }
body.kl-words .eyebrow>span { background:#BA7050; }
body.kl-words h1 em { color:#AE644A; }
body.kl-words .hero-stats { border-color:#E8DAC9; }
body.kl-words .controls { border-color:#E4D8CA; box-shadow:0 5px 16px #6A4E3510; }
body.kl-words .search-wrap { border-color:#DBCBB9; }
body.kl-words .search-wrap:focus-within { border-color:#54725F; box-shadow:0 0 0 2px #DDE7DF; }
body.kl-words .filter-button {border-color:#DBCBB9;}
body.kl-words .filter-button.active {background:#54725F;border-color:#54725F;color:white;}
body.kl-words .action-secondary {background:#F7F1E8;border-color:#DCCDBB;color:#634B3B;}
body.kl-words .action-secondary:hover {background:#F2E6D6;}
body.kl-words .word-card {background:#FFFEFC;border:1px solid #E7DACD;box-shadow:0 3px 11px #6A4E350A;}
body.kl-words .word-type {background:#EBF2EC;color:#52725C;}
body.kl-words .word-number {color:#A28369;}
body.kl-words .word-meaning {border-top-color:#EFE5DA;}
body.kl-words .toggle-button {background:#F9F2E9;border:1px solid #E3CCB7;color:#79553E;}
body.kl-words .toggle-button:hover {background:#F2E5D6;}
body.kl-words .quiz-cta {background:#EEF3ED;border-color:#DBE4D8;}
body.kl-words .quiz-cta a {background:#54725F;color:white;}
body.kl-words footer {background:#FCF7EE;border-color:#E9DDCE;}
/* quiz: existing #quiz, #result, #next, #restart selectors and scripts are untouched */
body.capy-quiz {margin:0;background:#FCF8F2 !important;line-height:1.7;}
body.capy-quiz .capy-quiz-bar {background:#FFFDF8;border-bottom:1px solid #E9DFD3;}
body.capy-quiz .capy-quiz-bar-inner {max-width:1060px;margin:auto;padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;}
body.capy-quiz .capy-quiz-brand {display:flex;align-items:center;gap:10px;text-decoration:none;color:#3F3029;font-size:18px;font-weight:850;line-height:1.1;}
body.capy-quiz .capy-quiz-brand img {width:41px;height:41px;border-radius:12px;}
body.capy-quiz .capy-quiz-brand small {display:block;color:#99775B;font-size:9px;letter-spacing:.14em;margin-top:4px;}
body.capy-quiz .capy-quiz-nav {display:flex;align-items:center;gap:17px;font-size:13px;font-weight:700;}
body.capy-quiz .capy-quiz-nav a {color:#624D3D;text-decoration:none;}
body.capy-quiz .capy-quiz-nav a:hover {text-decoration:underline;}
body.capy-quiz main {max-width:730px;margin:45px auto;padding:20px;}
body.capy-quiz main>h1 {color:#4E3D31 !important;font-weight:850;letter-spacing:-.035em;font-size:clamp(26px,4vw,38px);margin:19px 0 10px;}
body.capy-quiz main>a.capy-back {color:#667D6C;font-size:13px;text-decoration:none;}
body.capy-quiz main>a.capy-back:hover {text-decoration:underline;}
body.capy-quiz main>p {color:#796C61;font-size:15px;}
body.capy-quiz section {background:#FFFEFC;border:1px solid #EADFD3;border-radius:20px;box-shadow:0 6px 18px #6A4E3510;}
body.capy-quiz .question {background:#F6E9D8;border-radius:14px;}
body.capy-quiz .question h2 {color:#382B23;}
body.capy-quiz .choice {border-color:#DFD0BF;border-radius:12px;background:#fff;color:#3F3029;transition:background .16s,border-color .16s;}
body.capy-quiz .choice:hover:not(:disabled) {background:#F7EFE6;}
body.capy-quiz .choice.correct {background:#E2F2E2;border-color:#4D9A61;}
body.capy-quiz .choice.incorrect {background:#FCE3DD;border-color:#C35C54;}
body.capy-quiz #next,body.capy-quiz #restart {background:#54725F;color:#fff;border-radius:11px;}
body.capy-quiz #next:hover,body.capy-quiz #restart:hover {background:#3D5948;}
body.capy-quiz #feedback {color:#3F3029;}
body.capy-quiz select {border:1px solid #D7C5B4;border-radius:8px;background:white;color:#3F3029;padding:8px;}
body.capy-quiz #result button:not(:disabled) {min-height:44px;}
@media(max-width:500px){
  body.capy-quiz .capy-quiz-bar-inner {padding:10px 13px;}
  body.capy-quiz .capy-quiz-brand {font-size:16px;}
  body.capy-quiz .capy-quiz-brand img {width:34px;height:34px;}
  body.capy-quiz .capy-quiz-nav {gap:10px;font-size:11px;}
  body.capy-quiz main {margin:14px auto;padding:14px;}
  body.capy-quiz section {padding:17px;}
  body.capy-quiz .choice {font-size:15px;}
  body.kl-words .brand-mark img {width:33px;height:33px;}
}

/* CAPY_V081_CSS: smaller reference-image mascot for the Japanese site */
body.kl-words .brand-mark img {width:36px;height:36px;object-fit:cover;border-radius:11px;}
body.capy-quiz .capy-quiz-brand img {width:36px;height:36px;object-fit:cover;border-radius:11px;}
@media(max-width:500px) {body.kl-words .brand-mark img,body.capy-quiz .capy-quiz-brand img {width:31px;height:31px;}}