:root{--vocab-illustration-bg:#fff3df}.vocab-illustration{display:grid;place-items:center;width:min(100%,16rem);aspect-ratio:1;margin:0 auto 1rem;padding:12px;box-sizing:border-box;border-radius:12px;background:var(--vocab-illustration-bg);overflow:hidden}.vocab-illustration img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.vocab-grid .vocab-illustration,.vocab-illustration-thumbnail{width:min(100%,9rem);padding:8px}.vocab-illustration-pair{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;grid-gap:12px;gap:12px;width:min(100%,24rem);min-width:0;margin:0 auto 1rem}.vocab-grid .vocab-illustration-pair,.vocab-illustration-pair-thumbnail{width:min(100%,17rem)}.vocab-illustration-pair>.vocab-illustration{width:100%;min-width:0;margin:0}.vocab-illustration-book{min-width:0;text-align:start;overflow-wrap:anywhere}.vocab-illustration-book-label{display:block;margin-bottom:6px;color:var(--muted);font-size:.75rem;line-height:1.4}.vocab-illustration-book>.book-image{max-width:none;margin:0}.vocab-illustration-book>.book-image>.book-image-frame,.vocab-illustration-book>.book-image>.book-image-trigger{width:100%;max-width:100%;box-sizing:border-box}.completion-badge{display:inline-block;vertical-align:middle;font-size:.85rem;font-weight:600;color:var(--error,var(--danger))}.completion-complete{color:var(--success);font-weight:700;font-size:1.05rem}.draft-tag{display:inline-block;-webkit-margin-start:6px;margin-inline-start:6px;padding:0 6px;border-radius:4px;font-family:var(--font-body),sans-serif;font-size:.72rem;font-weight:500;line-height:1.6;letter-spacing:normal;white-space:nowrap;background:var(--warning-soft,var(--warm-soft));color:var(--warning,var(--warm));vertical-align:middle}.reference-answer-label{color:var(--warm)}.data-status-list{list-style:none;padding:0;margin:0;display:grid;grid-gap:10px;gap:10px}.data-status-list ul{list-style:none;-webkit-padding-start:12px;padding-inline-start:12px;margin:4px 0 0;display:grid;grid-gap:4px;gap:4px}.data-status-list p{margin:2px 0 0;font-size:.85rem}.course-completion{margin:12px 0}.workbook-card-head .completion-badge{-webkit-margin-start:auto;margin-inline-start:auto}.data-status-link{color:inherit;text-decoration:underline;text-underline-offset:3px}