*,*:before,*:after{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{min-height:100vh;margin:0;overflow-x:hidden;color:#2e3338;background:#f8fafc;font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:3px solid rgb(30 167 253 / .32);outline-offset:2px}.app-root{--page-gutter: 1.5rem;min-height:100vh;background:var(--brand-slate-50);color:var(--brand-slate-800);font-family:var(--brand-font-sans)}.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:10;transform:translateY(-150%);border-radius:5px;background:var(--brand-blue-600);color:var(--brand-white);font-weight:700;padding:.625rem .875rem;text-decoration:none;transition:transform .15s ease-out}.skip-link:focus{transform:translateY(0)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px;padding:0 var(--page-gutter);background:var(--brand-white);border-bottom:1px solid var(--brand-border)}.brand-link{display:inline-flex;align-items:center;min-width:0;color:inherit;text-decoration:none}.brand-link svg{max-width:100%}.site-nav{display:flex;align-items:center;gap:.75rem}.app-container{width:100%;max-width:1168px;margin:0 auto;padding:4rem var(--page-gutter) 5rem}.intro{max-width:700px;margin-bottom:2rem}.app-title{margin:0;color:var(--brand-slate-800);font-size:2.5rem;font-weight:800;line-height:1.1}.app-subtitle{margin:.75rem 0 0;color:var(--brand-slate-600);font-size:1.125rem;line-height:1.5}.tool-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin:0;padding:0;list-style:none}.tool-card{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;background:var(--brand-white);border:1px solid var(--brand-border);border-radius:8px}.tool-name{margin:0;font-size:1.25rem;font-weight:800;line-height:1.3}.tool-link{color:var(--brand-blue-600);text-decoration:none}.tool-link:hover{text-decoration:underline}.tool-description{flex:1;margin:0;color:var(--brand-slate-600);line-height:1.5}