/* CHARME specific-course direct routing + studio search premium layout */
.cm-sc-topic--direct{border-radius:14px!important;transition:box-shadow .2s,border-color .2s,transform .2s}
.cm-sc-topic--direct:hover{border-color:#bacfbf!important;box-shadow:0 12px 28px rgba(18,57,43,.09);transform:translateY(-1px)}
.cm-sc-topic-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.cm-sc-topic-heading h5{color:#123e31!important;font-weight:800;line-height:1.45;font-size:clamp(15px,1.15vw,18px);margin:0}
.cm-sc-topic-state{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border:1px solid #e3d7bd;border-radius:999px;background:#fff8ea;color:#775721;font-size:12px;font-weight:800;white-space:nowrap}
.cm-sc-topic-state.is-published{color:#145437;background:#e9f6ed;border-color:#c9e5ce}
.cm-sc-topic-actions a{font-weight:800!important;min-height:37px;display:inline-flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;transition:transform .15s,filter .15s}
.cm-sc-topic-actions a:hover{transform:translateY(-1px);filter:brightness(.96)}
.cm-sc-topic-actions a:focus-visible{outline:3px solid #d5b46d;outline-offset:3px}
.cm20-ls-premium-search{margin:24px 0;padding:clamp(18px,2.7vw,28px);border:1px solid #dce8dd;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(17,54,39,.045)}
.cm20-ls-premium-search label{display:block;margin-bottom:12px;color:#174635;font-weight:850;font-size:19px;letter-spacing:-.02em}
.cm20-ls-search-fields{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch}
.cm20-ls-search-fields input{flex:1;min-width:160px;min-height:52px;padding:0 17px;border:1px solid #b9cebd;border-radius:12px;color:#143d2e;background:#fff;font-size:16px}
.cm20-ls-search-fields button{background:#164935;color:#fff;font-weight:800;border:0;border-radius:12px;padding:10px 22px;cursor:pointer}
.cm20-ls-search-fields a{display:inline-flex;align-items:center;padding:8px 13px;border:1px solid #bdcec2;border-radius:12px;text-decoration:none;color:#164935;font-weight:800}
.cm20-ls-premium-search p{font-size:13px;line-height:1.7;color:#486354;margin:10px 0 0}
.cm20-ls-premium-search p a{color:#185943;font-weight:800;text-underline-offset:3px}
.ls-empty strong{display:block;font-size:18px;margin-bottom:10px;color:#164333}
.ls-empty p{line-height:1.8}
.ls-empty a{color:#145339;text-decoration:underline;text-underline-offset:3px;font-weight:800}
.cm20-topic-page{max-width:1160px;margin:0 auto;padding:28px clamp(16px,3vw,40px) 60px;color:#173d30}
.cm20-topic-page *{box-sizing:border-box}
.cm20-topic-breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:#587064;margin-bottom:18px}
.cm20-topic-breadcrumb a{color:#17513e;font-weight:700;text-decoration:none}
.cm20-topic-hero{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:20px;align-items:center;border-radius:26px;background:linear-gradient(118deg,#113a2e,#28614b);padding:clamp(25px,4vw,46px);color:#fff;box-shadow:0 20px 50px rgba(16,55,39,.13)}
.cm20-topic-kicker{font-size:11px;letter-spacing:.15em;color:#e9cf8e;font-weight:850;display:block}
.cm20-topic-audience{display:inline-block;font-size:12px;font-weight:700;color:#e1ebdf;margin:14px 0 0}
.cm20-topic-hero h2{color:#fff!important;line-height:1.25;letter-spacing:-.035em;font-size:clamp(26px,3.5vw,42px);margin:15px 0 17px;font-weight:850;text-wrap:balance}
.cm20-topic-hero p{color:#e2eee5;font-size:15px;line-height:1.85;max-width:660px;margin:0 0 20px}
.cm20-topic-meta{display:flex;gap:9px;flex-wrap:wrap}
.cm20-topic-meta span{color:#fcf8eb;border:1px solid #88ab98;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:750}
.cm20-topic-hero-icon{display:grid;place-items:center;gap:10px;min-height:186px;background:radial-gradient(circle,#518470 0%,transparent 70%)}
.cm20-topic-hero-icon span{font-size:96px;line-height:1;color:#eacb82}
.cm20-topic-hero-icon small{font-size:9px;letter-spacing:.12em;color:#e5e8db;text-align:center}
.cm20-topic-content-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(285px,.8fr);gap:18px;margin-top:22px;align-items:start}
.cm20-topic-card{padding:clamp(22px,3vw,33px);background:#fff;border:1px solid #d6e3d8;border-radius:22px;box-shadow:0 10px 36px rgba(21,61,41,.055)}
.cm20-topic-hero + .cm20-topic-card{margin-top:22px}
.cm20-topic-card h3{color:#143d2e;font-size:clamp(22px,2.2vw,28px);letter-spacing:-.04em;margin:13px 0 15px;font-weight:850}
.cm20-topic-card p{color:#4c6255;line-height:1.9;font-size:15px;margin:0 0 15px}
.cm20-topic-pill{display:inline-flex;padding:8px 13px;background:#fff5e1;border:1px solid #ead5a6;color:#7e5914;border-radius:999px;font-weight:800;font-size:12px}
.cm20-topic-pill.is-live{background:#e8f5eb;border-color:#c8e3d0;color:#146044}
.cm20-topic-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.cm20-topic-btn{display:inline-flex;justify-content:center;align-items:center;min-height:47px;padding:10px 20px;border-radius:12px;background:#154936;border:1px solid #154936;color:#fff!important;font-size:14px;font-weight:800;text-decoration:none!important;transition:transform .17s,background .17s}
.cm20-topic-btn:hover{background:#236249;transform:translateY(-1px)}
.cm20-topic-btn.secondary{background:#fff;color:#1d513e!important;border-color:#a9c1b1}
.cm20-topic-btn:focus-visible{outline:3px solid #d7b767;outline-offset:3px}
.cm20-topic-pending{margin-top:22px}
.cm20-topic-product{border:1px solid #e2e9e2;background:#f8faf7;display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:14px;padding:13px 15px;margin:10px 0}
.cm20-topic-product strong{font-size:15px;display:block;line-height:1.5;color:#183e2f}
.cm20-topic-product small{font-size:12px;display:block;color:#60766a;margin-top:4px}
.cm20-topic-product b{white-space:nowrap;color:#153f2f}
.cm20-topic-products .cm20-topic-btn{margin-top:10px}
.cm20-topic-subnote{font-size:12px!important;color:#627a6d!important;margin-top:16px!important}
.cm20-topic-bottom{margin-top:22px}
.cm20-topic-bottom a{color:#18563f;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.cm20-focused-product{padding:20px 24px;margin:0 0 22px;border:1px solid #c7dbc8;border-radius:17px;background:#f0f6f0}
.cm20-focused-product span{color:#9b752e;font-size:12px;font-weight:850;letter-spacing:.06em}
.cm20-focused-product h3{color:#133d30;margin:9px 0;font-size:22px}
.cm20-focused-product p{line-height:1.7;color:#476052;font-size:14px}
.cm20-focused-product a{color:#15553c;font-weight:800;text-decoration:underline;text-underline-offset:3px}
@media (max-width:760px){.cm20-topic-content-grid{grid-template-columns:1fr}.cm20-topic-hero{grid-template-columns:1fr}.cm20-topic-hero-icon{display:none}.cm20-ls-search-fields{flex-direction:column}.cm20-ls-search-fields input,.cm20-ls-search-fields button,.cm20-ls-search-fields a{width:100%;min-height:49px;justify-content:center}.cm20-topic-actions{flex-direction:column}.cm20-topic-btn{width:100%}.cm20-topic-page{padding:20px 14px 46px}}
@media (max-width:440px){.cm-sc-topic-heading{align-items:flex-start;gap:9px}.cm-sc-topic-state{font-size:11px}.cm20-topic-card{padding:21px 18px}.cm20-topic-hero{padding:27px 21px;border-radius:20px}.cm20-topic-product{flex-direction:column;align-items:flex-start}.cm20-topic-hero h2{font-size:26px}}