/* Use the existing AI series design system; keep CS additions small. */
@import url("../../ai/assets/style.css");
.skip-link{position:fixed;top:-100px;left:1rem;z-index:2000;background:var(--white);padding:.6rem 1rem;border:2px solid var(--blue);border-radius:6px}
.skip-link:focus{top:.5rem}
:focus-visible{outline:3px solid var(--sky);outline-offset:3px}
.module-card.planned:hover{transform:none;box-shadow:none;border-color:var(--border)}
.card-status{font-size:.75rem;font-weight:600;color:var(--slate);margin-top:.75rem}
.roadmap-link{font-size:.85rem;margin:1rem 0}
.trace-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end;margin:1rem 0}
.trace-controls label{display:flex;flex-direction:column;font-size:.85rem;gap:.25rem}
.trace-controls input,.trace-controls select,.trace-controls button{font:inherit;border:1px solid var(--border);border-radius:6px;padding:.4rem .6rem;background:var(--white);color:var(--navy)}
.trace-controls button{cursor:pointer;border-color:var(--blue)}
.trace-controls button:disabled{opacity:.6;cursor:default}
.trace-items{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none!important;margin:1rem 0!important}
.trace-items li{padding:.6rem .8rem;border:2px solid var(--border);border-radius:8px;background:var(--white)}
.trace-items .inspected{border-color:var(--blue);background:var(--sky-pale)}
.trace-items .matched{border-color:var(--green);background:var(--green-bg)}
.trace-items small{display:block;font-family:var(--font-mono)}
.trace-status{min-height:4rem}
.table-scroll{max-width:100%;overflow-x:auto}
.layer-stack{list-style:none!important;margin:0!important}
.layer-stack li{border:1px solid var(--border);border-left:4px solid var(--sky);padding:.7rem 1rem;margin:.5rem 0;border-radius:6px}
.layer-stack strong{display:block}
.mobile-toc{display:none}
@media(max-width:900px){.mobile-toc{display:block;margin:1rem 0}.mobile-toc nav{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem}.mobile-toc a{font-size:.85rem}#main{width:100%}}
@media(max-width:360px){.index-grid{grid-template-columns:1fr}.module-dropdown .dropdown-menu{min-width:250px}#topbar{gap:.3rem}.lang-switch{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
@media print{.trace-controls,.mobile-toc,.skip-link{display:none!important}details:not([open])>.details-body{display:block!important}.quiz-expl[hidden]{display:block}}