/* Learning and transactions share typography, but have different information density. */
.product-header-actions{margin-left:auto;display:flex;align-items:center;gap:24px;font-size:13px;color:#74627f}
.product-account-link{display:flex;align-items:center;gap:8px;min-height:44px}
.product-account-link .icon,.product-header-actions .icon-button .icon{width:18px;height:18px}
@media(max-width:600px){.product-header-actions{gap:10px;font-size:11px}.product-site-link{display:none}.product-header-actions .icon-button{width:32px;height:40px}.product-account-link{gap:5px}}
.art-directed .checkout-shell{max-width:1120px;padding-top:32px!important;padding-bottom:32px!important}
.checkout-heading{border-bottom:1px solid var(--ek-line);padding-bottom:24px;margin:24px 0 32px}
.art-directed .checkout-title{font:600 32px/1.3 var(--ek-sans);letter-spacing:-.7px;margin:0 0 10px}
.checkout-heading p{font-size:14px;margin:0}
.art-directed .checkout-grid{grid-template-columns:minmax(0,1.4fr) minmax(310px,1fr);gap:56px;align-items:start}
.art-directed .checkout-grid>div>form{padding:0;background:transparent;border:0;border-radius:0}
.art-directed .checkout-grid h2{font:600 19px/1.4 var(--ek-sans);margin-bottom:24px}
.art-directed .checkout-grid label{margin-bottom:20px;font-size:13px}
.checkout-grid details{border-block:1px solid var(--ek-line);padding:14px 0;margin:22px 0;font-size:13px}
.checkout-grid details summary{cursor:pointer;margin-bottom:12px}
.art-directed .checkout-grid .order-summary{padding:28px;border-radius:14px;background:#f0eee9;border:1px solid #dedbd4;box-shadow:none;position:sticky;top:24px}
.art-directed .order-summary h2{font-size:23px;margin-bottom:12px}
.art-directed .order-summary p{font-size:13px}
.art-directed .order-summary dl{margin:28px 0;border-block:1px solid #d5d1c9;padding-block:14px}
.art-directed .order-summary dl>div{font-size:14px}
.art-directed .order-summary .total{padding-top:18px;margin-top:12px;border-top:1px solid #d5d1c9;font-weight:600}
.art-directed .order-summary .total dd{font:600 28px/1.3 var(--ek-sans);letter-spacing:-.7px}
.art-directed .checkout-grid .btn:not(.btn-outline){background:#41463f}
.art-directed .checkout-grid .btn:not(.btn-outline):hover{background:#2e332d}
.art-directed .checkout-grid .notice{background:#e7e9e1;color:#444c3e;font-size:13px;border-radius:10px}
.art-directed .account-shell{grid-template-columns:220px minmax(0,1fr);gap:40px;margin-top:28px;align-items:start}
.art-directed .account-nav{padding-right:22px;border-right:1px solid var(--ek-line);background:transparent;border-radius:0}
.account-nav>summary{display:none}
.art-directed .account-nav nav a{border:0}
.art-directed .account-person{text-align:left;padding:8px 12px 24px;display:grid;grid-template-columns:40px 1fr;gap:0 12px;align-items:center}
.art-directed .account-person .avatar{grid-row:1/3;width:40px;height:40px;font:500 16px var(--ek-sans);background:#eae5ee;border-radius:10px;margin:0}
.art-directed .account-person strong{font-size:13px;overflow-wrap:anywhere}
.art-directed .account-person small{font-size:11px;color:var(--ek-muted)}
.art-directed .account-nav nav a{font-size:13px;min-height:44px;border-radius:8px;color:#5e5666}
.art-directed .account-nav nav a.selected{background:#ebe5ef;color:#614c70}
.art-directed .account-page-heading{margin:0 0 28px;align-items:center;border-bottom:1px solid var(--ek-line);padding-bottom:22px}
.art-directed .account-page-heading h1{font:600 29px/1.3 var(--ek-sans);margin:0}
.art-directed .account-page-heading .eyebrow{font-size:10px;margin-bottom:8px}
.art-directed .profile-grid{display:block;max-width:920px}
.art-directed .profile-grid>.panel{padding:28px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;border:0;border-bottom:1px solid var(--ek-line);border-radius:0;background:transparent}
.art-directed .profile-grid>.panel:first-child{padding-top:0}
.art-directed .profile-grid h2{font:600 19px/1.4 var(--ek-sans);grid-column:1/-1;margin-bottom:24px}
.art-directed .profile-grid p,.art-directed .profile-grid .field-hint{font-size:12px;grid-column:1/-1}
.art-directed .profile-grid>.panel>button{justify-self:start;grid-column:1/-1}
.art-directed .profile-grid>.panel>form,.art-directed .profile-grid>.panel>.checkline,.art-directed .profile-grid .secret-code{grid-column:1/-1}
.art-directed .profile-grid>.panel>form{max-width:500px}
.art-directed .account-content h2,.art-directed .account-content h3{font-family:var(--ek-sans);font-weight:600}
.art-directed .account-content .membership-card{border:0;border-bottom:1px solid var(--ek-line);border-radius:0;padding:24px 0;background:none}
.art-directed .account-content .membership-card h2{font-size:21px}
.art-directed .data-table-wrap{border-color:var(--ek-line);border-radius:12px;background:#fffefa}
.art-directed .data-table th{font-size:12px;color:#67606d;background:#f0ede8;border-color:var(--ek-line);padding:14px 18px}
.art-directed .data-table td{font-size:13px;color:#453e4b;padding:18px;border-color:#eae5df}
.art-directed .data-table small{font-size:11px;color:var(--ek-muted)}
.art-directed .notification{border-color:var(--ek-line);border-radius:0;padding:20px 0}
.art-directed .notification.unread{background:#f1edf4;padding-inline:16px}
.art-directed .notification h4{font-size:14px;font-weight:600}
.art-directed .notification p{font-size:13px}
.art-directed .program-row{border-color:var(--ek-line)}
.art-directed .booking-card{border:0;border-bottom:1px solid var(--ek-line);border-radius:0;background:none;padding:22px 0}
.art-directed .booking-date{background:#f0ede8;border-radius:8px;color:#69606e}
.art-directed .note-card{border:0;border-bottom:1px solid var(--ek-line);background:none;border-radius:0;padding:24px 0}
.art-directed .learning-shell{max-width:1440px;margin-top:16px}
.art-directed .learning-topbar{padding:8px 0 20px;font-size:13px;border-bottom:1px solid var(--ek-line);margin-bottom:24px;color:var(--ek-muted)}
.art-directed .learning-grid{grid-template-columns:minmax(0,2.15fr) minmax(280px,1fr);gap:28px}
.art-directed .player{border-radius:12px;background:#29272c}
.art-directed .lesson-heading{margin:18px 0}
.art-directed .lesson-heading h1{font:600 28px/1.35 var(--ek-sans);letter-spacing:-.6px;margin-bottom:12px}
.art-directed .lesson-heading .metadata{gap:20px;color:var(--ek-muted)}
.art-directed .lesson-progress{max-width:480px;margin-bottom:20px}
.art-directed .lesson-progress>div{font-size:12px;color:var(--ek-muted)}
.art-directed .lesson-progress progress{height:5px}
.art-directed .lesson-actions{margin-bottom:20px}
.art-directed .lesson-actions .btn{font-size:12px}
.art-directed .lesson-tabs>[role=tablist]{border-color:var(--ek-line);gap:24px;overflow-x:auto}
.art-directed .lesson-tabs [role=tab]{font-size:13px;white-space:nowrap;color:#69606e;padding:14px 0}
.art-directed .lesson-tabs [role=tab][aria-selected=true]{color:#4d3e5b;border-color:#796487}
.art-directed .lesson-tabs h2{font:600 21px/1.4 var(--ek-sans)}
.art-directed .lesson-tabs h3{font:600 17px/1.4 var(--ek-sans)}
.art-directed .lesson-tabs p,.art-directed .lesson-tabs .prose{font-size:14px;line-height:1.9}
.art-directed .learning-sidebar{border:1px solid var(--ek-line);border-radius:12px;background:#fffefa;position:sticky;top:20px}
.art-directed .sidebar-course-heading{padding:22px 20px 0}
.art-directed .sidebar-course-heading h2{font:600 18px/1.4 var(--ek-sans);margin-bottom:10px}
.art-directed .sidebar-course-heading p{font-size:12px;color:var(--ek-muted)}
.art-directed .learning-sidebar .curriculum{border-radius:0;margin-top:20px}
.art-directed .learning-sidebar .curriculum summary{background:#f1eeea;font-size:13px;font-weight:600}
.art-directed .learning-sidebar .lesson-row{font-size:12px;min-height:58px;line-height:1.6;padding:14px}
.art-directed .learning-sidebar .lesson-row.active{border-left:2px solid #796487;background:#eeebf1}
.art-directed .learning-sidebar .lesson-row small{font-size:11px;white-space:nowrap}
.art-directed .material-link{border:0;border-bottom:1px solid var(--ek-line);border-radius:0;padding:18px 0}
.art-directed .video-unavailable h2{font:600 18px/1.4 var(--ek-sans);color:white}
.art-directed .video-unavailable p{color:#c8c2cd;font-size:13px}
.art-directed .auth-card{border-radius:16px;box-shadow:none;background:#fffefa;border-color:var(--ek-line)}
.art-directed.auth-body{background:#f6f3ee}
.art-directed .auth-card h1{font:600 28px/1.3 var(--ek-sans);text-align:left}
.art-directed .auth-card>p{text-align:left;font-size:14px}
.art-directed .auth-card>.round-icon{display:none}
@media(max-width:1000px){.art-directed .checkout-grid{gap:32px}.art-directed .learning-grid{grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr)}.art-directed .account-shell{grid-template-columns:190px minmax(0,1fr);gap:26px}.art-directed .account-nav{padding-right:14px}}
@media(max-width:760px){.art-directed .checkout-grid{grid-template-columns:1fr;gap:28px}.art-directed .order-summary{position:static}.art-directed .learning-grid{grid-template-columns:1fr}.art-directed .learning-sidebar{position:static}.art-directed .learning-topbar>span{display:none}.art-directed .account-shell{display:block}.art-directed .account-nav{padding:0;border:0;border-bottom:1px solid var(--ek-line);margin:0 0 26px}.account-nav>summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:13px;padding:14px 0}.account-nav>summary .icon{width:18px}.art-directed .account-person{display:none}.art-directed .account-nav nav{display:grid;grid-template-columns:1fr 1fr;padding:12px 0}.art-directed .account-nav nav a{min-height:42px;font-size:12px}.account-nav-content>form{padding:16px 0}.art-directed .profile-grid>.panel{grid-template-columns:1fr}.art-directed .account-page-heading h1{font-size:27px}.art-directed .checkout-title{font-size:28px}.checkout-heading{margin:18px 0 28px}.art-directed .checkout-grid .order-summary{padding:23px}.art-directed .lesson-heading h1{font-size:24px}.art-directed .lesson-tabs>[role=tablist]{gap:20px}.art-directed .booking-card{align-items:start;flex-wrap:wrap}.art-directed .booking-actions{width:100%;margin:0;display:flex;gap:20px;align-items:center}.art-directed .profile-grid .btn{width:100%}.art-directed .auth-card{padding:28px 24px}}