/* ---------- My account: menu card + content card ---------- */
html body .kl-acc{display:grid!important;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start;max-width:1100px;margin:0 auto!important;color:var(--kl-text);font-size:15px;line-height:1.6;}

/* shared card look (same as the login card) */
html body .kl-acc :is(.kl-acc-nav,.kl-acc-content):where(:not(.kb-book *)){background:var(--kl-surface)!important;border:1px solid var(--kl-divider)!important;border-top:4px solid var(--kl-ink)!important;border-radius:var(--kl-radius-card)!important;box-shadow:var(--kl-shadow-card)!important;margin:0!important;float:none!important;width:auto!important;animation:kl-rise var(--kl-dur-enter) var(--kl-ease-out) both;}

/* menu */
html body .kl-acc .kl-acc-nav{padding:8px!important;position:sticky;top:24px;}
html body .kl-acc .kl-acc-nav ul:where(:not(.kb-book *)){list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:2px;}
html body .kl-acc .kl-acc-nav li:where(:not(.kb-book *)){margin:0!important;padding:0!important;border:0!important;list-style:none!important;background:none!important;}
html body .kl-acc .kl-acc-nav li a:where(:not(.kb-book *)){display:flex!important;align-items:center;min-height:44px;padding:10px 14px!important;border-radius:var(--kl-radius-control)!important;font-size:12px!important;font-weight:700!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--kl-muted)!important;text-decoration:none!important;background:none!important;line-height:1.4!important;box-shadow:inset 3px 0 0 transparent;transition:background-color var(--kl-dur-state) ease,color var(--kl-dur-state) ease,box-shadow var(--kl-dur-state) ease;}
@media (hover:hover){ html body .kl-acc .kl-acc-nav li a:hover:where(:not(.kb-book *)){color:var(--kl-ink)!important;background:var(--kl-tint)!important;} }
html body .kl-acc .kl-acc-nav li.is-active a:where(:not(.kb-book *)){color:var(--kl-ink)!important;background:var(--kl-tint)!important;box-shadow:inset 3px 0 0 var(--kl-ink);}
/* Log out sits apart from the other pages */
html body .kl-acc .kl-acc-nav li.kl-nav-logout:where(:not(.kb-book *)){margin-top:6px!important;padding-top:6px!important;border-top:1px solid var(--kl-divider)!important;}

/* content */
html body .kl-acc .kl-acc-content{padding:36px 40px!important;min-width:0;min-height:320px;color:var(--kl-text)!important;font-size:15px;line-height:1.6;animation-delay:50ms;}
html body .kl-acc .kl-acc-content :is(p,li,td,th,span,div,address,legend,em,small,strong,dt,dd,mark,label):where(:not(.kb-book *)){color:inherit!important;}
html body .kl-acc .kl-acc-content p:where(:not(.kb-book *)){margin:0 0 1rem!important;}
html body .kl-acc .kl-acc-content a:not(.button):not(.kl-shortcut):not(.kl-back):not(.edit):where(:not(.kb-book *)){color:var(--kl-ink)!important;text-decoration:underline!important;text-underline-offset:3px;text-decoration-thickness:1px;}
@media (hover:hover){ html body .kl-acc .kl-acc-content a:not(.button):not(.kl-shortcut):not(.kl-back):not(.edit):hover:where(:not(.kb-book *)){text-decoration-thickness:2px;} }
html body .kl-acc .kl-acc-content :is(h2,h3,h4):where(:not(.kb-book *)){color:var(--kl-ink)!important;font-size:15px!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase!important;line-height:1.3!important;margin:0 0 16px!important;}

/* page heading (Dashboard, Orders, Downloads, one order) */
html body .kl-acc .kl-acc-content .kl-dash-eyebrow{font-size:12px!important;font-weight:700!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--kl-muted)!important;margin:0 0 8px!important;line-height:1.4;}
html body .kl-acc .kl-acc-content h2.kl-dash-title:where(:not(.kb-book *)){font-size:30px!important;font-weight:700!important;letter-spacing:-.01em!important;text-transform:uppercase!important;line-height:1.1!important;margin:0 0 10px!important;color:var(--kl-ink)!important;text-wrap:balance;}
html body .kl-acc .kl-acc-content .kl-dash-sub{font-size:15px!important;color:var(--kl-muted)!important;margin:0 0 32px!important;}
html body .kl-acc .kl-acc-content .kl-dash-sub strong:where(:not(.kb-book *)){color:var(--kl-ink)!important;}
html body .kl-acc .kl-acc-content h3.kl-section-title:where(:not(.kb-book *)){font-size:12px!important;font-weight:700!important;letter-spacing:.14em!important;color:var(--kl-muted)!important;margin:32px 0 12px!important;}
html body .kl-acc .kl-acc-content > h3.kl-section-title:first-child:where(:not(.kb-book *)),
html body .kl-acc .kl-acc-content .kl-dash-sub + h3.kl-section-title:where(:not(.kb-book *)){margin-top:0!important;}

/* dashboard shortcuts */
html body .kl-acc .kl-shortcuts{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:0 0 36px;}
html body .kl-acc a.kl-shortcut:where(:not(.kb-book *)){display:flex;align-items:flex-start;gap:14px;min-height:76px;padding:16px!important;background:var(--kl-surface)!important;border:1px solid var(--kl-divider)!important;border-radius:var(--kl-radius-card);color:var(--kl-ink)!important;text-decoration:none!important;transition:border-color var(--kl-dur-state) ease,box-shadow var(--kl-dur-state) ease,transform var(--kl-dur-press) ease;}
@media (hover:hover){ html body .kl-acc a.kl-shortcut:hover:where(:not(.kb-book *)){border-color:var(--kl-ink)!important;box-shadow:var(--kl-shadow-lift-soft);transform:translateY(-2px);} }
html body .kl-acc a.kl-shortcut:active:where(:not(.kb-book *)){transform:scale(.99);}
html body .kl-acc .kl-shortcut-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border-radius:var(--kl-radius-control);background:var(--kl-tint);color:var(--kl-ink);}
html body .kl-acc .kl-shortcut-icon .kl-icon{width:20px;height:20px;}
html body .kl-acc .kl-shortcut-text{display:flex;flex-direction:column;gap:2px;min-width:0;}
html body .kl-acc .kl-shortcut-text b:where(:not(.kb-book *)){font-size:13px!important;font-weight:700!important;letter-spacing:.1em;text-transform:uppercase;color:var(--kl-ink)!important;line-height:1.4;}
html body .kl-acc .kl-shortcut-text small:where(:not(.kb-book *)){font-size:13px!important;color:var(--kl-muted)!important;line-height:1.45;}

/* empty state */
html body .kl-acc .kl-empty-box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:32px 20px;margin:0 0 8px;background:var(--kl-tint);border-radius:var(--kl-radius-card);}
html body .kl-acc .kl-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--kl-surface);color:var(--kl-ink);}
html body .kl-acc .kl-empty-icon .kl-icon{width:22px;height:22px;}
html body .kl-acc .kl-acc-content .kl-empty{font-size:15px!important;color:var(--kl-muted)!important;margin:0!important;}

/* keyboard focus */
html body .kl-acc :is(a,button,input,select,textarea):focus:where(:not(.kb-book *)){outline:none;}
html body .kl-acc :is(a,button,input[type=checkbox],input[type=radio],input[type=submit]):focus-visible:where(:not(.kb-book *)){outline:2px solid var(--kl-ink)!important;outline-offset:3px!important;}

/* room under the page title when there is no line of text under it (Orders, Downloads) */
html body .kl-acc .kl-acc-content h2.kl-dash-title + :not(.kl-dash-sub):not(p):where(:not(.kb-book *)){margin-top:28px!important;}