.hoc-co-page{max-width:1130px;margin:0 auto;padding:var(--space-lg) 20px 32px}.hoc-co-page [hidden]{display:none!important}.hc-header{margin-bottom:var(--space-md)}.hc-header h1{margin:0 0 6px;font-size:30px;letter-spacing:-0.01em}.hc-sub{margin:0;color:var(--muted);font-size:15px;max-width:640px}.hc-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 var(--space-md)}.hc-tab{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color 0.15s,background 0.15s,color 0.15s}.hc-tab:hover{border-color:rgba(166,112,37,0.45)}.hc-tab.active{background:var(--primary);border-color:var(--primary-dark);color:#fff}.hc-tab-count{font-size:12px;font-weight:600;padding:1px 8px;border-radius:999px;background:var(--primary-soft);color:var(--primary-dark)}.hc-tab.active .hc-tab-count{background:rgba(255,255,255,0.22);color:#fff}.hc-section{background:var(--panel);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-md);margin-bottom:var(--space-md)}.hc-section-title{margin:0 0 14px;font-size:20px;display:flex;align-items:baseline;gap:10px;border-bottom:1px solid var(--line);padding-bottom:10px}.hc-topic-title{margin:18px 0 10px;font-size:16px;display:flex;align-items:baseline;gap:8px}.hc-subtopic-title{margin:12px 0 8px;font-size:13.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:0.04em;display:flex;align-items:baseline;gap:8px}.hc-count{font-size:12px;font-weight:500;color:var(--muted);text-transform:none;letter-spacing:0}.hc-empty{color:var(--muted);padding:var(--space-md);text-align:center}.hc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.hc-grid{max-width:1000px}.hc-card{display:flex;align-items:center;gap:10px;text-align:left;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#fffdf9;font:inherit;color:var(--ink);cursor:pointer;transition:transform 0.12s,box-shadow 0.12s,border-color 0.12s}.hc-card:hover,.hc-card:focus-visible{transform:translateY(-1px);border-color:rgba(166,112,37,0.5);box-shadow:var(--shadow-sm);outline:none}.hc-card-num{flex-shrink:0;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--primary-soft);color:var(--primary-dark);font-size:12px;font-weight:700}.hc-card-body{display:flex;flex-direction:column;gap:2px;min-width:0}.hc-card-title{font-size:14px;font-weight:600;line-height:1.35}.hc-card-meta{font-size:12px;color:var(--muted)}.hc-crumb{display:block;font-size:12px;color:var(--muted);margin:0 4px 8px;min-width:0}.hc-lesson-layout{display:grid;grid-template-columns:240px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:var(--space-sm) var(--space-md);align-items:start}.hc-lesson-topbar{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:2px;min-width:0}.hc-lesson-layout>.hc-sidebar{grid-column:1;grid-row:2}.hc-lesson-layout>.hc-lesson-content{grid-column:2;grid-row:1 / span 2}.hc-sidebar{background:var(--panel);border-radius:var(--radius-md);padding:var(--space-sm);box-shadow:var(--shadow-md);max-height:calc(100vh - 96px);overflow-y:auto;position:sticky;top:16px}.hc-sidebar-node{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--primary-dark);margin:4px 4px 10px}.hc-side-lesson{display:block;width:100%;text-align:left;border:none;background:transparent;color:var(--ink);font:inherit;font-size:14px;line-height:1.4;padding:8px 10px;border-radius:10px;cursor:pointer}.hc-side-lesson:hover{background:var(--primary-soft)}.hc-side-lesson.active{background:var(--primary-soft);color:var(--primary-dark);font-weight:600}.hc-lesson-grid{display:grid;grid-template-columns:minmax(430px,1fr) 320px;gap:var(--space-md);align-items:start}.board-column,.hc-panel{background:var(--panel);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md) var(--space-md);box-shadow:var(--shadow-lg)}.board-column{max-width:100%;overflow:hidden}.board-frame{margin:0 auto 12px}.board,cg-container{border-radius:var(--radius-sm)}#hoc-co-status{margin:0;padding:10px 14px;border-radius:14px;font-size:15px;background:#fffaf4;color:var(--muted);box-shadow:var(--shadow-sm);min-height:1.5em}#hoc-co-status.wrong,#hoc-co-status.wrong.pulse{color:var(--danger);background:var(--danger-soft)}#hoc-co-status.ok{color:var(--success);background:var(--success-soft)}@keyframes hc-status-pulse{0%{transform:translateX(0)}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}100%{transform:translateX(0)}}#hoc-co-status.pulse{animation:hc-status-pulse 320ms ease-in-out}@media (prefers-reduced-motion:reduce){@keyframes hc-status-pulse{0%{opacity:1}50%{opacity:0.45}100%{opacity:1}}}.hc-panel-title{margin:0 0 10px;font-size:20px;line-height:1.3}#hoc-co-progress{margin:0 0 6px;font-size:12px;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;color:var(--muted)}.hc-progress-track{display:block;height:5px;border-radius:999px;background:var(--accent-soft);overflow:hidden;margin-bottom:12px}.hc-bar-fill{display:block;height:100%;border-radius:999px;background:var(--primary);transition:width 0.25s ease}.hc-instruction{padding:14px 16px;border-radius:16px;background:#fffaf4;margin-bottom:12px;font-size:15px;line-height:1.6;box-shadow:var(--shadow-sm)}#hoc-co-instruction p{margin:0 0 8px;color:var(--ink)}#hoc-co-instruction p:last-child{margin-bottom:0}#hoc-co-notation{margin:8px 0 0;font-size:14px;font-weight:700;color:var(--primary-dark)}#hoc-co-notation:empty{display:none}.side-to-move{display:inline-block;margin:0 0 8px;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:600;line-height:1.5;border:1px solid transparent}.side-to-move.red{color:#a3341f;background:#fdece7;border-color:#f2c4b6}.side-to-move.black{color:#24303d;background:#e9edf2;border-color:#c3ccd6}.hc-desc{font-size:14.5px;line-height:1.65;color:var(--ink)}.hc-desc p{margin:0 0 10px}.hc-tips,.hc-preface{margin:0 0 12px;font-size:14px}.hc-tips>summary,.hc-preface>summary{cursor:pointer;color:var(--muted);font-weight:600}.hc-tips[open],.hc-preface[open]{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#faf6ec}.hc-tips[open]>summary,.hc-preface[open]>summary{color:inherit;margin-bottom:4px}.hc-tips p,.hc-preface p{margin:0 0 8px;line-height:1.6}.hc-complete{margin-top:12px;padding:16px;border-radius:16px;background:var(--success-soft);box-shadow:var(--shadow-sm)}.hc-complete h3{margin:0 0 8px;font-size:16px;color:var(--success)}.hc-complete p{margin:0 0 8px;font-size:14px;line-height:1.6}.hc-complete-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.hc-btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:999px;padding:8px 16px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.hc-btn:hover{border-color:rgba(166,112,37,0.45)}.hc-btn.primary{background:var(--primary);border-color:var(--primary-dark);color:#fff}.hc-btn.primary:hover{background:var(--primary-dark)}.hc-square-highlight{box-shadow:inset 0 0 0 4px rgba(122,69,22,0.98),0 0 0 2px rgba(236,196,133,0.85);background:rgba(122,69,22,0.12);box-sizing:border-box}.hc-legal-dot{border-radius:50%;background:rgba(230,143,0,0.45)}.hc-lesson-content svg.cg-shapes{shape-rendering:geometricPrecision}.hc-lesson-content svg.cg-shapes line{stroke-width:0.1!important}.hc-lesson-content svg.cg-shapes marker path{transform:scale(0.8);transform-origin:1.5px 2px}@media (max-width:1000px){.hc-lesson-layout{grid-template-columns:1fr}.hc-lesson-layout>.hc-lesson-topbar{grid-column:1;grid-row:1}.hc-lesson-layout>.hc-lesson-content{grid-column:1;grid-row:2}.hc-lesson-layout>.hc-sidebar{grid-column:1;grid-row:3;position:static;max-height:60vh}}@media (max-width:860px){.hc-lesson-grid{grid-template-columns:1fr}.hoc-co-page{padding:var(--space-md) 12px 24px}.hc-header h1{font-size:24px}.hc-section{padding:var(--space-sm)}.hc-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.hc-grid{grid-template-columns:1fr}.hc-tab{padding:8px 13px;font-size:13px}}.hc-guide-origin,.hc-guide-target{display:grid;place-items:center;box-sizing:border-box;border-radius:50%}.hc-guide-origin{border:2px solid rgba(255,255,255,0.9);box-shadow:0 0 0 2px rgba(70,189,123,0.55),0 0 10px rgba(70,189,123,0.5);animation:hc-guide-pulse 1.6s ease-in-out infinite}.hc-guide-target.capture{border:2px dashed rgba(230,143,0,0.95);animation:hc-guide-pulse 1.6s ease-in-out infinite}.hc-guide-target.star{color:#327ee2;font-size:130%;line-height:1;text-shadow:0 0 2px rgba(255,255,255,0.95),0 0 5px rgba(255,255,255,0.8),0 0 7px rgba(0,0,0,0.3);animation:hc-guide-star 1.6s ease-in-out infinite}@keyframes hc-guide-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:0.75}}@keyframes hc-guide-star{0%,100%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.18) rotate(8deg)}}@media (prefers-reduced-motion:reduce){.hc-guide-origin,.hc-guide-target.capture,.hc-guide-target.star{animation:none}}.hc-guide-finger{box-sizing:border-box;display:grid;place-items:center;transform:translate(30%,30%);filter:drop-shadow(0 1px 2px rgba(255,255,255,0.85));animation:hc-guide-tap 1.6s ease-in-out infinite}.hc-guide-finger svg{width:132%;height:132%;overflow:visible}@keyframes hc-guide-tap{0%,100%{transform:translate(30%,30%)}50%{transform:translate(26%,18%)}}@media (prefers-reduced-motion:reduce){.hc-guide-finger{animation:none}}.hc-resume{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 16px;padding:14px 16px;margin-bottom:var(--space-md);border:1px solid var(--primary);border-radius:var(--radius-sm);background:var(--primary-soft)}.hc-resume-label{grid-column:1;margin:0;font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--primary-dark)}.hc-resume-main{grid-column:1;margin:0;font-weight:600;color:var(--ink)}.hc-resume-btn{grid-column:2;grid-row:1 / span 2;padding:9px 18px;border:1px solid var(--primary-dark);border-radius:var(--radius-sm);background:var(--primary);color:#fff;font:inherit;font-weight:600;cursor:pointer}.hc-resume-btn:hover{filter:brightness(1.05)}.hc-resume-btn:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.hc-cat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hc-cat{display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 12px 12px;text-align:center;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fffdf9;font:inherit;color:var(--ink);cursor:pointer;transition:transform 0.12s,box-shadow 0.12s,border-color 0.12s}.hc-cat:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:var(--primary)}.hc-cat:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.hc-ring-track{fill:none;stroke:var(--line);stroke-width:5}.hc-ring-fill{fill:none;stroke:var(--primary);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset 0.4s ease}.hc-cat-xong .hc-ring-fill{stroke:var(--primary-dark)}.hc-cat .hc-icon{width:40px;height:40px;display:grid;place-items:center;color:var(--primary-dark)}.hc-cat .hc-icon svg{width:30px;height:30px}.hc-cat .hc-icon:not(.doi) img{width:38px;height:38px;object-fit:contain}.hc-cat .hc-icon.doi img{object-fit:contain}.hc-cat-name{font-weight:600;line-height:1.3}.hc-cat-meta{font-size:0.8rem;color:var(--muted)}.hc-cat-prog{display:flex;align-items:center;gap:8px;width:100%;margin-top:6px}.hc-cat-bar{flex:1;height:5px;border-radius:3px;background:var(--line);overflow:hidden}.hc-cat-fill{display:block;height:100%;background:var(--primary)}.hc-cat-pct{font-size:0.76rem;color:var(--muted);font-variant-numeric:tabular-nums;min-width:2.4em;text-align:right}.hc-cat-xong{border-color:var(--primary)}.hc-cat-xong .hc-cat-fill{background:var(--primary-dark)}.hc-cat-xong .hc-cat-pct{color:var(--primary-dark)}.hc-browse-label{margin:14px 0 8px;font-size:1.02rem;font-weight:600}@media (prefers-reduced-motion:reduce){.hc-ring-fill{transition:none}}.hc-cat-back{display:inline-block;margin-bottom:var(--space-md);padding:6px 2px;border:0;background:none;font:inherit;font-weight:600;color:var(--primary-dark);cursor:pointer}.hc-cat-back:hover{text-decoration:underline}.hc-cat-back:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.hc-card.done{border-color:var(--primary)}.hc-card.done .hc-kind{position:relative}.hc-card.done .hc-kind::after{content:"✓";position:absolute;top:-6px;right:-8px;font-size:0.7rem;line-height:1;color:var(--primary-dark)}.hc-done-note{margin:0 0 8px;color:var(--muted)}.hc-topic-title:has(.hc-icon),.hc-subtopic-title:has(.hc-icon){display:flex;align-items:center;gap:8px}.hc-topic-title .hc-icon:not(.doi) img,.hc-subtopic-title .hc-icon:not(.doi) img{width:30px;height:30px;object-fit:contain;display:block}.hc-topic-title .hc-icon.doi img,.hc-subtopic-title .hc-icon.doi img{object-fit:contain;display:block}.hc-side-group{margin:10px 0 4px;font-size:0.72rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted)}.hc-side-group:first-child{margin-top:0}.hc-side-lesson.done::after{content:"✓";margin-left:6px;font-size:0.8em;color:var(--primary-dark)}.hc-crumb-link{border:0;padding:0;background:none;font:inherit;color:var(--primary-dark);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.hc-crumb-link:hover{filter:brightness(1.15)}.hc-crumb-link:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.hc-subtabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--space-md)}.hc-subtabs[hidden]{display:none}.hc-subtab{display:inline-flex;align-items:center;gap:7px;flex:none;padding:7px 13px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap}.hc-subtab:hover{border-color:var(--primary)}.hc-subtab:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.hc-subtab.active{background:var(--primary-soft);border-color:var(--primary);font-weight:600}.hc-subtab .hc-icon{width:28px;height:28px;display:grid;place-items:center;color:var(--primary-dark)}.hc-subtab .hc-icon svg{width:24px;height:24px}.hc-subtab .hc-icon:not(.doi) img{width:27px;height:27px;object-fit:contain}.hc-subtab-count{font-size:0.78rem;color:var(--muted);font-variant-numeric:tabular-nums}.hc-subtab.xong .hc-subtab-count{color:var(--primary-dark)}.hc-icon.doi{position:relative}.hc-icon.doi img{position:absolute;width:62%;height:62%}.hc-icon.doi img:first-child{left:0;top:0;z-index:2}.hc-icon.doi img:last-child{right:0;bottom:0;opacity:0.92}.hc-topic-more{display:none}@media (max-width:768px){.hc-header .hc-sub{display:none}.hc-header{margin-bottom:12px}.hc-header h1{font-size:1.5rem}.hc-tabs{gap:4px;margin-bottom:10px}.hc-tab{padding:5px 9px;font-size:0.86rem}.hc-tab-count{display:none}.hc-subtabs{gap:5px;margin-bottom:10px}.hc-subtab{padding:4px 8px;font-size:0.78rem;gap:4px}.hc-subtab .hc-icon{display:none}.hc-subtab-count{font-size:0.72rem}.hc-resume{grid-template-columns:1fr auto;gap:2px 10px;padding:9px 11px;margin-bottom:10px}.hc-resume-label{font-size:0.66rem;letter-spacing:0.08em}.hc-resume-main{font-size:0.92rem}.hc-resume-btn{padding:7px 13px;font-size:0.88rem}.hc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hc-card{padding:8px 9px;gap:7px}.hc-card-title{font-size:0.88rem}.hc-card-meta{font-size:0.74rem}.hc-card-num{flex:none}.hc-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hc-cat{padding:10px;gap:3px 9px}.hc-cat .hc-icon{width:36px;height:36px}.hc-cat .hc-icon:not(.doi) img{width:34px;height:34px}.hc-cat .hc-icon svg{width:28px;height:28px}.hc-cat-name{font-size:0.9rem}.hc-cat-meta{font-size:0.74rem}.hc-topic-title,.hc-subtopic-title{margin:12px 0 6px}}@media (max-width:500px){.hc-lesson-grid>.board-column{margin-left:-12px;margin-right:-12px;padding-left:0;padding-right:0;border-radius:0;max-width:none}.board-column>:not(.board-frame){padding-left:12px;padding-right:12px}}.hc-card-title{display:inline-flex;align-items:center;gap:6px}.hc-kind{display:inline-grid;place-items:center;width:17px;height:17px;flex:none}.hc-kind svg{width:17px;height:17px;display:block}.hc-kind-vidu{color:var(--primary-dark)}.hc-kind-luyentap{color:#7a6a3f}.hc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hc-topic-desc{margin:-2px 0 10px;max-width:34rem;font-size:0.94rem;line-height:1.7;color:var(--muted)}.hc-topic-desc p{margin:0 0 0.75em}.hc-topic-desc p:last-child{margin-bottom:0}.hc-chip{display:inline-flex;align-items:center;gap:3px;font-size:0.78rem;color:var(--muted);font-variant-numeric:tabular-nums}.hc-chip svg{width:14px;height:14px;display:block}.hc-chip-vidu{color:var(--primary-dark)}.hc-chip-luyentap{color:#7a6a3f}.hc-units{display:flex;flex-direction:column;gap:8px}.hc-unit{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;width:100%;padding:12px 14px;text-align:left;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--ink);font:inherit;cursor:pointer;transition:border-color 0.12s,box-shadow 0.12s,transform 0.12s}.hc-unit:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.hc-unit:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.hc-unit-no{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--primary-soft);color:var(--primary-dark);font-weight:700;font-variant-numeric:tabular-nums}.hc-unit-xong .hc-unit-no{background:var(--primary);color:#fff}.hc-unit-body{display:flex;flex-direction:column;gap:2px;min-width:0}.hc-unit-name{font-weight:600}.hc-unit-meta{font-size:0.82rem;color:var(--muted)}.hc-unit-prog{position:relative;width:40px;height:40px;display:grid;place-items:center}.hc-unit-prog>svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.hc-unit-prog .hc-ring-track,.hc-unit-prog .hc-ring-fill{stroke-width:5}.hc-unit-count{font-size:0.62rem;color:var(--muted);font-variant-numeric:tabular-nums}.hc-unit-xong .hc-ring-fill{stroke:var(--success)}.hc-unit-xong .hc-unit-count{color:var(--success)}.hc-unit-go{font-size:1.4rem;line-height:1;color:var(--muted)}.hc-resume-sub{grid-column:1;margin:2px 0 0;font-size:0.8rem;color:var(--muted)}.hc-resume-bar{grid-column:1;height:5px;margin-top:6px;border-radius:3px;background:rgba(120,110,80,0.2);overflow:hidden}.hc-resume-fill{display:block;height:100%;background:var(--primary)}@media (max-width:768px){.hc-unit{grid-template-columns:auto 1fr auto;gap:10px;padding:10px 12px}.hc-unit-go{display:none}.hc-unit-no{width:32px;height:32px;font-size:0.9rem}.hc-unit-prog{width:38px;height:38px}.hc-unit-name{font-size:0.94rem}.hc-unit-meta{font-size:0.78rem}.hc-topic-desc{max-height:3.4em;overflow:hidden;margin-bottom:2px}.hc-topic-desc.mo{max-height:none;overflow:visible}.hc-topic-more{display:inline-block;margin:0 0 6px;padding:0;border:0;background:none;color:var(--primary-dark);font:inherit;font-size:0.82rem;font-weight:600;cursor:pointer}.hc-topic-more:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.hc-section-title{margin-bottom:6px}}.hc-drills[hidden]{display:none}.hc-drills{display:flex;flex-direction:column;gap:8px;margin:0 0 14px}.hc-drills-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--muted)}.hc-drills-links{display:flex;flex-direction:column;gap:8px}.hc-drill-link{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px dashed var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--ink);text-decoration:none;transition:border-color 0.12s,box-shadow 0.12s}.hc-drill-link:hover{border-color:var(--primary);border-style:solid;box-shadow:var(--shadow-sm)}.hc-drill-link:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.hc-drill-name{font-weight:700;font-size:14.5px}.hc-drill-name::after{content:" →";color:var(--muted);font-weight:400}.hc-drill-desc{font-size:12.5px;line-height:1.5;color:var(--muted)}.hc-step-next{margin-top:10px;align-self:flex-start}.hc-step-next[hidden]{display:none}.hc-complete.duoi-ban{margin:10px 0 0;padding:14px 16px;background:var(--panel);border:1px solid var(--line);box-shadow:0 8px 28px rgba(40,30,10,0.18)}.hc-complete.duoi-ban h3{display:flex;align-items:center;gap:9px;margin:0;font-size:15px;color:var(--ink)}.hc-complete.duoi-ban h3::before{content:"✓";flex:0 0 auto;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--primary);color:#fff;font-size:14px;font-weight:700}.hc-complete.duoi-ban .hc-complete-actions{margin-top:12px}.hc-complete.duoi-ban .hc-complete-actions .hc-btn{flex:1 1 0}.hc-kindmeta{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 12px}.hc-kindmeta-o{display:inline-flex;align-items:center;gap:4px}.hc-kindmeta .hc-kind{width:1.05em;height:1.05em}.hc-kindmeta .hc-kind svg{width:100%;height:100%}.hc-bien-so{display:grid;place-items:center;pointer-events:none}.hc-bien-so::before{content:attr(data-n);min-width:1.2em;height:1.2em;padding:0 0.2em;box-sizing:border-box;display:grid;place-items:center;border-radius:999px;background:#327ee2;color:#fff;border:1.5px solid rgba(255,255,255,0.95);font-size:88%;font-weight:700;line-height:1;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,0.35)}.hc-status-row{display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap}.hc-status-row>#hoc-co-status{flex:1 1 12rem;margin:0}.hc-status-row>.hc-step-next{flex:0 0 auto}.hc-bien-nut{margin-top:0.5rem}.hc-bien-nut[hidden]{display:none}.hc-bien-ds{margin-top:0.75rem}.hc-bien-ds>summary{cursor:pointer;font-weight:600}.hc-bien-muc{display:inline-flex;align-items:center;gap:0.3rem;text-align:left;padding:0.3rem 0.55rem;font-variant-numeric:tabular-nums;border:1px solid var(--line,rgba(0,0,0,0.12));border-radius:8px;background:transparent;font:inherit;color:inherit;cursor:pointer}.hc-bien-muc:hover,.hc-bien-muc:focus-visible{border-color:#327ee2;background:rgba(50,126,226,0.06)}.hc-doc{border:1px solid rgba(50,126,226,0.35);border-radius:10px;background:rgba(50,126,226,0.05);padding:0.75rem 0.85rem}.hc-doc[hidden]{display:none}.hc-doc-badge{margin:0 0 0.5rem;font-size:0.78rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:#2a63a8}.hc-doc-duong{display:flex;flex-wrap:wrap;align-items:center;gap:0.25rem;margin-bottom:0.6rem;font-size:0.86rem}.hc-doc-crumb{border:0;background:transparent;padding:0.1rem 0.2rem;font:inherit;color:#2a63a8;cursor:pointer;border-radius:4px}.hc-doc-crumb:disabled{color:inherit;font-weight:600;cursor:default}.hc-doc-crumb:not(:disabled):hover,.hc-doc-crumb:focus-visible{background:rgba(50,126,226,0.12)}.hc-doc-crumb-sep{opacity:0.5}.hc-doc-noi p{margin:0 0 0.5rem}.hc-doc-con{margin-top:0.7rem;padding-top:0.6rem;border-top:1px solid rgba(50,126,226,0.22)}.hc-doc-con[hidden]{display:none}.hc-doc-con-nhan{margin:0 0 0.35rem;font-size:0.85rem;font-weight:600}.hc-doc-muc{display:block;width:100%;text-align:left;margin-top:0.35rem;padding:0.4rem 0.55rem;border:1px solid rgba(50,126,226,0.3);border-radius:8px;background:#fff;font:inherit;color:inherit;cursor:pointer}.hc-doc-muc:hover,.hc-doc-muc:focus-visible{border-color:#327ee2;background:rgba(50,126,226,0.08)}.hc-doc-ae{margin-top:0.5rem}.hc-doc-cuoi{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.75rem}.hc-doc-cuoi>.hc-btn{flex:1 1 auto}.hc-bien-nhom + .hc-bien-nhom{margin-top:0.6rem}.hc-bien-nhom-nhan{margin:0.5rem 0 0.3rem;font-size:0.72rem;font-weight:600;letter-spacing:0.08em;opacity:0.7}.hc-bien-hang{display:flex;flex-wrap:wrap;gap:0.35rem}.hc-o-cham{border-radius:50%;cursor:pointer}.hc-o-cham:hover,.hc-o-cham:focus-visible{background:rgba(50,126,226,0.18);outline:2px solid #327ee2;outline-offset:-4px}.hc-cham-goi{margin:0.5rem 0 0;font-size:0.86rem;opacity:0.8}.hc-bien-dem{display:inline-block;min-width:1.1em;padding:0 0.25em;border-radius:999px;background:rgba(50,126,226,0.16);color:#2a63a8;font-size:0.74rem;font-weight:600;text-align:center}.hc-doc-muc-day{border-color:#327ee2;background:rgba(50,126,226,0.1);font-weight:600}.hc-bien-ds--chinh{border:1px solid rgba(50,126,226,0.3);border-radius:10px;padding:0.5rem 0.7rem;background:rgba(50,126,226,0.04)}.hc-bien-phu-de{margin:0.35rem 0 0;font-size:0.84rem;opacity:0.8}@media (max-width:768px){.hc-doc-crumb{min-height:34px;padding:0.35rem 0.45rem}.hc-doc-cuoi>.hc-btn{min-height:44px}.hc-bien-muc,.hc-doc-muc{min-height:40px}}.hc-doc-dai{display:flex;flex-wrap:wrap;align-content:flex-start;gap:0.3rem;max-height:9rem;overflow-y:auto;overflow-x:hidden;padding:0.15rem 0.1rem 0.35rem 0;margin-bottom:0.5rem;scrollbar-width:thin}.hc-doc-dai[hidden]{display:none}.hc-doc-nuoc{flex:0 0 auto;min-height:30px;padding:0.3rem 0.5rem;border:1px solid var(--line,rgba(0,0,0,0.12));border-radius:6px;background:#fff;font:inherit;font-size:0.82rem;font-variant-numeric:tabular-nums;white-space:nowrap;color:inherit;cursor:pointer}.hc-doc-nuoc:hover,.hc-doc-nuoc:focus-visible{border-color:#327ee2}.hc-doc-nuoc--y{border-color:rgba(50,126,226,0.5);background:rgba(50,126,226,0.08);font-weight:600}.hc-doc-nuoc--y::after{content:"•";margin-left:0.3em;color:#2f6fc4}.hc-doc-nuoc--day.hc-doc-nuoc--y::after{color:#fff}.hc-doc-nuoc--day{background:#327ee2;border-color:#327ee2;color:#fff;font-weight:600}@media (max-width:768px){.hc-doc-nuoc{min-height:34px}}@media (max-width:768px){.hc-doc{padding:0.6rem 0.65rem}.hc-doc-badge{margin-bottom:0.35rem;font-size:0.72rem}.hc-doc-duong{margin-bottom:0.4rem}.hc-doc-dai{max-height:6rem;margin-bottom:0.4rem}.hc-doc-cuoi{margin-top:0.5rem;flex-wrap:nowrap}.hc-doc-cuoi>.hc-btn{flex:1 1 0;min-width:0;padding-left:0.4rem;padding-right:0.4rem;font-size:0.86rem}}