/* Shared learning-card treatment. Decorative colors carry no content meaning. */
body :is(.word-card,.verb-tile,.phrase-card,.grammar-card,.situation-card,.word-category-card,.listen-settings){position:relative;--card-accent:#45a398;--card-accent-soft:#bce4dc}
body :is(.word-card,.verb-tile,.phrase-card,.grammar-card,.situation-card,.word-category-card,.listen-settings):nth-child(6n+2){--card-accent:#648fc9;--card-accent-soft:#c5d9f2}
body :is(.word-card,.verb-tile,.phrase-card,.grammar-card,.situation-card,.word-category-card,.listen-settings):nth-child(6n+3){--card-accent:#a17abd;--card-accent-soft:#e0ceee}
body :is(.word-card,.verb-tile,.phrase-card,.grammar-card,.situation-card,.word-category-card,.listen-settings):nth-child(6n+4){--card-accent:#d0a052;--card-accent-soft:#f0dfbb}
body :is(.word-card,.verb-tile,.phrase-card,.grammar-card,.situation-card,.word-category-card,.listen-settings):nth-child(6n+5){--card-accent:#ca8191;--card-accent-soft:#f0cdd4}
body :is(.word-card,.verb-tile,.phrase-card,.grammar-card,.situation-card,.word-category-card,.listen-settings):nth-child(6n){--card-accent:#78a36e;--card-accent-soft:#d1e6c9}
body :is(.word-card,.verb-tile,.phrase-card,.grammar-card,.situation-card,.word-category-card,.listen-settings)::before{content:'';position:absolute;inset:0 16px auto;height:4px;border-radius:0 0 5px 5px;background:linear-gradient(90deg,var(--card-accent-soft),var(--card-accent));opacity:1;pointer-events:none;z-index:1}
body .word-card{padding:14px;gap:8px;box-shadow:0 5px 16px #1123490a}
body .verb-tile{padding:15px 17px;gap:4px}
body .phrase-card{padding:19px 21px 17px}
body .phrase-card .card-meta{margin-bottom:13px}
body .phrase-card .translation{margin-top:8px;margin-bottom:12px;padding-block:5px}
body .phrase-card .sentence-grammar-tags{margin-bottom:11px}
body .phrase-card .verb-label{margin-bottom:12px}
body .phrase-card .card-actions{padding-top:11px}
body .grammar-card{padding:17px 18px;min-height:210px}
body .grammar-card-top{margin-bottom:9px}
body .grammar-card p{margin:8px 0 10px}
body .grammar-open{padding-top:11px}
body .situation-card-copy{padding:16px}
body .situation-card p{margin-bottom:12px}
body .listen-settings{padding:20px 22px}
body .listen-settings .session-options{margin:15px 0;gap:10px}
@media(max-width:760px){body .phrase-card{padding:17px 16px 15px}body .word-card{padding:13px}body .verb-tile{padding:14px}body .grammar-card{min-height:0;padding:16px}body .listen-settings{padding:17px}body .situation-card-copy{padding:14px}}