.family-status,.family-breadcrumb{margin:0 0 18px;color:var(--ml-muted,#5c6e80)}.family-breadcrumb a,.family-peer-link{display:inline-flex;align-items:center;min-height:44px;color:var(--ml-link,#225e79);text-decoration:underline;text-underline-offset:4px}.subject-grid[data-family-ready]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.subject-grid[data-family-ready] .subject-card{box-sizing:border-box;display:flex;align-items:center;gap:20px;min-width:0;padding:24px;border:1px solid var(--ml-line,#dce5ee);border-radius:22px;color:var(--ml-ink,#18344c);background:var(--ml-panel,#fff);text-decoration:none}.subject-grid[data-family-ready] .subject-card:hover{border-color:var(--ml-link,#225e79);background:var(--ml-soft,#eef4fa)}.family-art{width:132px;height:132px;display:flex;align-items:center;justify-content:center;flex:none;overflow:hidden}.family-art>img,.family-subject-cover{display:block;width:132px;height:132px;object-fit:contain;flex:none}.family-art .badge-icon,.family-art .job-art{display:inline-block;position:relative;overflow:hidden;flex-shrink:0}.family-art-group{position:relative}.family-art-group .family-mini{position:absolute;right:0;bottom:0;background:var(--ml-panel,#fff);border:2px solid var(--ml-line,#dce5ee);border-radius:10px;padding:4px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;overflow:hidden}.family-art-group .family-mini>img{width:44px;height:44px;object-fit:contain}.family-copy{min-width:0}.family-copy h2{font-size:21px;line-height:1.4;letter-spacing:-.5px;margin:7px 0;color:var(--ml-ink,#18344c)}.family-copy p{font-size:14px;line-height:1.6;margin:0 0 12px;color:var(--ml-muted,#5c6e80)}.family-copy strong{color:var(--ml-link,#225e79);font-size:14px}.family-copy small{color:var(--ml-muted,#5c6e80)}.view-switch .novel-mode-button,.wordbook-context-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border:1px solid var(--ml-line,#dce5ee);border-radius:12px;background:var(--ml-panel,#fff);color:var(--ml-ink,#18344c);font:650 14px/1.4 system-ui,sans-serif;cursor:pointer;text-decoration:none}.view-switch .novel-mode-button[aria-pressed=true],.view-switch .novel-mode-button[aria-current=page]{border-color:var(--ml-link,#225e79);background:var(--ml-soft,#eef4fa);box-shadow:inset 0 0 0 1px var(--ml-link,#225e79)}.view-switch{display:flex;flex-wrap:wrap;gap:8px}.view-switch .novel-mode-button:hover,.wordbook-context-button:hover{background:var(--ml-soft,#eef4fa)}.novel-mode-button:focus-visible,.wordbook-context-button:focus-visible,.family-peer-link:focus-visible,.wordbook-context-close:focus-visible,.wordbook-context-full:focus-visible{outline:3px solid var(--ml-focus,#bd7918);outline-offset:3px}.wordbook-context-dialog{box-sizing:border-box;width:min(720px,calc(100vw - 32px));max-height:85dvh;margin:auto;padding:24px;border:1px solid var(--ml-line,#dce5ee);border-radius:20px;background:var(--ml-panel,#fff);color:var(--ml-ink,#18344c);overflow:auto;box-shadow:0 20px 70px #0005;overscroll-behavior:contain}.wordbook-context-dialog::backdrop{background:#0d1c2c99}.wordbook-context-dialog header{display:flex;align-items:start;justify-content:space-between;gap:16px}.wordbook-context-dialog h2{margin:6px 0;font-size:23px;line-height:1.4}.wordbook-context-close{min-width:70px;min-height:44px;flex:none;padding:8px 12px;border:1px solid var(--ml-line,#dce5ee);border-radius:10px;background:var(--ml-panel,#fff);color:var(--ml-ink,#18344c);font:inherit;cursor:pointer}.wordbook-context-location{font-size:14px;color:var(--ml-muted,#5c6e80);margin:10px 0 20px}.wordbook-context-paragraph{font:400 20px/1.85 Georgia,serif;white-space:pre-line;word-break:normal;overflow-wrap:anywhere;padding:18px;background:var(--ml-soft,#eef4fa);border-radius:12px}.wordbook-context-paragraph mark{background:#ffdc8b;color:#26364b;border-radius:3px;padding:1px 2px}.wordbook-context-full{display:inline-flex;align-items:center;min-height:44px;color:var(--ml-link,#225e79);text-decoration:underline;text-underline-offset:4px}@media(max-width:650px){.subject-grid[data-family-ready]{grid-template-columns:1fr;gap:14px}.subject-grid[data-family-ready] .subject-card{gap:16px;padding:18px}.family-art{width:100px;height:110px}.family-art>img{width:100px;height:100px}.family-copy h2{font-size:20px}.wordbook-context-dialog{padding:18px;max-height:90dvh}.wordbook-context-paragraph{font-size:19px;padding:14px}}
.family-original-art{display:flex;align-items:center;justify-content:center;width:150px;height:150px;flex:none;transform:scale(.88);transform-origin:center}.family-count{position:absolute;right:0;bottom:0;padding:5px 8px;border:1px solid var(--ml-line,#dce5ee);border-radius:9px;background:var(--ml-panel,#fff);color:var(--ml-ink,#18344c);font:700 12px/1.3 system-ui,sans-serif}@media(max-width:650px){.family-original-art{transform:scale(.65)}}
.subject-grid[data-family-ready] .subject-card[data-family-subject="word-processor"],.subject-heading[data-family-tone="word-processor"]{--ml-panel:#f1eef8;--ml-ink:#18344c;--ml-muted:#5c6e80;--dm-text:#18344c;--dm-muted:#5c6e80;--dm-surface:#f1eef8;color:#18344c}html[data-ml-theme=dark] .subject-grid[data-family-ready] .subject-card[data-family-subject="word-processor"],html[data-ml-theme=dark] .subject-heading[data-family-tone="word-processor"]{--ml-panel:#302e42;--ml-ink:#e6eef8;--ml-muted:#b3c4d6;--dm-text:#e6eef8;--dm-muted:#b3c4d6;--dm-surface:#302e42;color:#e6eef8}.subject-grid[data-family-ready] .subject-card[data-family-subject="industrial-safety-industrial-engineer"],.subject-heading[data-family-tone="industrial-safety-industrial-engineer"]{--ml-panel:#f8efeb;--ml-ink:#18344c;--ml-muted:#5c6e80;--dm-text:#18344c;--dm-muted:#5c6e80;--dm-surface:#f8efeb;color:#18344c}html[data-ml-theme=dark] .subject-grid[data-family-ready] .subject-card[data-family-subject="industrial-safety-industrial-engineer"],html[data-ml-theme=dark] .subject-heading[data-family-tone="industrial-safety-industrial-engineer"]{--ml-panel:#3b2c32;--ml-ink:#e6eef8;--ml-muted:#b3c4d6;--dm-text:#e6eef8;--dm-muted:#b3c4d6;--dm-surface:#3b2c32;color:#e6eef8}.subject-grid[data-family-ready] .subject-card[data-family-subject="hazardous-materials-industrial-engineer"],.subject-heading[data-family-tone="hazardous-materials-industrial-engineer"]{--ml-panel:#faf2e7;--ml-ink:#18344c;--ml-muted:#5c6e80;--dm-text:#18344c;--dm-muted:#5c6e80;--dm-surface:#faf2e7;color:#18344c}html[data-ml-theme=dark] .subject-grid[data-family-ready] .subject-card[data-family-subject="hazardous-materials-industrial-engineer"],html[data-ml-theme=dark] .subject-heading[data-family-tone="hazardous-materials-industrial-engineer"]{--ml-panel:#3c3028;--ml-ink:#e6eef8;--ml-muted:#b3c4d6;--dm-text:#e6eef8;--dm-muted:#b3c4d6;--dm-surface:#3c3028;color:#e6eef8}.subject-grid[data-family-ready] .subject-card[data-family-subject="construction-safety-engineer"],.subject-heading[data-family-tone="construction-safety-engineer"]{--ml-panel:#faf5e9;--ml-ink:#18344c;--ml-muted:#5c6e80;--dm-text:#18344c;--dm-muted:#5c6e80;--dm-surface:#faf5e9;color:#18344c}html[data-ml-theme=dark] .subject-grid[data-family-ready] .subject-card[data-family-subject="construction-safety-engineer"],html[data-ml-theme=dark] .subject-heading[data-family-tone="construction-safety-engineer"]{--ml-panel:#393426;--ml-ink:#e6eef8;--ml-muted:#b3c4d6;--dm-text:#e6eef8;--dm-muted:#b3c4d6;--dm-surface:#393426;color:#e6eef8}.subject-grid[data-family-ready] .subject-card[data-family-subject="electrical-industrial-engineer"],.subject-heading[data-family-tone="electrical-industrial-engineer"]{--ml-panel:#edf4f2;--ml-ink:#18344c;--ml-muted:#5c6e80;--dm-text:#18344c;--dm-muted:#5c6e80;--dm-surface:#edf4f2;color:#18344c}html[data-ml-theme=dark] .subject-grid[data-family-ready] .subject-card[data-family-subject="electrical-industrial-engineer"],html[data-ml-theme=dark] .subject-heading[data-family-tone="electrical-industrial-engineer"]{--ml-panel:#203a35;--ml-ink:#e6eef8;--ml-muted:#b3c4d6;--dm-text:#e6eef8;--dm-muted:#b3c4d6;--dm-surface:#203a35;color:#e6eef8}.subject-heading[data-family-tone]{padding:20px;border-radius:20px;background:var(--ml-panel)}.subject-heading[data-family-tone] h1{color:var(--ml-ink)}.subject-heading[data-family-tone] p{color:var(--ml-muted)}