.lektrail-progress {
    margin: 1em 0;
    padding: 1.5em;
    text-align: center;
}

.lektrail-progress__hero {
    font-size: 3em;
    font-weight: 700;
    line-height: 1;
}

.lektrail-progress__detail {
    font-size: 0.85em;
    color: #888;
    margin: 0.25em 0 1em;
}

.lektrail-progress__bar {
    height: 0.6em;
    background: #ddd;
    border-radius: 0.3em;
    overflow: hidden;
}

.lektrail-progress__fill {
    height: 100%;
    background: currentColor;
    border-radius: 0.3em;
    transition: width 0.3s ease;
}

.lektrail-reading-list ul {
    list-style: none;
    padding: 0;
    margin: 1em 0;
}

.lektrail-reading-list li {
    padding: 0.5em 0;
    border-bottom: 1px solid #e0e0e0;
}

.lektrail-reading-list li:last-child {
    border-bottom: none;
}

.lektrail-reading-list a {
    text-decoration: none;
}

.lektrail-reading-list__item::before {
    display: inline-block;
    margin-right: 0.5em;
    font-size: 0.75em;
    vertical-align: middle;
}

.lektrail-reading-list__item--read::before {
    content: "\2713";
}

.lektrail-reading-list__item--viewed::before {
    content: "\25cb";
    color: #888;
}