:root{--pink:#F06A8B;--ink:#5B4A52;--muted:#A99098;--card:#fff;--bg:#FFF8F2}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
main{max-width:720px;margin:0 auto;padding:20px 16px 60px}
.crumb{max-width:720px;margin:0 auto;padding:12px 16px;color:var(--muted);font-size:13px}
.crumb a{color:var(--muted)}
h1{font-size:28px;margin:.2em 0}.read{color:var(--muted);font-size:18px;font-weight:400}
h2{font-size:18px;margin:1.4em 0 .4em;color:var(--pink)}
.gloss{font-size:18px}.badge{display:inline-block;background:var(--pink);color:#fff;font-size:12px;font-weight:700;padding:2px 10px;border-radius:999px}
.form{background:var(--card);border-radius:10px;padding:10px 14px}
.ex{background:var(--card);border-radius:10px;padding:10px 14px;margin:8px 0}.ex-ja{font-size:17px}.ex-ja b{color:var(--pink)}.ex-kana{color:var(--muted);font-size:14px}.ex-t{margin-top:2px}
.faq{background:var(--card);border-radius:10px;padding:8px 14px;margin:6px 0}.faq summary{cursor:pointer;font-weight:700}
.glist{list-style:none;padding:0}.glist li a{display:block;background:var(--card);border-radius:10px;padding:10px 14px;margin:6px 0;text-decoration:none;color:var(--ink)}.glist em{color:var(--muted);font-style:normal;float:right}
.cta{margin:24px 0}.cta-btn{display:inline-block;background:var(--pink);color:#fff;text-decoration:none;font-weight:700;padding:12px 22px;border-radius:999px}
.related a{color:var(--pink)}.sub{color:var(--muted)}
.lead{font-size:17px;background:#FFF0F3;border-left:4px solid var(--pink);border-radius:8px;padding:10px 14px;margin:10px 0}