:root{--burgundy:#702632;--wine:#912f40;--ink:#080705;--slate:#40434e;--cream:#fffffa;--paper:#f7f2ed;--line:#e8ddd5;--gold:#c8922f;--shadow:0 18px 45px rgba(30,12,16,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--cream)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.site-header{height:76px;display:flex;align-items:center;gap:28px;padding:0 3%;background:rgba(255,255,250,.96);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand-mark{width:42px;height:42px;border-radius:50% 50% 50% 8px;background:var(--burgundy);color:white;display:grid;place-items:center;font-family:Georgia,serif;font-weight:700}.brand strong{display:block;font-family:Georgia,serif;font-size:25px;color:var(--burgundy)}.brand small{display:block;color:var(--slate);font-size:10px}.site-header nav{display:flex;gap:22px;font-size:14px;font-weight:600}.live-pill,.promo-card em{background:var(--burgundy);color:white;border-radius:999px;padding:3px 7px;font-style:normal;font-size:10px}.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.header-search{display:flex;border:1px solid var(--line);border-radius:9px;padding:0 12px;height:42px;min-width:260px}.header-search input{border:0;outline:0;background:transparent;width:100%}.btn{border:0;border-radius:7px;padding:12px 19px;font-weight:700;cursor:pointer;display:inline-block}.btn-primary{background:var(--burgundy);color:white}.btn-primary:hover{background:var(--wine)}.btn-ghost{border:1px solid var(--line)}.cart-button{border:0;background:transparent;position:relative;font-size:20px;cursor:pointer}.cart-button b{position:absolute;top:-8px;right:-7px;background:var(--burgundy);color:white;border-radius:50%;font-size:10px;width:17px;height:17px;display:grid;place-items:center}.mobile-menu{display:none;border:0;background:none;font-size:24px}.hero{min-height:430px;display:grid;grid-template-columns:1fr 1fr;padding:44px 4%;background:linear-gradient(90deg,#fbf6f0 0%,#efe5dc 100%);overflow:hidden}.hero-copy{align-self:center;max-width:650px}.eyebrow{color:var(--burgundy);font-size:11px;font-weight:800;letter-spacing:.14em;margin:0 0 10px}.hero h1,.auth-card h1{font-family:'Playfair Display',Georgia,serif;font-size:52px;line-height:1.05;margin:0 0 18px}.hero h1 span{color:var(--burgundy)}.hero-copy>p:not(.eyebrow){font-size:18px;color:var(--slate);max-width:550px}.hero-search{display:flex;background:white;border-radius:8px;box-shadow:var(--shadow);max-width:580px;margin:28px 0 14px;overflow:hidden}.hero-search input{border:0;padding:17px;outline:0;flex:1}.hero-search button{width:110px;border:0;background:var(--burgundy);color:white;font-weight:700}.popular{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px}.popular button{border:1px solid var(--line);background:rgba(255,255,255,.75);padding:6px 10px;border-radius:999px;cursor:pointer}.hero-visual{position:relative;display:grid;grid-template-columns:1fr 230px;gap:18px;align-items:center}.portrait-card{height:330px;background:radial-gradient(circle at 50% 35%,#fff 0,#e8d9cd 68%);border-radius:25px;position:relative;display:grid;place-items:center}.student-illustration{font-size:140px;filter:drop-shadow(0 16px 14px rgba(0,0,0,.12))}.floating-note{position:absolute;left:-18px;bottom:25px;background:white;border-radius:12px;padding:14px 18px;box-shadow:var(--shadow);font-size:12px}.stats-card{background:white;border-radius:14px;padding:18px;box-shadow:var(--shadow)}.stats-card div{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;padding:11px 0;border-bottom:1px solid var(--line)}.stats-card div:last-child{border:0}.stats-card span{grid-row:1/3;width:28px;height:28px;border-radius:50%;background:var(--paper);display:grid;place-items:center}.stats-card b{font-size:16px}.stats-card small{color:var(--slate)}.section{padding:42px 4%}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.section-heading h2,.business h2{font-family:'Playfair Display',Georgia,serif;font-size:30px;margin:0}.text-link{border:0;background:none;color:var(--burgundy);font-weight:700;cursor:pointer}.category-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.category{padding:23px 8px;text-align:center;border:1px solid var(--line);border-radius:10px;background:white;cursor:pointer;transition:.2s}.category:hover,.category.active{transform:translateY(-3px);border-color:var(--burgundy);box-shadow:0 10px 22px rgba(112,38,50,.09)}.category span{display:block;font-size:27px;margin-bottom:9px}.category b{font-size:12px}.market-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;padding-top:10px}.course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.course-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white;transition:.2s;position:relative}.course-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.course-image{height:145px;display:grid;place-items:center;font-size:64px;background:var(--paper);position:relative}.badge{position:absolute;top:10px;left:10px;background:var(--burgundy);color:white;font-size:10px;padding:5px 7px;border-radius:4px}.course-body{padding:13px}.course-body h3{font-size:14px;line-height:1.35;margin:0 0 8px;min-height:38px}.course-body p,.course-meta{font-size:11px;color:var(--slate);margin:5px 0}.rating{color:var(--gold);font-weight:700}.price-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.price-row strong{font-size:16px}.add-cart{border:1px solid var(--burgundy);color:var(--burgundy);background:white;border-radius:5px;padding:7px 9px;cursor:pointer;font-weight:700}.add-cart:hover{background:var(--burgundy);color:white}.popular-heading{margin-top:36px}.compact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.compact-course{display:flex;border:1px solid var(--line);border-radius:8px;background:white;padding:9px;gap:10px}.compact-course>span{font-size:34px;background:var(--paper);padding:12px;border-radius:6px}.compact-course h4{font-size:12px;margin:2px 0 5px}.compact-course small{color:var(--slate)}aside{display:flex;flex-direction:column;gap:16px}.promo-card,.testimonial{border:1px solid var(--line);border-radius:12px;padding:20px;background:#fffaf5;display:flex;justify-content:space-between;gap:10px}.promo-card>span{font-size:55px;align-self:end}.promo-card h3,.testimonial h3{margin:0 0 8px}.promo-card p,.testimonial blockquote{font-size:13px;line-height:1.55;color:var(--slate);margin:5px 0 15px}.promo-card.live{background:#f8f1f4}.promo-card.live a{color:var(--burgundy);font-weight:700;font-size:12px}.testimonial{display:block;background:white}.testimonial blockquote{margin-left:0}.testimonial>div{color:var(--gold);margin-top:12px}.benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.benefits article{display:flex;gap:10px;align-items:center;padding:10px}.benefits article>span{font-size:25px}.benefits b,.benefits small{display:block}.benefits small{font-size:11px;color:var(--slate);margin-top:4px}.business{margin:30px 4% 60px;padding:44px;border-radius:20px;background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;align-items:center}.business p:not(.eyebrow){color:#d9d9d9;max-width:560px;line-height:1.6}.business-art{text-align:center;font-size:100px;position:relative}.business-art span{font-size:42px;margin:10px}footer{background:#f3ece6;padding:28px 4%;display:flex;justify-content:space-between;align-items:center;color:var(--slate);font-size:12px}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:40;opacity:0;visibility:hidden;transition:.2s}.drawer-backdrop.open{opacity:1;visibility:visible}.cart-drawer{position:fixed;right:-420px;top:0;height:100%;width:min(400px,92vw);background:white;z-index:50;transition:.25s;box-shadow:-20px 0 50px rgba(0,0,0,.18);display:flex;flex-direction:column}.cart-drawer.open{right:0}.cart-drawer header,.cart-drawer footer{padding:20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.cart-drawer footer{margin-top:auto;border-top:1px solid var(--line);border-bottom:0;display:block}.cart-drawer footer div{display:flex;justify-content:space-between;margin-bottom:15px}.cart-drawer header button{font-size:28px;border:0;background:none}.cart-item{padding:15px 20px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:50px 1fr auto;gap:10px}.cart-item>span{font-size:30px}.cart-item h4{font-size:13px;margin:0}.cart-item button{border:0;background:none;color:var(--burgundy);cursor:pointer}.empty{text-align:center;padding:50px 20px;color:var(--slate)}.btn-full{width:100%;text-align:center}.auth-body{min-height:100vh;background:linear-gradient(135deg,#f8f1ea,#ead9cf);display:grid;place-items:center;padding:80px 20px 30px}.auth-brand{position:absolute;top:25px;left:4%}.auth-card{width:min(480px,100%);background:white;border-radius:18px;padding:38px;box-shadow:var(--shadow)}.auth-card h1{font-size:35px}.auth-card form{display:grid;gap:16px;margin:22px 0}.auth-card label{font-size:13px;font-weight:700}.auth-card input,.auth-card select{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:7px;padding:13px;outline:0}.auth-card input:focus,.auth-card select:focus{border-color:var(--burgundy)}.auth-row{display:flex;justify-content:space-between;font-size:12px}.check{display:flex!important;align-items:center;gap:7px}.check input{width:auto;margin:0}.auth-card>p:last-child{text-align:center;font-size:13px}.auth-card a{color:var(--burgundy);font-weight:700}.hidden{display:none!important}@media(max-width:1150px){.site-header nav{display:none}.header-search{display:none}.course-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(4,1fr)}.hero{grid-template-columns:1fr}.hero-visual{margin-top:30px}.mobile-menu{display:block;order:3}.site-header nav.open{display:flex;position:absolute;top:76px;left:0;right:0;background:white;padding:20px;flex-direction:column;border-bottom:1px solid var(--line)}.compact-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.site-header{height:68px;padding:0 16px}.brand strong{font-size:20px}.brand-mark{width:36px;height:36px}.header-actions .btn{display:none}.hero{padding:35px 20px}.hero h1{font-size:40px}.hero-visual{grid-template-columns:1fr}.stats-card{display:grid;grid-template-columns:1fr 1fr}.portrait-card{height:260px}.student-illustration{font-size:100px}.section{padding:34px 18px}.category-grid{grid-template-columns:repeat(2,1fr)}.market-layout{grid-template-columns:1fr}.course-grid{grid-template-columns:1fr}.compact-grid{grid-template-columns:1fr}.benefits{grid-template-columns:1fr}.business{margin:20px 18px 40px;grid-template-columns:1fr;padding:28px}.business-art{font-size:70px;margin-top:20px}.hero-search button{width:85px}.hero-copy>p:not(.eyebrow){font-size:15px}footer{flex-direction:column;gap:16px}.auth-card{padding:27px}.auth-card h1{font-size:29px}}
.wishlist-button{border:0;background:transparent;position:relative;font-size:25px;cursor:pointer;color:var(--burgundy)}.wishlist-button b{position:absolute;top:-7px;right:-8px;background:var(--burgundy);color:white;border-radius:50%;font-size:10px;width:17px;height:17px;display:grid;place-items:center}.heart{position:absolute;right:10px;top:8px;border:0;background:white;width:32px;height:32px;border-radius:50%;font-size:22px;color:var(--burgundy);cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.12)}.heart.saved{background:var(--burgundy);color:white}.disabled{opacity:.45;pointer-events:none}.commerce-page{min-height:calc(100vh - 76px);background:#fbf8f4;padding:45px 4% 80px}.page-title{max-width:1180px;margin:0 auto 28px}.page-title h1{font-family:'Playfair Display',Georgia,serif;font-size:42px;margin:0 0 10px}.page-title>p:last-child{color:var(--slate)}#pageContent{max-width:1180px;margin:auto}.commerce-grid,.learning-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.commerce-card,.learning-card{background:white;border:1px solid var(--line);border-radius:14px;padding:20px;display:grid;grid-template-columns:125px 1fr;gap:18px}.commerce-icon,.learning-icon{background:var(--paper);border-radius:11px;display:grid;place-items:center;font-size:58px;min-height:135px}.commerce-card h3,.learning-card h3{margin:7px 0}.commerce-card p,.learning-card p{color:var(--slate);font-size:13px}.badge-inline{font-size:10px;background:var(--burgundy);color:white;border-radius:4px;padding:4px 7px}.commerce-actions{display:flex;gap:8px;margin-top:16px}.empty-state,.success-card{max-width:650px;margin:40px auto;background:white;border:1px solid var(--line);border-radius:18px;padding:55px;text-align:center}.empty-state>span{font-size:64px;color:var(--burgundy)}.empty-state p,.success-card p{color:var(--slate);line-height:1.6}.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:24px}.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:25px}.checkout-form h2,.order-summary h2{font-size:20px;margin:0 0 18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:30px}.form-grid label{font-size:12px;font-weight:700}.form-grid input,.form-grid select{width:100%;padding:13px;border:1px solid var(--line);border-radius:7px;margin-top:7px}.payment-options{display:grid;gap:10px;margin-bottom:15px}.payment-options label{border:1px solid var(--line);padding:15px;border-radius:9px;display:grid;grid-template-columns:auto 35px 1fr;align-items:center;cursor:pointer}.payment-options label:has(input:checked){border-color:var(--burgundy);background:#fbf3f4}.payment-detail,.secure-note{background:var(--paper);border-radius:8px;padding:13px;color:var(--slate);font-size:12px;margin:15px 0}.summary-course{display:grid;grid-template-columns:42px 1fr auto;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.summary-course>span{font-size:28px}.summary-course b,.summary-course small{display:block;font-size:12px}.summary-course small{color:var(--slate);margin-top:5px}.summary-total{display:flex;justify-content:space-between;padding-top:20px;font-size:19px}.success-check{width:72px;height:72px;background:#e8f6ec;color:#278246;border-radius:50%;display:grid;place-items:center;font-size:40px;margin:0 auto 20px}.success-card dl{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:25px 0;padding:12px 0}.success-card dl div{display:flex;justify-content:space-between;padding:8px}.success-card dt{color:var(--slate)}.success-card dd{font-weight:700}.success-actions{display:flex;justify-content:center;gap:10px}.progress{height:8px;background:var(--paper);border-radius:99px;overflow:hidden;margin-top:18px}.progress i{height:100%;display:block;background:var(--burgundy)}.progress-label{display:flex;justify-content:space-between;font-size:11px;color:var(--slate);margin:7px 0 15px}.purchase-table{overflow-x:auto}.purchase-head,.purchase-row{display:grid;grid-template-columns:1.2fr 1fr .6fr 1.2fr .8fr .7fr;gap:15px;min-width:760px;align-items:center;padding:14px}.purchase-head{background:var(--paper);font-size:11px;font-weight:800;text-transform:uppercase}.purchase-row{border-bottom:1px solid var(--line);font-size:13px}.purchase-row em{font-style:normal;color:#278246;background:#e8f6ec;padding:5px 9px;border-radius:99px;text-align:center}@media(max-width:850px){.checkout-layout{grid-template-columns:1fr}.commerce-grid,.learning-grid{grid-template-columns:1fr}.site-header nav{display:none}}@media(max-width:560px){.commerce-page{padding:30px 16px}.page-title h1{font-size:34px}.commerce-card,.learning-card{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.empty-state,.success-card{padding:35px 20px}.success-actions,.commerce-actions{flex-direction:column}}
/* Phase 3 learning experience */
.learning-player-page{background:#f4eee9}.player-header{height:74px;padding:0 24px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;position:sticky;top:0;z-index:30}.player-course-title{border-left:1px solid var(--line);padding-left:24px;display:grid;gap:3px;min-width:0}.player-course-title small{font-size:9px;color:var(--slate);font-weight:800}.player-course-title b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-header>.btn{margin-left:auto}.player-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;min-height:calc(100vh - 74px)}.player-main{min-width:0}.video-stage{background:#09080a}.video-placeholder{height:min(60vh,610px);display:grid;place-items:center;align-content:center;color:white;position:relative;background:radial-gradient(circle at center,#702632 0,#21151a 40%,#080705 100%)}.video-placeholder>span{font-size:105px;filter:drop-shadow(0 15px 20px rgba(0,0,0,.3))}.video-placeholder button{position:absolute;width:78px;height:78px;border-radius:50%;border:0;background:white;color:var(--burgundy);font-size:30px;cursor:pointer;box-shadow:0 14px 38px rgba(0,0,0,.35)}.video-placeholder.playing button{opacity:.2}.video-placeholder h2{margin:24px 20px 4px;text-align:center}.video-placeholder p{margin:0;color:#e9dfe1}.video-controls{height:48px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;color:white;font-size:12px}.video-controls button{border:0;background:transparent;color:white;font-weight:700;cursor:pointer}.lesson-heading{background:white;border-bottom:1px solid var(--line);padding:25px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.lesson-heading h1{font-family:'Playfair Display',Georgia,serif;margin:4px 0;font-size:30px}.btn-complete{background:#e7f4ea;color:#267842}.learning-tabs{background:white;border-bottom:1px solid var(--line);padding:0 28px;display:flex;gap:24px;overflow:auto}.learning-tabs button{border:0;background:none;padding:18px 2px;border-bottom:3px solid transparent;font-weight:700;cursor:pointer;white-space:nowrap}.learning-tabs button.active{color:var(--burgundy);border-color:var(--burgundy)}.learning-tabs b{background:var(--paper);border-radius:99px;padding:2px 6px;font-size:10px}.tab-panel{background:white;min-height:300px;padding:30px;line-height:1.65}.tab-panel>h2{margin-top:0}.lesson-details{display:flex;gap:12px;margin:25px 0}.lesson-details>div{background:var(--paper);border-radius:9px;padding:15px 25px;display:grid}.lesson-details small{color:var(--slate)}.curriculum-panel{background:white;border-left:1px solid var(--line);height:calc(100vh - 74px);overflow:auto;position:sticky;top:74px}.curriculum-head{padding:22px;border-bottom:1px solid var(--line)}.curriculum-head h2{margin:0 0 12px}.curriculum-head small{color:var(--slate)}.curriculum-panel section>h3{font-size:13px;margin:0;padding:15px 18px;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.lesson-item{width:100%;border:0;border-bottom:1px solid var(--line);background:white;padding:13px 17px;display:grid;grid-template-columns:30px 1fr;text-align:left;gap:8px;cursor:pointer}.lesson-item:hover,.lesson-item.current{background:#fbf3f4}.lesson-item b,.lesson-item small{display:block;font-size:12px}.lesson-item small{color:var(--slate);margin-top:5px}.lesson-check{width:22px;height:22px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:9px}.lesson-check.done{background:var(--burgundy);color:white}.certificate-status{padding:20px}.certificate-status p{font-size:12px;color:var(--slate);text-align:center}.inline-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin:18px 0}.inline-form textarea,.inline-form input{border:1px solid var(--line);border-radius:8px;padding:13px;min-height:48px}.note-list article,.question-list article{border:1px solid var(--line);border-radius:9px;padding:15px;margin:10px 0}.note-list article small,.question-list article small,.muted{color:var(--slate)}.note-list article button{border:0;background:none;color:var(--burgundy);padding:0;cursor:pointer}.resource-list{display:grid;gap:10px}.resource-list a{border:1px solid var(--line);border-radius:9px;padding:15px;display:grid;grid-template-columns:45px 1fr auto;align-items:center}.resource-list a>span{font-size:26px}.resource-list small{display:block;color:var(--slate)}.resource-list em{font-style:normal;color:var(--burgundy);font-weight:700}.certificate-page{background:#eee7e0;padding:25px}.certificate-toolbar{max-width:1100px;margin:auto auto 20px;display:flex;justify-content:space-between;align-items:center}.certificate-sheet{width:min(1100px,100%);aspect-ratio:1.414/1;margin:auto;background:white;padding:25px;box-shadow:var(--shadow)}.certificate-border{height:100%;border:3px solid var(--burgundy);outline:1px solid var(--gold);outline-offset:-12px;padding:55px;text-align:center;position:relative}.certificate-logo{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--burgundy);font-family:Georgia,serif;font-size:27px}.certificate-kicker{letter-spacing:6px;color:var(--burgundy);font-weight:800;margin-top:45px}.certificate-border h1{font-family:Georgia,serif;font-weight:400;font-size:28px}.certificate-border h2{font-family:Georgia,serif;font-size:48px;color:var(--burgundy);margin:18px 0;border-bottom:1px solid var(--gold);display:inline-block;padding:0 35px 8px}.certificate-border h3{font-family:Georgia,serif;font-size:31px;margin:18px}.certificate-meta{display:flex;justify-content:center;gap:80px;margin:35px}.certificate-meta div{display:grid}.certificate-meta small{letter-spacing:2px;color:var(--slate)}.certificate-signatures{display:grid;grid-template-columns:1fr 100px 1fr;gap:30px;align-items:end;margin-top:40px}.certificate-signatures>div:not(.certificate-seal){border-top:1px solid var(--ink);padding-top:8px;display:grid}.certificate-signatures small{color:var(--slate)}.certificate-seal{width:90px;height:90px;border:5px double var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--burgundy);font-family:Georgia,serif;font-size:28px;font-weight:700}.certificate-warning{position:absolute;bottom:10px;left:20%;right:20%;background:#fff1d7;color:#8b5a00;padding:7px;font-size:11px}@media(max-width:950px){.player-layout{grid-template-columns:1fr}.curriculum-panel{position:static;height:auto;border-left:0}.player-course-title{display:none}.video-placeholder{height:420px}}@media(max-width:600px){.player-header{padding:0 13px}.player-header .brand small{display:none}.lesson-heading{align-items:flex-start;flex-direction:column;padding:20px}.learning-tabs{padding:0 15px}.tab-panel{padding:22px}.lesson-details{display:grid;grid-template-columns:1fr 1fr}.inline-form{grid-template-columns:1fr}.certificate-page{padding:8px}.certificate-toolbar{padding:8px}.certificate-sheet{aspect-ratio:auto;min-height:740px;padding:8px}.certificate-border{padding:35px 18px}.certificate-border h2{font-size:35px;padding:0 10px}.certificate-meta{gap:15px;margin:25px 0}.certificate-signatures{grid-template-columns:1fr 70px 1fr;gap:8px}.certificate-seal{width:65px;height:65px}.certificate-kicker{letter-spacing:2px}}
@media print{.certificate-toolbar{display:none}.certificate-page{padding:0;background:white}.certificate-sheet{box-shadow:none;width:100%;height:100vh}}
/* Phase 4 Instructor Studio */
.studio-shell{min-height:100vh;background:#f5f1ed;display:grid;grid-template-columns:250px 1fr}.studio-sidebar{background:#181518;color:white;padding:24px 18px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:40}.studio-brand{padding:0 8px 28px}.studio-brand strong{color:white}.studio-brand small{color:#c9bdc0}.studio-sidebar nav{display:grid;gap:5px}.studio-sidebar nav a{padding:13px 14px;border-radius:8px;color:#d8ced0;font-weight:600;font-size:14px}.studio-sidebar nav a:hover,.studio-sidebar nav a.active{background:var(--burgundy);color:white}.studio-help{margin-top:auto;background:#2b2529;padding:17px;border-radius:11px}.studio-help p{color:#c9bdc0;font-size:12px;line-height:1.5}.studio-help button{border:0;background:white;color:var(--burgundy);padding:9px 11px;border-radius:6px;font-weight:700;width:100%}.studio-main{min-width:0}.studio-top{height:72px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:20px;position:sticky;top:0;z-index:25}.studio-menu{display:none;border:0;background:none;font-size:23px}.studio-search{height:40px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 12px;max-width:410px;flex:1}.studio-search input{border:0;outline:0;width:100%}.studio-user{margin-left:auto;display:flex;align-items:center;gap:10px}.studio-user div{display:grid}.studio-user small{color:var(--slate);font-size:10px}.studio-avatar{width:36px;height:36px;border-radius:50%;background:var(--burgundy);color:white;display:grid;place-items:center;font-weight:800}.studio-page{padding:34px;max-width:1500px;margin:auto}.studio-pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.studio-pagehead h1{font-family:'Playfair Display',Georgia,serif;font-size:39px;margin:0}.studio-pagehead p:not(.eyebrow){color:var(--slate);margin:7px 0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.metric-grid article{background:white;border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;gap:15px;align-items:center}.metric-grid article>span{width:44px;height:44px;border-radius:9px;background:#f7eaec;display:grid;place-items:center;color:var(--burgundy);font-size:21px}.metric-grid article div{display:grid}.metric-grid small{color:var(--slate)}.metric-grid strong{font-size:25px;margin:4px 0}.metric-grid em{font-style:normal;color:#278246;font-size:11px}.studio-two{display:grid;grid-template-columns:1.7fr 1fr;gap:20px;margin-bottom:20px}.studio-panel{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:0 5px 15px rgba(40,20,25,.035)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px}.panel-head h2,.studio-panel h2{margin:0 0 5px;font-size:19px}.panel-head p,.studio-panel>p{color:var(--slate);font-size:12px;margin:0}.bar-chart{height:245px;display:flex;align-items:end;gap:7%;padding:25px 20px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#eee7e2 50px)}.bar-chart>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:8px}.bar-chart i{display:block;width:75%;background:var(--burgundy);border-radius:7px 7px 0 0}.bar-chart small{color:var(--slate)}.checklist{display:grid;gap:15px;margin:22px 0}.checklist label{display:flex;gap:9px;font-size:13px}.studio-table{overflow-x:auto}.studio-tr{display:grid;grid-template-columns:minmax(280px,2fr) 1fr .7fr .7fr .8fr .4fr;gap:14px;align-items:center;padding:14px 6px;border-bottom:1px solid var(--line);min-width:850px;font-size:12px}.studio-th{font-size:10px;text-transform:uppercase;color:var(--slate);font-weight:800}.course-cell{display:flex;align-items:center;gap:11px}.course-cell>span{width:44px;height:40px;background:var(--paper);display:grid;place-items:center;border-radius:7px;font-size:21px}.course-cell div{display:grid}.course-cell small{color:var(--slate);margin-top:4px}.studio-tr>a{color:var(--burgundy);font-weight:700}.status{display:inline-block;width:max-content;border-radius:99px;padding:5px 9px;font-style:normal;font-size:10px;font-weight:800}.status.published{background:#e8f6ec;color:#267842}.status.draft{background:#eee;color:#555}.status.under-review{background:#fff0d7;color:#8b5a00}.status.changes-requested{background:#fee8e8;color:#a12626}.course-filters{display:flex;gap:12px;margin-bottom:16px}.course-filters input,.course-filters select,.studio-pagehead select{border:1px solid var(--line);border-radius:8px;padding:12px;background:white}.course-filters input{min-width:340px}.builder-layout{display:grid;grid-template-columns:285px 1fr;gap:20px}.builder-steps{background:white;border:1px solid var(--line);border-radius:12px;padding:12px;height:max-content;position:sticky;top:92px}.builder-steps button{width:100%;border:0;background:none;border-radius:9px;padding:13px;display:grid;grid-template-columns:32px 1fr;gap:10px;text-align:left;cursor:pointer}.builder-steps button.active{background:#f8edef}.builder-steps button>b{width:27px;height:27px;border-radius:50%;background:var(--paper);display:grid;place-items:center;color:var(--burgundy)}.builder-steps button.active>b{background:var(--burgundy);color:white}.builder-steps span{font-weight:800}.builder-steps small{display:block;color:var(--slate);font-weight:400;margin-top:3px}.builder-content{min-width:0}.form-panel label{display:grid;gap:7px;font-weight:700;font-size:13px;margin:20px 0}.form-panel label small{font-weight:400;color:var(--slate)}.form-panel input,.form-panel textarea,.form-panel select{width:100%;padding:13px;border:1px solid var(--line);border-radius:7px;background:white}.form-panel textarea{resize:vertical}.upload-drop{border:2px dashed #d9c9c4;border-radius:11px;padding:28px;text-align:center;background:#fcfaf8;margin:22px 0}.upload-drop>span{font-size:34px}.upload-drop p{color:var(--slate);font-size:12px}.curriculum-section{border:1px solid var(--line);border-radius:9px;margin:14px 0;overflow:hidden}.curriculum-section>header{background:var(--paper);padding:13px;display:flex;justify-content:space-between}.curriculum-section>header div{flex:1}.curriculum-section>header small{display:block;color:var(--burgundy);font-weight:800}.curriculum-section>header input{border:0;background:transparent;font-weight:800;width:90%;padding:5px 0}.curriculum-section>header button,.curriculum-lesson>button{border:0;background:none;color:#a12626;cursor:pointer}.curriculum-lesson{display:grid;grid-template-columns:30px 1fr auto 30px;gap:10px;align-items:center;padding:13px;border-top:1px solid var(--line)}.curriculum-lesson>span{width:27px;height:27px;border-radius:50%;background:#f7eaec;color:var(--burgundy);display:grid;place-items:center}.curriculum-lesson div{display:grid}.curriculum-lesson small{color:var(--slate)}.curriculum-lesson label{font-size:11px}.add-lesson{border:0;background:white;color:var(--burgundy);font-weight:800;padding:14px;cursor:pointer;width:100%;text-align:left}.builder-empty{text-align:center;padding:50px}.builder-empty>span{font-size:44px}.price-input{display:flex;border:1px solid var(--line);border-radius:7px;overflow:hidden}.price-input span{padding:13px;background:var(--paper)}.price-input input{border:0!important}.revenue-box{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:var(--paper);padding:17px;border-radius:9px;margin:20px 0}.revenue-box div{display:grid}.revenue-box small{color:var(--slate)}.revenue-box strong{font-size:20px;margin-top:6px}.quality-score{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:20px;margin:25px 0}.quality-score>div:first-child{display:grid}.quality-score strong{font-size:35px;color:var(--burgundy)}.quality-score small{color:var(--slate)}.quality-list{display:grid;gap:10px}.quality-list article{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;padding:14px}.quality-list article>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800}.quality-list article.ready>span{background:#e8f6ec;color:#267842}.quality-list article.missing>span{background:#fee8e8;color:#a12626}.quality-list article div{display:grid}.quality-list small{color:var(--slate)}.review-note{margin-top:17px!important;background:#fff0d7;padding:12px;border-radius:7px;color:#8b5a00!important}.review-note.success{background:#e8f6ec;color:#267842!important}.donut{width:190px;height:190px;margin:22px auto;border-radius:50%;background:conic-gradient(var(--burgundy) 0 72%,#c8922f 72% 88%,#e8ddd5 88%);display:grid;place-items:center}.donut:before{content:"";grid-area:1/1;width:125px;height:125px;border-radius:50%;background:white}.donut>div{grid-area:1/1;z-index:1;display:grid;text-align:center}.donut strong{font-size:28px}.donut small{color:var(--slate)}.legend{display:grid;gap:8px;font-size:12px}.legend i{display:inline-block;width:9px;height:9px;background:var(--burgundy);border-radius:50%;margin-right:8px}.legend span:nth-child(2) i{background:var(--gold)}.legend span:nth-child(3) i{background:var(--line)}.onboarding-layout{display:grid;grid-template-columns:1.5fr .7fr;gap:20px}.consent{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start}.consent input{width:auto!important}.onboarding-guide article{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.onboarding-guide article>span{width:30px;height:30px;border-radius:50%;background:#f7eaec;color:var(--burgundy);display:grid;place-items:center;font-weight:800;flex:none}.onboarding-guide article p{font-size:12px;color:var(--slate);line-height:1.5}.studio-toast{position:fixed;right:24px;bottom:24px;background:#181518;color:white;padding:14px 18px;border-radius:8px;box-shadow:var(--shadow);transform:translateY(90px);opacity:0;transition:.25s;z-index:100}.studio-toast.show{transform:none;opacity:1}@media(max-width:1100px){.metric-grid{grid-template-columns:1fr 1fr}.studio-two,.onboarding-layout{grid-template-columns:1fr}.builder-layout{grid-template-columns:230px 1fr}}@media(max-width:800px){.studio-shell{grid-template-columns:1fr}.studio-sidebar{position:fixed;left:-270px;width:250px;transition:.25s}.studio-sidebar.open{left:0}.studio-menu{display:block}.studio-page{padding:24px 16px}.builder-layout{grid-template-columns:1fr}.builder-steps{position:static;display:flex;overflow:auto}.builder-steps button{min-width:170px}.studio-user div{display:none}}@media(max-width:560px){.metric-grid{grid-template-columns:1fr}.studio-pagehead{display:grid}.course-filters{display:grid}.course-filters input{min-width:0}.revenue-box{grid-template-columns:1fr}.studio-search{display:none}.curriculum-lesson{grid-template-columns:30px 1fr 30px}.curriculum-lesson label{grid-column:2}.quality-score{grid-template-columns:1fr}}

/* Phase 5 visual system */
.icon{width:20px;height:20px;display:block;flex:none}.icon-sm{width:16px;height:16px}.icon-lg{width:30px;height:30px}.btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1}.site-header,.header-actions,.site-header nav{align-items:center}.site-header nav a{display:flex;align-items:center;min-height:44px}.header-search{align-items:center;gap:8px}.header-search .icon{color:var(--slate);width:18px}.icon-button,.wishlist-button,.cart-button{width:40px;height:40px;border:1px solid transparent;background:transparent;border-radius:8px;display:grid;place-items:center;position:relative;cursor:pointer;color:var(--ink)}.icon-button:hover,.wishlist-button:hover,.cart-button:hover{background:var(--paper);border-color:var(--line)}.wishlist-button b,.cart-button b,.icon-button b{position:absolute;right:-3px;top:-5px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--burgundy);color:white;font-size:10px}.category{min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.category span{margin:0;width:44px;height:44px;border-radius:10px;background:#f8edef;color:var(--burgundy);display:grid;place-items:center}.category span .icon{width:23px;height:23px}.course-grid{align-items:stretch}.course-card{display:flex;flex-direction:column;height:100%}.course-body{display:flex;flex-direction:column;flex:1}.price-row{margin-top:auto;padding-top:12px}.course-image .icon{width:54px;height:54px;color:var(--burgundy)}.metric-grid article,.benefits article,.compact-course,.promo-card{align-items:center}.studio-sidebar nav a,.admin-sidebar nav a,.admin-sidebar-foot a{display:flex;align-items:center}.studio-tr,.admin-tr,.order-tr,.user-tr,.payout-tr,.report-tr,.audit-tr{align-items:center}.studio-panel,.admin-panel{min-width:0}.form-panel input,.form-panel textarea,.form-panel select,.auth-card input,.auth-card select{min-height:44px}.panel-head>a{display:inline-flex;align-items:center;gap:5px;color:var(--burgundy);font-size:12px;font-weight:800}.panel-head>a .icon{width:15px}
.admin-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr);background:#fbf8f5}.admin-sidebar{position:sticky;top:0;height:100vh;background:#171316;color:white;padding:22px 14px;display:flex;flex-direction:column;z-index:40}.admin-brand{padding:0 10px 22px}.admin-brand strong{color:white}.admin-brand small{color:#cbbfc3}.admin-sidebar nav{display:grid;gap:5px}.admin-sidebar nav a,.admin-sidebar-foot a{gap:12px;padding:12px 13px;border-radius:8px;color:#d6cbd0;font-size:13px;font-weight:700}.admin-sidebar nav a:hover,.admin-sidebar nav a.active,.admin-sidebar-foot a:hover{background:#2b2227;color:white}.admin-sidebar nav a.active{box-shadow:inset 3px 0 var(--wine)}.admin-sidebar nav .icon,.admin-sidebar-foot .icon{width:19px;height:19px}.admin-sidebar-foot{margin-top:auto;border-top:1px solid #362b31;padding-top:12px}.admin-main{min-width:0}.admin-topbar{height:72px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 28px;position:sticky;top:0;z-index:30}.admin-menu{display:none;border:0;background:none}.admin-search{width:min(440px,45vw);height:42px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:9px;padding:0 12px}.admin-search input{border:0;outline:0;width:100%;background:transparent}.admin-search .icon{width:17px;color:var(--slate)}.admin-topbar>.icon-button{margin-left:auto}.admin-user{display:flex;align-items:center;gap:10px}.admin-user>span,.user-cell>span{width:38px;height:38px;border-radius:50%;background:#f4e4e7;color:var(--burgundy);display:grid;place-items:center;font-weight:800;flex:none}.admin-user div{display:grid}.admin-user small,.user-cell small{color:var(--slate);font-size:11px}.admin-page{padding:34px;max-width:1550px;margin:auto}.admin-pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.admin-pagehead h1{font-family:'Playfair Display',Georgia,serif;font-size:38px;margin:0}.admin-pagehead p:not(.eyebrow){color:var(--slate);margin:7px 0}.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.admin-metrics.compact{grid-template-columns:repeat(3,1fr)}.admin-metrics article{background:white;border:1px solid var(--line);border-radius:12px;padding:19px;display:flex;align-items:center;gap:14px}.admin-metrics article>span{width:44px;height:44px;border-radius:10px;background:#f8edef;color:var(--burgundy);display:grid;place-items:center}.admin-metrics article div{display:grid;gap:4px}.admin-metrics small{color:var(--slate)}.admin-metrics strong{font-size:24px}.admin-metrics em{font-size:11px;color:#278246;font-style:normal}.admin-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.span-2{grid-column:auto}.admin-panel{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:0 5px 15px rgba(40,20,25,.035)}.admin-panel h2{font-size:19px;margin:0 0 5px}.admin-table{overflow:auto}.admin-tr{display:grid;grid-template-columns:minmax(270px,2fr) 1fr .9fr 1fr .8fr;gap:14px;padding:14px 6px;border-bottom:1px solid var(--line);min-width:900px;font-size:12px}.admin-tr>div:first-child,.order-tr>div,.report-tr>div{display:grid;gap:4px}.admin-tr small,.order-tr small,.report-tr small{color:var(--slate)}.admin-th{font-size:10px;text-transform:uppercase;color:var(--slate);font-weight:800}.quality-pill{height:8px;background:var(--paper);border-radius:999px;position:relative;overflow:visible;margin-right:32px}.quality-pill i{height:100%;display:block;background:var(--burgundy);border-radius:inherit}.quality-pill b{position:absolute;left:calc(100% + 8px);top:-5px;font-size:11px}.table-action{border:0;background:none;color:var(--burgundy);font-weight:800;display:inline-flex;align-items:center;gap:5px;cursor:pointer}.table-action .icon{width:15px}.order-tr{display:grid;grid-template-columns:1fr 1.8fr 1fr .6fr .8fr;gap:14px;padding:14px 6px;border-bottom:1px solid var(--line);min-width:850px;font-size:12px}.split-chart{display:grid;place-items:center;margin:20px 0}.split-chart>div{width:170px;height:170px;border-radius:50%;background:conic-gradient(var(--burgundy) calc(var(--p)*1%),var(--gold) 0);display:grid;place-items:center}.split-chart>div:before{content:"";grid-area:1/1;width:112px;height:112px;border-radius:50%;background:white}.split-chart>div strong,.split-chart>div small{grid-area:1/1;z-index:1;text-align:center}.split-chart>div strong{font-size:30px;transform:translateY(-9px)}.split-chart>div small{transform:translateY(14px);color:var(--slate)}.split-values{display:grid;gap:10px;font-size:12px}.split-values span{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px}.split-values i{width:9px;height:9px;border-radius:50%;background:var(--burgundy)}.split-values span:nth-child(2) i{background:var(--gold)}.action-list{display:grid;margin-top:15px}.action-list a{display:grid;grid-template-columns:40px 1fr 18px;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.action-list a>span{width:38px;height:38px;border-radius:8px;background:var(--paper);display:grid;place-items:center;color:var(--burgundy)}.action-list a>div{display:grid;gap:4px}.action-list small{color:var(--slate)}.admin-toolbar{display:flex;gap:12px;margin-bottom:16px}.admin-toolbar label{flex:1;max-width:430px;border:1px solid var(--line);border-radius:8px;background:white;display:flex;align-items:center;gap:8px;padding:0 12px}.admin-toolbar input,.admin-toolbar select{border:0;outline:0}.admin-toolbar input{width:100%}.admin-toolbar select{border:1px solid var(--line);border-radius:8px;padding:0 12px;background:white}.review-drawer{position:fixed;right:-620px;top:0;width:min(600px,95vw);height:100vh;background:white;z-index:60;box-shadow:-20px 0 50px rgba(0,0,0,.2);transition:.25s;display:flex;flex-direction:column}.review-drawer.open{right:0}.review-drawer header{padding:22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}.review-drawer header h2{margin:4px 0}.review-drawer header p,.review-drawer header small{color:var(--slate)}.review-drawer header button{border:0;background:none}.review-body{padding:22px;overflow:auto;display:grid;gap:20px}.review-body section{border:1px solid var(--line);border-radius:9px;padding:16px}.review-body h3{margin:0 0 14px}.review-body section label{display:flex;gap:9px;padding:8px 0}.review-body dl{margin:0}.review-body dl>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line)}.review-body dt{color:var(--slate)}.review-notes{display:grid;gap:8px;font-weight:700}.review-notes textarea{border:1px solid var(--line);border-radius:8px;padding:12px}.review-drawer footer{margin-top:auto;padding:18px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.danger{background:#a12626;color:white}.tabbar{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px}.tabbar button{border:0;background:none;padding:12px 14px;font-weight:700;color:var(--slate)}.tabbar button.active{color:var(--burgundy);border-bottom:2px solid var(--burgundy)}.tabbar b{background:var(--burgundy);color:white;border-radius:99px;padding:2px 6px}.user-tr{display:grid;grid-template-columns:minmax(270px,1.7fr) .7fr .8fr 1fr .8fr;gap:14px;padding:14px 6px;border-bottom:1px solid var(--line);min-width:800px;font-size:12px}.user-cell{display:flex;align-items:center;gap:10px}.user-cell div{display:grid;gap:4px}.row-actions{display:flex;justify-content:flex-end;gap:8px}.btn-small{border:0;border-radius:6px;padding:7px 10px;font-weight:800}.btn-small.primary{background:var(--burgundy);color:white}.order-actions{display:flex;justify-content:flex-end;padding-top:18px}.payout-tr{display:grid;grid-template-columns:1.5fr .8fr 1fr 1fr .8fr;gap:14px;padding:14px 6px;border-bottom:1px solid var(--line);min-width:800px;font-size:12px}.report-tr{display:grid;grid-template-columns:1.3fr 1.5fr .8fr .6fr;gap:14px;padding:14px 6px;border-bottom:1px solid var(--line);min-width:760px;font-size:12px}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.settings-actions{grid-column:1/-1;display:flex;justify-content:flex-end}.toggle-row{display:flex!important;justify-content:space-between;align-items:center}.toggle-row span{display:grid;gap:4px}.toggle-row input{width:auto!important;min-height:auto!important}.audit-tr{display:grid;grid-template-columns:1fr 1fr 1.2fr 2fr;gap:14px;padding:14px 6px;border-bottom:1px solid var(--line);min-width:850px;font-size:12px}.status.pending-verification,.status.pending,.status.open,.status.investigating{background:#fff0d7;color:#8b5a00}.status.verified,.status.active,.status.paid,.status.ready,.status.resolved{background:#e8f6ec;color:#267842}.status.suspended,.status.refund-requested,.status.hold{background:#fee8e8;color:#a12626}.status.refunded{background:#eee;color:#555}
@media(max-width:1200px){.admin-metrics{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}
@media(max-width:850px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:fixed;left:-280px;width:260px;transition:.25s}.admin-sidebar.open{left:0}.admin-menu{display:grid;place-items:center}.admin-page{padding:24px 16px}.admin-topbar{padding:0 16px}.admin-search{width:auto;flex:1}.admin-user div{display:none}.settings-grid{grid-template-columns:1fr}.admin-pagehead{display:grid}.admin-toolbar{flex-wrap:wrap}}
@media(max-width:560px){.admin-metrics,.admin-metrics.compact{grid-template-columns:1fr}.admin-search{display:none}.admin-topbar>.icon-button{margin-left:auto}.review-drawer footer{display:grid}.review-drawer footer .btn{width:100%}.admin-toolbar label,.admin-toolbar select,.admin-toolbar .btn{width:100%;max-width:none;min-height:44px}.tabbar{overflow:auto}.tabbar button{min-width:max-content}}

/* Phase 6 — unified typography, stable alignment and non-overlapping layouts */
:root{--font-ui:Inter,"Segoe UI",Arial,sans-serif}
html,body,button,input,select,textarea{font-family:var(--font-ui)!important}
.brand-mark,.brand strong,.hero h1,.auth-card h1,.section-title h2,.admin-pagehead h1,.studio-pagehead h1,.commerce-page h1,.certificate-page h1{font-family:var(--font-ui)!important}
html{overflow-x:hidden}body{min-width:320px;overflow-x:hidden}
img,video,iframe,svg{max-width:100%}
.site-header,.site-header>*{min-width:0}.site-header nav{align-items:center;white-space:nowrap}.header-actions{min-width:0}.header-account{display:flex;align-items:center;gap:8px;min-width:0}.header-account .btn{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.icon-button,.wishlist-button,.cart-button,.admin-menu,.studio-menu{width:42px;height:42px;min-width:42px;padding:0;display:inline-grid;place-items:center;border-radius:8px;border:1px solid transparent;background:transparent;cursor:pointer}.icon-button:hover,.wishlist-button:hover,.cart-button:hover{background:var(--paper);border-color:var(--line)}.logout-button{color:var(--burgundy)}
.hero>*{min-width:0}.course-grid,.category-grid,.benefit-grid,.metric-grid,.admin-grid,.studio-two,.builder-layout,.onboarding-layout{align-items:stretch}.course-card,.compact-course,.admin-panel,.studio-panel,.metric-grid article,.admin-metrics article{min-width:0;overflow:hidden}.course-body{display:flex;flex-direction:column;min-height:0}.price-row{margin-top:auto}.course-card h3,.compact-course h4,.panel-head h2{overflow-wrap:anywhere}
.admin-shell,.studio-shell{width:100%;max-width:100vw}.admin-main,.studio-main{width:100%;min-width:0;overflow:hidden}.admin-page,.studio-page{width:100%;min-width:0}.admin-topbar,.studio-top{max-width:100%;min-width:0}.admin-search,.studio-search{min-width:0}.admin-table,.studio-table{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.admin-tr,.order-tr,.user-tr,.payout-tr,.report-tr,.audit-tr,.studio-tr{align-items:center}.admin-tr>*,.order-tr>*,.user-tr>*,.payout-tr>*,.report-tr>*,.audit-tr>*,.studio-tr>*{min-width:0;overflow-wrap:anywhere}.row-actions{flex-wrap:wrap}.panel-head{align-items:flex-start;gap:14px}.panel-head>*{min-width:0}
.studio-user{min-width:0}.studio-user>div{min-width:0}.studio-user b,.studio-user small{display:block;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-sidebar nav a,.admin-sidebar nav a,.admin-sidebar-foot a{display:flex;align-items:center}.metric-grid article>span,.admin-metrics article>span{flex:0 0 auto}.metric-grid article>div,.admin-metrics article>div{min-width:0}.builder-main,.builder-steps{min-width:0}.form-grid>*{min-width:0}
.auth-body{padding:32px 20px;min-height:100vh}.auth-card{width:min(520px,100%);max-width:100%;margin:30px auto}.auth-card-wide{width:min(900px,100%);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);padding:0;overflow:hidden}.auth-form-panel,.demo-access{padding:38px}.demo-access{background:var(--paper);border-left:1px solid var(--line)}.demo-access h2{margin:0 0 8px}.demo-access>p{color:var(--slate)}.demo-access button{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;text-align:left;gap:12px;border:1px solid var(--line);background:white;border-radius:9px;padding:12px;margin-top:10px;cursor:pointer}.demo-access button:hover{border-color:var(--burgundy)}.demo-access button>span{width:40px;height:40px;border-radius:8px;background:#f7e9ec;color:var(--burgundy);display:grid;place-items:center}.demo-access button div{display:grid;gap:3px}.demo-access small,.auth-intro{color:var(--slate)}.form-error{min-height:20px;color:#a12626;font-weight:700;font-size:13px}.access-notice{position:fixed;right:20px;top:90px;z-index:100;max-width:min(420px,calc(100vw - 40px));display:grid;grid-template-columns:1fr auto;gap:3px 15px;background:white;border:1px solid #e3c7cc;border-left:4px solid var(--burgundy);box-shadow:var(--shadow);border-radius:9px;padding:15px 16px}.access-notice strong,.access-notice span{grid-column:1}.access-notice span{color:var(--slate);font-size:13px}.access-notice button{grid-column:2;grid-row:1/3;border:0;background:none;font-size:22px}
@media(max-width:1100px){.site-header{gap:14px;padding-inline:18px}.site-header nav{gap:13px}.header-search{min-width:180px}.site-header nav a:nth-last-child(n+5){display:none}.admin-page,.studio-page{padding-inline:22px}.builder-layout{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:850px){.site-header{height:auto;min-height:68px;flex-wrap:wrap;padding-block:12px}.mobile-menu{display:grid;order:2;margin-left:auto}.header-actions{order:3;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto auto}.header-search{min-width:0;width:100%}.site-header nav{position:absolute;left:0;right:0;top:100%;display:none!important;flex-direction:column;align-items:stretch;background:white;border-bottom:1px solid var(--line);padding:14px 18px;box-shadow:var(--shadow)}.site-header nav.open{display:flex!important}.site-header nav a{display:block!important;padding:10px}.admin-topbar,.studio-top{height:auto;min-height:68px;padding-block:10px}.studio-search{flex:1}.studio-user>div{display:none}.admin-page,.studio-page{padding:24px 16px}.admin-pagehead,.studio-pagehead{flex-direction:column;align-items:stretch}.admin-pagehead>.btn,.studio-pagehead>.btn{width:100%;text-align:center}.builder-layout,.onboarding-layout{grid-template-columns:1fr}.builder-steps{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.auth-card-wide{grid-template-columns:1fr}.demo-access{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:560px){.header-actions{grid-template-columns:minmax(0,1fr) repeat(2,42px)}.header-account{grid-column:1/-1;width:100%}.header-account .btn{flex:1;max-width:none}.hero{grid-template-columns:1fr;padding:34px 18px}.hero h1{font-size:38px}.auth-body{padding:18px 12px}.auth-form-panel,.demo-access,.auth-card{padding:24px 18px}.builder-steps{grid-template-columns:1fr}.admin-user{display:none}.studio-user{margin-left:auto}.studio-search{display:none}.admin-metrics,.metric-grid{grid-template-columns:1fr!important}.admin-panel,.studio-panel{padding:16px}.review-drawer{width:100vw}.access-notice{right:12px;top:78px;max-width:calc(100vw - 24px)}}

/* Phase 6 maintenance patch: overlap and button reliability only */
body.drawer-open{overflow:hidden}
.cart-drawer{width:min(430px,100vw);max-width:100vw;overflow:hidden}
.cart-drawer #cartItems{min-height:0;overflow-y:auto}
.cart-drawer footer{flex-shrink:0}
.cart-drawer .btn-full{display:block;text-align:center}
.market-layout{grid-template-columns:minmax(0,1fr) minmax(280px,340px)}
.market-layout>*{min-width:0}
.checkout-layout{grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr)}
.checkout-layout>*{min-width:0}
.commerce-grid,.learning-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.admin-shell,.studio-shell{grid-template-columns:250px minmax(0,1fr)}
.admin-sidebar,.studio-sidebar{min-width:0}
.review-drawer{max-width:100vw;overflow:hidden}
.review-body{min-height:0}
.btn.disabled,.btn[aria-disabled="true"]{opacity:.55;pointer-events:none}
button:disabled{opacity:.6;cursor:not-allowed}
@media(max-width:950px){.market-layout,.checkout-layout{grid-template-columns:1fr}.market-layout>aside{width:100%}}
@media(max-width:850px){.admin-shell,.studio-shell{grid-template-columns:minmax(0,1fr)}.admin-main,.studio-main{max-width:100vw}.site-header{align-items:center}.header-actions{min-width:100%}}
@media(max-width:560px){.site-header .brand{max-width:calc(100vw - 80px)}.brand strong{font-size:21px}.cart-drawer{width:100vw}.lesson-heading .btn{width:100%}.resource-list a{grid-template-columns:36px minmax(0,1fr);gap:10px}.resource-list em{grid-column:2}}

/* Phase 7 targeted header correction */
.site-header{
  min-height:78px;
  height:auto;
  display:grid;
  grid-template-columns:max-content minmax(360px,auto) minmax(380px,1fr);
  align-items:center;
  column-gap:24px;
  padding:12px clamp(18px,3vw,48px);
}
.site-header .brand{min-width:235px;max-width:235px;overflow:hidden}
.site-header .brand-mark{width:48px;height:48px;min-width:48px;border-radius:24px 24px 24px 8px}
.site-header .brand strong{font-size:28px;line-height:1.05;white-space:nowrap}
.site-header .brand small{font-size:12px;line-height:1.3;white-space:nowrap}
.site-header nav{display:flex;align-items:center;justify-content:flex-start;gap:clamp(14px,1.5vw,28px);min-width:0;font-size:15px}
.site-header nav a{display:flex;align-items:center;gap:5px;white-space:nowrap;min-width:0}
.site-header .header-actions{display:grid;grid-template-columns:minmax(220px,1fr) 44px 44px max-content max-content;align-items:center;gap:10px;margin-left:0;min-width:0}
.site-header .header-search{width:100%;min-width:0;max-width:none;height:46px;padding:0 14px;align-items:center}
.site-header .header-search input{min-width:0;font-size:14px}
.site-header .btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:10px 17px;line-height:1.1;white-space:nowrap}
.site-header .wishlist-button,.site-header .cart-button{position:relative;width:44px;height:44px;min-width:44px}
.site-header .wishlist-button b,.site-header .cart-button b{top:-7px;right:-5px}
@media(max-width:1450px){
  .site-header{grid-template-columns:max-content minmax(300px,auto) minmax(330px,1fr);column-gap:16px}
  .site-header .brand{min-width:210px;max-width:210px}
  .site-header nav{gap:14px;font-size:14px}
  .site-header .header-actions{grid-template-columns:minmax(170px,1fr) 42px 42px max-content max-content}
}
@media(max-width:1180px){
  .site-header{grid-template-columns:max-content 1fr max-content}
  .site-header nav{display:none}
  .mobile-menu{display:grid;grid-column:3;grid-row:1}
  .header-actions{grid-column:1/-1;grid-row:2;width:100%}
  .site-header .header-actions{grid-template-columns:minmax(0,1fr) 44px 44px max-content max-content}
  .site-header nav.open{display:flex!important;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;background:white;padding:16px 24px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
}
@media(max-width:680px){
  .site-header{grid-template-columns:minmax(0,1fr) 44px;padding:10px 14px}
  .site-header .brand{min-width:0;max-width:calc(100vw - 90px)}
  .site-header .brand-mark{width:42px;height:42px;min-width:42px}
  .site-header .brand strong{font-size:23px}
  .mobile-menu{grid-column:2}
  .site-header .header-actions{grid-template-columns:minmax(0,1fr) 42px 42px}
  .site-header .header-actions>.btn{display:none}
  .site-header .header-account{grid-column:1/-1}
}

/* Phase 7 live learning */
.live-page{max-width:1280px;margin:0 auto;padding:42px 4% 70px}
.live-pagehead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}
.live-pagehead h1{font-size:38px;margin:4px 0 8px}.live-pagehead p{margin:0;color:var(--slate)}
.live-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.live-tabs button{border:1px solid var(--line);background:white;border-radius:999px;padding:9px 15px;font-weight:700;cursor:pointer}.live-tabs button.active{background:var(--burgundy);color:white;border-color:var(--burgundy)}
.live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.live-card{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.live-card-top{padding:22px;background:var(--paper);display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.live-card-top span:first-child{width:48px;height:48px;border-radius:12px;background:white;color:var(--burgundy);display:grid;place-items:center}.live-status{font-size:11px;font-weight:800;border-radius:999px;padding:6px 9px;background:#e8f6ec;color:#267842}.live-status.upcoming{background:#fff0d7;color:#8b5a00}.live-status.completed{background:#eee;color:#555}.live-card-body{padding:20px;display:flex;flex-direction:column;gap:13px;flex:1}.live-card h2{font-size:18px;line-height:1.35;margin:0}.live-meta{display:grid;gap:8px;color:var(--slate);font-size:13px}.live-meta div{display:flex;align-items:center;gap:8px}.live-card-actions{display:flex;gap:10px;margin-top:auto}.live-card-actions .btn{flex:1;text-align:center}.live-empty{grid-column:1/-1;text-align:center;padding:55px 20px;border:1px dashed var(--line);border-radius:14px;color:var(--slate)}
.live-room{min-height:100vh;background:#111318;color:white;display:grid;grid-template-rows:auto minmax(0,1fr)}.live-room-header{height:70px;padding:0 24px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #2b2e35;background:#181a20}.live-room-header .brand strong{color:white}.live-room-header .brand small{color:#bbb}.live-room-title{min-width:0;flex:1}.live-room-title b,.live-room-title small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-room-title small{color:#aaa;margin-top:3px}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:0}.stage{display:grid;place-items:center;background:#0b0d11;padding:22px;min-width:0}.video-stage{width:100%;height:100%;min-height:520px;border-radius:15px;background:radial-gradient(circle at center,#30343d,#15171c 65%);display:grid;place-items:center;position:relative;overflow:hidden}.presenter-placeholder{text-align:center}.presenter-placeholder>span{width:110px;height:110px;border-radius:50%;background:var(--burgundy);display:grid;place-items:center;font-size:42px;margin:0 auto 18px}.presenter-placeholder h2{margin:0 0 7px}.presenter-placeholder p{color:#bbb;margin:0}.room-controls{position:absolute;bottom:22px;display:flex;gap:10px;background:rgba(0,0,0,.55);padding:10px;border-radius:999px}.room-controls button{width:46px;height:46px;border-radius:50%;border:0;background:#333741;color:white;display:grid;place-items:center;cursor:pointer}.room-controls button.danger{background:#a12626}.room-panel{background:#181a20;border-left:1px solid #2b2e35;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0}.room-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #2b2e35}.room-tabs button{padding:17px;border:0;background:none;color:#bbb;font-weight:700}.room-tabs button.active{color:white;border-bottom:2px solid var(--wine)}.room-feed{overflow:auto;padding:18px}.chat-message{margin-bottom:16px}.chat-message b{font-size:13px}.chat-message small{color:#888;margin-left:7px}.chat-message p{margin:5px 0 0;color:#ddd;font-size:13px;line-height:1.5}.chat-form{display:flex;gap:8px;padding:14px;border-top:1px solid #2b2e35}.chat-form input{flex:1;min-width:0;border:1px solid #383c46;background:#22252c;color:white;border-radius:8px;padding:11px}.chat-form button{border:0;background:var(--burgundy);color:white;border-radius:8px;padding:0 15px;font-weight:700}.participant{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #292c33}.participant span{width:34px;height:34px;border-radius:50%;background:#30343d;display:grid;place-items:center}.participant div{flex:1}.participant b,.participant small{display:block}.participant small{color:#888;margin-top:2px}.schedule-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.schedule-form label{font-size:13px;font-weight:700}.schedule-form input,.schedule-form select,.schedule-form textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;margin-top:7px}.schedule-form textarea{min-height:100px;resize:vertical}.schedule-form .full{grid-column:1/-1}.session-table{overflow:auto}.session-row{display:grid;grid-template-columns:1.4fr 1fr .8fr .8fr auto;gap:14px;align-items:center;min-width:800px;padding:14px 4px;border-bottom:1px solid var(--line);font-size:13px}.session-row.header{font-weight:800;color:var(--slate)}
@media(max-width:950px){.live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-layout{grid-template-columns:1fr}.room-panel{border-left:0;border-top:1px solid #2b2e35;min-height:420px}.video-stage{min-height:430px}}
@media(max-width:620px){.live-page{padding:28px 16px 50px}.live-pagehead{display:grid;align-items:start}.live-pagehead h1{font-size:31px}.live-grid{grid-template-columns:1fr}.schedule-form{grid-template-columns:1fr}.schedule-form .full{grid-column:auto}.live-room-header{padding:0 12px}.live-room-header .brand span:last-child{display:none}.video-stage{min-height:360px}.room-controls{bottom:14px}.session-row{min-width:720px}}

/* Targeted corrections from supplied screenshots */
body,
button,
input,
select,
textarea,
.brand strong,
.brand-mark,
.hero h1,
.auth-card h1,
.section-heading h2,
.business h2,
.admin-pagehead h1{
  font-family:Inter,Arial,sans-serif;
}

/* Keep the course column independent from the taller promotional sidebar */
.market-layout{
  align-items:start;
  grid-template-columns:minmax(0,1fr) minmax(300px,340px);
}
.course-content,
.market-layout>aside{
  min-width:0;
  align-self:start;
}
.course-grid{
  align-content:start;
  align-items:stretch;
  grid-auto-rows:auto;
}
.course-card{
  display:flex;
  flex-direction:column;
  height:auto;
  min-height:0;
}
.course-image{
  flex:0 0 145px;
}
.course-body{
  flex:1;
  padding:16px;
}
.course-body h3{
  min-height:0;
  margin-bottom:10px;
}
.price-row{
  gap:12px;
  flex-wrap:nowrap;
  margin-top:16px;
}
.price-row strong{
  flex:0 0 auto;
  white-space:nowrap;
}
.add-cart{
  margin-left:auto;
  min-width:104px;
  max-width:124px;
  padding:9px 12px;
  line-height:1.15;
  white-space:nowrap;
}
.market-layout>aside{
  gap:18px;
}
.promo-card,
.testimonial{
  min-height:0;
  height:auto;
  padding:24px;
  align-items:center;
}
.promo-card>div{
  min-width:0;
}
.promo-card>span{
  flex:0 0 auto;
  align-self:center;
}

/* Replace the oversized empty business artwork with a compact information panel */
.business{
  min-height:0;
  margin:30px 4% 60px;
  padding:44px 48px;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  gap:44px;
  align-items:center;
  overflow:hidden;
}
.business>div:first-child{
  min-width:0;
}
.business h2{
  max-width:620px;
  font-size:36px;
  line-height:1.15;
}
.business-art{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  text-align:left;
  font-size:inherit;
  position:static;
}
.business-art article{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  align-items:center;
  gap:14px;
  padding:15px 17px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:12px;
  background:rgba(255,255,255,.07);
}
.business-art article>span{
  width:46px;
  height:46px;
  margin:0;
  border-radius:10px;
  background:rgba(255,255,255,.1);
  display:grid;
  place-items:center;
  font-size:inherit;
}
.business-art .icon{
  width:22px;
  height:22px;
}
.business-art b,
.business-art small{
  display:block;
}
.business-art small{
  margin-top:4px;
  color:#d9d9d9;
  font-size:12px;
}

@media(max-width:1350px){
  .course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1050px){
  .market-layout{grid-template-columns:1fr}
  .market-layout>aside{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .business{grid-template-columns:1fr;gap:28px}
  .business-art{grid-template-columns:repeat(3,minmax(0,1fr))}
  .business-art article{grid-template-columns:42px minmax(0,1fr)}
}
@media(max-width:760px){
  .course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .market-layout>aside{grid-template-columns:1fr}
  .business{padding:34px 24px}
  .business h2{font-size:30px}
  .business-art{grid-template-columns:1fr}
}
@media(max-width:480px){
  .course-grid{grid-template-columns:1fr}
  .price-row{align-items:center}
  .add-cart{min-width:112px}
}


/* Final targeted screenshot corrections */
.heart{position:absolute;top:14px;right:14px;width:46px;height:46px;border:0;border-radius:50%;background:#fff;color:var(--burgundy);display:grid;place-items:center;box-shadow:0 5px 16px rgba(40,15,20,.08);cursor:pointer;z-index:2}.heart .icon{width:25px;height:25px}.heart.saved{background:var(--burgundy);color:#fff}.testimonial>div{display:flex;flex-direction:row;align-items:center;gap:4px;margin-top:20px}.testimonial>div .icon{width:22px;height:22px;color:var(--gold)}.demo-access button>span .icon{width:22px;height:22px}.demo-access button b,.demo-access button small{line-height:1.25}.demo-access{overflow:auto}.auth-card-wide{align-items:stretch}.auth-body .brand strong,.site-header .brand strong{font-family:Inter,Arial,sans-serif}.brand-mark{font-family:Inter,Arial,sans-serif}
@media(max-width:1200px){.site-header{grid-template-columns:minmax(0,1fr) 48px;display:grid;height:auto;min-height:76px;padding:12px 3%;row-gap:12px}.site-header .brand{grid-column:1;grid-row:1}.mobile-menu{display:grid;grid-column:2;grid-row:1;justify-self:end}.site-header nav{display:none}.site-header nav.open{display:flex!important;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;background:#fff;padding:16px 24px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.site-header .header-actions{grid-column:1/-1;grid-row:2;width:100%;grid-template-columns:minmax(0,1fr) 44px 44px max-content max-content}.site-header .header-search{min-width:0}.site-header .header-actions>.btn{display:inline-flex}}
@media(max-width:650px){.site-header{padding:10px 14px}.site-header .header-actions{grid-template-columns:minmax(0,1fr) 42px 42px;gap:8px}.site-header .header-actions>.btn{display:none}.site-header .brand{max-width:calc(100vw - 76px)}.site-header .brand strong{font-size:23px}.site-header .brand small{font-size:11px}.header-search{height:44px}.wishlist-button,.cart-button{align-self:center}.auth-body{padding:18px 12px}.auth-brand{position:static;margin:0 0 14px}.auth-card{margin:0 auto}.auth-form-panel,.demo-access{padding:26px 20px}.demo-access button{grid-template-columns:38px minmax(0,1fr)}.demo-access button>span{width:38px;height:38px}}

/* Phase 8 marketplace */
.recommendation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.bundle-banner{margin-top:30px;background:var(--ink);color:#fff;border-radius:16px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:24px}.bundle-banner h2{margin:4px 0 8px}.bundle-banner p{margin:0;color:#ddd}.bundle-price{text-align:right;display:grid;gap:8px;justify-items:end}.bundle-price small{text-decoration:line-through;color:#aaa}.bundle-price strong{font-size:30px}.details-page{max-width:1260px;margin:auto;padding-bottom:70px}.details-hero{background:var(--ink);color:#fff;padding:55px 5%;display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:50px;align-items:center}.details-hero h1{font-size:42px;line-height:1.12;margin:10px 0 16px}.details-hero>div>p{color:#ddd;line-height:1.6}.details-rating{display:flex;align-items:center;gap:8px;color:var(--gold)}.details-rating .icon{width:20px}.details-rating span{color:#ddd}.purchase-card{background:#fff;color:var(--ink);border-radius:14px;padding:18px;box-shadow:var(--shadow);display:grid;gap:12px}.purchase-card>strong{font-size:28px}.purchase-card>small{text-align:center;color:var(--slate)}.course-preview{height:190px;background:var(--paper);border-radius:10px;display:grid;place-items:center;position:relative;color:var(--burgundy)}.course-preview .icon-xl{width:70px;height:70px}.course-preview button{position:absolute;bottom:14px;border:0;border-radius:999px;background:#fff;padding:9px 14px;display:flex;gap:7px;align-items:center;font-weight:700}.details-content{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;padding:35px 5%}.details-panel{border:1px solid var(--line);border-radius:14px;padding:24px;background:#fff;margin-bottom:20px;min-width:0}.details-panel h2{margin-top:0}.details-panel li{margin:12px 0}.details-panel details{border-top:1px solid var(--line);padding:15px 0}.details-panel summary{font-weight:700;cursor:pointer;display:flex;justify-content:space-between;gap:12px}.details-panel summary span{font-weight:400;color:var(--slate)}.review-summary{text-align:center;background:var(--paper);padding:20px;border-radius:10px}.review-summary>strong{font-size:40px}.stars-row{display:flex;gap:3px;color:var(--gold);margin:7px 0}.review-summary .stars-row{justify-content:center}.stars-row .icon{width:18px;height:18px}.review{border-top:1px solid var(--line);padding-top:17px;margin-top:17px}.review p{color:var(--slate)}.deals-page{max-width:1260px;margin:auto;padding-bottom:70px}.deals-hero{margin:35px 4%;border-radius:18px;background:linear-gradient(120deg,#f7e9ec,#fff8ef);padding:55px}.deals-hero h1{font-size:48px;margin:5px 0 12px}.deal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.deal-grid article{border:1px solid var(--line);border-radius:14px;padding:24px;background:#fff;display:grid;gap:10px}.deal-grid article>span{width:48px;height:48px;border-radius:10px;background:#f7e9ec;color:var(--burgundy);display:grid;place-items:center}.deal-grid h3,.deal-grid p{margin:0}.deal-grid small{color:var(--slate);text-decoration:line-through}.deal-grid strong{font-size:27px}.notification-box{margin:20px 4%;border:1px solid var(--line);border-radius:16px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.notification-box h2{margin:4px 0 8px}.notification-box p{margin:0;color:var(--slate)}.switch input{display:none}.switch span{width:54px;height:30px;background:#ccc;border-radius:99px;display:block;position:relative;cursor:pointer}.switch span:after{content:'';position:absolute;width:24px;height:24px;border-radius:50%;background:white;top:3px;left:3px;transition:.2s}.switch input:checked+span{background:var(--burgundy)}.switch input:checked+span:after{left:27px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,30px);opacity:0;background:var(--ink);color:#fff;padding:12px 18px;border-radius:9px;transition:.2s;z-index:200}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:950px){.recommendation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.details-hero,.details-content{grid-template-columns:1fr}.purchase-card{max-width:520px}.deal-grid{grid-template-columns:1fr}.bundle-banner{align-items:flex-start}.bundle-price{text-align:left;justify-items:start}}
@media(max-width:600px){.recommendation-grid{grid-template-columns:1fr}.bundle-banner{display:grid;padding:24px}.details-hero{padding:35px 18px}.details-hero h1{font-size:32px}.details-content{padding:24px 16px}.deals-hero{margin:20px 14px;padding:34px 22px}.deals-hero h1{font-size:36px}.notification-box{margin:20px 14px;padding:22px}.simple-header nav{display:none}}

/* Targeted corrections requested after Phase 8 */
/* Shared header actions: never allow authentication buttons to collide */
.site-header .header-actions{flex-wrap:nowrap;gap:10px;align-items:center}
.site-header .header-actions>.btn{white-space:nowrap;min-width:max-content;text-align:center}
.site-header .header-search{flex:1 1 420px;min-width:220px;max-width:none}
.site-header .mobile-menu{align-self:center;justify-self:end}

/* Live Classes header */
@media (max-width:1180px){
  .site-header .header-actions{display:grid!important;grid-template-columns:minmax(0,1fr) max-content max-content;width:100%;grid-column:1/-1}
  .site-header .header-search{min-width:0;width:100%}
  .site-header .header-actions>.btn{height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px}
}
@media (max-width:560px){
  .site-header .header-actions{grid-template-columns:minmax(0,1fr) max-content!important}
  .site-header .header-actions>a.btn-ghost{display:none!important}
  .site-header .header-actions>.btn-primary{display:inline-flex!important}
}

/* Commerce pages: remove oversized centered Account bar */
body[data-page]>.site-header,
.commerce-page~.site-header{height:auto}
body[data-page]>.site-header .header-actions{width:auto;display:flex!important;grid-column:auto}
body[data-page]>.site-header .header-actions .btn{width:auto;min-width:110px}
@media(max-width:850px){
  body[data-page]>.site-header{display:flex;flex-wrap:nowrap;min-height:78px}
  body[data-page]>.site-header nav{display:none}
  body[data-page]>.site-header .header-actions{order:initial;margin-left:auto;min-width:0}
}

/* Instructor sidebar: keep support box readable and within viewport */
.studio-sidebar{overflow-y:auto;overscroll-behavior:contain}
.studio-sidebar nav{flex:0 0 auto}
.studio-help{margin-top:22px;flex:0 0 auto;padding:16px}
.studio-help b{display:block;font-size:17px;line-height:1.25}
.studio-help p{margin:10px 0 14px;overflow-wrap:anywhere}
.studio-help button{min-height:40px}
@media(max-height:720px){.studio-brand{padding-bottom:16px}.studio-sidebar nav a{padding:10px 12px}.studio-help{margin-top:14px}}

/* Admin top-bar notification and menu buttons */
.admin-topbar>.icon-button[aria-label="Notifications"]{position:relative;overflow:visible}
.admin-topbar>.icon-button[aria-label="Notifications"] b{position:absolute;top:-7px;right:-7px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--burgundy);color:#fff;font-size:11px;line-height:1;border:2px solid #fff}
.admin-menu,.studio-menu,.mobile-menu{display:none;align-items:center;justify-content:center}
@media(max-width:850px){.admin-menu,.studio-menu,.mobile-menu{display:grid!important}}

/* Admin users tabs and Add User action */
.admin-pagehead>.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;white-space:nowrap;width:auto}
.tabbar{display:flex;align-items:center;gap:12px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
.tabbar button{display:inline-flex;align-items:center;gap:8px;min-height:52px;white-space:nowrap;font-size:15px}
.tabbar b{min-width:26px;height:26px;display:inline-grid;place-items:center;padding:0 7px}
@media(max-width:850px){.admin-pagehead>.btn{width:max-content!important;max-width:100%}}

/* Payout table: stop percentages and statuses breaking vertically */
.payout-tr{grid-template-columns:minmax(210px,1.5fr) minmax(110px,.8fr) minmax(150px,1fr) minmax(145px,1fr) minmax(130px,.8fr);align-items:center}
.payout-tr strong,.payout-tr .status,.payout-tr .table-action{white-space:nowrap}
.payout-tr .table-action{justify-self:start;display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:7px;background:white;color:var(--burgundy);font-weight:700;cursor:pointer}
.payout-tr .table-action:hover{background:var(--paper)}
.admin-panel{max-width:100%}
.admin-table{overflow-x:auto}

/* Ensure progress figures remain horizontal */
.quality-pill{display:grid!important;grid-template-columns:minmax(70px,1fr) auto!important;align-items:center;gap:9px;min-width:120px}
.quality-pill b{white-space:nowrap;word-break:normal;overflow-wrap:normal}

/* Mobile spacing for all corrected controls */
@media(max-width:560px){
  .admin-topbar{gap:8px}
  .admin-topbar>.icon-button{flex:0 0 42px}
  .admin-pagehead>.btn{width:100%!important}
  .tabbar{margin-inline:-16px;padding-inline:16px}
}


/* ===== Phase 9 targeted stability + role UX corrections ===== */
/* One typography system everywhere */
body,button,input,select,textarea,.brand-mark,.brand strong,.hero h1,.auth-card h1,.section-heading h2,.business h2,.studio-pagehead h1,.admin-pagehead h1{font-family:Inter,Arial,sans-serif!important}

/* Public header: resilient at every width */
.site-header{width:100%;max-width:100vw;overflow:visible}
.site-header .brand{flex:0 0 auto}
.site-header .header-actions{min-width:0}
.header-search{min-width:0}
.wishlist-button,.cart-button,.icon-button,.mobile-menu,.admin-menu,.studio-menu{width:44px;height:44px;min-width:44px;border:0;background:transparent;border-radius:9px;display:grid;place-items:center;position:relative;cursor:pointer;color:var(--ink)}
.wishlist-button:hover,.cart-button:hover,.icon-button:hover,.mobile-menu:hover,.admin-menu:hover,.studio-menu:hover{background:var(--paper)}
.wishlist-button b,.cart-button b{position:absolute;top:-5px;right:-4px;width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:var(--burgundy);color:#fff;border:2px solid var(--cream);font-size:10px;line-height:1}

/* Course moderation table: protect score/status/action columns */
.admin-tr{grid-template-columns:minmax(300px,2fr) minmax(150px,.9fr) minmax(160px,.85fr) minmax(150px,.8fr) minmax(105px,.55fr)!important;gap:18px;min-width:990px!important;align-items:center}
.admin-tr .quality-pill{display:flex!important;align-items:center;gap:10px;min-width:145px!important;width:100%}
.admin-tr .quality-pill:before{content:"";height:9px;flex:1;min-width:85px;border-radius:99px;background:var(--paper)}
.admin-tr .quality-pill i{position:absolute;height:9px;border-radius:99px;background:var(--burgundy);max-width:120px}
.admin-tr .quality-pill{position:relative}
.admin-tr .quality-pill b{margin-left:auto;display:inline-block!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;min-width:40px;text-align:right}
.admin-tr>.table-action{justify-self:end;white-space:nowrap;overflow:visible}
.admin-th{font-weight:800}

/* Fixed desktop sidebars; clean off-canvas on compact devices */
@media(min-width:851px){
 .admin-shell,.studio-shell{display:block!important;min-height:100vh}
 .admin-sidebar,.studio-sidebar{position:fixed!important;left:0;top:0;width:250px;height:100dvh;z-index:50;overflow-y:auto;overflow-x:hidden}
 .admin-main,.studio-main{margin-left:250px;width:calc(100% - 250px)!important;min-height:100vh;overflow:visible!important}
 .admin-topbar,.studio-top{position:sticky;top:0}
}
@media(max-width:850px){
 .admin-main,.studio-main{margin-left:0!important;width:100%!important}
 .admin-sidebar,.studio-sidebar{position:fixed!important;left:-280px!important;top:0;width:260px!important;height:100dvh!important;z-index:80;transition:left .22s ease;box-shadow:18px 0 40px rgba(0,0,0,.18)}
 .admin-sidebar.open,.studio-sidebar.open{left:0!important}
 .admin-topbar,.studio-top{position:sticky;top:0;z-index:55}
 .admin-menu,.studio-menu,.mobile-menu{display:grid!important}
}

/* Instructor sidebar details */
.studio-sidebar nav,.admin-sidebar nav{width:100%}
.studio-sidebar nav a,.admin-sidebar nav a,.admin-sidebar-foot a{width:100%;min-width:0;gap:12px;align-items:center}
.studio-sidebar nav a .icon,.admin-sidebar nav a .icon,.admin-sidebar-foot a .icon{flex:0 0 24px;width:24px;height:24px}
.studio-sidebar nav a span,.admin-sidebar nav a span,.admin-sidebar-foot a span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.studio-help{width:100%;max-width:100%;margin:18px 0 0!important;padding:18px!important;border-radius:14px;overflow:hidden}
.studio-help b{font-size:16px!important}
.studio-help p{font-size:12px;line-height:1.55;margin:10px 0 15px!important}
.studio-help a,.studio-help button{display:flex;width:100%;min-height:42px;align-items:center;justify-content:center;border:0;border-radius:8px;background:#fff;color:var(--burgundy);font-weight:800;padding:10px 12px;white-space:nowrap}

/* Topbar controls from screenshots */
.studio-top,.admin-topbar{min-width:0}
.studio-top .studio-menu,.admin-topbar .admin-menu{flex:0 0 44px}
.studio-user>.icon-button,.admin-topbar>.icon-button{flex:0 0 44px}
.studio-user .icon-button[aria-label="Notifications"],.admin-topbar .icon-button[aria-label="Notifications"]{overflow:visible}

/* Instructor promo card: no oversized emoji */
.promo-card.instructor{align-items:center;min-height:250px}
.promo-card.instructor>div{min-width:0;flex:1}
.promo-card.instructor>.promo-visual{width:86px;height:86px;flex:0 0 86px;border-radius:22px;background:#f3e7e9;color:var(--burgundy);display:grid;place-items:center;align-self:center}
.promo-card.instructor>.promo-visual .icon{width:46px;height:46px}

/* Payout table stays horizontal and readable */
.payout-tr{grid-template-columns:minmax(220px,1.4fr) minmax(125px,.7fr) minmax(170px,.9fr) minmax(160px,.8fr) minmax(140px,.7fr)!important;gap:18px;min-width:930px!important}
.payout-tr>*{min-width:0}
.payout-tr strong,.payout-tr .status,.payout-tr .table-action{white-space:nowrap!important;word-break:keep-all!important}
.payout-tr .table-action{justify-self:end!important}

/* Messaging */
.message-page{padding:30px;max-width:1500px;margin:auto}
.message-shell{display:grid;grid-template-columns:330px minmax(0,1fr);height:calc(100dvh - 150px);min-height:560px;background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 8px 28px rgba(35,15,20,.05)}
.thread-list{border-right:1px solid var(--line);min-width:0;overflow:auto;background:#fcfaf8}
.thread-list header{padding:18px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fcfaf8;z-index:2}
.thread-list header h2{margin:0 0 10px;font-size:18px}
.thread-search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:white;border-radius:9px;padding:0 10px;height:42px}
.thread-search input{border:0;outline:0;background:transparent;min-width:0;width:100%}
.thread-item{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;padding:15px 18px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;cursor:pointer}
.thread-item:hover,.thread-item.active{background:#f6ebed}
.thread-avatar{width:42px;height:42px;border-radius:50%;background:var(--burgundy);color:white;display:grid;place-items:center;font-weight:800}
.thread-copy{min-width:0}.thread-copy b,.thread-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-copy small{color:var(--slate);margin-top:4px}.thread-time{font-size:10px;color:var(--slate)}
.chat-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0}
.chat-head{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.chat-head div{min-width:0}.chat-head b,.chat-head small{display:block}.chat-head small{color:var(--slate)}
.chat-messages{padding:22px;overflow:auto;background:#fff;display:flex;flex-direction:column;gap:12px}
.bubble{max-width:min(72%,650px);padding:12px 14px;border-radius:14px;background:var(--paper);line-height:1.45;font-size:13px}.bubble.mine{align-self:flex-end;background:var(--burgundy);color:white}.bubble small{display:block;margin-top:6px;opacity:.7;font-size:10px}
.chat-compose{border-top:1px solid var(--line);padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.chat-compose textarea{resize:none;min-height:46px;max-height:110px;border:1px solid var(--line);border-radius:10px;padding:12px;outline:0}.chat-compose button{min-width:110px}
@media(max-width:760px){.message-page{padding:16px}.message-shell{grid-template-columns:1fr;height:auto;min-height:0}.thread-list{border-right:0;border-bottom:1px solid var(--line);max-height:310px}.chat-panel{min-height:590px}.bubble{max-width:88%}.chat-compose{grid-template-columns:1fr}.chat-compose button{width:100%}}

/* Education-stage filters */
.stage-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:20px}
.stage-card{border:1px solid var(--line);background:white;border-radius:12px;padding:16px;text-align:left;cursor:pointer;display:flex;gap:12px;align-items:center;min-width:0}
.stage-card .icon{width:26px;height:26px;color:var(--burgundy);flex:0 0 26px}.stage-card div{min-width:0}.stage-card b,.stage-card small{display:block}.stage-card small{color:var(--slate);margin-top:3px}.stage-card:hover,.stage-card.active{border-color:var(--burgundy);background:#fbf3f4}
@media(max-width:1000px){.stage-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.stage-strip{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.stage-strip{grid-template-columns:1fr}}

/* Public header responsive rules - prevent auth collision */
@media(max-width:1200px){
 .site-header{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;grid-template-rows:auto auto!important;height:auto!important;min-height:76px;padding:12px 3%!important;gap:10px 14px!important}
 .site-header .brand{grid-column:1;grid-row:1;max-width:calc(100vw - 90px)}
 .site-header .mobile-menu{grid-column:2;grid-row:1;justify-self:end}
 .site-header nav{display:none!important}
 .site-header nav.open{display:flex!important;position:absolute;top:100%;left:0;right:0;background:white;flex-direction:column;padding:14px 20px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
 .site-header .header-actions{grid-column:1/-1;grid-row:2;display:grid!important;grid-template-columns:minmax(0,1fr) 44px 44px max-content max-content!important;width:100%;gap:9px!important}
 .site-header .header-search{width:100%;max-width:none;min-width:0!important;height:46px}
 .site-header .header-actions>.btn{min-height:46px;padding:0 17px;display:flex!important;align-items:center;justify-content:center;white-space:nowrap}
}
@media(max-width:680px){
 .site-header .brand strong{font-size:24px!important}.site-header .brand small{font-size:11px}
 .site-header .header-actions{grid-template-columns:minmax(0,1fr) 44px 44px!important}
 .site-header .header-actions>a.btn{display:none!important}
 .site-header .header-account{grid-column:1/-1!important;width:100%;display:flex!important;gap:8px}
 .site-header .header-account .btn{display:flex!important;flex:1;min-width:0}
}

/* Device flexibility */
img,video,iframe,svg{max-width:100%}
.admin-page,.studio-page,.section,.live-page,.commerce-page{max-width:100%}
button,a,input,select,textarea{touch-action:manipulation}


/* ===== Phase 9.1 targeted fixes ===== */
/* Moderation score and status must remain independent columns. */
.admin-tr .quality-pill{display:grid!important;grid-template-columns:minmax(92px,1fr) 48px!important;gap:10px!important;align-items:center!important;position:static!important;min-width:150px!important;width:100%!important}
.admin-tr .quality-pill:before{display:none!important;content:none!important}
.admin-tr .quality-track{display:block;position:relative;height:9px;min-width:92px;background:var(--paper);border-radius:999px;overflow:hidden}
.admin-tr .quality-track i{display:block!important;position:static!important;height:100%!important;max-width:none!important;background:var(--burgundy);border-radius:inherit}
.admin-tr .quality-pill b{display:block!important;margin:0!important;min-width:48px!important;text-align:left!important;white-space:nowrap!important;line-height:1.1!important;position:static!important}
.admin-tr>.status{justify-self:start;display:inline-flex!important;width:max-content!important;max-width:100%;white-space:nowrap!important;line-height:1.15!important}
.admin-tr>.table-action{min-width:90px}

/* Signup expertise field */
#expertiseWrap[hidden]{display:none!important}
#expertiseWrap select{width:100%}

/* Support request page */
.support-page{max-width:920px;margin:0 auto;padding:56px 24px 80px}
.support-intro{max-width:700px;margin-bottom:26px}
.support-intro h1{font-size:clamp(34px,5vw,54px);margin:8px 0 12px}
.support-intro p:last-child{color:var(--slate);font-size:17px;line-height:1.65}
.support-form{display:grid;gap:18px;padding:28px}
.support-form label{display:grid;gap:8px;font-weight:700}
.support-form input,.support-form select,.support-form textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:13px 14px;background:#fff;color:var(--ink);font:inherit;min-height:48px}
.support-form textarea{resize:vertical;min-height:180px;line-height:1.55}
.support-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.support-destination{color:var(--slate);font-size:13px}
.support-success{color:#176c3a;font-weight:700;margin:0}
@media(max-width:640px){.support-page{padding:34px 16px 60px}.support-form{padding:20px}.support-form .form-grid{grid-template-columns:1fr}.support-actions .btn{width:100%}}

/* Phase 11 access-flow and responsive hardening */
html,body{max-width:100%;overflow-x:hidden;font-family:Inter,Arial,sans-serif}
.site-header{position:relative;z-index:80}
.site-header nav.open{z-index:90}
.role-login-choice{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}
.role-login-choice button{min-height:112px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:18px;display:grid;grid-template-columns:48px 1fr;align-items:center;text-align:left;gap:14px;cursor:pointer;color:var(--ink)}
.role-login-choice button:hover{border-color:var(--burgundy);box-shadow:0 8px 24px rgba(89,25,39,.08)}
.role-login-choice button>span{width:48px;height:48px;border-radius:12px;background:#f7e9ec;color:var(--burgundy);display:grid;place-items:center}
.role-login-choice button .icon{width:24px;height:24px}.role-login-choice button div{display:grid;gap:5px}.role-login-choice button b{font-size:19px}.role-login-choice button small{color:var(--slate);line-height:1.35}
.selected-login-role{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;padding:12px 14px;border-radius:10px;background:var(--paper)}
.selected-login-role button{border:0;background:transparent;color:var(--burgundy);font-weight:750;cursor:pointer}.selected-login-role strong{font-size:14px}
@media(max-width:560px){.role-login-choice{grid-template-columns:1fr}.role-login-choice button{min-height:92px}}

/* Live Classes header: never let auth buttons collide or clip */
.live-header{grid-template-columns:max-content minmax(360px,1fr) minmax(420px,620px);gap:20px;padding-left:3%;padding-right:3%}
.live-header .brand{min-width:260px}.live-header nav{min-width:0;justify-content:center;gap:20px}.live-header .header-actions{min-width:0;display:grid!important;grid-template-columns:minmax(220px,1fr) max-content max-content;gap:10px;width:100%}.live-header .header-search{min-width:0;width:100%;max-width:none}.live-header .header-actions>.btn{min-width:96px;height:46px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
@media(max-width:1320px){.live-header{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;grid-template-rows:auto auto!important}.live-header .brand{grid-column:1;grid-row:1;min-width:0}.live-header .mobile-menu{display:grid!important;grid-column:2;grid-row:1}.live-header nav{display:none!important}.live-header nav.open{display:flex!important}.live-header .header-actions{grid-column:1/-1;grid-row:2;grid-template-columns:minmax(0,1fr) max-content max-content!important}}
@media(max-width:680px){.live-header .header-actions{grid-template-columns:minmax(0,1fr)!important}.live-header .header-actions>.btn{display:none!important}.live-header .header-account{grid-column:1;width:100%}}

/* Admin mobile menu + notifications */
.admin-mobile-backdrop{position:fixed;inset:0;background:rgba(18,13,16,.42);z-index:84;opacity:0;visibility:hidden;transition:.2s}
.admin-mobile-backdrop.open{opacity:1;visibility:visible}
.admin-notifications{position:fixed;top:72px;right:18px;width:min(390px,calc(100vw - 36px));max-height:calc(100vh - 92px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 60px rgba(30,16,21,.2);z-index:100;padding:18px;transform:translateY(-8px);opacity:0;visibility:hidden;transition:.18s}
.admin-notifications.open{transform:none;opacity:1;visibility:visible}.admin-notifications header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.admin-notifications h2{margin:2px 0 0;font-size:22px}.admin-notifications a{display:grid;gap:4px;padding:15px 4px;border-bottom:1px solid var(--line)}.admin-notifications a:last-child{border-bottom:0}.admin-notifications small{color:var(--slate)}
@media(max-width:850px){.admin-sidebar{position:fixed!important;left:0;top:0;bottom:0;height:100dvh!important;transform:translateX(-105%);transition:transform .22s;z-index:90}.admin-sidebar.open{transform:translateX(0)}.admin-menu{display:grid!important}.admin-topbar{padding:0 14px}.admin-search{min-width:0;flex:1}.admin-user div{display:none}.admin-notifications{top:66px;right:10px;width:calc(100vw - 20px)}}

/* Phase 11 media workspace */
.media-page{padding-bottom:70px}.media-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.media-toolbar select{min-width:260px}.media-upload{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:20px}.media-drop{border:1px dashed #caaeb5;border-radius:14px;padding:28px;background:#fff;display:grid;gap:14px}.media-drop input[type=file]{width:100%}.upload-progress{height:10px;border-radius:999px;background:var(--paper);overflow:hidden}.upload-progress i{height:100%;width:0;display:block;background:var(--burgundy);transition:width .2s}.asset-list{display:grid;gap:10px}.asset-row{display:grid;grid-template-columns:44px minmax(0,1fr) max-content;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff}.asset-row>span{width:44px;height:44px;border-radius:10px;background:#f6e9ec;color:var(--burgundy);display:grid;place-items:center}.asset-row small{color:var(--slate)}
@media(max-width:820px){.media-upload{grid-template-columns:1fr}.media-toolbar select{width:100%;min-width:0}}

/* Phase 12 commerce */
.phase12-checkout{align-items:start}.db-course-list{display:grid;gap:10px;margin:20px 0;max-height:420px;overflow:auto}.db-course-option{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line,#eadbd2);border-radius:14px;padding:14px;cursor:pointer}.db-course-option span{min-width:0;display:grid;gap:4px}.db-course-option small{color:#666}.db-course-option strong{white-space:nowrap}.coupon-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:18px 0}.payment-options label small{display:block;font-weight:400;font-size:12px}.payment-unconfigured{opacity:.62}.db-orders .purchase-row,.db-orders .purchase-head{min-width:760px}@media(max-width:720px){.phase12-checkout{grid-template-columns:1fr}.db-course-option{grid-template-columns:auto minmax(0,1fr)}.db-course-option>strong{grid-column:2}.coupon-row{grid-template-columns:1fr}.coupon-row .btn{width:100%}}

/* Phase 13 checkout alignment correction */
.phase12-checkout .payment-options{display:grid;gap:12px;margin:14px 0 20px}
.phase12-checkout .payment-options .payment-option{display:grid;grid-template-columns:22px 36px minmax(0,1fr);gap:14px;align-items:center;min-height:86px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;cursor:pointer;overflow:hidden}
.phase12-checkout .payment-options .payment-option input{width:18px;height:18px;margin:0;justify-self:center;accent-color:var(--burgundy)}
.phase12-checkout .payment-options .payment-icon{display:grid;place-items:center;width:36px;height:36px;font-size:22px;line-height:1}
.phase12-checkout .payment-options .payment-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.phase12-checkout .payment-options .payment-copy b{font-size:17px;line-height:1.25}
.phase12-checkout .payment-options .payment-copy small{font-size:12px;line-height:1.35;color:var(--slate)}
.phase12-checkout .payment-options .payment-option:has(input:checked){border-color:var(--burgundy);background:#fbf3f4}
@media(max-width:560px){.phase12-checkout .payment-options .payment-option{grid-template-columns:22px 30px minmax(0,1fr);gap:10px;padding:14px}.phase12-checkout .payment-options .payment-copy b{font-size:15px}}

/* Phase 13 live class controls */
.session-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.session-actions .btn{white-space:nowrap}
.schedule-form input[type="url"]{width:100%;min-width:0}
.schedule-form .check-row{display:flex;align-items:center;gap:10px}
.schedule-form .check-row input{width:18px;height:18px;margin:0;accent-color:var(--burgundy)}
#launchMeeting{margin-top:14px}
.room-empty{padding:18px;color:var(--slate);text-align:center}
.live-card-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
@media(max-width:720px){.session-actions{align-items:stretch;flex-direction:column}.session-actions .btn{width:100%}.live-card-actions{align-items:stretch;flex-direction:column}.live-card-actions .btn{width:100%}}

/* Phase 14 communications and notification centre */
.simple-page{min-height:100vh;background:var(--pearl,#f8f5f1)}
.simple-top{min-height:92px;padding:18px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border-bottom:1px solid #eadfd8;position:sticky;top:0;z-index:20}
.simple-actions{display:flex;align-items:center;gap:10px}
.simple-content{max-width:1440px;margin:0 auto;padding:54px clamp(20px,5vw,72px)}
.notification-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);gap:28px;align-items:start}
.notification-list-card,.notification-settings-card{background:#fff;border:1px solid #eadfd8;border-radius:22px;box-shadow:0 12px 34px rgba(34,22,25,.05);overflow:hidden}
.notification-settings-card{padding:28px;position:sticky;top:116px}
.notification-settings-card>p{color:#5f5660;margin:8px 0 24px}
.notification-item{display:grid;grid-template-columns:10px minmax(0,1fr);gap:16px;padding:22px 24px;border-bottom:1px solid #eee5df;text-decoration:none;color:inherit;background:#fff}
.notification-item:last-child{border-bottom:0}.notification-item:hover{background:#fcfaf8}.notification-item.unread{background:#fff8f6}
.notification-dot{width:9px;height:9px;border-radius:50%;background:transparent;margin-top:8px}.notification-item.unread .notification-dot{background:#812538}
.notification-item b{display:block;font-size:16px}.notification-item p{margin:7px 0;color:#504a50;line-height:1.55}.notification-item small{color:#817780}
.pref-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid #eee5df}.pref-row div{display:grid;gap:4px}.pref-row small{color:#746b72}.pref-row label{display:flex;align-items:center;gap:7px;white-space:nowrap;font-weight:600}.pref-row input{width:18px;height:18px}
.notification-settings-card .btn{margin-top:22px}.form-note{font-size:13px;color:#756c73;margin-top:12px}
.inbox-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.btn-sm{min-height:38px;padding:7px 12px;font-size:13px}
.announcement-item{padding:18px 0;border-bottom:1px solid #eee5df}.announcement-item:last-child{border-bottom:0}.announcement-item>div{display:grid;gap:4px}.announcement-item small{color:#756c73}.announcement-item p{margin:12px 0 0;line-height:1.65;color:#3e393d;white-space:pre-wrap}
@media(max-width:900px){.notification-layout{grid-template-columns:1fr}.notification-settings-card{position:static}.pref-row{grid-template-columns:1fr 1fr}.pref-row>div{grid-column:1/-1}.simple-content{padding-top:32px}}
@media(max-width:560px){.simple-top{min-height:auto;padding:14px 16px}.simple-top .brand small{display:none}.simple-content{padding:28px 14px}.notification-item{padding:18px 16px}.notification-settings-card{padding:20px}.pref-row{grid-template-columns:1fr}.pref-row>div{grid-column:auto}.section-heading{align-items:flex-start}.section-heading>.btn{width:100%}}

/* Phase 16 launch and certificate verification */
.verify-shell{width:min(860px,calc(100% - 32px));margin:32px auto}.verify-shell>.brand{display:inline-flex;margin-bottom:28px}.verify-card{background:#fff;border:1px solid #eadbd4;border-radius:24px;padding:clamp(24px,5vw,52px);box-shadow:0 18px 60px rgba(18,18,18,.08)}.verify-card h1{margin:.25rem 0 .75rem}.verify-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end;margin-top:28px}.verify-form label{display:grid;gap:8px;font-weight:700}.verify-form input{width:100%;min-height:52px;border:1px solid #dbcac2;border-radius:12px;padding:0 16px;font:inherit}.verify-result{margin-top:24px}.verify-valid,.verify-invalid{border-radius:18px;padding:22px;display:flex;gap:18px;align-items:flex-start}.verify-valid{background:#f1f8f3;border:1px solid #cce8d3}.verify-invalid{display:block;background:#fff1f1;border:1px solid #f1cccc}.verify-badge{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#2f7a49;color:#fff;font-size:24px;font-weight:800;flex:0 0 auto}@media(max-width:640px){.verify-form{grid-template-columns:1fr}.verify-form .btn{width:100%}.verify-valid{flex-direction:column}}

/* Mobile header correction only */
@media (max-width: 768px) {
  .site-header,
  .main-header,
  .marketplace-header {
    overflow: visible;
  }

  .header-actions,
  .nav-actions,
  .market-actions {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    width: 100%;
    flex-wrap: nowrap;
  }

  .wishlist-btn,
  .cart-btn,
  .header-icon-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
  }

  .wishlist-btn {
    order: 1;
  }

  .cart-btn {
    order: 2;
  }

  .login-btn {
    display: inline-flex !important;
    order: 3;
    white-space: nowrap;
  }

  .signup-btn {
    display: inline-flex !important;
    order: 4;
    white-space: nowrap;
  }

  .header-search,
  .search-wrap,
  .market-search {
    width: 100%;
    flex: 1 1 100%;
  }
}

/* Mobile landing header fix */
@media (max-width: 768px) {
  .mobile-header-actions {
    display: grid !important;
    grid-template-columns: 48px 48px auto auto;
    align-items: center;
    justify-content: end;
    gap: 10px;
    width: 100%;
    margin-top: 10px;
  }

  .mobile-header-actions .wishlist-btn,
  .mobile-header-actions .cart-btn {
    position: relative !important;
    inset: auto !important;
    margin: 0 !important;
    width: 48px !important;
    height: 48px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: none !important;
  }

  .mobile-header-actions .login-btn,
  .mobile-header-actions .signup-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 16px;
    white-space: nowrap;
    width: auto !important;
    margin: 0 !important;
  }

  .mobile-header-actions .wishlist-btn {
    grid-column: 1;
  }

  .mobile-header-actions .cart-btn {
    grid-column: 2;
  }

  .mobile-header-actions .login-btn {
    grid-column: 3;
  }

  .mobile-header-actions .signup-btn {
    grid-column: 4;
  }
}

@media (max-width: 420px) {
  .mobile-header-actions {
    grid-template-columns: 44px 44px 1fr 1fr;
    gap: 8px;
  }

  .mobile-header-actions .wishlist-btn,
  .mobile-header-actions .cart-btn {
    width: 44px !important;
    height: 44px !important;
  }

  .mobile-header-actions .login-btn,
  .mobile-header-actions .signup-btn {
    min-height: 44px;
    padding: 0 10px;
    font-size: 14px;
  }
}

/* Portrait mobile: keep all important header controls visible */
@media (orientation: portrait) and (max-width: 768px) {

  .site-header {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-rows: auto auto auto !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 12px 16px !important;
  }

  .site-header .brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
  }

  .site-header .mobile-menu {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .site-header .header-search {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .site-header .header-actions {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;

    display: grid !important;
    grid-template-columns: 44px 44px 1fr 1fr !important;
    align-items: center !important;
    gap: 8px !important;

    width: 100% !important;
    min-width: 0 !important;
  }

  .site-header .wishlist-button,
  .site-header .wishlist-btn {
    grid-column: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
  }

  .site-header .cart-button,
  .site-header .cart-btn {
    grid-column: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
  }

  .site-header .login-btn,
  .site-header .header-actions > a.btn.secondary {
    grid-column: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    width: 100% !important;
    white-space: nowrap !important;
    margin: 0 !important;
  }

  .site-header .signup-btn,
  .site-header .header-actions > a.btn.primary {
    grid-column: 4 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    width: 100% !important;
    white-space: nowrap !important;
    margin: 0 !important;
  }
}

/* Portrait mobile header refinement */
@media (orientation: portrait) and (max-width: 768px) {

  .site-header {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .site-header .brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  .site-header .mobile-menu {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
  }

  .site-header .header-actions {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;

    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 16px !important;

    width: 100% !important;
    padding-right: 6px !important;
  }

  .site-header .wishlist-button,
  .site-header .wishlist-btn,
  .site-header .cart-button,
  .site-header .cart-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
  }

  /* Login/signup should not appear in the header itself */
  .site-header .login-btn,
  .site-header .signup-btn,
  .site-header .header-actions > a.btn {
    display: none !important;
  }
}

.mobile-auth-link {
  display: none;
}

@media (max-width: 768px) {
  .mobile-auth-link {
    display: block;
  }
}