.cal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);inline-size:100%;max-inline-size:380px;padding:clamp(var(--space-4),3vw,var(--space-6))}.cal__head{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;margin-block-end:var(--space-4)}.cal__month{color:var(--color-text);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}.cal__nav{display:flex;gap:var(--space-2)}.cal__grid{display:grid;gap:var(--space-1);grid-template-columns:repeat(7,1fr)}.cal__dow{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-wide);padding-block:var(--space-2);text-align:center;text-transform:uppercase}.cal__day{align-items:center;aspect-ratio:1;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:flex;font-size:var(--text-sm);font-variant-numeric:tabular-nums;justify-content:center;position:relative;transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.cal__day:hover{border-color:var(--accent)}.cal__pad{visibility:hidden}.cal__day--double{color:var(--color-link);font-weight:var(--weight-medium)}.cal__day--blocked{color:var(--color-error);opacity:.55;text-decoration:line-through}.cal__legend i.cal__legend-blocked{background:var(--color-error)}.cal__day--double:after{background:var(--accent);block-size:4px;border-radius:50%;content:"";inline-size:4px;inset-block-end:5px;position:absolute}.cal__day[aria-pressed=true]{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}.cal__day[aria-pressed=true]:after{background:var(--on-accent)}.cal__day:disabled{cursor:default;opacity:.25}.cal__day:disabled:hover{border-color:transparent}.cal__legend{border-block-start:1px solid var(--color-border-subtle);color:var(--color-text-tertiary);display:flex;flex-wrap:wrap;font-family:var(--font-mono);font-size:10px;gap:var(--space-4);letter-spacing:var(--tracking-wide);margin-block-start:var(--space-5);padding-block-start:var(--space-4)}.cal__legend i{background:var(--accent);block-size:7px;border-radius:50%;display:inline-block;inline-size:7px;margin-inline-end:5px}.cal__selected{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);margin-block-start:var(--space-4)}.cal__selected b{color:var(--color-link)}