/* Complete frontend demo: shared pages, member space and teaching workspace. */
#app:focus{outline:none}a,button{touch-action:manipulation}.account-nav-link{font-size:11px;white-space:nowrap;color:var(--green)}.nav{gap:20px}.nav nav{gap:23px}.nav .brand{font-size:21px}.nav .brand small{font-size:7px}.nav>.button-small{padding:10px 16px;gap:16px}.nav nav a{font-size:11px}.center-action{text-align:center;margin-top:26px}.center-action .button{font-size:12px;gap:45px}.page-heading{background:var(--cream);padding:0 0 48px}.breadcrumbs{display:flex;align-items:center;gap:13px;padding:24px 0 34px;font-size:11px;color:#8b9882;flex-wrap:wrap}.breadcrumbs a:hover{color:var(--green)}.breadcrumbs>span:last-child{color:#52674c}.page-heading .eyebrow{margin-top:8px}.page-heading h1{font-size:44px;line-height:1.5;letter-spacing:-1.5px;margin:15px 0}.page-heading>div>p{color:#7e8c74;font-size:13px;max-width:760px;line-height:2}.catalog-section{padding-top:38px}.filter-panel{background:#f8faf4;border:1px solid #e6ebdf;border-radius:12px;padding:25px 28px}.search-input{display:flex;align-items:center;gap:12px;max-width:550px;border:1px solid #dce5d5;background:#fff;border-radius:6px;height:46px;padding:0 13px;margin-bottom:17px}.search-input>span{font-size:26px;color:#86997a}.search-input input{border:0;background:none;margin:0;height:42px;box-shadow:none;padding:0}.search-input button{background:none;color:#94a28a;font-size:22px}.filter-row{display:flex;gap:22px;align-items:center;margin-top:13px}.filter-label{font-size:11px;white-space:nowrap;color:#97a28b}.chip-group{display:flex;gap:9px;flex-wrap:wrap}.chip{padding:8px 15px;font-size:11px;background:transparent;border:1px solid transparent;border-radius:5px;color:#708565;min-height:36px;white-space:nowrap}.chip.active{background:#e4eddb;border-color:#cddcc1;color:#315c3d}.chip:hover{background:#edf2e5}.results-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:27px 0 22px;font-size:11px;color:#84937b}.results-bar label{display:flex;align-items:center;gap:10px;margin:0;white-space:nowrap;font-size:10px}.results-bar select{width:auto;min-width:125px;height:36px;font-size:10px;margin:0;background:#fff}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.portal-course{position:relative;background:white;min-width:0}.portal-course .course-image{height:220px}.portal-course .course-info{padding:22px}.portal-course .course-info h3 a{display:flex;width:100%;justify-content:space-between;align-items:center;font-size:21px}.portal-course .course-info p{font-size:11px;min-height:39px}.favorite-button{position:absolute;top:15px;right:15px;width:32px;height:32px;display:grid;place-items:center;border:1px solid #ffffffb3;background:#fffdf5d9;border-radius:50%;font-size:22px;color:#627957;z-index:2}.favorite-button:hover,.favorite-button.saved{background:#f4e7dc;color:#ac6d51}.catalog-info{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;font-size:10px;color:#819176}.catalog-info b{font-size:19px;color:var(--green);font-weight:600}.catalog-info small{font-size:9px;color:#8d9b83;font-weight:400}.card-action-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e7ecdf;padding-top:15px;margin-top:5px;font-size:10px;color:#8c9982}.outline-button{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:1px solid #ccd9c0;color:#3c6746;padding:9px 15px;border-radius:5px;background:transparent;min-height:36px;font-size:11px;white-space:nowrap;transition:background .2s}.outline-button:hover{background:#eaf0e2}.soft-tip{background:#f5f7ed;border:1px solid #e3e9d9;border-radius:8px;padding:17px 22px;margin-top:30px;font-size:11px;color:#829475;text-align:center}.soft-tip .text-link{margin-left:8px}.top-gap{margin-top:27px}.empty-state{padding:55px 25px;text-align:center;border:1px dashed #d8e2cd;border-radius:12px;background:#fafcf6;grid-column:1/-1}.empty-state>span{font-size:50px;color:#aabb91;display:block;line-height:1.5}.empty-state h3{font-size:18px;font-weight:500;margin:10px 0}.empty-state p{font-size:12px;color:#8d9a80;line-height:2;margin:10px auto 22px;max-width:480px}.full-width{width:100%}.detail-hero{background:var(--cream);padding:25px 0 50px}.detail-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.detail-hero h1{font-size:45px;font-weight:700;letter-spacing:-1.5px;line-height:1.5;margin:15px 0 20px}.detail-hero p{color:#7d8d72;line-height:2.2;font-size:13px;max-width:580px}.detail-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.detail-badges span{font-size:10px;color:#7d916e;border:1px solid #d9e2cd;background:#f4f6eb;padding:5px 10px;border-radius:5px}.detail-illustration{position:relative;height:300px;overflow:hidden;border-radius:80px 14px 14px 14px;background:#e5ecd9}.illustration-caption{position:absolute;bottom:18px;left:24px;font-size:8px;letter-spacing:2px;color:#56714f}.course-teacher-mini{display:flex;gap:10px;align-items:center;margin-top:25px;font-size:12px}.mini-avatar{height:38px;width:38px;border-radius:50%;background:#dce5ce;color:#647b51;display:grid;place-items:center;font-family:serif;font-size:23px}.course-teacher-mini small{display:block;font-size:9px;color:#98a48a;margin-top:2px}.course-teacher-mini>a{margin-left:15px;font-size:10px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:65px;align-items:start}.section-tabs{display:flex;gap:30px;border-bottom:1px solid #dfe7d5;padding:0 0 18px;font-size:12px;color:#839574;position:sticky;top:91px;background:#fffefa;z-index:2}.section-tabs a:hover{color:var(--green)}.detail-section{padding:35px 0;border-bottom:1px solid #edf0e7;scroll-margin-top:155px}.detail-section h2{font-size:27px;margin-top:10px}.goal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}.goal-grid>div{padding:24px 22px;background:#f7f9f2;border:1px solid #e6ecd9;border-radius:9px}.goal-grid>div>span{font-size:25px;font-family:Georgia,serif;color:#a3b68d}.goal-grid h3{font-size:14px;font-weight:500;margin:13px 0 11px}.goal-grid p{font-size:11px;line-height:2;color:#849876}.syllabus{margin-top:25px;border:1px solid #e1e9d8;border-radius:8px;overflow:hidden}.syllabus>div{display:flex;align-items:center;padding:16px 20px;gap:20px;border-bottom:1px solid #edf0e7}.syllabus>div:last-child{border:0}.syllabus>div>span{font-family:Georgia,serif;font-size:15px;color:#9aad84}.syllabus h3{font-size:12px;font-weight:500}.syllabus small{margin-left:auto;font-size:9px;color:#9eac8e;background:#f3f6ec;padding:3px 7px;border-radius:3px}.body-copy{color:#7d8e70;font-size:12px;line-height:2.15}.method-strip{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f5f7ed;border-radius:8px;padding:20px;margin-top:25px;color:#69835a;font-size:11px}.method-strip b{font-weight:400;color:#a1b18c}.enroll-panel{border:1px solid #dfe8d4;background:#f9fbf4;border-radius:12px;padding:25px;position:sticky;top:125px}.detail-tag{font-size:9px;display:inline-block;background:#e7edda;color:#607d50;padding:4px 8px;border-radius:4px}.enroll-panel h3{font-size:17px;margin-top:17px;font-weight:500}.price{font-size:34px;color:var(--green);font-weight:600;margin-top:15px}.price small{font-size:10px;color:#869978;font-weight:400}.price-caption{font-size:9px;color:#9ba88b}.enroll-panel dl{margin:23px 0;border-top:1px solid #e1e8d6;padding-top:15px}.enroll-panel dl div{display:flex;justify-content:space-between;gap:8px;font-size:10px;padding:7px 0}.enroll-panel dt{color:#96a584}.enroll-panel dd{margin:0;color:#647c54;text-align:right}.enroll-panel .button{width:100%;gap:20px}.enroll-panel .outline-button{margin-top:10px}.favorite-detail{display:block;text-align:center;font-size:10px;margin:17px auto 10px}.small-print{font-size:9px;line-height:1.9;color:#9aa88c}.related{background:#f8faf4}.related .section-top{align-items:center}.related h2{font-size:28px}.simple-detail{border-bottom:1px solid #e2e9d8;padding:18px 0}.simple-detail summary{font-size:12px;cursor:pointer;color:#657f55}.simple-detail p{font-size:11px;line-height:2;color:#8b9c7d;margin-top:13px}.full-teachers{grid-template-columns:repeat(4,minmax(0,1fr))}.teacher-link:hover .teacher-avatar{filter:brightness(.97)}.teacher-link .teacher-detail h3 small{font-size:8px;white-space:nowrap}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:35px 0 0;border-top:1px solid #e6ecd9;margin-top:45px}.feature-strip b{font-size:14px;font-weight:500}.feature-strip p{font-size:11px;line-height:2;color:#8c9b7e;margin-top:9px}.teacher-profile{display:grid;grid-template-columns:350px 1fr;gap:80px;align-items:center}.teacher-profile>.teacher-avatar{height:360px;border-radius:100px 14px 14px 14px;font-size:130px}.teacher-profile h1{font-size:40px;line-height:1.5;margin:15px 0}.teacher-profile h1 small{font-size:13px;font-weight:400;color:#8fa180;margin-left:20px}.teacher-profile blockquote{font-size:23px;line-height:1.8;min-height:0;margin:20px 0}.teacher-profile p{font-size:12px;color:#819674;line-height:2.2}.teacher-profile .button{margin-top:25px}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tag-row span{font-size:9px;border:1px solid #dde6d1;border-radius:4px;color:#7b936a;padding:4px 9px;background:#f5f8ef}.muted-section{background:#f7f9f2}.campus-card{border:1px solid #e1e9d7;border-radius:12px;overflow:hidden;background:white;min-width:0}.campus-image{height:240px;position:relative;display:block;background:#e7eddf}.campus-image>span{position:absolute;top:15px;left:16px;border-radius:5px;padding:4px 9px;background:#fffff4ce;font-size:10px;color:#6c835b}.panel-pad{padding:26px}.campus-card h3{font-size:21px;margin:12px 0 9px;font-weight:500}.campus-card p{font-size:11px;color:#8c9d7d;line-height:2}.address-line{padding:16px 0;margin-top:10px;border-top:1px solid #e8eedf;font-size:10px;color:#90a180}.campus-card .text-link{font-size:11px}.campus-card .card-action-row{margin-top:22px}.two-col{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:start}.room-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.room-grid>div{background:#f6f9f0;border:1px solid #e1e9d6;padding:20px;border-radius:8px}.room-grid>div>span{font-size:25px;color:#89a073}.room-grid h3{font-size:14px;margin:10px 0;font-weight:500}.room-grid p{font-size:10px;color:#8b9e7b}.panel{border:1px solid #e1e8d7;background:white;border-radius:10px;min-width:0}.panel h3{font-size:16px;font-weight:500}.info-list{font-size:11px;margin-top:22px}.info-list dt{color:#9cab8d;margin-top:15px}.info-list dd{margin:5px 0 0;color:#6c835c;line-height:1.9}.campus-map{position:relative;height:230px;background:#eaf0e1;border-radius:8px;overflow:hidden;margin:22px 0;font-size:10px}.campus-map:before{content:'';position:absolute;left:20px;top:22px;width:90px;height:77px;border-radius:20px;background:#d7e4c7}.campus-map:after{content:'';position:absolute;right:15px;bottom:35px;width:90px;height:60px;border-radius:7px;background:#d8e2cb;transform:rotate(-12deg)}.map-road{position:absolute;background:#fffdf0;box-shadow:0 0 0 1px #e1e8d6}.map-road.horizontal{left:-10%;right:-10%;height:30px;top:120px;transform:rotate(-13deg)}.map-road.vertical{left:47%;top:-10%;bottom:-10%;width:35px;transform:rotate(14deg)}.map-park{position:absolute;left:30px;top:47px;color:#88a174;font-size:9px}.map-station{position:absolute;bottom:46px;left:50px;color:#8b9d7b}.map-pin{position:absolute;left:55%;top:60px;color:var(--green);font-size:40px;line-height:1}.map-pin b{font-size:10px;display:block;margin:8px 0 0 -7px;background:#fffdf0;padding:6px 9px;border-radius:4px;font-weight:500}.campus-map>small{position:absolute;bottom:8px;right:12px;font-size:8px;color:#a1ad94}.event-date{position:absolute;left:18px;bottom:15px;background:#fffef0e8;border-radius:7px;padding:9px 14px;font-size:18px;line-height:1.5;color:#617954}.event-date small{display:block;font-size:9px;letter-spacing:1px}.agenda{margin-top:25px}.agenda>div{display:flex;gap:25px;padding:22px 0;border-bottom:1px solid #e6ecdc;align-items:flex-start}.agenda>div>span{height:38px;width:38px;border-radius:50%;display:grid;place-items:center;background:#eaf0e1;color:#8da477;font-size:13px;flex-shrink:0}.agenda h3{font-size:15px;margin:4px 0 9px;font-weight:500}.agenda p{font-size:11px;color:#8fa180}.about-image{height:400px;border-radius:100px 15px 15px 15px;overflow:hidden}.about-intro{align-items:center}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-grid .text-link{font-size:12px;display:inline-block;margin-top:25px}textarea{font:inherit;display:block;width:100%;background:#fdfef9;color:var(--ink);border:1px solid #dce2d4;padding:12px;border-radius:6px;margin-top:7px;resize:vertical;min-height:100px;font-size:12px;line-height:1.8;outline:none}textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #195b4610}textarea::placeholder{color:#a2ab96}#booking-dialog{width:min(550px,calc(100% - 30px));padding:35px}#booking-dialog h2{font-size:27px}.wizard-steps{display:flex;justify-content:space-between;gap:15px;margin:25px 0;border-bottom:1px solid #e3ead9;padding-bottom:20px}.wizard-steps>span{display:flex;align-items:center;gap:8px;color:#a8b29b;font-size:11px}.wizard-steps b{width:24px;height:24px;border:1px solid #dfe6d4;border-radius:50%;display:grid;place-items:center;font-weight:400;font-size:10px}.wizard-steps .active{color:var(--green)}.wizard-steps .active b{background:var(--green);color:#fff;border-color:var(--green)}.wizard-steps .done{color:#7d966a}.wizard-steps .done b{background:#eaf0df;color:#6b8757}.checkbox-label{display:flex;align-items:flex-start;gap:10px;line-height:1.8;font-size:10px;color:#8e9f7d;margin-top:20px}.checkbox-label input{width:15px;height:15px;min-width:15px;margin:2px 0 0;padding:0;accent-color:var(--green);box-shadow:none}.checkbox-label span{font-size:10px}.wizard-actions{display:flex;justify-content:flex-end;gap:13px;margin-top:25px}.wizard-actions .button{font-size:12px;min-height:43px;padding:10px 20px}.wizard-actions .outline-button{min-width:85px}.booking-summary{background:#f6f9f0;padding:22px;border-radius:10px}.booking-summary h3{margin:15px 0;font-size:22px}.booking-summary dl{display:grid;grid-template-columns:80px 1fr;gap:12px;font-size:11px}.booking-summary dt{color:#9eaf8c}.booking-summary dd{margin:0;color:#6a845b}.success-content{text-align:center;padding:10px 0}.success-content .eyebrow{justify-content:center}.success-content h2{font-size:25px;line-height:1.7}.success-content>strong{display:block;font-size:20px;margin:18px 0 10px}.success-content>p{font-size:12px;color:#7f956e;line-height:2;margin:10px 0}.success-content>small{font-size:10px;color:#97a788;display:block;margin-top:15px}.success-content .text-link{display:block;margin:15px auto 0;font-size:11px}.checkout-course{display:flex;align-items:center;gap:20px;background:#f5f8ef;border-radius:8px;padding:15px;margin-bottom:25px}.checkout-course img{width:120px;height:100px;border-radius:6px}.checkout-course h3{margin:0 0 6px!important;font-size:18px!important}.checkout-course p{font-size:10px!important}.checkout-course strong{font-size:24px;color:var(--green)}.payment-method{display:flex;gap:12px;align-items:center;background:#f6f9ef;border:1px solid #dbe6ce;padding:15px;border-radius:7px;color:#6c875c}.payment-method>span{color:var(--green)}.payment-method strong{font-size:12px;font-weight:500}.payment-method small{display:block;font-size:9px;color:#96a688;margin-top:4px}.payment-method>b{font-size:8px;letter-spacing:1px;margin-left:auto;font-weight:400}.toast{position:fixed;left:50%;bottom:35px;transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:200;max-width:calc(100% - 36px);padding:14px 24px;background:#234d3c;color:#f4f6e7;border:1px solid #70916c;border-radius:8px;font-size:12px;box-shadow:0 10px 30px #12382d30;transition:opacity .2s,transform .2s;text-align:center;min-width:220px}.toast.show{opacity:1;transform:translate(-50%,0)}.workspace{background:#f4f7ef;min-height:75vh;padding:30px 0 60px}.workspace-grid{display:grid;grid-template-columns:205px minmax(0,1fr);gap:28px;align-items:start}.workspace-sidebar{border:1px solid #e0e8d5;border-radius:11px;background:#fffef9;padding:25px 13px 20px;position:sticky;top:120px}.workspace-person{text-align:center;padding:0 0 20px;border-bottom:1px solid #e7ecdf;margin:0 6px 15px}.profile-avatar{height:50px;width:50px;border-radius:16px;background:#e5edda;color:#6c8559;font-size:26px;display:grid;place-items:center;margin:auto;font-family:serif}.workspace-person h3{font-size:13px;font-weight:500;margin-top:12px}.workspace-person p{font-size:9px;color:#9cac8a;margin-top:5px}.workspace-sidebar nav{display:flex;flex-direction:column;gap:5px}.workspace-sidebar nav a{display:flex;align-items:center;gap:13px;padding:10px 14px;font-size:11px;color:#7f9370;border-radius:5px}.workspace-sidebar nav a>span{font-size:18px;width:20px}.workspace-sidebar nav a.current{color:var(--green);background:#eaf0e1;font-weight:500}.workspace-sidebar nav a:hover{background:#f1f5e9}.workspace-sidebar nav a>b{margin-left:auto;font-size:9px;font-weight:400;background:#dce6cf;padding:0 5px;border-radius:4px}.sidebar-bottom{display:flex;flex-direction:column;gap:15px;padding:22px 13px 0;margin-top:20px;border-top:1px solid #e7ecde;font-size:10px}.sidebar-bottom .text-link{text-align:left;font-size:9px;color:#99a78a}.sidebar-bottom small{font-size:8px;color:#b0b9a1;line-height:1.9}.workspace-content{min-width:0}.demo-notice{display:flex;align-items:center;gap:9px;color:#879c75;background:#ebf0e3;border:1px solid #dfe8d3;padding:10px 14px;border-radius:6px;font-size:9px}.live-dot{height:5px;width:5px;border-radius:50%;background:#8fa379;flex-shrink:0}.demo-notice button{padding:0;background:none;font-size:9px;color:#6c875a;margin-left:auto;white-space:nowrap}.workspace-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0 25px}.workspace-title .eyebrow{font-size:8px;letter-spacing:1.5px}.workspace-title h1{font-size:27px;line-height:1.6;letter-spacing:-.8px;margin-top:10px}.workspace-title p{font-size:10px;color:#92a180;line-height:1.9;margin-top:8px}.workspace-title>.button{font-size:11px;min-height:42px;padding:10px 18px}.workspace-title>.outline-button{font-size:10px}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:30px}.stat-grid>div{border:1px solid #e0e8d3;background:#fffefa;border-radius:9px;padding:21px}.stat-grid>div>span{font-size:10px;color:#98a78a;display:block}.stat-grid b{display:block;font-size:35px;font-weight:500;color:#396345;line-height:1.5;margin-top:6px}.stat-grid b small{font-size:10px;margin-left:7px;color:#9aab86;font-weight:400}.stat-grid p{font-size:9px;color:#a6b397;margin-top:8px}.workspace-subhead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:28px 0 18px}.workspace-subhead h2{font-size:18px;font-weight:500;letter-spacing:-.5px}.workspace-subhead>a{font-size:10px}.learning-card{display:flex;align-items:center;gap:22px;padding:20px;background:#fffefa;border:1px solid #e1e8d6;border-radius:9px;margin-bottom:17px}.learning-card>img{width:140px;height:115px;object-fit:cover;border-radius:6px;flex-shrink:0}.learning-card>div{flex:1;min-width:0}.learning-card .category-label{font-size:9px}.learning-card h3{font-size:18px;font-weight:500;margin:4px 0}.learning-card p{font-size:10px;color:#98a88a}.learning-card .outline-button{font-size:10px;margin-left:10px}.progress{height:5px;background:#e8eedf;border-radius:4px;overflow:hidden;margin-top:15px}.progress>span{display:block;height:100%;background:#8eac77;border-radius:4px}.progress-caption{display:flex;justify-content:space-between;gap:15px;font-size:8px;color:#9cac8c;margin-top:8px}.progress-caption b{font-weight:400;color:#76925f}.local-filters{display:flex;gap:7px;margin:20px 0}.local-filters .chip{font-size:10px}.booking-card{display:flex;align-items:center;gap:20px;border:1px solid #e0e8d3;background:#fffefa;padding:23px;border-radius:9px;margin-bottom:15px}.booking-date{display:flex;flex-direction:column;justify-content:center;align-items:center;height:70px;width:70px;border-radius:8px;background:#edf2e4;flex-shrink:0;color:#73905f}.booking-date b{font-size:22px;font-weight:500}.booking-date span{font-size:10px;letter-spacing:1px;margin-top:2px}.booking-body{flex:1;min-width:0}.booking-body>div{display:flex;gap:12px;align-items:center}.booking-body h3{font-size:17px;font-weight:500;margin:9px 0 5px}.booking-body p{font-size:10px;color:#91a17e;overflow-wrap:anywhere;line-height:1.9}.booking-body small{font-size:8px;color:#a5b295}.status{display:inline-block;font-size:9px;padding:3px 8px;border-radius:4px;font-weight:400;white-space:nowrap}.status.green{color:#668350;background:#e8efdd}.status.amber{color:#ad8757;background:#f5ecd9}.status.muted{color:#9aa58d;background:#edf0e7}.booking-actions{display:flex;flex-direction:column;align-items:flex-end;gap:11px}.booking-actions .outline-button{font-size:9px;min-height:30px;padding:5px 12px}.booking-actions .text-link{font-size:9px;color:#a3af93}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-bottom:25px}.week-strip>div{text-align:center;background:#fffefa;border:1px solid #e1e9d6;border-radius:8px;padding:13px 5px;color:#9cac89}.week-strip small{font-size:9px;display:block}.week-strip b{display:block;font-size:20px;margin:8px 0 0;font-weight:500}.week-strip span{display:block;font-size:14px;line-height:1.2;color:#b5c3a2}.week-strip .has-class{background:#e5edd9;border-color:#d2dfc0;color:#63814e}.schedule-row{display:flex;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid #e6edda}.schedule-row:last-child{border-bottom:0}.schedule-time{flex-shrink:0;min-width:90px}.schedule-time b{font-size:20px;font-weight:500;color:#638452;display:block}.schedule-time small{font-size:9px;color:#a2b28e}.schedule-dot{width:8px;height:8px;background:#a1b68d;border-radius:50%;flex-shrink:0}.schedule-row h3{font-size:14px;font-weight:500}.schedule-row p{font-size:10px;color:#96a884;margin-top:8px}.schedule-row>.text-link,.schedule-row>.row-actions{margin-left:auto;flex-shrink:0;font-size:10px}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-grid .portal-course .course-image{height:190px}.profile-form{max-width:720px}.profile-form .button{font-size:12px;margin-top:12px}.order-card{margin-bottom:17px;position:relative}.order-card>div{display:flex;align-items:center;gap:15px}.order-card small{font-size:9px;color:#9dad8b}.order-card h3{margin:20px 0 10px}.order-card p{font-size:11px;color:#91a57d}.order-card>strong{display:block;color:#547a43;font-size:22px;margin-top:15px;font-weight:500}.order-card>strong small{font-weight:400;font-size:8px}.order-card>.text-link{position:absolute;right:26px;bottom:28px;font-size:10px}.event-record{margin-bottom:18px}.event-record h3{margin:15px 0 10px}.event-record p{font-size:11px;color:#95a781}.four-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.four-stats>div{padding:18px}.admin-overview-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.admin-overview-grid .workspace-subhead{margin-top:0}.bar-chart{display:flex;flex-direction:column;gap:20px;margin:30px 0}.bar-chart>div{display:flex;gap:15px;align-items:center;font-size:9px}.bar-chart>div>span{width:90px;flex-shrink:0;color:#8ba176}.bar-chart>div>div{height:10px;border-radius:3px;background:#edf2e5;flex:1;overflow:hidden}.bar-chart b{display:block;background:#8eab77;height:100%;border-radius:3px;min-width:0}.bar-chart strong{width:12px;color:#86a16d;font-weight:500}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.quick-action{display:flex;justify-content:center;align-items:center;text-align:center;min-height:60px;padding:10px;background:#f5f8ed;border:1px solid #e5ecd9;border-radius:6px;font-size:10px;color:#779464}.quick-action:hover{background:#e9f0df}.admin-toolbar{display:flex;align-items:center;gap:15px;margin:22px 0}.admin-toolbar>input{max-width:400px;background:white;margin:0;height:42px;font-size:11px}.admin-toolbar>select{max-width:140px;background:white;margin:0;height:42px;font-size:11px}.admin-toolbar .outline-button{margin-left:auto}.table-wrap{overflow-x:auto;border:1px solid #dfe8d3;border-radius:9px;background:#fffefa}.table-wrap table{border-collapse:collapse;width:100%;font-size:11px;min-width:630px;text-align:left}.table-wrap th{font-size:10px;font-weight:500;color:#91a17d;background:#edf2e5;padding:16px;white-space:nowrap}.table-wrap td{border-top:1px solid #e8edde;padding:16px;color:#748f60;font-size:11px}.table-wrap td>b{font-weight:500}.table-wrap td small{display:block;font-size:9px;color:#a1b18e;margin-top:5px}.table-course{display:flex;gap:13px;align-items:center}.table-course img{height:50px;width:60px;border-radius:5px;object-fit:cover}.table-course b{font-weight:500;white-space:nowrap}.row-actions{display:flex;gap:15px;align-items:center}.row-actions button{font-size:10px;white-space:nowrap}.danger-link{color:#b59176;font-size:10px;background:none;padding:0}.empty-cell{text-align:center;padding:40px!important;color:#9cae89!important}.learning-page{padding-bottom:70px;background:#f7f9f2}.learn-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0 30px}.learn-top h1{font-size:33px;margin:13px 0 9px}.learn-top p{font-size:10px;color:#95a47f}.learn-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:25px;align-items:start}.lesson-stage{position:relative;height:390px;border:1px solid #dfe7d2;border-radius:12px;overflow:hidden;margin-bottom:22px;background:#e7eddd}.lesson-stage>img{height:100%;object-fit:contain}.lesson-stage>span{position:absolute;bottom:0;left:0;right:0;background:#fdfef2dd;padding:19px 24px;font-size:18px;font-weight:500}.lesson-stage-label{position:absolute;top:17px;left:18px;background:#fffff0c9;border-radius:4px;padding:4px 9px;font-size:9px;color:#759163}.learn-grid h2{font-size:25px}.activity-prompt{display:flex;gap:15px;padding:20px;border-radius:8px;background:#f2f6e8;margin:25px 0}.activity-prompt>span{font-size:28px;color:#a7b981}.activity-prompt h3{font-size:13px}.activity-prompt p{font-size:11px;color:#8c9e76;line-height:2;margin-top:9px}.lesson-outline{overflow:hidden;position:sticky;top:120px}.lesson-outline>.panel-pad{padding:22px}.lesson-outline p{font-size:10px;color:#9aac87;margin-top:7px}.lesson-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:15px 18px;background:transparent;border-top:1px solid #e9eedf;color:#8a9f77;min-height:50px}.lesson-item>span{font-size:10px;width:18px;flex-shrink:0;color:#a0b38c}.lesson-item b{font-size:11px;font-weight:400}.lesson-item small{font-size:8px;white-space:nowrap;margin-left:auto}.lesson-item.active{background:#eaf0df;color:var(--green)}.lesson-item:hover{background:#f3f7eb}
@media(min-width:1600px){.portal-course .course-image{height:245px}}
@media(max-width:1200px){.nav nav{gap:17px}.nav .brand{font-size:18px;gap:8px}.nav{gap:15px}.nav nav a{font-size:10px}.nav .brand small{font-size:6px}.account-nav-link{font-size:10px}.nav>.button-small{font-size:10px;padding:8px 12px}.detail-hero-grid{gap:45px}.detail-layout{gap:35px;grid-template-columns:minmax(0,1fr) 285px}.detail-hero h1{font-size:38px}.detail-section h2{font-size:24px}.goal-grid{gap:15px}.goal-grid>div{padding:20px 17px}.goal-grid h3{font-size:12px}.portal-course .course-info{padding:20px 17px}.portal-course .course-info h3 a{font-size:19px}.catalog-grid{gap:20px}.catalog-info{flex-wrap:wrap;gap:7px}.catalog-info b{font-size:18px}.card-action-row{font-size:9px;gap:8px}.portal-course .card-action-row>span{font-size:8px}.outline-button{font-size:10px;padding:8px 11px}.full-teachers{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-profile{grid-template-columns:300px 1fr;gap:50px}.teacher-profile>.teacher-avatar{height:330px}.campus-card .panel-pad{padding:22px}.campus-card h3{font-size:19px}.campus-image{height:210px}.tag-row{gap:5px}.tag-row span{padding:3px 7px;font-size:8px}.two-col{gap:40px}.contact-grid{gap:60px}.workspace-grid{grid-template-columns:180px minmax(0,1fr);gap:22px}.workspace-sidebar{padding:22px 10px}.workspace-sidebar nav a{font-size:10px;gap:9px;padding:10px}.workspace-title h1{font-size:24px}.workspace-title>.button{font-size:10px;padding:10px 14px}.learning-card{gap:18px;padding:17px}.learning-card>img{width:110px;height:110px}.learning-card .outline-button{margin-left:0;font-size:9px}.learning-card h3{font-size:17px}.stat-grid>div{padding:17px}.stat-grid p{font-size:8px}.four-stats{gap:10px}.four-stats>div{padding:16px 13px}.four-stats>div>span{font-size:9px}.four-stats b{font-size:30px}.booking-card{gap:15px;padding:19px}.booking-body h3{font-size:15px}.booking-date{height:62px;width:62px}.booking-date b{font-size:19px}.admin-overview-grid{grid-template-columns:1fr}.learn-grid{grid-template-columns:minmax(0,1fr) 255px}.lesson-stage{height:330px}}
@media(max-width:1000px) and (min-width:701px){.nav{height:80px}.nav .brand{font-size:20px}.nav .brand-icon{width:40px;height:40px}.nav nav{display:none;position:absolute;top:80px;left:0;right:0;height:auto;background:#fffef9;box-shadow:0 15px 25px #193d2e15;padding:15px 25px;flex-wrap:wrap;gap:0}.nav nav.open{display:flex}.nav nav a{padding:14px 25px;font-size:12px}.nav nav a.active:after{display:none}.account-nav-link{margin-left:auto;font-size:11px}.nav>.button-small{font-size:11px;margin-left:0;min-height:40px}.menu-toggle{display:flex;flex-direction:column;gap:6px;background:none;width:28px;height:35px;align-items:center;justify-content:center;padding:0}.menu-toggle span{width:20px;height:1.5px;background:var(--green)}.section-tabs{top:80px}}
@media(max-width:900px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-hero-grid{gap:30px}.detail-hero h1{font-size:33px}.detail-hero p{font-size:11px}.detail-illustration{height:260px;border-top-left-radius:65px}.detail-layout{grid-template-columns:minmax(0,1fr) 245px;gap:25px}.detail-section h2{font-size:22px}.goal-grid{grid-template-columns:1fr;gap:12px}.goal-grid>div{padding:19px 22px}.goal-grid>div>span{font-size:20px}.goal-grid h3{font-size:14px;margin:9px 0 5px}.goal-grid p{font-size:11px}.enroll-panel{padding:20px}.enroll-panel h3{font-size:15px}.enroll-panel dl div{font-size:9px}.price{font-size:30px}.section-tabs{gap:18px;font-size:10px}.method-strip{gap:7px;padding:16px;font-size:9px}.teacher-profile{grid-template-columns:250px 1fr;gap:35px}.teacher-profile>.teacher-avatar{height:300px}.teacher-profile h1{font-size:32px}.teacher-profile h1 small{display:block;margin:8px 0;font-size:11px}.teacher-profile blockquote{font-size:19px}.two-col{gap:25px;grid-template-columns:1fr 1fr}.campus-card h3{font-size:18px}.contact-grid{gap:35px}.about-image{height:330px}.about-intro h2{font-size:28px}.workspace-grid{grid-template-columns:155px minmax(0,1fr);gap:17px}.workspace-person h3{font-size:11px}.workspace-person p{font-size:8px}.workspace-sidebar nav a{gap:7px;padding:9px 7px;font-size:10px}.workspace-sidebar nav a>span{font-size:16px;width:17px}.sidebar-bottom{padding:19px 7px 0;font-size:9px}.sidebar-bottom small{font-size:7px}.workspace-title{align-items:flex-start;flex-wrap:wrap;margin-top:25px}.workspace-title h1{font-size:22px}.workspace-title>.button,.workspace-title>.outline-button{font-size:9px}.demo-notice{font-size:8px;line-height:1.8}.demo-notice button{font-size:8px}.stat-grid{gap:10px}.stat-grid>div{padding:15px 11px}.stat-grid>div>span{font-size:9px}.stat-grid b{font-size:28px}.stat-grid p{font-size:7px;line-height:1.9}.learning-card{flex-wrap:wrap;gap:15px}.learning-card>img{width:95px;height:95px}.learning-card h3{font-size:15px}.learning-card .outline-button{margin-left:auto;font-size:9px}.workspace-subhead h2{font-size:16px}.workspace-subhead>a{font-size:9px}.booking-card{gap:14px;padding:16px;flex-wrap:wrap}.booking-body{flex:1}.booking-body small{font-size:7px}.booking-body h3{font-size:14px}.booking-body p{font-size:9px}.booking-actions{flex-direction:row;align-items:center;justify-content:flex-end;margin-left:auto;gap:15px}.booking-actions .outline-button{font-size:8px;min-height:28px}.four-stats{grid-template-columns:repeat(2,1fr)}.week-strip{gap:7px}.week-strip>div{padding:10px 3px}.week-strip b{font-size:17px}.week-strip small{font-size:8px}.schedule-row{gap:12px;flex-wrap:wrap;padding:20px 0}.schedule-time{min-width:70px}.schedule-time b{font-size:17px}.schedule-time small{font-size:8px}.schedule-row h3{font-size:13px}.schedule-row p{font-size:9px}.schedule-row>.text-link,.schedule-row>.row-actions{font-size:9px}.compact-grid{grid-template-columns:1fr}.compact-grid .portal-course .course-image{height:220px}.admin-toolbar{gap:10px;flex-wrap:wrap}.admin-toolbar>input{max-width:100%;flex:1;min-width:160px}.admin-toolbar .outline-button{font-size:9px}.profile-form .form-row{grid-template-columns:1fr}.learn-grid{grid-template-columns:minmax(0,1fr) 230px;gap:18px}.lesson-stage{height:280px}.lesson-item{padding:13px 14px;gap:7px}.lesson-item b{font-size:10px}.lesson-item small{font-size:7px}.learn-grid .panel-pad{padding:22px}.learn-top h1{font-size:28px}}
@media(max-width:700px){.nav{gap:10px}.nav .brand{font-size:18px;gap:7px}.nav .brand-icon{width:34px;height:36px}.nav .brand small{font-size:5px;letter-spacing:1.5px}.account-nav-link{margin-left:auto;font-size:9px}.nav>.button-small{margin-left:0;font-size:8px;padding:7px 9px;gap:5px}.nav>.button-small span{font-size:14px}.nav .menu-toggle{width:21px;flex-shrink:0}.nav nav{top:73px}.nav nav a{font-size:12px}.page-heading{padding-bottom:30px}.breadcrumbs{font-size:9px;padding:20px 0 26px;gap:10px}.page-heading h1{font-size:31px;margin:13px 0 11px;line-height:1.55;letter-spacing:-1px}.page-heading>div>p{font-size:11px;line-height:2}.catalog-section{padding-top:25px}.filter-panel{padding:18px 16px}.search-input{margin-bottom:18px;height:42px}.search-input input{font-size:11px}.filter-row{display:block;margin-top:15px}.filter-label{font-size:9px;display:block;margin-bottom:10px}.chip-group{gap:5px}.chip{font-size:9px;padding:7px 11px;min-height:33px}.results-bar{font-size:10px;margin:22px 0 17px;gap:10px;align-items:flex-start}.results-bar label{font-size:8px;gap:5px}.results-bar select{font-size:9px;min-width:110px;height:31px}.catalog-grid{grid-template-columns:1fr;gap:22px}.portal-course .course-image{height:230px}.portal-course .course-info{padding:21px}.portal-course .course-info h3 a{font-size:21px}.portal-course .course-info p{font-size:11px;min-height:0}.catalog-info{flex-wrap:nowrap;margin-top:7px;font-size:10px}.catalog-info b{font-size:21px}.portal-course .card-action-row>span{font-size:9px}.card-action-row{font-size:10px;gap:15px;flex-wrap:wrap}.outline-button{font-size:10px;padding:8px 13px}.soft-tip{padding:15px 17px;font-size:10px;line-height:2}.empty-state{padding:35px 18px}.empty-state h3{font-size:17px}.empty-state p{font-size:11px}.detail-hero{padding:10px 0 30px}.detail-hero-grid{grid-template-columns:1fr;gap:28px}.detail-hero h1{font-size:33px;margin:13px 0 15px}.detail-hero p{font-size:12px;line-height:2.1}.detail-badges{gap:7px;margin-top:20px}.detail-badges span{font-size:9px}.detail-illustration{height:245px;border-top-left-radius:65px}.course-teacher-mini{font-size:11px}.detail-layout{grid-template-columns:1fr;gap:25px}.detail-layout>div{min-width:0}.section-tabs{top:73px;gap:0;justify-content:space-between;font-size:10px;padding-bottom:15px}.detail-section{padding:25px 0;scroll-margin-top:130px}.detail-section h2{font-size:24px}.goal-grid{margin-top:22px}.goal-grid>div{padding:19px 22px}.syllabus{margin-top:22px}.syllabus>div{gap:15px;padding:15px 16px}.syllabus h3{font-size:12px}.syllabus small{font-size:8px}.method-strip{font-size:9px;padding:18px 15px}.enroll-panel{position:static;padding:25px}.enroll-panel h3{font-size:19px}.enroll-panel dl div{font-size:11px}.price{font-size:34px}.enroll-panel .button{font-size:13px}.enroll-panel .outline-button{font-size:12px;min-height:43px}.favorite-detail{font-size:11px;margin-top:20px}.related .section-top{display:block}.related .section-top h2{font-size:25px;margin-top:12px}.full-teachers{grid-template-columns:1fr;gap:17px}.teacher-link .teacher-detail h3 small{font-size:8px;display:inline-block}.feature-strip{grid-template-columns:1fr;gap:20px;margin-top:30px;padding-top:25px}.feature-strip>div{border-bottom:1px solid #edf0e5;padding-bottom:18px}.feature-strip b{font-size:13px}.feature-strip p{font-size:10px}.teacher-profile{grid-template-columns:1fr;gap:30px}.teacher-profile>.teacher-avatar{height:280px;max-width:100%;font-size:115px}.teacher-profile h1{font-size:34px}.teacher-profile h1 small{display:inline-block;font-size:12px;margin-left:15px}.teacher-profile blockquote{font-size:22px}.teacher-profile p{font-size:12px}.tag-row{gap:7px}.tag-row span{font-size:9px;padding:4px 9px}.two-col{grid-template-columns:1fr;gap:30px}.campus-image{height:235px}.campus-card .panel-pad{padding:23px}.campus-card h3{font-size:22px}.campus-card p{font-size:12px}.address-line{font-size:10px}.campus-card .card-action-row>span{font-size:9px}.room-grid{gap:15px}.room-grid>div{padding:18px}.room-grid h3{font-size:13px}.room-grid p{font-size:9px}.campus-map{height:245px}.contact-grid{grid-template-columns:1fr;gap:30px}.contact-grid h2{font-size:29px}.about-image{height:290px;border-top-left-radius:70px}.about-intro h2{font-size:29px}.about-intro .body-copy{font-size:12px}.agenda{margin-top:20px}.agenda>div{gap:20px}.agenda h3{font-size:14px}.agenda p{font-size:10px}#booking-dialog{padding:30px 23px;width:calc(100% - 28px)}#booking-dialog h2{font-size:25px}.wizard-steps{gap:8px;margin:22px 0}.wizard-steps>span{font-size:10px;gap:7px}.wizard-steps b{width:22px;height:22px;font-size:9px}.checkbox-label span{font-size:9px}.wizard-actions{margin-top:22px}.booking-summary{padding:20px}.booking-summary h3{font-size:20px}.booking-summary dl{grid-template-columns:70px 1fr;font-size:10px;gap:12px}.success-content h2{font-size:23px}.checkout-course{gap:15px;padding:12px}.checkout-course img{width:95px;height:90px}.checkout-course h3{font-size:16px!important}.checkout-course p{font-size:8px!important}.checkout-course strong{font-size:21px}.payment-method small{font-size:8px}.toast{bottom:28px;font-size:11px;padding:12px 18px;min-width:240px}.workspace{padding:20px 0 45px}.workspace-grid{grid-template-columns:1fr;gap:20px}.workspace-sidebar{position:static;padding:0;background:transparent;border:0}.workspace-person{display:flex;text-align:left;align-items:center;padding:0;border:0;gap:12px;margin:0 0 17px}.workspace-person .profile-avatar{margin:0;width:35px;height:35px;font-size:21px;border-radius:11px}.workspace-person h3{font-size:13px;margin:0}.workspace-person p{font-size:8px;margin:0 0 0 auto}.workspace-sidebar nav{flex-direction:row;gap:6px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding:0 0 9px}.workspace-sidebar nav::-webkit-scrollbar{display:none}.workspace-sidebar nav a{padding:9px 13px;white-space:nowrap;background:#fffef9;border:1px solid #e1e9d6;font-size:10px;flex-shrink:0;gap:7px;min-height:38px}.workspace-sidebar nav a>span{font-size:15px;width:auto}.workspace-sidebar nav a.current{border-color:#cfdfbb}.workspace-sidebar nav a>b{font-size:8px}.sidebar-bottom{border:0;margin:5px 0 0;padding:0;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;font-size:9px}.sidebar-bottom .text-link{font-size:8px}.sidebar-bottom small{display:none}.demo-notice{font-size:8px;padding:10px;gap:7px}.demo-notice>span:nth-child(2){line-height:1.8}.demo-notice button{font-size:8px}.workspace-title{margin:25px 0 22px;gap:17px}.workspace-title h1{font-size:25px;margin-top:10px}.workspace-title p{font-size:10px;line-height:2}.workspace-title .eyebrow{font-size:7px}.workspace-title>.button{font-size:10px;min-height:39px;padding:10px 14px}.workspace-title>.outline-button{font-size:10px}.stat-grid{gap:10px;margin-bottom:25px}.stat-grid>div{padding:15px 10px}.stat-grid>div>span{font-size:8px}.stat-grid b{font-size:30px}.stat-grid b small{font-size:8px;margin-left:4px}.stat-grid p{font-size:7px;line-height:1.8}.workspace-subhead{margin-top:25px;margin-bottom:16px}.workspace-subhead h2{font-size:17px}.learning-card{gap:15px;padding:16px}.learning-card>img{width:93px;height:100px}.learning-card h3{font-size:17px}.learning-card .category-label{font-size:8px}.learning-card p{font-size:9px}.learning-card .outline-button{font-size:10px;padding:7px 12px;min-height:33px}.progress-caption{font-size:8px;gap:8px}.booking-card{padding:17px;gap:14px}.booking-date{width:61px;height:66px}.booking-date b{font-size:20px}.booking-body h3{font-size:16px}.booking-body small{font-size:7px}.booking-body>div{gap:8px;flex-wrap:wrap}.booking-body p{font-size:9px}.booking-actions{width:100%;padding-top:12px;border-top:1px solid #e8edde;gap:20px}.booking-actions .outline-button{min-height:31px;font-size:9px}.booking-actions .text-link{font-size:9px}.local-filters{gap:3px}.local-filters .chip{padding:7px 10px;font-size:9px}.week-strip{gap:6px;margin-bottom:20px}.week-strip>div{padding:9px 2px}.week-strip small{font-size:8px}.week-strip b{font-size:19px;margin-top:5px}.schedule-row{gap:12px;padding:20px 0}.schedule-time{min-width:67px}.schedule-time b{font-size:18px}.schedule-time small{font-size:8px}.schedule-row h3{font-size:14px}.schedule-row p{font-size:9px;line-height:1.9}.schedule-row>.text-link,.schedule-row>.row-actions{margin-left:auto;font-size:9px}.panel-pad{padding:22px}.profile-form .form-row{grid-template-columns:1fr 1fr}.profile-form .button{width:100%}.order-card>div{gap:10px;align-items:flex-start;flex-wrap:wrap}.order-card h3{font-size:18px}.order-card>strong{font-size:23px}.order-card>strong small{display:block;font-size:8px;margin-top:3px}.order-card>.text-link{font-size:9px;bottom:25px;right:22px}.compact-grid{grid-template-columns:1fr}.compact-grid .portal-course .course-image{height:230px}.four-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.four-stats>div{padding:20px}.four-stats>div>span{font-size:10px}.four-stats b{font-size:34px}.four-stats p{font-size:8px}.admin-overview-grid{gap:18px}.bar-chart>div>span{width:85px;font-size:9px}.quick-actions{margin-top:18px;gap:10px}.quick-action{font-size:10px;min-height:60px}.admin-toolbar{gap:12px}.admin-toolbar>input{font-size:10px;min-width:170px}.admin-toolbar>select{font-size:10px;max-width:120px}.admin-toolbar>.outline-button{margin-left:0;font-size:10px}.admin-toolbar>.small-print{width:100%}.table-wrap table{min-width:590px;font-size:10px}.table-wrap th{padding:13px;font-size:9px}.table-wrap td{padding:14px 13px;font-size:10px}.table-course img{width:48px;height:44px}.table-course{gap:10px}.row-actions{gap:16px}.row-actions button{font-size:9px}.learn-top{align-items:flex-start;gap:12px;flex-direction:column}.learn-top h1{font-size:30px}.learn-top .eyebrow{font-size:7px}.learn-top p{font-size:9px}.learn-grid{grid-template-columns:1fr;gap:22px}.lesson-stage{height:280px}.lesson-stage>span{font-size:16px;padding:16px 20px}.lesson-stage-label{font-size:8px;left:14px;top:14px}.learn-grid h2{font-size:23px}.learn-grid .panel-pad{padding:23px}.lesson-outline{position:static}.lesson-item{padding:16px 20px;gap:13px}.lesson-item b{font-size:12px}.lesson-item>span{font-size:11px}.lesson-item small{font-size:9px}.activity-prompt{padding:17px;gap:13px}.activity-prompt p{font-size:10px}.learn-grid .card-action-row{gap:16px;flex-wrap:wrap}.learn-grid .card-action-row>.button{font-size:10px;padding:12px 16px;min-height:40px}.learning-page{padding-bottom:40px}.dashboard-body .footer-top{padding-top:0}}
.workspace-sidebar{min-width:0}.workspace-sidebar nav{max-width:100%}
@media(max-width:700px){.workspace-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:370px){.nav .brand{font-size:16px;gap:6px}.nav .brand-icon{width:30px;height:33px}.nav .brand-icon svg{width:25px}.nav .brand small{font-size:5px;letter-spacing:1px}.nav{gap:8px}.account-nav-link{font-size:8px}.nav>.button-small{padding:6px 8px;font-size:8px}.nav>.button-small>span{display:none}.stat-grid{gap:6px}.stat-grid>div{padding:13px 8px}.stat-grid>div>span{font-size:7px}.stat-grid p{font-size:6px}.profile-form .form-row{grid-template-columns:1fr}.wizard-steps>span{font-size:9px;gap:5px}.wizard-steps{gap:5px}.wizard-steps b{width:21px;height:21px}.page-heading h1{font-size:28px}.hero-actions{gap:12px}.workspace-person h3{font-size:12px}.workspace-person p{font-size:7px}}

.turnstile-box{min-height:65px;margin:16px 0 4px}
.notify-preview{text-align:left;background:#ededed;border-radius:10px;padding:12px;margin:16px 0 14px}
.notify-head{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}
.notify-head span{width:22px;height:22px;border-radius:6px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:11px}
.notify-head b{color:var(--ink);font-weight:600}
.notify-head small{margin-left:auto}
.notify-body{background:#fff;border-radius:8px;padding:10px 12px;margin-top:8px}
.notify-body strong{display:block;font-size:13px;color:var(--ink);margin-bottom:4px}
.notify-body p{font-size:11px;line-height:1.9;color:#4d5a52;margin:0}
.notify-caption{display:block;text-align:center;font-size:10px;color:#97a788;margin-top:8px}
.booking-body .mine-tag{margin-left:6px}