/* Illustration Styles */

.illustration-box {
    background: #fff;
    border: 1px solid var(--color-grid);
    padding: var(--space-m);
    margin-bottom: var(--space-m);
    text-align: center;
}

.label-small {
    font-family: var(--font-body);
    font-size: 8px;
    fill: #999;
}

.label-accent {
    font-family: var(--font-body);
    font-size: 10px;
    fill: var(--color-accent);
    font-weight: 600;
}

.caption {
    font-size: var(--text-xs);
    color: #666;
    margin-top: var(--space-s);
    text-align: left;
}

/* Workbook Interactive Areas */
.practice-line {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid var(--color-ink);
    position: relative;
    margin-bottom: 20px;
}

.practice-line::after {
    content: '';
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed var(--color-grid);
}