.saas-learner-diary{align-content:start;gap:var(--saas-space-sm);min-inline-size:0;display:grid}.saas-learner-diary [data-tint]{--tint-bg:var(--saas-subject-1-bg);--tint-ink:var(--saas-subject-1-ink)}.saas-learner-diary [data-tint="2"]{--tint-bg:var(--saas-subject-2-bg);--tint-ink:var(--saas-subject-2-ink)}.saas-learner-diary [data-tint="3"]{--tint-bg:var(--saas-subject-3-bg);--tint-ink:var(--saas-subject-3-ink)}.saas-learner-diary [data-tint="4"]{--tint-bg:var(--saas-subject-4-bg);--tint-ink:var(--saas-subject-4-ink)}.saas-learner-diary [data-tint="5"]{--tint-bg:var(--saas-subject-5-bg);--tint-ink:var(--saas-subject-5-ink)}.saas-learner-diary [data-tint="6"]{--tint-bg:var(--saas-subject-6-bg);--tint-ink:var(--saas-subject-6-ink)}.saas-learner-diary [data-tint="7"]{--tint-bg:var(--saas-subject-7-bg);--tint-ink:var(--saas-subject-7-ink)}.saas-learner-diary [data-tint="8"]{--tint-bg:var(--saas-subject-8-bg);--tint-ink:var(--saas-subject-8-ink)}.saas-learner-diary__nav{align-items:center;gap:var(--saas-space-sm) var(--saas-space-lg);flex-wrap:wrap;display:flex}.saas-learner-diary__heading{flex:0 auto;min-inline-size:10rem}.saas-learner-diary__heading h3{color:var(--saas-text-primary);font-size:var(--saas-font-title);margin:0;font-weight:700;line-height:1.2}.saas-learner-diary__heading p{color:var(--saas-text-secondary);font-size:var(--saas-font-body);margin:0}.saas-learner-diary__week{flex:28rem;min-inline-size:0}.saas-learner-diary__todo{padding:var(--saas-space-sm) var(--saas-space-md);border:1px solid var(--saas-tint-yellow-fg);border-radius:var(--saas-radius-xl);background:var(--saas-tint-yellow-bg)}.saas-learner-diary__todo h4{align-items:center;gap:var(--saas-space-xs);margin:0 0 var(--saas-space-xs);color:var(--saas-tint-yellow-fg);font-size:var(--saas-font-body);font-weight:700;display:flex}.saas-learner-diary__todo ul{gap:var(--saas-space-2xs);margin:0;padding:0;list-style:none;display:grid}.saas-learner-diary__todo li{gap:var(--saas-space-sm);padding:var(--saas-space-xs) var(--saas-space-sm);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);grid-template-columns:8rem minmax(0,1fr) auto;align-items:baseline;display:grid}.saas-learner-diary__subject{color:var(--tint-ink);font-weight:600}.saas-learner-diary__work{color:var(--saas-text-primary);font-size:var(--saas-font-reading);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.saas-learner-diary__when{color:var(--saas-text-secondary);font-size:var(--saas-font-body-sm);white-space:nowrap;font-weight:600}.saas-learner-diary__when[data-soon=true]{color:var(--saas-status-danger)}.saas-learner-diary__grid{gap:var(--saas-space-md);grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));margin:0;padding:0;list-style:none;display:grid}.saas-learner-diary__card{align-content:start;gap:var(--saas-space-sm);padding:var(--saas-space-md);border:1px solid var(--saas-border-default);border-block-start:4px solid var(--tint-ink);border-radius:var(--saas-radius-xl);background:var(--saas-bg-surface);display:grid}.saas-learner-diary__head{align-items:center;gap:var(--saas-space-sm);display:flex}.saas-learner-diary__icon{border-radius:var(--saas-radius-lg);background:var(--tint-bg);block-size:36px;inline-size:36px;color:var(--tint-ink);flex:none;place-items:center;display:grid}.saas-learner-diary__name{min-inline-size:0;display:grid}.saas-learner-diary__name strong{color:var(--saas-text-primary);font-size:var(--saas-font-heading)}.saas-learner-diary__name span{color:var(--saas-text-secondary);font-size:var(--saas-font-body-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.saas-learner-diary__skeleton{border-radius:var(--saas-radius-xl);background:var(--saas-bg-sunken);block-size:160px;animation:1.2s ease-in-out infinite alternate saas-learner-diary-pulse}@keyframes saas-learner-diary-pulse{0%{opacity:1}to{opacity:.5}}@media (prefers-reduced-motion:reduce){.saas-learner-diary__skeleton{animation:none}}@media (width<=599px){.saas-learner-diary__grid{grid-template-columns:minmax(0,1fr)}.saas-learner-diary__todo li{grid-template-columns:minmax(0,1fr) auto}.saas-learner-diary__todo .saas-learner-diary__work{white-space:normal;grid-area:2/1/auto/-1}}.saas-learner-diary[data-stale=true] .saas-learner-diary__grid{opacity:.5;transition:opacity var(--saas-motion-micro) var(--saas-ease-standard)}