.tb{--tb-paper:#f6f7f9;--tb-card:#fff;--tb-ink:#1a1d26;--tb-muted:#5a606c;--tb-rule:#dfe2e8;--tb-rule-soft:#eceff3;--tb-brand:#c2152a;--tb-sordo:#0c636c;--tb-sordo-bg:#e0f0f1;--tb-sonoro:#7a5300;--tb-sonoro-bg:#f8efd8;--tb-nasal:#5a3a93;--tb-nasal-bg:#ece5f7;--tb-flat:#4a5361;--tb-flat-bg:#e8ebef;background:var(--tb-paper);color:var(--tb-ink);font-family:var(--font-body),var(--font-noto-sans),system-ui,sans-serif;font-size:15px;line-height:1.65}.tb-wrap{max-width:800px;margin:0 auto;padding:28px 16px 64px}.tb section{margin-bottom:40px}.tb-back{color:var(--tb-brand);border-bottom:1px solid #0000;margin-bottom:30px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.tb-back:hover,.tb-back:focus-visible{border-bottom-color:var(--tb-brand)}.tb-titlebar{border-left:4px solid var(--tb-brand);margin-bottom:30px;padding-left:16px}.tb h1{font-family:var(--font-heading),var(--font-noto-sans),sans-serif;letter-spacing:-.015em;text-wrap:balance;margin:0 0 6px;font-size:clamp(27px,6vw,38px);font-weight:700;line-height:1.2}.tb-kana,.tb-ch-morph,.tb-end,.tb-out,.tb-ch-big,.tb-rkey,.tb-pair{font-family:var(--font-noto-serif),serif}.tb-kana{font-weight:600}.tb-tagline{color:var(--tb-muted);margin:0;font-size:15px}.tb h2{letter-spacing:.13em;text-transform:uppercase;color:var(--tb-muted);border-bottom:1px solid var(--tb-rule);margin:0 0 14px;padding-bottom:8px;font-size:12px;font-weight:700}.tb-principle{background:var(--tb-card);border:1px solid var(--tb-rule);border-left:4px solid var(--tb-brand);border-radius:8px;padding:18px 20px}.tb-principle p{text-wrap:balance;margin:0;font-size:18px;font-weight:600;line-height:1.5}.tb-principle .tb-sub{color:var(--tb-muted);margin-top:8px;font-size:14px;font-weight:400}.tb-three{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tb-ch{background:var(--tb-card);border:1px solid var(--tb-rule);border-radius:10px;flex-direction:column;gap:9px;padding:16px 14px;display:flex}.tb-ch-morph{font-size:21px;line-height:1.3}.tb-ch-romaji{color:var(--tb-muted);font-size:13px}.tb-gone{opacity:.4}.tb-keep{font-weight:600}.tb-k1{color:var(--tb-sordo)}.tb-k2{color:var(--tb-flat)}.tb-k3{color:var(--tb-nasal)}.tb-ch-rule{font-size:14px;font-weight:600}.tb-ch-txt{color:var(--tb-muted);font-size:13px;line-height:1.55}.tb-ch-txt b{color:var(--tb-ink);font-weight:600}.tb-tscroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.tb table{border-collapse:collapse;width:100%;min-width:520px;font-size:14px}.tb th,.tb td{text-align:left;border-bottom:1px solid var(--tb-rule-soft);vertical-align:top;padding:9px 14px 9px 0}.tb th{letter-spacing:.08em;text-transform:uppercase;color:var(--tb-muted);border-bottom:1px solid var(--tb-rule);white-space:nowrap;font-size:11px;font-weight:700}.tb td:last-child,.tb th:last-child{padding-right:0}.tb-end{white-space:nowrap;font-size:22px;font-weight:600;line-height:1.2}.tb-out{white-space:nowrap;font-size:19px;font-weight:600;line-height:1.2}.tb-out small{font-family:var(--font-body),sans-serif;color:var(--tb-muted);font-size:12px;font-weight:500;display:block}.tb-ex .tb-ja{white-space:nowrap;font-weight:500}.tb-ex .tb-rd{color:var(--tb-muted);font-size:12.5px;display:block}.tb-ex .tb-sp{color:var(--tb-muted);font-size:12.5px;font-style:italic;display:block}.tb-band td{background:var(--tb-rule-soft);color:var(--tb-ink);padding:7px 8px;font-size:13px;font-weight:600}.tb-pill{white-space:nowrap;border-radius:999px;padding:1.5px 9px;font-size:12px;font-weight:700;display:inline-block}.tb-p-sordo{background:var(--tb-sordo-bg);color:var(--tb-sordo)}.tb-p-sonoro{background:var(--tb-sonoro-bg);color:var(--tb-sonoro)}.tb-p-nasal{background:var(--tb-nasal-bg);color:var(--tb-nasal)}.tb-p-flat{background:var(--tb-flat-bg);color:var(--tb-flat)}.tb-mech{background:var(--tb-card);border:1px solid var(--tb-rule);border-radius:10px;padding:20px 16px 18px}.tb-mech-intro{color:var(--tb-muted);text-align:center;margin:0 0 18px;font-size:14px}.tb-mech-intro b{color:var(--tb-ink)}.tb-mrow{justify-content:center;align-items:flex-start;gap:6px;display:flex}.tb-mora{text-align:center;min-width:52px;max-width:120px}.tb-ch-big{padding:0 6px;font-size:38px;line-height:1.1;display:inline-block;position:relative}.tb-dakuten{width:.42em;height:.36em;stroke:var(--tb-sonoro);stroke-width:2.2px;stroke-linecap:round;position:absolute;top:-.05em;right:-.08em}.tb-tag{color:var(--tb-muted);margin-top:6px;font-size:12px;display:block}.tb-tag.tb-hot{color:var(--tb-sonoro);font-weight:700}.tb-tag.tb-cool{color:var(--tb-sordo);font-weight:700}.tb-mstep{text-align:center;color:var(--tb-muted);margin:0;padding:16px 0 14px;font-size:14px;line-height:1.6}.tb-mstep b{color:var(--tb-ink)}.tb-gold{color:var(--tb-sonoro);font-weight:700}.tb-mcap{text-align:center;border-top:1px solid var(--tb-rule-soft);color:var(--tb-muted);margin:16px 0 0;padding-top:14px;font-size:14px}.tb-mcap b{color:var(--tb-ink)}.tb-rows{gap:8px;display:grid}.tb-row{background:var(--tb-card);border:1px solid var(--tb-rule);border-radius:8px;grid-template-columns:108px 1fr;align-items:baseline;gap:14px;padding:11px 15px;display:grid}.tb-rkey{font-size:17px;font-weight:600;line-height:1.3}.tb-rkey small{font-family:var(--font-body),sans-serif;color:var(--tb-muted);font-size:12px;font-weight:500;display:block}.tb-rval{color:var(--tb-muted);font-size:14px;line-height:1.6}.tb-rval b{color:var(--tb-ink)}.tb-tsu{background:var(--tb-card);border:1px solid var(--tb-rule);border-radius:10px;padding:18px 20px}.tb-tsu h3{margin:0 0 8px;font-size:16px;font-weight:700}.tb-tsu p{color:var(--tb-muted);margin:0 0 12px;font-size:14px;line-height:1.6}.tb-tsu .tb-tsu-last{margin:14px 0 0}.tb-pairs{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:4px;display:grid}.tb-pair{border:1px solid var(--tb-rule);border-radius:8px;padding:10px 12px;font-size:17px}.tb-pair small{font-family:var(--font-body),sans-serif;color:var(--tb-muted);margin-top:2px;font-size:12.5px;font-style:italic;display:block}.tb-t{color:var(--tb-brand);font-weight:600}.tb-note{color:var(--tb-muted);border-left:2px solid var(--tb-rule);margin:16px 0 0;padding-left:14px;font-size:14px;line-height:1.6}.tb-note b{color:var(--tb-ink)}.tb-footer{border-top:1px solid var(--tb-rule);margin-top:48px;padding-top:20px}.tb-footer p{color:var(--tb-muted);margin:14px 0 0;font-size:13.5px}@media (max-width:580px){.tb-three{grid-template-columns:1fr}.tb-ch-big{font-size:30px}.tb-mora{min-width:44px}.tb-row{grid-template-columns:84px 1fr;gap:10px}.tb-pairs{grid-template-columns:1fr}.tb table{min-width:0;font-size:13px}.tb th,.tb td{padding:8px 8px 8px 0}.tb th{letter-spacing:.04em;white-space:normal;font-size:10px}.tb-end{font-size:19px}.tb-out{font-size:16px}.tb-ex .tb-ja{white-space:normal}.tb-pill{padding:1px 7px;font-size:11.5px}}@media print{.tb{color:#000;background:#fff;font-size:11pt}.tb-back{display:none}.tb section{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:18px}.tb-ch,.tb-row,.tb-mech,.tb-principle,.tb-tsu{border-color:#bbb}}.tb-lv-note{color:var(--tb-muted);margin:-4px 0 12px;font-size:14px;line-height:1.6}.tb .tb-lv-table{min-width:0}.tb .tb-lv-table th,.tb .tb-lv-table td{width:50%}.tb-lv-kanji{font-family:var(--font-noto-serif),serif;font-size:19px;font-weight:600;line-height:1.3;display:block}