:root{color-scheme:light;color:#1d1d1f;--color-text:#1d1d1f;--color-muted:#6e6e73;--color-surface:#f5f5f7;--color-elevated:#fbfbfd;--color-border:#0000001f;--color-blue:#0071e3;--color-blue-hover:#0077ed;--color-link:#0064c8;--content-width:72rem;--reading-width:46rem;--reading-line-height:1.7;--page-padding:clamp(1rem, 4vw, 3rem);--card-radius:1.75rem;background:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;line-height:1.5}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:4.5rem}body{-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100svh;margin:0;display:flex}main{flex-direction:column;flex:1;min-width:0;display:flex}a{color:var(--color-link);text-underline-offset:.2em}a:hover{color:#005bb9}svg{flex-shrink:0}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;overflow-wrap:anywhere;line-height:1.08}::selection{color:#fff;background:var(--color-blue)}:where(a,input):focus-visible{outline:3px solid var(--color-blue);outline-offset:5px}.page-width{width:min(calc(100% - 2 * var(--page-padding)), var(--content-width));margin-inline:auto}.skip-link{z-index:100;color:#fff;background:var(--color-text);border-radius:.5rem;min-height:2.75rem;padding:.7rem 1rem;position:fixed;top:.5rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:50;-webkit-backdrop-filter:saturate(160%)blur(1.25rem);background:#ffffffd9;border-bottom:1px solid #0000000f;flex-shrink:0;height:3.5rem;position:sticky;top:0}.header-content{align-items:center;height:100%;display:flex}.site-identity{min-height:2.75rem;color:var(--color-text);letter-spacing:-.025em;border-radius:.25rem;align-items:center;gap:1rem;font-size:1rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.brand-mark{width:5.25rem;height:auto;display:block}.site-identity span{border-inline-start:1px solid var(--color-border);padding-inline-start:1rem}.site-identity:hover{color:var(--color-blue)}.site-identity:active{color:#0056ad}.eyebrow{color:var(--color-blue);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.875rem;font-size:.75rem;font-weight:650}.home-intro{text-align:center;padding-block:clamp(2.5rem,4vw,3rem) 2.25rem}.home-intro h1{margin-bottom:1rem;font-size:clamp(2.75rem,5.5vw,4.5rem);font-weight:650}.intro-summary{margin-inline:auto;max-width:43rem;color:var(--color-muted);margin-bottom:0;font-size:clamp(1.0625rem,1.7vw,1.25rem);line-height:1.55}.subject-search{text-align:start;width:100%;max-width:42rem;margin:1.5rem auto 0}.subject-search label{color:var(--color-muted);margin-bottom:.5rem;font-size:.8125rem;font-weight:500;display:block}.search-field{position:relative}.search-icon{color:var(--color-muted);pointer-events:none;position:absolute;top:50%;left:1.125rem;transform:translateY(-50%)}.subject-search input{width:100%;min-width:0;min-height:3.5rem;color:var(--color-text);background:var(--color-elevated);font:inherit;border:1px solid #0000002e;border-radius:1rem;padding:.875rem 1.125rem .875rem 3.25rem;transition:border-color .2s,background-color .2s;display:block}.subject-search input:disabled{opacity:.65}.subject-search input:focus{border-color:var(--color-blue);background:#fff}.subjects-section,.chapters-section{background:var(--color-surface);flex:1}.subjects-section{padding-block:2.5rem 3.5rem}.subjects-section h2,.chapters-section h2{margin-bottom:1.5rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:650}.subject-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.subject-card{border-radius:var(--card-radius);height:100%;color:var(--color-text);background:#fff;border:1px solid #0000000d;flex-direction:column;text-decoration:none;transition:transform .24s,box-shadow .24s,border-color .24s;display:flex;box-shadow:0 3px 12px #00000008}.subject-artwork{aspect-ratio:2;border-radius:var(--card-radius);place-items:center;width:100%;display:grid;overflow:hidden}.subject-artwork--ccna{background:#eaf4ff}.subject-artwork--linux-system{background:#edf0f4}.subject-artwork svg{width:100%;height:100%;display:block}.subject-card .subject-artwork{border-radius:calc(var(--card-radius) - 1px) calc(var(--card-radius) - 1px) 0 0}.subject-card__body{justify-content:space-between;align-items:center;gap:1rem;min-height:7rem;padding:1.5rem 2rem;display:flex}.subject-card h3{margin:0;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:600}.card-arrow{width:2.75rem;height:2.75rem;color:var(--color-blue);background:#f0f6fd;border-radius:50%;flex-shrink:0;place-items:center;transition:transform .24s,color .24s,background-color .24s;display:grid}.subject-card:hover{color:var(--color-text);border-color:#0071e333;transform:translateY(-4px);box-shadow:0 10px 28px #00000012}.subject-card:hover .card-arrow{color:#fff;background:var(--color-blue-hover);transform:translate(2px)}.subject-card:active{transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.subject-card:active .card-arrow{background:#0056ad}.search-status{color:var(--color-muted);margin:0}.search-status:not(:empty){padding-block:2rem}.subject-intro{padding-block:2.25rem 3.5rem}.back-link{border-radius:.25rem;align-items:center;gap:.5rem;min-height:2.75rem;margin-bottom:1.75rem;font-size:.875rem;text-decoration:none;display:inline-flex}.back-link:hover{text-decoration:underline}.subject-intro__content{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:3rem;display:grid}.subject-intro h1{margin:0;font-size:clamp(3rem,7vw,5.5rem);font-weight:650}.subject-intro .subject-artwork{aspect-ratio:1.8}.chapters-section{padding-block:2.5rem 3.5rem}.empty-state{border-block:1px solid var(--color-border);align-items:flex-start;gap:1.25rem;padding-block:2rem;display:flex}.empty-icon{width:3rem;height:3rem;color:var(--color-muted);background:#e7e7ec;border-radius:.875rem;flex-shrink:0;place-items:center;display:grid}.empty-state h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.empty-state p{max-width:var(--reading-width);color:var(--color-muted);line-height:var(--reading-line-height);margin:0}.site-footer{color:var(--color-muted);background:var(--color-surface);flex-shrink:0}.footer-content{border-top:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1.5rem;padding-block:2rem 1.5rem;font-size:.8125rem;display:grid}.footer-name{color:var(--color-text);margin-bottom:.375rem;font-size:1rem;font-weight:600}.footer-identity p:last-child{margin-bottom:0}.footer-link{border-radius:.25rem;align-items:center;gap:.375rem;min-height:2.75rem;text-decoration:none;display:inline-flex}.footer-link:hover{text-decoration:underline}.footer-copyright{border-top:1px solid var(--color-border);grid-column:1/-1;margin:0;padding-top:1rem}@media (width<=45rem){:root{--card-radius:1.5rem}.home-intro{text-align:start;padding-block:2.5rem}.home-intro h1{max-width:12ch}.subject-search{margin-top:1.5rem}.subject-list{grid-template-columns:minmax(0,1fr);gap:1.25rem}.subject-card .subject-artwork{aspect-ratio:1.8}.subject-card__body{min-height:5.5rem;padding:1.25rem 1.5rem}.subjects-section,.chapters-section{padding-block:2rem 2.5rem}.subject-intro{padding-block:1.5rem 2.5rem}.back-link{margin-bottom:1.25rem}.subject-intro__content{grid-template-columns:minmax(0,1fr);gap:1.75rem}.subject-intro h1{font-size:clamp(3rem,10vw,4.5rem)}.empty-state{gap:1rem}.empty-state h3{line-height:1.3}.footer-content{grid-template-columns:minmax(0,1fr);gap:1rem}.footer-link{justify-self:start}}@media (prefers-reduced-motion:reduce){.site-identity,.subject-search input,.subject-card,.card-arrow{transition:none}.subject-card:hover,.subject-card:active,.subject-card:hover .card-arrow{transform:none}}