:root{--bg-primary:#fffbf5;--bg-secondary:#fff5eb;--bg-tertiary:#ffeedb;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-muted:#7a7a7a;--accent:#ffad60;--accent-hover:#f93;--accent-light:#ffd9b3;--success:#4caf50;--warning:#ff9800;--error:#e53935;--border:#1a1a1a;--shadow:#1a1a1a;--font-mono:'JetBrains Mono','Fira Code','Consolas',monospace;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--border-width:3px;--border-radius:4px;--shadow-sm:2px 2px 0 var(--shadow);--shadow-md:4px 4px 0 var(--shadow);--shadow-lg:6px 6px 0 var(--shadow)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-mono);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:2.5rem}h2{font-size:1.75rem}h3{font-size:1.25rem}h4{font-size:1rem}p{margin-bottom:var(--spacing-md)}a{color:var(--text-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;transition:color .2s,background .2s}a:hover{color:var(--accent)}code{background:var(--bg-tertiary);padding:2px 6px;border:2px solid var(--border);font-family:var(--font-mono);font-size:.9em}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.container--narrow{max-width:900px}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-mono);font-size:.9rem;font-weight:600;text-decoration:none;background:var(--bg-secondary);color:var(--text-primary);border:var(--border-width) solid var(--border);border-radius:var(--border-radius);box-shadow:var(--shadow-md);cursor:pointer;transition:transform .1s,box-shadow .1s,background .2s}.btn:hover{transform:translate(2px,2px);box-shadow:var(--shadow-sm);background:var(--bg-tertiary);color:var(--text-primary)}.btn:active{transform:translate(4px,4px);box-shadow:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--shadow-md)}.btn--primary{background:var(--accent);color:var(--text-primary)}.btn--primary:hover{background:var(--accent-hover)}.btn--danger{background:var(--error);color:white}.btn--danger:hover{background:#c62828}.btn--small{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem}.btn--icon{padding:var(--spacing-sm)}.card{background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:var(--spacing-lg);transition:transform .2s,box-shadow .2s}.card--hover:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}.card__title{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.card__description{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--spacing-md)}.card__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag{display:inline-block;padding:2px var(--spacing-sm);background:var(--bg-tertiary);border:2px solid var(--border);font-size:.75rem;font-weight:600}.header{padding:var(--spacing-lg) 0;border-bottom:var(--border-width) solid var(--border);margin-bottom:var(--spacing-2xl)}.header__inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.header__logo{font-size:1.5rem;font-weight:700;text-decoration:none;color:var(--text-primary)}.header__logo:hover{color:var(--accent)}.nav{display:flex;gap:var(--spacing-lg)}.nav__link{font-weight:600;text-decoration:none;color:var(--text-primary);padding:var(--spacing-xs) 0;border-bottom:2px solid transparent;transition:border-color .2s,color .2s}.nav__link:hover,.nav__link--active{color:var(--accent);border-bottom-color:var(--accent)}.nav__dropdown{position:relative}.nav__dropdown-toggle{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:0;border:0;cursor:pointer;font-family:var(--font-mono);font-size:1rem}.nav__dropdown-toggle .material-symbols-outlined{transition:transform .2s}.nav__dropdown.open .nav__dropdown-toggle .material-symbols-outlined{transform:rotate(180deg)}.nav__dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:220px;background:var(--bg-secondary);border:var(--border-width) solid var(--border);box-shadow:var(--shadow-md);z-index:100;margin-top:var(--spacing-sm)}.nav__dropdown.open .nav__dropdown-menu{display:block}.nav__dropdown-item{display:block;padding:var(--spacing-md);text-decoration:none;color:var(--text-primary);border-bottom:2px solid var(--border);transition:background .2s}.nav__dropdown-item:last-child{border-bottom:0}.nav__dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav__dropdown-item.nav__link--active{background:var(--accent-light)}.nav__dropdown-title{display:block;font-weight:600}.nav__dropdown-desc{display:block;font-size:.8rem;color:var(--text-muted);margin-top:2px}.section{padding:var(--spacing-2xl) 0}.section__title{font-size:1.75rem;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:var(--border-width) solid var(--border)}.grid{display:grid;gap:var(--spacing-lg)}.grid--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.footer{padding:var(--spacing-xl) 0;margin-top:var(--spacing-2xl);border-top:var(--border-width) solid var(--border);text-align:center;color:var(--text-muted)}.footer__links{display:flex;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.footer__link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);text-decoration:none;font-weight:600}.footer__link:hover{color:var(--accent)}.material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;vertical-align:middle}.icon--sm{font-size:18px}.icon--lg{font-size:32px}.status-valid{color:var(--success)}.status-fixable{color:var(--warning)}.status-invalid{color:var(--error)}.status-missing{color:var(--text-muted)}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(max-width:768px){html{font-size:14px}.header__logo{display:none}.header__inner{justify-content:center}.nav{flex-wrap:wrap;justify-content:center;gap:var(--spacing-md)}.nav__dropdown-menu{position:absolute;top:100%;left:50%;right:auto;transform:translateX(-50%);min-width:240px}h1{font-size:2rem}h2{font-size:1.5rem}}