*,:after,:before{box-sizing:border-box}:root{--color-bg:#0f172a;--color-surface:#1e293b;--color-border:#334155;--color-text:#f8fafc;--color-text-muted:#94a3b8;--color-accent:#22c55e;--color-accent-hover:#16a34a;--color-danger:#f87171;--color-danger-bg:rgba(248,113,113,0.12);--color-success:#4ade80;--color-input-bg:#0f172a}html{color-scheme:dark}body{margin:0;min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}main a:not([class]){color:var(--color-accent);font-weight:500;text-decoration:underline;text-underline-offset:2px}main a:not([class]):hover{color:var(--color-accent-hover)}main a:not([class]):focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.link-inline-accent{color:var(--color-accent);font-weight:500;text-decoration:none}.link-inline-accent:hover{color:var(--color-accent-hover)}.link-inline-accent:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.layout-main{flex:1 1;width:100%;max-width:48rem;margin:0 auto;padding:2rem 1.25rem}.card-surface{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.card-surface--interactive{transition:border-color .15s ease,box-shadow .15s ease}.card-surface--interactive:hover{border-color:rgba(34,197,94,.35);box-shadow:0 0 0 1px rgba(34,197,94,.08)}.text-muted{color:var(--color-text-muted)}.text-body{color:var(--color-text)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.35rem;font-size:1rem;font-weight:600;color:#fff;background:var(--color-accent);border:none;border-radius:8px;cursor:pointer;white-space:nowrap;transition:background .15s ease}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-primary:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.input-field{width:100%;padding:.8rem .85rem;font-size:1rem;color:var(--color-text);background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:8px;transition:border-color .15s ease}.input-field::placeholder{color:var(--color-text-muted)}.input-field:hover:not(:disabled){border-color:#475569}.input-field:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 1px rgba(34,197,94,.25)}.input-field:disabled{opacity:.6;cursor:not-allowed}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-bg)}.site-header__inner{max-width:48rem;margin:0 auto;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.site-logo{font-weight:700;font-size:1.5rem;letter-spacing:-.02em;text-decoration:none}.site-logo,.site-logo:hover{color:var(--color-text)}.site-logo:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:4px}.site-nav a{color:var(--color-text-muted);font-weight:400;text-decoration:none;transition:color .15s ease}.site-nav a:hover{color:var(--color-accent)}.site-nav a[data-active=true]{color:var(--color-accent);font-weight:600}.site-nav a:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:4px}.site-footer{border-top:1px solid var(--color-border);margin-top:auto;padding:1.5rem 1.25rem;background:var(--color-bg)}.site-footer__inner{max-width:48rem;margin:0 auto;text-align:center;font-size:.875rem;color:var(--color-text-muted);line-height:1.5}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1rem;font-weight:600;font-size:1rem;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:border-color .15s ease,color .15s ease}.btn-secondary:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.btn-secondary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.audit-result-card{border:1px solid var(--color-border);border-radius:8px;padding:1rem;background:var(--color-surface)}.audit-result-card__label{margin:0 0 .5rem;font-size:.85rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.audit-result-card__body{font-size:.95rem;color:var(--color-text)}.score-badge{font-size:1.5rem;font-weight:700;color:var(--color-accent);padding:.35rem .75rem;border-radius:8px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.28)}.flash-success{padding:1rem;border-radius:8px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.35);color:var(--color-success)}.blog-post-row{display:flex;gap:1rem;align-items:flex-start;flex-direction:column}.blog-post-row__thumb{position:relative;width:100%;max-width:250px;flex-shrink:0;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:var(--color-border)}.blog-post-title-link{color:var(--color-text);text-decoration:underline;text-underline-offset:3px;transition:color .15s ease}.blog-post-title-link:hover{color:var(--color-accent)}.blog-list-divider{border-bottom:1px solid var(--color-border)}@media (min-width:480px){.blog-post-row{flex-direction:row}.blog-post-row__thumb{max-width:250px}}