@charset "UTF-8";

.continue-card {display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:10px 16px;border:1px solid #d4ddc7;border-radius:7px;background:#edf1e4}
.continue-copy {min-width:0}
.continue-label {margin:0;font-size:var(--font-small);color:#294e41;overflow-wrap:anywhere}
.continue-copy small {display:block;margin-top:3px;color:var(--muted);font-size:var(--font-caption)}
.continue-note {margin:5px 0 0;color:#7e6c48;font-size:var(--font-caption);overflow-wrap:anywhere}
.continue-note:empty {display:none}
.continue-actions {display:flex;flex-shrink:1;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;max-width:100%}
.continue-actions .button {min-height:44px;padding:8px 14px;font-size:var(--font-small)}
.continue-clear {min-height:44px;border:0;background:transparent;color:var(--muted);font-size:var(--font-caption);padding:8px;border-radius:5px}
.continue-clear:hover {background:#e3e9d8}
.hero .continue-card {flex-wrap:wrap}
.watch-page .continue-card {margin-top:8px;padding:8px 14px}
@media (max-width: 760px) {
    .continue-card {gap:8px;padding:10px;flex-wrap:wrap}
    .continue-label {font-size:var(--font-small)}
    .continue-actions {gap:6px;flex-wrap:wrap;min-width:0;max-width:100%;flex-shrink:1}
    .continue-actions .button {font-size:var(--font-small)}
    .watch-page .continue-card {padding:8px 12px}
}
@media (max-width: 360px) {
    .continue-copy {width:100%}
}