.compact-credit-summary{max-width:100%;color:var(--color-ink);font-family:var(--font-ui);font-size:var(--type-body-compact);line-height:var(--leading-body);position:relative}.compact-credit-summary>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px 16px;min-height:44px;padding-block:8px;list-style:none;display:flex}.compact-credit-summary>summary::-webkit-details-marker{display:none}.compact-credit-summary>summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}.compact-credit-summary>summary:hover .compact-credit-summary__toggle{text-underline-offset:3px;text-decoration:underline}.compact-credit-summary__balances{flex-wrap:wrap;align-items:baseline;gap:4px 6px;display:flex}.compact-credit-summary__balances>span{white-space:nowrap}.compact-credit-summary__balances>span:first-child{color:var(--color-muted)}.compact-credit-summary__toggle{color:var(--color-primary);flex:none;align-items:center;gap:9px;display:inline-flex}.compact-credit-summary__chevron{border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transform:translateY(-2px)rotate(45deg)}.compact-credit-summary[open] .compact-credit-summary__chevron{transform:translateY(2px)rotate(225deg)}.compact-credit-summary__details{z-index:20;border:1px solid var(--color-hairline);border-radius:var(--radius-sm);background:var(--color-surface);width:360px;max-width:calc(100vw - 40px);max-height:min(70vh,580px);box-shadow:var(--shadow-card);padding:20px;position:absolute;inset-block-start:calc(100% + 6px);inset-inline-end:0;overflow-y:auto}.compact-credit-summary__intro,.compact-credit-summary__note{color:var(--color-muted);margin:0}.compact-credit-summary__breakdown{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:12px 24px;margin-block:8px 12px;display:grid}.compact-credit-summary__category{min-width:0}.compact-credit-summary__category h3{font-family:var(--font-ui);font-size:var(--type-body-compact);line-height:var(--leading-body);margin:0 0 6px;font-weight:600}.compact-credit-summary__category dl{gap:3px;margin:0;display:grid}.compact-credit-summary__category dl>div{justify-content:space-between;gap:12px;display:flex}.compact-credit-summary__category dt{color:var(--color-muted)}.compact-credit-summary__category dd{margin:0;font-weight:600}.compact-credit-summary__action{margin-top:12px}.compact-credit-summary__action .lesson-reserve-form{width:100%}.compact-credit-summary__action .lesson-reserve-button{width:100%;min-height:40px;font-size:var(--type-body-compact);margin-top:0;padding-block:10px;padding-inline:14px}.compact-credit-summary__action .lesson-reserve-note{color:var(--color-muted);font-size:var(--type-body-compact);margin:0}.compact-credit-summary__reservation,.compact-credit-summary__expiry{overflow-wrap:anywhere;margin:8px 0 0}@media (width<=560px){.compact-credit-summary__details{inset-inline:0 auto}.compact-credit-summary>summary{gap:8px}}