.co-cover{aspect-ratio:16/9;color:#fff;place-items:center;display:grid;position:relative;overflow:hidden}.co-cover span{opacity:.92;letter-spacing:-.02em;font-size:3rem;font-weight:800}.co-cover-ocean{background:linear-gradient(135deg,#0b6e99,#1fa6c9 55%,#6fd3e6)}.co-cover-forest{background:linear-gradient(135deg,#14532d,#2f855a 55%,#86d19a)}.co-cover-sunset{background:linear-gradient(135deg,#b4402a,#e8803a 55%,#f6c453)}.co-cover-slate{background:linear-gradient(135deg,#243447,#46607a 55%,#8aa3bb)}.co-cover-violet{background:linear-gradient(135deg,#4c2a85,#7c4dc4 55%,#c1a0ee)}.co-filters{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:12px;margin-bottom:20px;padding:16px;display:grid}.co-filters .co-q{grid-column:1/-1}.co-filter-actions{gap:8px;display:flex}.co-count{color:var(--fg-2);margin:0 0 12px}.co-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.co-card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);color:inherit;box-shadow:var(--shadow-1);flex-direction:column;text-decoration:none;transition:box-shadow .15s,transform .15s;display:flex;overflow:hidden}.co-card:hover,.co-card:focus-visible{box-shadow:var(--shadow-2);transform:translateY(-2px)}.co-card-body{flex-direction:column;flex:1;gap:8px;padding:14px 16px 16px;display:flex}.co-card-body h3{margin:0;font-size:1.05rem;line-height:1.3}.co-card-body p{color:var(--fg-2);margin:0;font-size:.92rem}.co-chips{flex-wrap:wrap;gap:6px;display:flex}.co-chip{background:var(--zey-050);color:var(--zey);border-radius:999px;padding:2px 9px;font-size:.74rem;font-weight:600;display:inline-block}.co-chip.official{background:var(--zey);color:#fff}.co-chip.link{padding:5px 12px;font-size:.85rem;text-decoration:none}.co-chip.warn{color:#7a4b00;background:#fdecc8}.co-chip.bad{color:#8a1c1c;background:#fde2e2}.co-chip.ok{color:#1d5c2e;background:#dff3e4}.co-meta{color:var(--fg-2);flex-wrap:wrap;gap:4px 12px;font-size:.82rem;display:flex}.co-foot{justify-content:space-between;align-items:baseline;margin-top:auto;padding-top:6px;display:flex}.co-foot b{font-size:1.05rem}.co-free{color:#1d7a3a}.co-rate{color:#b7791f;white-space:nowrap;font-size:.85rem}.co-empty{text-align:center;border:1px dashed var(--border);border-radius:var(--r-lg);background:var(--surface);padding:48px 16px}.co-empty h3{margin:0 0 6px}.co-empty p{max-width:46ch;color:var(--fg-2);margin:0 auto 16px}.co-pager{justify-content:center;align-items:center;gap:14px;margin:24px 0 0;display:flex}.co-topics{margin-top:36px}.co-topics h2{margin:0 0 10px;font-size:1.15rem}.co-teach-band{border-radius:var(--r-lg);background:var(--zey-050);border:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:40px;padding:22px;display:flex}.co-teach-band h2{margin:0 0 4px;font-size:1.15rem}.co-teach-band p{max-width:62ch;color:var(--fg-2);margin:0}.co-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px;display:grid}.co-main>section{margin-bottom:28px}.co-main h2{margin:0 0 10px;font-size:1.25rem}.co-lead{color:var(--fg-2);margin:0 0 14px;font-size:1.05rem}.co-outcomes{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px 18px;margin:0;padding:14px 16px;list-style:none;display:grid}.co-outcomes li{padding-left:22px;position:relative}.co-outcomes li:before{content:"✓";color:#1d7a3a;font-weight:700;position:absolute;left:0}.co-side{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1);position:sticky;top:16px;overflow:hidden}.co-side-body{gap:12px;padding:16px;display:grid}.co-price{margin:0;font-size:1.6rem;font-weight:800}.co-price.free{color:#1d7a3a}.co-facts{color:var(--fg-2);gap:6px;margin:0;padding:0;font-size:.9rem;list-style:none;display:grid}.co-note{color:var(--fg-2);margin:0;font-size:.82rem}.co-banner{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);padding:12px 14px}.co-banner.ok{background:#e8f6ec;border-color:#b9e0c3}.co-banner.warn{background:#fff4dc;border-color:#f0d9a0}.co-banner.bad{background:#fdecec;border-color:#f0b9b9}.co-banner p{margin:0}.co-banner p+p{margin-top:6px}.co-outline{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}.co-outline details{border-top:1px solid var(--border)}.co-outline details:first-child{border-top:0}.co-outline summary{cursor:pointer;justify-content:space-between;gap:10px;padding:12px 14px;font-weight:600;display:flex}.co-outline ul{margin:0;padding:0 14px 10px;list-style:none}.co-outline li{border-top:1px dashed var(--border);justify-content:space-between;gap:10px;padding:6px 0;font-size:.92rem;display:flex}.co-outline li:first-child{border-top:0}.co-outline .tag{color:var(--fg-2);font-size:.72rem}.co-reviews{gap:12px;display:grid}.co-review{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);padding:12px 14px}.co-review header{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:4px;display:flex}.co-review .stars{color:#b7791f;letter-spacing:1px}.co-review p{margin:0}.co-reply{border-left:3px solid var(--zey);background:var(--zey-050);border-radius:0 8px 8px 0;margin-top:8px;padding:8px 10px;font-size:.92rem}.co-teacher{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);align-items:center;gap:12px;padding:12px 14px;display:flex}.co-form{gap:10px;display:grid}.co-form .row{gap:4px;display:grid}.co-form .check{align-items:flex-start;gap:8px;font-size:.85rem;display:flex}.co-form .hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.co-msg{margin:0;font-size:.9rem}.co-msg.err{color:#a02020}.co-msg.ok{color:#1d6a35}.co-linkagain{margin-top:4px;font-size:.85rem}.co-linkagain summary{cursor:pointer;color:var(--zey)}.co-prose{overflow-wrap:anywhere;line-height:1.65}.co-prose h3{margin:1.2em 0 .4em;font-size:1.2rem}.co-prose h4{margin:1em 0 .3em;font-size:1.05rem}.co-prose p{margin:0 0 .9em}.co-prose ul,.co-prose ol{margin:0 0 .9em;padding-left:1.4em}.co-prose a{color:var(--zey);text-decoration:underline}.co-player{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:20px;display:grid}.co-nav{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);max-height:calc(100vh - 24px);position:sticky;top:12px;overflow:hidden auto}.co-nav h2{border-bottom:1px solid var(--border);margin:0;padding:12px 14px;font-size:.95rem}.co-nav h3{text-transform:uppercase;letter-spacing:.04em;color:var(--fg-2);margin:0;padding:10px 14px 4px;font-size:.78rem}.co-nav button{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:0;align-items:baseline;gap:8px;padding:8px 14px;display:flex}.co-nav button:hover{background:var(--zey-050)}.co-nav button[aria-current=true]{background:var(--zey-050);font-weight:600}.co-nav button[disabled]{opacity:.55;cursor:not-allowed}.co-nav .tick{color:#1d7a3a;flex:none;width:1.1em}.co-bar{background:var(--border);border-radius:999px;height:8px;margin:8px 14px 12px;overflow:hidden}.co-bar>i{background:var(--zey);height:100%;display:block}.co-lesson{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);min-width:0;padding:18px}.co-lesson h2{margin:0 0 12px;font-size:1.35rem}.co-video{aspect-ratio:16/9;border-radius:var(--r-lg);background:#000;margin-bottom:14px;position:relative;overflow:hidden}.co-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.co-lesson-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.co-locked{text-align:center;color:var(--fg-2);padding:28px 12px}.co-cert{margin-top:14px}.co-stars-input{gap:4px;display:flex}.co-stars-input button{cursor:pointer;color:#b7791f;background:0 0;border:0;padding:0 2px;font-size:1.6rem}.co-certcard{border:2px solid var(--zey);border-radius:var(--r-lg);background:var(--surface);text-align:center;max-width:720px;margin:0 auto;padding:28px}.co-certcard h1{margin:0 0 6px}.co-certcard .no{font-family:var(--font-code);letter-spacing:.06em}.co-certcard .who{margin:12px 0 4px;font-size:1.5rem;font-weight:700}.co-certcard .qr{width:132px;height:132px;margin:16px auto 0}.co-certcard .qr svg{width:100%;height:100%}.co-disclaimer{max-width:56ch;color:var(--fg-2);margin:18px auto 0;font-size:.85rem}.co-builder{gap:18px;display:grid}.co-panel{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);padding:16px}.co-panel h2{margin:0 0 10px;font-size:1.1rem}.co-grid2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.co-check{gap:6px;margin:0;padding:0;list-style:none;display:grid}.co-check li{align-items:baseline;gap:8px;font-size:.92rem;display:flex}.co-check .mark{flex:none;width:1.2em;font-weight:700}.co-check li.done .mark{color:#1d7a3a}.co-check li.todo .mark{color:#a8641b}.co-section{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);gap:10px;padding:12px;display:grid}.co-section-head{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.co-section-head .field{flex:220px}.co-lesson-edit{border:1px solid var(--border);background:var(--bg,#fff);border-radius:12px;gap:8px;padding:10px;display:grid}.co-lesson-edit textarea{min-height:140px;font-family:var(--font-code)}.co-tools{flex-wrap:wrap;gap:6px;display:flex}.co-tools .btn{padding:4px 10px;font-size:.82rem}.co-savebar{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-2);z-index:5;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex;position:sticky;bottom:0}.co-table{border-collapse:collapse;width:100%;font-size:.92rem}.co-table th,.co-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:8px 10px}.co-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--fg-2);font-size:.78rem}.co-scroll{overflow-x:auto}.co-tabs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.co-tabs button{border:1px solid var(--border);background:var(--surface);cursor:pointer;font:inherit;border-radius:999px;padding:6px 14px}.co-tabs button[aria-pressed=true]{background:var(--zey);color:#fff;border-color:var(--zey)}@media (max-width:900px){.co-layout,.co-player{grid-template-columns:minmax(0,1fr)}.co-side,.co-nav{max-height:none;position:static}.co-side{order:-1}}@media (max-width:520px){.co-filters{padding:12px}.co-cover span{font-size:2.2rem}.co-certcard{padding:18px}}
