.cml{--gap:var(--sp-5)}.cml-heading,.cml-actions,.cml-row{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.cml-heading{justify-content:space-between;align-items:flex-start}.cml-heading>.cms-stack{flex:1;min-width:min(100%,320px)}.cml-heading .cms-eyebrow{align-items:center;gap:var(--sp-3);display:flex}.cml-note{padding:var(--sp-3);border:1px solid var(--c-line);border-radius:var(--r-s);background:var(--c-sunken);color:var(--c-text-2)}.cml-duo{gap:var(--sp-5);grid-template-columns:minmax(0,1fr) 360px;align-items:start;display:grid}.cml-duo>*,.cml-heading>*{min-width:0}.cml-stats{gap:var(--sp-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.cml-stats strong{font-size:var(--fs-headline);font-weight:var(--fw-bold)}.cml-toolbar{gap:var(--sp-3);flex-wrap:wrap;align-items:end;display:flex}.cml-toolbar .cms-field{flex:1;min-width:min(100%,180px)}.cml-segments{gap:var(--sp-1);flex-wrap:wrap;display:flex}.cml-segments button[aria-pressed=true]{color:var(--c-accent);border-color:var(--c-accent);background:var(--c-accent-subtle)}.cml-table{border:1px solid var(--c-line);border-radius:var(--r-m);background:var(--c-surface);overflow-x:auto}.cml-table table{border-collapse:collapse;text-align:left;width:100%}.cml-table th{background:var(--c-sunken);color:var(--c-text-2);font-weight:var(--fw-medium)}.cml-table td,.cml-table th{padding:var(--sp-3);border-bottom:1px solid var(--c-line);vertical-align:top}.cml-table tr:last-child td{border-bottom:0}.cml-table tr[data-selected=true]{background:var(--c-accent-subtle)}.cml-table .cms-field{min-width:180px}.cml-table .cml-link{min-width:160px}.cml-link{gap:var(--sp-1);color:var(--c-accent);text-align:left;min-height:var(--target-min);background:0 0;border:0;flex-direction:column;width:100%;padding:0;display:flex}.cml-link small{color:var(--c-text-2)}.cml-list{margin:0;padding:0;list-style:none}.cml-list>li{border-bottom:1px solid var(--c-line);padding-block:var(--sp-3)}.cml-list>li:last-child{border-bottom:0}.cml-empty{gap:var(--sp-5);padding:var(--sp-8);justify-items:start;display:grid}.cml-preview{background:var(--c-sunken);padding:var(--sp-4);border-radius:var(--r-m);line-height:var(--lh-body)}.cml-paper{background:var(--c-surface);color:var(--c-text);padding:var(--sp-6);border:1px solid var(--c-line);box-shadow:var(--shadow-1);gap:var(--sp-4);display:grid}.cml-skeleton{background:var(--c-sunken);border-radius:var(--r-s);min-height:48px}.cml-poster{aspect-ratio:9/16;background:var(--g-brand);border-radius:var(--r-s);width:72px;color:var(--c-on-media);flex-shrink:0;place-items:center;display:grid}.cml-clip{gap:var(--sp-3);text-align:left;width:100%;padding:var(--sp-3);border:1px solid var(--c-line);border-radius:var(--r-m);color:var(--c-text);background:var(--c-surface);display:flex}.cml-clip[aria-pressed=true]{border-color:var(--c-accent);background:var(--c-accent-subtle)}.cml-order{gap:var(--sp-3);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.cml-error{color:var(--c-danger)}.cml-steps{gap:var(--sp-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.cml-steps li{padding:var(--sp-2);border-bottom:3px solid var(--c-line);color:var(--c-text-2)}.cml-steps li[data-current=true]{border-color:var(--c-accent);color:var(--c-accent);font-weight:var(--fw-bold)}@container cms-content (width<=1000px){.cml-duo{grid-template-columns:minmax(0,1fr)}}@container cms-content (width<=560px){.cml-stats{grid-template-columns:minmax(0,1fr)}.cml-heading{flex-direction:column}}.cml>.cml-note:not(.cml-warning){display:none}.cml-stats{gap:var(--sp-5);flex-wrap:wrap;align-items:center;display:flex}.cml-stat{align-items:center;gap:var(--sp-2);display:flex}.cml-stat strong{font-size:var(--fs-body)}.cml-stat .cms-ikon{width:16px;height:16px;color:var(--c-accent)}.cml-segments--chip{gap:var(--sp-2)}.cml-segments--chip button{border-radius:var(--r-full);padding-inline:var(--sp-4)}.cml-segments--tab{gap:var(--sp-5);border-bottom:1px solid var(--c-line)}.cml-segments--tab button{background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0}.cml-segments--tab button[aria-pressed=true]{border-bottom-color:var(--c-accent);color:var(--c-accent);background:0 0}.cml-segments--segmen{padding:var(--sp-1);background:var(--c-sunken);border:1px solid var(--c-line);border-radius:var(--r-m);width:fit-content}.cml-segments--segmen button{background:0 0;border-color:#0000}.cml-segments--segmen button[aria-pressed=true]{border-color:var(--c-line-strong);background:var(--c-surface);box-shadow:var(--shadow-1);color:var(--c-text)}.cml-count{font-size:var(--fs-caption);border-radius:var(--r-full);background:var(--c-accent-subtle);color:var(--c-accent);padding:2px 6px}.cml-table th{font-size:var(--fs-caption);white-space:nowrap}.cml-table .cml-link{color:var(--c-text);font-weight:var(--fw-semibold)}.cml-table td{vertical-align:middle}.cml-table td:nth-child(2){max-width:280px}.cml-rule{padding:var(--sp-3);border:1px solid var(--c-line);border-radius:var(--r-m)}.cml-rule[data-selected=true]{border:2px solid var(--c-accent)}.cml .cms-field.cml-rule textarea{min-height:72px}.cml-rule b{background:var(--c-sunken);border-radius:var(--r-s);padding:3px 8px}.cml-warning{border-color:var(--c-warning);background:var(--c-warning-subtle)}.cml-gloss-toolbar{gap:var(--sp-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.cml-gloss-toolbar select{width:180px}.cml-gloss-toolbar .cml-segments{grid-column:1/-1}.cml-clip-grid{gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cml-clip{flex-direction:column;padding:0;overflow:hidden}.cml-clip>.cms-stack{padding:var(--sp-3)}.cml-thumb{background:var(--c-sunken);flex-shrink:0;place-items:center;width:100%;height:160px;display:grid;position:relative;overflow:hidden}.cml-thumb img{object-fit:contain;width:100%;height:100%;min-height:0;position:absolute;inset:0}.cml-duration{border-radius:var(--r-s);color:#fff;font-size:var(--fs-caption);background:#000000b8;padding:2px 6px;position:absolute;bottom:8px;right:8px}.cml-clip[aria-pressed=true]{background:var(--c-surface);border-width:2px}.cml-player{aspect-ratio:9/16;object-fit:contain;border-radius:var(--r-m);background:#10232a;width:100%;max-height:400px}.cml-order{grid-template-columns:28px 42px minmax(0,1fr) auto}.cml-order .cml-poster{width:42px}.cml-order .cml-actions{gap:var(--sp-1);flex-wrap:nowrap}.cml-number{border-radius:var(--r-full);background:var(--c-sunken);width:28px;height:28px;font-weight:var(--fw-bold);place-items:center;display:grid}.cml-info{gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--c-line);border-radius:var(--r-s);background:var(--c-accent-subtle);display:flex}.cml-preview{border:1px solid var(--c-line)}.cml-definition{gap:var(--sp-3);grid-template-columns:110px minmax(0,1fr);margin:0;display:grid}.cml-definition dt{color:var(--c-text-2);font-size:var(--fs-caption)}.cml-definition dd{overflow-wrap:anywhere;margin:0}.cml-mastery{border-radius:var(--r-full);gap:2px;height:10px;display:flex;overflow:hidden}.cml-mastery span:first-child{background:#005449}.cml-mastery span:nth-child(2){background:#007577}.cml-mastery span:nth-child(3){border:2px solid #0097a8}.cml-mastery span:nth-child(4){border:1px solid #0097a8}.cml-mastery span:nth-child(5){border:1px solid var(--c-text-2)}.cml-mastery span:nth-child(6){background:repeating-linear-gradient(135deg, var(--c-surface), var(--c-surface) 3px, var(--c-text-2) 3px, var(--c-text-2) 4px)}.cml-mastery-labels{gap:var(--sp-2);font-size:var(--fs-caption);flex-wrap:wrap;display:flex}.cml-mastery-labels span{white-space:nowrap}.cml-score{gap:var(--sp-2);align-items:center;display:flex}.cml-score-bar{background:var(--c-sunken);border-radius:var(--r-full);width:48px;height:6px;overflow:hidden}.cml-score-bar span{background:var(--c-warning);height:100%;display:block}.cml-question{border:1px solid var(--c-line);border-radius:var(--r-m);padding:var(--sp-4);background:var(--c-sunken)}.cml-question-key{gap:var(--sp-2);color:var(--c-success);align-items:center;display:inline-flex}@container cms-content (width<=560px){.cml-clip-grid,.cml-gloss-toolbar{grid-template-columns:minmax(0,1fr)}.cml-gloss-toolbar select{width:100%}.cml-order{grid-template-columns:24px 36px minmax(0,1fr)}.cml-order .cml-actions{grid-column:3}.cml-definition{grid-template-columns:minmax(0,1fr)}}.cml-up .cms-ikon{transform:rotate(-90deg)}.cml-down .cms-ikon{transform:rotate(90deg)}.cml-proposed{padding-inline-start:var(--sp-5);list-style:decimal}