:root{color:#172033;background:#f5f7fa;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:0;margin:0}.app-shell{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}header,footer{color:#fff;background:#12213d;justify-content:space-between;gap:1rem;padding:1rem max(1rem,50vw - 31rem);display:flex}.brand,header a{color:#fff;font-weight:750}main{width:min(100% - 2rem,42rem);margin:0 auto;padding:3rem 0}section{gap:1rem;display:grid}form{gap:.75rem;max-width:28rem;display:grid}input,button{font:inherit;border:1px solid #52627d;border-radius:.35rem;min-height:44px;padding:.7rem .9rem}button{color:#fff;cursor:pointer;background:#245da8;width:fit-content;font-weight:700}button:disabled{cursor:not-allowed;background:#64748b}:focus-visible{outline-offset:3px;outline:3px solid #f2b544}footer{flex-wrap:wrap;font-size:.875rem}.library{gap:2.5rem;display:grid}.library section{gap:.75rem}.library-hero{flex-wrap:wrap;align-items:flex-start;gap:1.5rem;display:flex}.library-cover{border-radius:.35rem;width:40%;max-width:180px;height:auto;box-shadow:0 4px 14px #12213d40}.library-hero>div{flex:16rem}.library-hero h1{margin:.25rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#52627d;margin:0;font-size:.8rem;font-weight:700}.library-subtitle{margin:0 0 .5rem;font-style:italic}.library-byline{margin:0;font-weight:600}.kit-list{gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.kit-list h3,.kit-list p{margin:0 0 .35rem}.kit-list a,.sample-link{font-weight:700}.toc-part h3{margin:.75rem 0 .25rem}.toc-part ul{margin:0;padding-left:1.25rem}@media (width<=390px){header,footer{padding:1rem}main{padding:2rem 0}input{width:100%;min-width:0}}