.catalog-material-bar{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin:0 0 18px;font-size:14px;color:#64715e}
.catalog-material-bar>div,.catalog-preview-tools{display:flex;gap:7px}
.catalog-material-bar button,.catalog-preview-tools button,.free-class-tools button,.free-class-modes button{border:1px solid #d9e1d1;background:white;color:#53674e;border-radius:9px;font-size:14px;padding:9px 17px;line-height:1.6}
.catalog-material-bar button.active,.catalog-preview-tools button.active,.free-class-tools button.active,.free-class-modes button.active{background:#e6efdd;border-color:#66875d;color:#28523a;font-weight:600}
.catalog-learning-preview{width:min(1020px,calc(100% - 32px));padding:24px;max-height:92vh}
.preview-learning-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);gap:28px;align-items:start}
.preview-learning-options h3{font-size:18px;margin:0 0 14px;line-height:1.6}
.catalog-preview-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.catalog-preview-tools button{display:flex;flex-direction:column;align-items:center;padding:7px;font-size:13px;gap:6px}
.catalog-preview-tools button img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:white;border-radius:7px}
.catalog-preview-tools button.active{box-shadow:0 0 0 1px #66875d}
.preview-learning-options>p{font-size:15px;line-height:1.9;margin:20px 0}
.product-app #catalogPreview #catalogDetailCompare{width:100%;height:auto;max-height:none;min-width:0;margin:0;aspect-ratio:1}
.product-app .catalog-start-class{display:block;width:100%;font-size:15px;line-height:1.75;padding:13px 14px}
.preview-learning-options .catalog-preview-actions{gap:8px;margin:12px 0 16px}
.preview-learning-options .catalog-preview-actions button{font-size:13px;padding:9px 10px;min-width:0}
.preview-learning-options>small{font-size:12px;line-height:1.8;color:#74816a;display:block}
.catalog-class{max-width:1280px;margin:auto}
.free-class-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.product-app .free-class-heading h1{font-size:34px;margin:10px 0;line-height:1.5}
.free-class-heading p{font-size:16px;margin:8px 0 0;max-width:65ch}
.free-class-heading>a{flex-shrink:0;text-decoration:none}
.free-class-progress{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:14px;color:#64715e;margin-bottom:18px}
.free-class-progress strong{font-size:17px;color:#31573c}
.free-class-progress progress{width:220px;height:9px;accent-color:#568253;margin-left:auto}
.free-class-tools{display:flex;gap:8px;padding:12px 0 22px}
.free-class-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:30px;align-items:start}
.free-class-visual{position:sticky;top:105px;padding:20px;background:#edf2e5;border:1px solid #dfe7d5;border-radius:18px;min-width:0}
.free-class-stage-title{font-size:15px;font-weight:600;color:#3e5f3c;line-height:1.8;margin-bottom:14px}
.free-class-modes{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}
.free-class-modes button{font-size:12px;padding:7px 10px;flex:1;white-space:nowrap}
.free-class-image{display:block;width:100%;height:auto;max-height:580px;object-fit:contain;background:white;border:1px solid #e0e6d8;border-radius:10px}
.product-app .free-class-light{font-size:13px;line-height:1.8;margin:12px 0;color:#6b785f}
.free-class-reference{display:flex;align-items:center;gap:14px;background:#fff9;border-radius:10px;padding:10px;margin-top:14px}
.free-class-reference img{width:80px;height:80px;object-fit:contain;background:white;border-radius:7px;flex-shrink:0}
.product-app .free-class-reference p{font-size:13px;line-height:1.8;margin:0}
.product-app .free-class-note{font-size:12px;line-height:1.85;margin:12px 0 0;color:#76846b}
.free-class-panel{padding:25px;background:white;border:1px solid #e0e6d8;border-radius:18px;min-width:0}
.free-class-step-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:24px}
.free-class-step-tabs button{border:1px solid #dce4d3;background:#f8faf5;text-align:left;border-radius:9px;padding:10px 11px;line-height:1.7;font-size:13px;color:#6a795e}
.free-class-step-tabs button.active{background:#e7efdd;border-color:#6c8a62;color:#2a583b;font-weight:600}
.product-app .free-class-panel h2{font-size:25px;line-height:1.6;margin:10px 0 13px}
.product-app .free-class-area{font-size:16px;font-weight:600;background:#f0f4e9;border-radius:10px;padding:12px 14px;color:#365738;margin:0 0 18px}
.free-class-palette{margin:16px 0 22px}
.free-class-palette>div{margin-bottom:14px}
.free-class-palette>div>span{font-size:13px;color:#69765f;display:block;margin-bottom:8px}
.free-class-palette>div>div{display:flex;gap:8px;flex-wrap:wrap}
.free-class-swatch{display:flex;gap:6px;align-items:center;padding:5px 8px;border:1px solid #e3e8dd;border-radius:8px;max-width:100%}
.free-class-swatch i{display:block;width:24px;height:24px;border:1px solid #0002;border-radius:50%;flex-shrink:0}
.free-class-swatch small{font-size:11px;line-height:1.6;color:#67745e}
.free-class-actions{padding-left:25px;font-size:17px;line-height:2;margin:20px 0 22px}
.free-class-actions li{padding:0 0 10px 5px;color:#3d5344}
.free-class-actions li::marker{color:#5f8557;font-weight:600}
.free-class-direction,.free-class-dry{padding:15px 17px;border-radius:10px;background:#f3f5ec;margin:18px 0}
.free-class-dry{background:#edf4f0;border:1px solid #dce9df}
.free-class-direction strong,.free-class-dry strong{font-size:14px;color:#456242}
.product-app .free-class-direction p,.product-app .free-class-dry p{font-size:15px;line-height:1.9;margin:5px 0 0}
.free-class-panel details{border-bottom:1px solid #e8ecdf;padding:12px 0;font-size:15px}
.free-class-panel details summary{cursor:pointer;line-height:1.8;color:#4d6448}
.product-app .free-class-panel details p{font-size:15px;line-height:1.9;margin:12px 0 0}
.product-app .free-class-check{padding:15px 16px;background:#faf4e5;border:1px solid #eee4ca;border-radius:10px;font-size:15px;line-height:1.9;margin:22px 0}
.free-class-controls{display:flex;gap:9px}
.free-class-controls>button{flex:1;min-width:0;font-size:14px!important;padding:11px 12px!important}
.free-class-practice{display:block!important;width:100%;margin-top:12px;font-size:14px!important}
.free-class-downloads{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:28px;padding:20px;background:#eef3e6;border-radius:14px}
.free-class-downloads strong{font-size:15px;margin-right:auto;color:#4d6747}
.free-class-downloads button{font-size:14px!important}
.free-class-status{font-size:14px;line-height:1.9;color:#806b40}
.free-class-finish{background:#f5efdf;border:1px solid #e6dcc3;border-radius:16px;padding:26px;margin-top:25px}
.product-app .free-class-finish h2{font-size:25px;margin:0 0 15px}
.product-app .free-class-finish p{font-size:16px;line-height:1.9;margin:10px 0}
.catalog-class-return{margin-top:8px}
@media(max-width:950px){.preview-learning-layout{gap:20px;grid-template-columns:minmax(0,1fr) minmax(255px,.9fr)}.free-class-layout{grid-template-columns:1fr;gap:20px}.free-class-visual{position:static;max-width:640px;width:100%;margin:auto}.free-class-image{max-height:530px}.free-class-panel{padding:24px}.free-class-step-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.free-class-heading h1{font-size:30px!important}}
@media(max-width:650px){.catalog-material-bar{justify-content:space-between;gap:8px;margin-top:12px;flex-wrap:wrap}.catalog-material-bar>span{font-size:12px}.catalog-material-bar button{font-size:13px;padding:8px 12px;min-height:40px}.catalog-material-bar>div{gap:6px}.catalog-learning-preview{padding:16px;max-height:90vh}.preview-learning-layout{grid-template-columns:1fr;gap:12px}.preview-learning-options>h3{margin:0 0 10px;font-size:16px}.catalog-preview-tools button{padding:5px;font-size:12px;gap:3px}.catalog-preview-tools button img{max-height:65px}.preview-learning-options>p{font-size:14px;margin:12px 0}.product-app #catalogPreview #catalogDetailCompare{width:min(100%,300px)}.catalog-preview-tip{font-size:12px;line-height:1.8;margin:9px 0}.product-app .catalog-start-class{font-size:14px;padding:12px}.preview-learning-options .catalog-preview-actions{flex-direction:row;margin:10px 0}.preview-learning-options .catalog-preview-actions button{font-size:12px;padding:9px 6px}.preview-learning-options>small{font-size:11px}.free-class-heading{display:block}.free-class-heading>a{display:inline-flex;margin-top:18px;font-size:13px}.free-class-heading h1{font-size:27px!important}.free-class-heading p{font-size:16px;line-height:1.9}.free-class-progress{gap:12px}.free-class-progress progress{width:100%;margin-left:0}.free-class-tools{padding-bottom:18px}.free-class-tools button{flex:1;padding:9px 12px;font-size:14px}.free-class-visual{padding:15px}.free-class-modes{gap:5px}.free-class-modes button{font-size:11px;padding:7px 5px}.free-class-stage-title{font-size:14px}.free-class-reference img{width:60px;height:60px}.free-class-reference p{font-size:12px!important}.free-class-note{font-size:11px!important}.free-class-panel{padding:20px 16px}.free-class-step-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.free-class-step-tabs button{font-size:12px;padding:9px 8px}.free-class-panel h2{font-size:23px!important}.free-class-actions{font-size:16px;line-height:2;padding-left:22px}.free-class-swatch small{font-size:11px}.free-class-controls{flex-direction:column}.free-class-controls>button{min-height:47px}.free-class-downloads{padding:16px;gap:8px}.free-class-downloads strong{flex-basis:100%;margin-bottom:5px}.free-class-downloads button{font-size:13px!important;flex:1;white-space:nowrap;padding:10px!important}.free-class-finish{padding:20px}.free-class-finish h2{font-size:23px!important}}
@media print{.catalog-material-bar,.catalog-class{display:none!important}}

.free-class-layout,.free-class-finish{scroll-margin-top:108px}

@media(max-width:650px){.showcase-actions #showcaseLesson{flex-basis:100%}}

@media(max-width:650px){.free-class-modes button{font-size:13px;min-height:43px;white-space:normal;padding:7px 5px}.free-class-step-tabs button{font-size:13px;min-height:54px}.free-class-swatch small{font-size:12px}}