/* 英語版モチタン辞典・本文のページ（単語・単語帳・コース・フレーズ・検索・404）。
   日本語版の reset.css・style.css・fit-width.css・phrase.css・site-nav.css を読んだ上での、英語向けの差分だけ（2026-10-24）。
   単語ページの「答えの箱」の見た目は vocabulary/_word_answer.php wa_css() の写し。日本語版を変えたらここも合わせる */

/* フォント: ラテン文字は Noto Sans、学ぶ言語の字は lang 属性ごとに（日本語版の zh.css・ko.css と同じ考え方） */
body,.mtn{font-family:"Noto Sans",system-ui,-apple-system,"Segoe UI",Roboto,"Hiragino Sans","Noto Sans JP",sans-serif}
[lang="ja"]{font-family:"Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
[lang="zh-Hans"]{font-family:"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
[lang="ko"]{font-family:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif}
/* 辞典の切り替えメニューの「表示中」（site-nav.css の ::after）は英語に */
.mtn-lang__menu a[aria-current] b::after{content:"Current"}

/* 読み（ja・zh・ko）は本文の下に 1 行で（_lib.php ed_text。字ごとのルビは読みが字より長く読みにくいため）。
   読みはラテン文字なので、lang="ja" などの親のフォント（Noto Sans JP）ではなくラテン文字のフォントで（ū・ǎ の記号がずれないように） */
.ed-rd{display:block;font-size:1.3rem;font-weight:400;line-height:1.4;color:#596579;letter-spacing:.01em;font-family:"Noto Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.phrase-detail__en .ed-rd{font-size:1.5rem;margin-top:4px}
/* フレーズの見出しは inline-flex（日本語版の CSS）なので、読みを次の行に送る */
.phrase-detail__en{flex-wrap:wrap;align-items:center}
.phrase-detail__en .ed-rd{flex-basis:100%}
.word-page-detail__example-en .ed-rd,.phrase-turn__en .ed-rd,.word-page-detail__usage-en .ed-rd,.word-page-detail__english-def .ed-rd{margin-top:2px}
.wfact__w .ed-rd,.word-page-detail__nuance .ed-rd{display:inline;margin-left:6px;font-size:1.2rem}
/* 例文の中の見出し語（|語|）。日本語版の .highlight（単語ページ）・.target-word（フレーズ）と同じ色 */
mark{background:transparent;color:#199de8;font-weight:700}
.phrase-turn__en mark,.phrase-detail__en mark{color:#005172;border-bottom:2px solid #2b8a78}

/* 音声ボタン（assets/dict.js が鳴らす）。見た目は日本語版の .js-phrase-sound と同じ 24px の絵 */
.ed-sound{background:none;border:0;cursor:pointer;padding:0 2px;margin:0;vertical-align:middle;line-height:1;display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px}
.ed-sound img{width:24px;height:24px;pointer-events:none;display:block}
.ed-sound.is-playing img{opacity:.45}
.word-page-detail__title .ed-sound{flex:none}
.word-card__controls{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.word-card__info .word-area{min-width:0;flex:1 1 auto}
.word-card__controls .ed-sound{min-width:34px;min-height:34px}

/* 小さな見出し（コース名など。日本語版の答えの箱の見出しと同じ色） */
.ed-kicker{margin:0 0 2px;font-size:1.3rem;font-weight:800;color:#3f7690;letter-spacing:.04em}
.phrase-book__header .ed-kicker{margin-bottom:4px}
.phrase-book__meta a{color:#1f6fb2;text-decoration:underline;text-underline-offset:3px}

/* ===== 単語ページの 1 画面目「答えの箱」（_word_answer.php wa_css の写し） ===== */
.wans-host{flex:1 1 auto;min-width:0}
.wans-host~.word-page-detail__image-wrap{align-self:flex-start;align-items:flex-start;padding-top:6px}
.wans{--wa-ink:#1d3a5f;--wa-sub:#3f7690;--wa-line:#cfe3f4;--wa-acc:#d8590b;display:grid;gap:10px;margin:10px 0 2px;padding:12px 14px 14px;background:#f4f9fd;border:2px solid var(--wa-line);border-radius:16px;color:var(--wa-ink);line-height:1.6;min-width:0}
.wans .highlight{color:#199de8;font-weight:700}
.wans a:hover{opacity:.75}
.wans__row{min-width:0}
.wans__row+.wans__row{border-top:1px dashed var(--wa-line);padding-top:10px}
.wans__label{margin:0 0 4px;font-size:1.3rem;font-weight:800;color:var(--wa-sub);line-height:1.4}
.wans__means{list-style:none;margin:0;padding:0}
.wans__means li{font-size:2rem;font-weight:800;line-height:1.6;color:var(--wa-ink)}
.wans__means li .word-card__part-of-speech{font-size:1.3rem;vertical-align:3px;margin-right:6px}
.wans__more{margin:4px 0 0;font-size:1.5rem;line-height:1.75;color:#33475b}
.wans__more b{font-size:1.3rem;font-weight:700;color:var(--wa-sub);margin-right:6px}
.wans__lead{margin:6px 0 0;font-size:1.5rem;line-height:1.85;color:#24394d}
.wans__pron{display:flex;align-items:flex-start;gap:12px}
.wans__pron-lines{min-width:0;flex:0 1 auto}
.wans__pron .ed-sound{flex:0 0 auto}
.wpron{margin:0;font-size:1.7rem;line-height:1.65;color:var(--wa-ink);overflow-wrap:anywhere}
.wpron__reg,.wpron__tag{display:inline-block;font-size:1.2rem;font-weight:700;line-height:1.5;color:var(--wa-sub);border:1px solid #a9cfe0;border-radius:6px;padding:0 6px;margin-right:6px;vertical-align:2px;background:#fff}
.wans .word-page-detail__example{padding:10px 12px}
.wfacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;margin:0 0 18px;align-items:start}
.wfact{background:#fff;border:1.5px solid #dfeef3;border-radius:14px;padding:12px 14px;min-width:0}
.wfact__h{margin:0 0 8px;font-size:1.6rem;font-weight:800;line-height:1.5;color:#005172}
.wfact__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.wfact__list li{font-size:1.5rem;line-height:1.7;min-width:0;overflow-wrap:anywhere}
.wfact__k{display:inline-block;margin-right:8px;font-size:1.3rem;font-weight:700;color:#4d7d92}
.wfact__w{font-weight:800;color:#005172}
.wfact__w a{color:inherit;text-decoration:underline;text-decoration-color:rgba(0,81,114,.5);text-underline-offset:3px}
.wfact__ja{color:#4b5b6b;margin-left:4px}
.wfact__list .word-card__part-of-speech{font-size:1.2rem;margin-left:6px}
@media(max-width:742px){.wans{padding:10px 12px 12px}.wans__means li{font-size:1.9rem}.wpron{font-size:1.6rem}.wfact{padding:10px 12px}}

/* 似た単語（日本語版の .word-page-detail__nuance）: 語と説明を 1 行ずつ */
.word-page-detail__nuance b{font-weight:800;color:#005172}
.word-page-detail__nuance a{color:inherit;text-decoration:underline;text-decoration-color:rgba(0,81,114,.5);text-underline-offset:3px}

/* 単語帳・フレーズ帳の表紙（英語版の帳には表紙の絵が無いので、番号・名前で作る。日本語版の book-card と同じ枠） */
.ed-cover{aspect-ratio:1/1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:linear-gradient(160deg,#eaf7ff,#bfe3f6);color:#005172;text-align:center;padding:8px}
.ed-cover--p{background:linear-gradient(160deg,#e8f7f3,#bfe7dc);color:#1d5d50}
.ed-cover small{font-size:1.2rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.8;overflow-wrap:anywhere;max-width:100%}
.ed-cover b{font-size:4.2rem;font-weight:900;line-height:1}
.ed-cover--txt b{font-size:2rem;line-height:1.2;overflow-wrap:anywhere;max-width:100%}
.book-card__count{font-size:1.3rem}
.recommend-swiper .course-category__items{margin-top:0}

/* 単語ページ・フレーズページのアプリ案内（日本語版の .word-app-cta）: 英語版はボタンが 2 つ（主役＋もう一つのアプリ） */
.word-app-cta__stores{flex-wrap:wrap;align-items:center}
.word-app-cta a.word-app-cta__btn--sub,.word-app-cta a.word-app-cta__btn--sub:visited,.word-app-cta a.word-app-cta__btn--sub:hover{background:#fff;color:#005172!important;box-shadow:0 3px 0 #c6d9e5;border:1px solid #c6d9e5}
.word-app-cta__btn img{width:24px;height:24px;border-radius:6px;margin-right:8px}

/* 検索（ホーム・404 の検索シート）の言語タブ。日本語版のトップの .langs と同じ形 */
.langs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}
.langs a{display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 5px;border-radius:12px;font-size:1.35rem;font-weight:800;color:#3b5a6e;background:#fffbf3;border:1.5px solid transparent;text-decoration:none}
.langs a i{font-style:normal;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;font-size:1.25rem;font-weight:900;background:#fff;color:#3b5a6e}
.langs a.on{background:#0f2840;color:#fff} .langs a.on i{background:rgba(255,255,255,.18);color:#fff}

/* レベルの前後・一覧へ（日本語版の .pagination と同じ部品） */
.pagination{justify-content:center}
.pagination__list{flex-wrap:wrap;justify-content:center}
.ed-pager-all{margin-left:8px}

/* 404 */
.phrase-404__actions a{display:inline-block;margin:4px 6px}
.phrase-404 .search-bar{margin:12px auto 18px}

/* サイドバーの数（レベル・リストの数）。英語は名前との間を空ける（日本語版は「英検1級(12)」と詰める） */
.sidebar__count{margin-left:.3em}

/* フッターのアプリの絵（英語版はスマホで遊ぶモチベア。日本語版の絵は縦長のスマホの画面だったので、スマホの幅での大きさを決める） */
.footer .footer__promo-image-sp img{display:block;width:min(280px,72vw);height:auto;margin:0 auto}
/* 英語の一行コピーはスマホで「… for 6」「languages」と 1 語だけ残らないように行の長さをそろえる */
.footer .footer__promo-subtitle,.footer .footer__brand-text{text-wrap:balance}