/* Canonical PC lesson-card skin. Layout, camera and academic rules remain in their engines.
   ECG palette tokens are shared with modules and the mobile reader; state semantics stay intact. */
@media(min-width:900px){
 body.pc-lesson-cards{--lesson-surface:var(--ecg-ui-action-bg,linear-gradient(135deg,#2c384a,#192634));--lesson-inset:var(--ecg-ui-locked-bg,#181e27);--lesson-line:var(--ecg-ui-border,#8292a6)}
 html body.pc-lesson-cards #academy-map .activity-tile .pc-lesson-face{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:stretch!important;gap:9px!important;width:190px!important;height:auto!important;min-height:140px!important;padding:15px 14px!important;box-sizing:border-box!important;clip-path:none!important;border:1px solid var(--lesson-line)!important;border-top-color:rgb(var(--ecg-ui-silver-rgb,203 213 226) / 0.467)!important;border-bottom:4px solid #060d17!important;border-radius:13px!important;background:var(--lesson-surface)!important;box-shadow:inset 0 1px #eef4ff19,0 3px #050a13,0 8px 18px #0003!important;text-align:center!important;color:var(--ecg-ui-text,#e6edf7)!important;text-shadow:none!important;outline:none!important;filter:none!important;transition:translate .25s ease!important}
 html body.pc-lesson-cards #academy-map .pc-lesson-face::before,html body.pc-lesson-cards #academy-map .pc-lesson-face::after,html body.pc-lesson-cards #academy-map .pc-lesson-node::after,html body.pc-lesson-cards #academy-map .pc-lesson-face :is(.mission-frame,.mission-image,.mission-heading,.activity-tile-marker),html body.pc-lesson-cards #academy-map .pc-lesson-face>b{display:none!important}
 .pc-lesson-heading{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--ecg-ui-silver,#cbd5e2);font:650 10px/1.35 'Segoe UI',sans-serif;letter-spacing:.06em}
 .pc-lesson-symbol{display:grid;place-items:center;width:26px;height:26px;border:1px solid rgb(var(--ecg-ui-silver-rgb,203 213 226) / 0.255);border-radius:7px;background:#0b15267a;box-shadow:inset 0 1px 4px #0005;color:var(--ecg-ui-silver,#cbd5e2);flex:0 0 26px}.pc-lesson-symbol svg{display:block}
 html body.pc-lesson-cards #academy-map .pc-lesson-face .text-node-title{display:block!important;-webkit-line-clamp:unset!important;position:static!important;margin:0!important;padding:0!important;font:650 15px/1.4 'Segoe UI',sans-serif!important;color:var(--ecg-ui-text,#e6edf7)!important;max-width:none!important;text-shadow:none!important;overflow:visible!important;white-space:normal!important;text-wrap:pretty}
 html body.pc-lesson-cards #academy-map .pc-lesson-face .text-node-state{position:static!important;display:block!important;align-self:stretch!important;margin:0!important;padding:7px 5px!important;border:1px solid rgb(var(--ecg-ui-silver-rgb,203 213 226) / 0.263)!important;border-top-color:#060d18!important;border-radius:6px!important;background:#0a13217a!important;box-shadow:inset 0 1px 4px #0004;font:600 11px/1.4 'Segoe UI',sans-serif!important;letter-spacing:0!important;color:var(--ecg-ui-muted,#adbacd)!important;min-height:0!important;white-space:normal!important}
 html body.pc-lesson-cards #academy-map .activity-tile .tree-node-rule{display:none!important}
 html body.pc-lesson-cards #academy-map .activity-tile[data-lesson-state=locked] .pc-lesson-face{background:var(--lesson-inset)!important;border-color:var(--ecg-ui-locked-line,#485461)!important;border-top-color:var(--ecg-ui-locked-line,#485461)!important;border-left:3px solid var(--ecg-ui-lock,#dcc18b)!important;border-bottom-color:#060c14!important;box-shadow:inset 0 3px 8px #0006,0 2px #050a13!important}
 html body.pc-lesson-cards #academy-map .activity-tile[data-lesson-state=locked] .text-node-title{color:var(--ecg-ui-muted,#adbacd)!important}
 html body.pc-lesson-cards #academy-map .activity-tile[data-lesson-state=locked] .text-node-state{background:#352a1a77!important;border-color:#9a815148!important;color:var(--ecg-ui-lock,#dcc18b)!important}
 html body.pc-lesson-cards #academy-map .activity-tile[data-lesson-state=locked] .pc-lesson-symbol{color:var(--ecg-ui-exam,#dfbe77);border-color:#8d77514f;background:#0a1019}
 /* Blue identifies action context; an explicit label distinguishes recommendation from selection/focus.
    Later exam rules retain their gold surface; multiple options keep their existing wording. */
 html body.pc-lesson-cards #academy-map .activity-tile[data-lesson-state=next] .pc-lesson-face{background:var(--ecg-ui-recommended-surface)!important;border-color:var(--ecg-ui-recommended-mark)!important;border-bottom-color:#0b2840!important}
 html body.pc-lesson-cards #academy-map .activity-tile[data-lesson-state=next]:not([data-lesson-kind=exam]) .text-node-title{color:var(--ecg-ui-recommended-text)!important}
 html body.pc-lesson-cards #academy-map .activity-tile[data-lesson-state=next]:not([data-lesson-kind=exam]) :is(.pc-lesson-heading,.desktop-method-label){color:var(--ecg-ui-recommended-detail)}
 html body.pc-lesson-cards #academy-map .activity-tile[data-lesson-state=next]:not([data-lesson-kind=exam]) .pc-lesson-symbol{background:var(--ecg-ui-recommended-mark);color:var(--ecg-ui-bg);border-color:var(--ecg-ui-recommended-mark)}
 html body.pc-lesson-cards #academy-map .activity-tile[data-lesson-state=next] .text-node-state{color:var(--ecg-ui-bg,#0c121c)!important;border-color:var(--ecg-ui-recommended-mark)!important;background:var(--ecg-ui-recommended-mark)!important;box-shadow:inset 0 1px #fff3!important}
 html body.pc-lesson-cards #academy-map .activity-tile[data-lesson-state=completed] .pc-lesson-face{background:var(--ecg-ui-success-surface,linear-gradient(135deg,#284a3e,#18342b))!important;border-color:#7abc9b88!important;border-top-color:#ade4c2a1!important;border-bottom-color:#06170f!important}
 html body.pc-lesson-cards #academy-map .activity-tile[data-lesson-state=completed] .text-node-state{background:var(--ecg-ui-success-bg,#1c392e)!important;border-color:#7abc9b50!important;color:var(--ecg-ui-success,#8bdbb1)!important}
 html body.pc-lesson-cards #academy-map .activity-tile[data-lesson-state=completed] .pc-lesson-symbol{color:var(--ecg-ui-success,#8bdbb1);border-color:#84c8a667;background:var(--ecg-ui-success-bg,#1c392e)}
 html body.pc-lesson-cards #academy-map .activity-tile[data-lesson-kind=exam] .pc-lesson-face{border-radius:18px!important;border-top:3px solid var(--ecg-ui-exam,#dfbe77)!important}
 html body.pc-lesson-cards #academy-map .activity-tile[data-lesson-kind=exam]:not([data-lesson-state=locked]):not([data-lesson-state=completed]) .pc-lesson-face{background:var(--ecg-ui-exam-surface,linear-gradient(135deg,#473b2a,#252b37))!important;border-color:var(--ecg-ui-exam,#dfbe77)!important;border-bottom-color:#17120b!important}
 html body.pc-lesson-cards #academy-map .activity-tile[data-lesson-kind=exam] .pc-lesson-symbol{width:32px;height:34px;flex-basis:32px;border:0;background:none;box-shadow:none;color:var(--ecg-ui-exam,#dfbe77)}.activity-tile[data-lesson-kind=exam] .pc-lesson-symbol svg{width:27px;height:30px}
 html body.pc-lesson-cards #academy-map .activity-tile:is([aria-controls=map-preview-panel],.is-selected-method) .pc-lesson-face{outline:2px solid var(--ecg-ui-selected-border)!important;outline-offset:4px!important}
 html body.pc-lesson-cards #academy-map .activity-tile:is([aria-controls=map-preview-panel],.is-selected-method):not([data-lesson-state=locked]):not([data-lesson-state=completed]):not([data-lesson-kind=exam]) .pc-lesson-face{background:var(--ecg-ui-selected-surface)!important;border-color:var(--ecg-ui-selected-border)!important;border-bottom-color:var(--ecg-ui-selected-base)!important}
 html body.pc-lesson-cards #academy-map .activity-tile:is([aria-controls=map-preview-panel],.is-selected-method):not([data-lesson-state=locked]):not([data-lesson-state=completed]):not([data-lesson-kind=exam]) :is(.text-node-title,.pc-lesson-heading,.desktop-method-label){color:var(--ecg-ui-selected-text)!important}
 html body.pc-lesson-cards #academy-map .activity-tile.is-route-destination .pc-lesson-face{outline:2px solid var(--ecg-ui-focus,#55b8ef)!important;outline-offset:5px!important;box-shadow:inset 0 1px #fff2,0 3px #050a13,0 0 26px rgb(var(--ecg-ui-blue-rgb,85 184 239) / 0.302)!important}
 html body.pc-lesson-cards #academy-map .activity-tile:focus-visible{outline:none!important}
 html body.pc-lesson-cards #academy-map .activity-tile:focus-visible .pc-lesson-face{outline:2px solid var(--ecg-ui-focus,#55b8ef)!important;outline-offset:5px!important}
 html body.pc-lesson-cards #academy-map .activity-tile:active .pc-lesson-face{translate:0 2px}
 html body.pc-lesson-cards #academy-map .desktop-method-label{display:block;margin:0;padding:0;font:600 10px/1.4 'Segoe UI',sans-serif;color:var(--ecg-ui-silver,#cbd5e2);letter-spacing:.03em}
 html body.pc-lesson-cards #academy-map .is-selected-method .desktop-method-label{color:var(--ecg-ui-accent-soft,#9cd5f5)}
 html body.pc-lesson-cards #academy-map .sector-lesson-path :is(line,path).tree-edge-next{stroke:var(--ecg-ui-accent,#55b8ef)!important}
 html body.pc-lesson-cards #academy-map .tree-group-summary-text{color:var(--ecg-ui-muted,#adbacd)}
 /* Route selectors reuse the material; they remain choices, not completed lessons. */
 html body.pc-lesson-cards #academy-map :is(.desktop-flow-node,.tree-group-toggle:not(.tree-group-caption)){clip-path:none!important;border:1px solid rgb(var(--ecg-ui-silver-rgb,203 213 226) / 0.400)!important;border-top-color:rgb(var(--ecg-ui-silver-rgb,203 213 226) / 0.467)!important;border-bottom:4px solid #060d17!important;border-radius:13px!important;background:var(--lesson-surface)!important;box-shadow:inset 0 1px #eef4ff19,0 3px #050a13,0 8px 18px #0003!important;color:var(--ecg-ui-text,#e6edf7)!important;text-shadow:none!important;font-family:'Segoe UI',sans-serif!important;transition:filter .3s ease!important}
 html body.pc-lesson-cards #academy-map .tree-group-toggle::before,html body.pc-lesson-cards #academy-map .tree-group-toggle::after{display:none!important}
 html body.pc-lesson-cards #academy-map :is(.desktop-flow-node,.tree-group-toggle:not(.tree-group-caption))[aria-expanded=true]{background:var(--ecg-ui-selected-surface)!important;border-color:var(--ecg-ui-selected-border)!important;color:var(--ecg-ui-selected-text)!important;box-shadow:inset 0 -3px var(--ecg-ui-selected-border),inset 0 1px #fff2,0 3px #050a13,0 8px 18px #0003!important}
 html body.pc-lesson-cards #academy-map :is(.desktop-flow-node,.tree-group-toggle:not(.tree-group-caption))[aria-expanded=true] :is(small,.desktop-flow-status,.tree-group-summary-text){color:var(--ecg-ui-selected-detail)}
 html body.pc-lesson-cards #academy-map .desktop-flow-intro.is-completed{background:var(--ecg-ui-success-surface,linear-gradient(135deg,#284a3e,#18342b))!important;border-color:#7abc9b88!important}
 html body.pc-lesson-cards #academy-map .desktop-flow-node.is-route-destination{outline:2px solid var(--ecg-ui-focus,#55b8ef)!important;outline-offset:5px;box-shadow:0 0 26px rgb(var(--ecg-ui-blue-rgb,85 184 239) / 0.302)!important}
 html body.pc-lesson-cards #academy-map :is(.desktop-flow-node,.tree-group-toggle:not(.tree-group-caption)):focus-visible{outline:2px solid var(--ecg-ui-focus,#55b8ef)!important;outline-offset:5px}
 html body.pc-lesson-cards #academy-map .tree-group-toggle:not(.tree-group-caption){padding:14px!important;font:600 13px/1.45 'Segoe UI',sans-serif!important;text-align:center!important}
 html body.pc-lesson-cards #academy-map .tree-group-caption{width:190px!important;height:28px!important;min-height:28px!important;padding:3px 8px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;filter:none!important;translate:none!important;cursor:default;color:var(--ecg-ui-silver,#cbd5e2)!important}
 html body.pc-lesson-cards #academy-map .tree-group-caption strong{color:var(--ecg-ui-silver,#cbd5e2)!important;font:500 11px/1.4 'Segoe UI',sans-serif!important;letter-spacing:.02em}
 html body.pc-lesson-cards #academy-map .tree-group-caption :is(.tree-group-chevron,.tree-group-visual,.tree-group-summary-text,.tree-group-action){display:none!important}

}
@media(min-width:900px) and (hover:hover){
 html body.pc-lesson-cards #academy-map .activity-tile:not([data-lesson-state=locked]):hover .pc-lesson-face{border-color:var(--ecg-ui-accent,#55b8ef)!important;box-shadow:inset 0 1px #fff2,0 4px #050a13,0 0 18px rgb(var(--ecg-ui-blue-rgb,85 184 239) / 0.145)!important}
 html body.pc-lesson-cards #academy-map .activity-tile:not([data-lesson-state=locked]):hover:not(:active) .pc-lesson-face{translate:0 -3px}
 html body.pc-lesson-cards #academy-map :is(.desktop-flow-node,.tree-group-toggle:not(.tree-group-caption)):hover{border-color:var(--ecg-ui-accent,#55b8ef)!important;filter:brightness(1.12)!important}
}
@media(prefers-reduced-motion:reduce){html body.pc-lesson-cards #academy-map :is(.pc-lesson-face,.desktop-flow-node,.tree-group-toggle){transition:none!important;translate:none!important}}

/* Isolated navigation and achievement signals; never change card geometry. */
@media(min-width:900px){
 html body.pc-lesson-cards #academy-map .pc-node-feedback{position:absolute;inset:-6px;z-index:5;display:block;pointer-events:none;border:2px solid var(--ecg-ui-accent,#55b8ef);border-radius:17px;box-shadow:0 0 24px rgb(var(--ecg-ui-blue-rgb,85 184 239) / 0.400);overflow:visible;color:var(--ecg-ui-accent-soft,#9cd5f5)}
 html body.pc-lesson-cards #academy-map .pc-node-feedback-label{position:absolute;left:50%;bottom:100%;translate:-50% -5px;display:block;white-space:nowrap;padding:5px 9px;border:1px solid var(--ecg-ui-accent,#55b8ef);border-radius:7px;background:var(--ecg-ui-selected-bg,#192e43);color:var(--ecg-ui-selected-text);font:700 10px/1.3 'Segoe UI',sans-serif;letter-spacing:.035em;box-shadow:0 3px 10px #0006}
 html body.pc-lesson-cards #academy-map .pc-node-feedback[data-feedback=achievement]{border-color:var(--ecg-ui-success,#8bdbb1);color:var(--ecg-ui-success,#8bdbb1);box-shadow:0 0 28px #75dba966}
 html body.pc-lesson-cards #academy-map .pc-node-feedback[data-feedback=achievement] .pc-node-feedback-label{background:var(--ecg-ui-success-bg,#1c392e);border-color:var(--ecg-ui-success,#8bdbb1);color:var(--ecg-ui-success)}
 .pc-route-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
}

@media(min-width:900px){
 html body.desktop-route-active.pc-lesson-cards #academy-map .activity-tile .pc-lesson-face{width:var(--desktop-node-width,230px)!important;min-height:158px!important;padding:18px!important;gap:12px!important}
 html body.desktop-route-active.pc-lesson-cards #academy-map .pc-lesson-face .text-node-title{font-size:var(--desktop-node-font,17px)!important;line-height:1.45!important}
 html body.desktop-route-active.pc-lesson-cards #academy-map .pc-lesson-face .text-node-state{font-size:13px!important;padding:8px!important}
 html body.desktop-route-active.pc-lesson-cards #academy-map .pc-lesson-heading{font-size:13px;letter-spacing:.02em}
}