@layer components{.cl-progress{z-index:5;border:1px solid var(--color-line);background:#fff;border-radius:12px;margin-top:1.5rem;padding:.8rem 1.1rem;position:sticky;top:0;box-shadow:0 2px 8px #0a25400f}.cl-progress .row{color:var(--color-navy);justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;font-weight:700;display:flex}.cl-progress .count{font-variant-numeric:tabular-nums;color:var(--color-orange-deep)}.cl-bar{background:var(--color-slate-100);border-radius:999px;height:8px;margin-top:8px;overflow:hidden}.cl-bar>div{background:var(--color-orange);border-radius:999px;height:100%;transition:width .25s}.cl-reset{color:var(--color-slate-400);text-underline-offset:2px;background:0 0;border:0;padding:0;font-size:12.5px;font-weight:600;text-decoration:underline}.cl-reset:hover{color:var(--color-navy)}.cl-group{margin-top:2.25rem}.cl-group h2{color:var(--color-navy);text-wrap:balance;margin-top:0;font-size:20px;font-weight:800}.cl-group .chapter-note{color:var(--color-slate-400);margin-top:.25rem;font-size:13.5px}.guide article ul.cl-items{gap:10px;margin-top:1rem;padding:0;list-style:none;display:grid}.cl-item label{border:1px solid var(--color-line);color:var(--color-slate-600);cursor:pointer;background:#fff;border-radius:12px;align-items:flex-start;gap:12px;padding:.85rem 1rem;font-size:15.5px;line-height:1.55;transition:border-color .15s,background .15s;display:flex}.cl-item label:hover{border-color:var(--color-orange)}.cl-item input{width:18px;height:18px;accent-color:var(--color-green);flex-shrink:0;margin-top:3px}.cl-item input:checked+span{color:var(--color-slate-400);text-decoration:line-through;-webkit-text-decoration-color:var(--color-slate-300);text-decoration-color:var(--color-slate-300)}.cl-rhythm{margin-top:2.5rem}.cl-rhythm h2{color:var(--color-navy);font-size:20px;font-weight:800}.cl-rhythm .table-wrap{margin-top:1rem;overflow-x:auto}.cl-rhythm table{border-collapse:collapse;border:1px solid var(--color-line);background:#fff;border-radius:12px;width:100%;min-width:420px;font-size:15px;overflow:hidden}.cl-rhythm th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--color-slate-500);background:var(--color-slate-50);border-bottom:1px solid var(--color-line);padding:10px 14px;font-size:12.5px;font-weight:800}.cl-rhythm td{border-bottom:1px solid var(--color-slate-100);color:var(--color-slate-600);vertical-align:top;padding:10px 14px}.cl-rhythm tr:last-child td{border-bottom:none}.cl-rhythm td:first-child{color:var(--color-navy);white-space:nowrap;font-weight:700}}