:root{--bg: #07111f;--surface: #101d2f;--surface-raised: #162740;--text: #eef6ff;--muted: #c9d8e8;--link: #8bdcff;--link-visited: #d6b8ff;--accent: #62d5b1;--accent-strong: #18b88d;--danger: #ff9aa0;--warning: #ffc66d;--border: #55779d;--focus: #f9df71;--shadow: 0 16px 36px rgb(0 0 0 / 22%);--radius: .8rem;--sidebar-width: 18rem}*{box-sizing:border-box}html,body,#root{min-width:0;min-height:100%;margin:0}body{color-scheme:dark;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-wrap:anywhere}a{color:var(--link);text-decoration-thickness:.12em;text-underline-offset:.18em}a:visited{color:var(--link-visited)}a:hover{text-decoration-thickness:.18em}button,input,select{font:inherit}button,select,input,summary,a{min-block-size:44px}img,svg,table,pre{max-inline-size:100%}fieldset{min-inline-size:0}select{max-inline-size:100%}pre,.table-scroll{overflow:auto}code,pre,.technical{direction:ltr;text-align:left;unicode-bidi:isolate}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(forced-colors:active){a,a:visited{color:LinkText}:focus-visible{outline-color:Highlight}.suite-navigation__link--current,.terminal-panel__error{border-color:Highlight}}.learning-shell{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "main" "footer";min-block-size:100vh;padding-inline-start:var(--sidebar-width);background:radial-gradient(circle at 85% 8%,#173455 0,var(--bg) 40rem)}.learning-shell__header{grid-area:header;display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:1.5rem clamp(1rem,3vw,3rem);border-block-end:1px solid var(--border)}.learning-shell__header h1{margin:0;font-size:clamp(1.35rem,2vw,2.1rem)}.learning-shell__eyebrow{margin:0;color:var(--accent);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.learning-shell__sidebar{position:fixed;inset-block:0;inset-inline-start:0;z-index:2;inline-size:var(--sidebar-width);overflow-y:auto;padding:1rem;background:#07111fe5;border-inline-end:1px solid var(--border)}.learning-shell__main{grid-area:main;min-inline-size:0;padding:clamp(1rem,3vw,3rem);color:var(--text)}.learning-shell__main :where(h2,h3,h4,p,li,dt,dd){color:var(--text)}.learning-shell__main :where(p,li,dd){font-size:1.0625rem;font-weight:500}.learning-shell__main article>section:not(.command-anatomy),.learning-shell__main .content-metadata{margin-block:1rem;padding:1rem 1.1rem;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:.65rem}.learning-shell__main article>section:not(.command-anatomy)>:first-child,.learning-shell__main .content-metadata>:first-child{margin-block-start:0;color:var(--text)}.learning-shell__main article>section:not(.command-anatomy)>:last-child,.learning-shell__main .content-metadata>:last-child{margin-block-end:0}.learning-shell__main article>pre{padding:.9rem;color:var(--accent);background:#050b14;border:1px solid var(--border);border-radius:.5rem;white-space:pre-wrap;overflow-wrap:anywhere}.learning-shell__main article pre,.learning-shell__main article code{font-size:1rem;font-weight:600}.learning-shell__footer{grid-area:footer;padding:1.25rem clamp(1rem,3vw,3rem);color:var(--muted);border-block-start:1px solid var(--border)}.locale-selector{display:grid;gap:.35rem;color:var(--muted);font-size:.875rem}.locale-selector select,.terminal-panel input{min-inline-size:10rem;padding-inline:.75rem;color:var(--text);background:var(--surface-raised);border:1px solid var(--border);border-radius:.45rem}.skip-link{position:fixed;inset-block-start:.5rem;inset-inline-start:.5rem;z-index:10;padding:.7rem 1rem;color:#00120d;background:var(--accent);border-radius:.4rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.suite-navigation summary{display:none;cursor:pointer;padding:.75rem;color:var(--text);border:1px solid var(--border);border-radius:.5rem}.suite-navigation__links{display:grid;gap:.45rem;padding:0;margin:0;list-style:none}.suite-navigation__link{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-block-size:44px;padding:.65rem .75rem;color:var(--text);text-decoration:none;border:1px solid transparent;border-radius:.55rem}.suite-navigation__link:hover{background:var(--surface);border-color:var(--border)}.suite-navigation__link--current{color:#00120d;background:var(--accent);border-color:var(--accent);font-weight:700}.suite-navigation__current{font-size:.72rem;white-space:nowrap}.terminal-panel,.diagram-canvas,.command-anatomy,.course-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.terminal-panel{overflow:hidden}.terminal-panel__heading,.terminal-panel__form,.terminal-panel__output{padding:1rem}.terminal-panel__heading{border-block-end:1px solid var(--border)}.terminal-panel__heading h2{margin:0}.terminal-panel__banner{margin-block:.6rem 0;color:var(--warning)}.terminal-panel__output{display:grid;gap:.75rem;min-block-size:5rem;background:#050b14}.terminal-panel__entry{padding-block-end:.75rem;border-block-end:1px solid var(--border)}.terminal-panel__entry:last-child{border:0;padding:0}.terminal-panel pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.terminal-panel__command{color:var(--accent)}.terminal-panel__stdout{color:var(--text)}.terminal-panel__error,.terminal-panel__error-text{color:var(--danger);border-inline-start:4px solid currentColor;padding-inline-start:.75rem}.terminal-panel__error pre{color:inherit}.terminal-panel__controls{display:flex;flex-wrap:wrap;gap:.7rem}.terminal-panel input{flex:1 1 20rem}button{padding-inline:.9rem;color:#00120d;background:var(--accent);border:1px solid var(--accent);border-radius:.45rem;cursor:pointer;font-weight:700}button:disabled{cursor:not-allowed;opacity:.72}.diagram-canvas{padding:clamp(1rem,2vw,1.5rem)}.diagram-canvas h2,.diagram-canvas h3{margin-block-start:0}.diagram-canvas__groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem}.diagram-canvas__group{padding:1rem;border:1px solid var(--border);border-radius:.65rem;background:var(--surface-raised)}.diagram-canvas__group ul{display:grid;gap:.6rem;padding:0;margin:0;list-style:none}.diagram-canvas__node{display:grid;inline-size:100%;gap:.35rem;text-align:start;color:var(--text);background:var(--surface);border-color:var(--border)}.diagram-canvas__role{color:var(--muted);font-size:.85rem;font-weight:400}.diagram-canvas__connections{margin-block-start:1rem;padding:1rem;border-inline-start:4px solid var(--accent);background:#0b1728}.diagram-canvas__connections ol{display:grid;gap:.55rem;margin-block-end:0}.course-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem;padding:0;list-style:none}.course-card{block-size:100%;padding:1.15rem}.course-card h2{margin-block-start:0;font-size:1.1rem}.course-card a{color:var(--link)}.course-card__metadata{display:flex;gap:1rem;color:var(--muted)}.course-card__metadata div{display:grid;gap:.15rem}.course-card__metadata dt{font-size:.75rem}.course-card__metadata dd{margin:0;color:var(--text)}.command-anatomy{padding:1rem}.command-anatomy>pre{padding:.9rem;color:var(--accent);background:#050b14;border-radius:.5rem;white-space:pre-wrap;overflow-wrap:anywhere}.command-anatomy>ol{display:grid;gap:.8rem;padding-inline-start:1.5rem}.command-anatomy>ol>li{padding:.8rem;border-inline-start:3px solid var(--border);background:var(--surface-raised)}.command-anatomy code{color:var(--accent)}.command-anatomy__kind{display:inline-block;margin-inline-start:.6rem;color:var(--muted);font-size:.8rem}.command-anatomy__risk{margin-block-end:0}.command-anatomy__risk--safe{color:var(--accent)}.command-anatomy__risk--caution{color:var(--warning)}.command-anatomy__risk--danger{color:var(--danger)}@media(max-width:48rem){.learning-shell{grid-template-areas:"header" "sidebar" "main" "footer";padding-inline-start:0}.learning-shell__header{align-items:flex-start;flex-direction:column}.learning-shell__sidebar{position:static;grid-area:sidebar;inline-size:auto;block-size:auto;overflow:visible;padding-block:0 1rem;border-inline-end:0;border-block-end:1px solid var(--border)}.suite-navigation summary{display:block}.suite-navigation:not([open]) nav{display:none}.suite-navigation__links{padding-block-start:.5rem}.learning-shell__main{padding-block-start:1.25rem}}@media(max-width:30rem){.terminal-panel__controls>*{flex:1 1 100%}.terminal-panel input{min-inline-size:0}}.ubuntu2604-lab{padding:clamp(1rem,2vw,1.5rem);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.ubuntu2604-lab__banner{padding:.85rem 1rem;color:var(--warning);background:#0b1728;border-inline-start:4px solid currentColor}.ubuntu2604-lab pre{overflow-x:auto;padding:.85rem;color:var(--accent);background:#050b14;border-radius:.5rem}