/* CHANNELS23: local directory styles, each class keeps its verified stage palette. */
.cc23-directory{width:min(1160px,100%);margin:auto;padding:24px clamp(14px,3vw,30px) 40px;box-sizing:border-box;color:#183047;line-height:1.8}.cc23-directory *{box-sizing:border-box}.cc23-directory h1,.cc23-directory h2,.cc23-directory h3{color:inherit;line-height:1.5}
.cc23-hero{padding:clamp(20px,4vw,42px);border-radius:24px;background:linear-gradient(120deg,#eef2ff,#eaf8f0);border:1px solid #d9e4f0;margin-bottom:28px}.cc23-hero h1{font-size:clamp(24px,4vw,38px);margin:8px 0 16px;font-weight:900}.cc23-hero p{max-width:800px;margin:8px 0}.cc23-kicker{font-size:13px;font-weight:800;color:#4b4b98}.cc23-note{font-size:13px;color:#4a6176}
.cc23-directory h2{font-size:22px;font-weight:850;margin:0 0 14px}.cc23-directory h3{font-size:18px;font-weight:850;margin:0 0 14px}.cc23-directory a{text-decoration:none}.cc23-directory a:focus-visible{outline:3px solid currentColor;outline-offset:3px}
.cc23-general-grid,.cc23-class-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cc23-channel-link{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:12px 14px;border-radius:12px;font-size:13px;font-weight:800;overflow-wrap:anywhere;text-decoration:none!important;border:1px solid}.cc23-channel-link span:nth-child(2){flex:1;min-width:0}.cc23-channel-link svg{display:block;width:23px;height:23px;flex:none}
.cc23-channel-link--telegram{background:#eff8fd;border-color:#bcdfee;color:#08628b!important}.cc23-channel-link--whatsapp{background:#eef9f1;border-color:#b2d8bf;color:#14603a!important}.cc23-channel-link:hover{filter:brightness(.97)}
.cc23-stage-jumps{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0}.cc23-stage-jumps a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid #d3dce8;border-radius:12px;color:#30465c;font-size:13px;font-weight:750;background:#fff}
.cc23-stage-group{scroll-margin-top:90px;margin:30px 0}.cc23-group-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px}.cc23-group-heading h2{margin:0}.cc23-group-heading>a{font-size:13px;font-weight:800;color:#4b4b98;min-height:44px;display:inline-flex;align-items:center}
.cc23-stage-card{background:var(--b16-surface-light,#fff);border:1px solid var(--b16-line-light,#d6e0eb);border-inline-start:5px solid var(--b16-action-light,#5143ae);border-radius:16px;padding:18px;box-shadow:0 8px 24px #16345908}.cc23-stage-card h3 a{color:var(--b16-action-light,#5143ae)}.cc23-class-links{display:grid;gap:10px}.cc23-empty{padding:20px;border:1px solid #d6e0eb;border-radius:16px;background:#fff}.cc23-browse{display:inline-flex;align-items:center;min-height:44px;color:#5143ae;font-weight:800}
.dark .cc23-directory{color:#e2edf8}.dark .cc23-hero{background:linear-gradient(120deg,#222443,#17342a);border-color:#344b60}.dark .cc23-kicker,.dark .cc23-group-heading>a{color:#bfbeff}.dark .cc23-note{color:#bbccdc}.dark .cc23-stage-jumps a,.dark .cc23-empty{background:#182c40;border-color:#36516a;color:#e2edf8}.dark .cc23-stage-card{background:var(--b16-surface-dark,#17283c);border-color:var(--b16-line-dark,#34485e);border-inline-start-color:var(--b16-action-dark,#b8aeff)}.dark .cc23-stage-card h3 a{color:var(--b16-action-dark,#b8aeff)}.dark .cc23-channel-link--telegram{background:#153347;border-color:#315a70;color:#a4d9f1!important}.dark .cc23-channel-link--whatsapp{background:#193a28;border-color:#3a6549;color:#b1e3bf!important}
@media(max-width:650px){.cc23-general-grid,.cc23-class-grid{grid-template-columns:minmax(0,1fr)}.cc23-stage-jumps{gap:7px}.cc23-stage-jumps a{font-size:12px;padding:7px 10px}.cc23-directory h2{font-size:20px}.cc23-stage-card{padding:14px}.cc23-channel-link{font-size:12px}}
@media(prefers-reduced-motion:no-preference){html:has(.cc23-directory){scroll-behavior:smooth}}