.tool-header,.tool-widget,.tool-explainer{max-width:44rem;margin:0 auto;padding:0 1.5rem}.tool-header{padding-top:clamp(2.5rem,6vw,4rem)}.tool-header h1{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 1rem;font-size:clamp(2rem,4vw,2.5rem);font-weight:600}.tool-header .lede{color:var(--color-muted);font-size:1.1rem;line-height:1.6}.tool-widget{padding-top:2rem;padding-bottom:3rem}.tool-explainer{border-top:1px solid var(--color-line);padding-top:2.5rem;padding-bottom:4rem}.tool-explainer h2{font-family:var(--font-display);margin:0 0 1rem;font-size:1.375rem;font-weight:600}.tool-explainer ul{margin:0 0 1.5rem;padding-left:1.25rem;line-height:1.65}.tool-explainer li{margin-bottom:.6rem}.tool-explainer p{line-height:1.6}.tool-explainer a{color:var(--color-accent)}.check-form{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.check-form .field{flex-direction:column;gap:.4rem;display:flex}.check-form label{font-size:.9rem;font-weight:600}.check-form textarea{font:inherit;color:var(--color-on-surface);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-sm);resize:vertical;padding:.7rem .9rem}.check-form textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in oklch, var(--color-accent) 22%, transparent);outline:none}.input-row{flex-wrap:wrap;gap:.75rem;display:flex}.field input,.input-row input{font:inherit;color:var(--color-on-surface);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-sm);flex:1;min-width:8rem;padding:.7rem .9rem}.field input:focus,.input-row input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in oklch, var(--color-accent) 22%, transparent);outline:none}.input-row button,.check-form>button{font:inherit;background:var(--color-accent);color:var(--color-card);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm);border:none;padding:.7rem 1.5rem;font-weight:600}.input-row button:hover,.check-form>button:hover{background:var(--color-accent-strong);box-shadow:var(--shadow-md)}.input-row button:disabled,.check-form>button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.results{min-height:8rem;margin-top:1.5rem}.results-placeholder{color:var(--color-muted);font-size:.9rem;line-height:1.6}.link-button{font:inherit;color:var(--color-accent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.result-card,.findings-card{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.result-summary{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.result-domain{font-family:var(--font-display);font-size:1.25rem;font-weight:600}.result-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-pill);border:1px solid;padding:.28rem .7rem;font-size:.72rem;font-weight:600}.result-badge--pass{color:var(--color-status-pass)}.result-badge--warning{color:var(--color-status-warning)}.result-badge--error{color:var(--color-status-error)}.result-badge--info{color:var(--color-status-info)}@media (prefers-color-scheme:dark){.result-badge--pass{color:var(--color-status-pass-dark)}.result-badge--warning{color:var(--color-status-warning-dark)}.result-badge--error{color:var(--color-status-error-dark)}.result-badge--info{color:var(--color-status-info-dark)}}.findings-list{flex-direction:column;gap:.75rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.finding{background:var(--color-surface);border:1px solid var(--color-line);border-left:3px solid var(--color-status-info);border-radius:var(--radius-md);padding:1rem 1.25rem}.finding--pass{border-left-color:var(--color-status-pass)}.finding--warning{border-left-color:var(--color-status-warning)}.finding--error{border-left-color:var(--color-status-error)}@media (prefers-color-scheme:dark){.finding{border-left-color:var(--color-status-info-dark)}.finding--pass{border-left-color:var(--color-status-pass-dark)}.finding--warning{border-left-color:var(--color-status-warning-dark)}.finding--error{border-left-color:var(--color-status-error-dark)}}.finding-severity{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);margin-bottom:.3rem;font-size:.7rem;font-weight:600;display:block}.finding-title{margin-bottom:.4rem;font-weight:600;display:block}.finding-detail,.finding-remediation{margin:0 0 .4rem;font-size:.9rem;line-height:1.55}.finding-learn-more{color:var(--color-accent);font-size:.85rem}.record-table{border-collapse:collapse;width:100%;margin:0 0 1.5rem;font-size:.9rem}.record-table th,.record-table td{text-align:left;border-bottom:1px solid var(--color-line);padding:.6rem .75rem}.record-table th{width:40%;color:var(--color-muted);font-weight:600}.raw-record{background:var(--color-tint);border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-all;margin:0 0 1.5rem;padding:.85rem 1rem;font-size:.85rem;overflow-x:auto}.result-meta{color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.check-again{font:inherit;background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-on-surface);cursor:pointer;padding:.45rem .95rem;font-size:.85rem;font-weight:600}.check-again:hover{border-color:var(--color-accent);color:var(--color-accent)}.check-again:disabled{opacity:.6;cursor:not-allowed}.error-message{border:1px solid var(--color-status-error);border-radius:var(--radius-md);color:var(--color-status-error);background:color-mix(in oklch, var(--color-status-error) 8%, transparent);padding:.85rem 1rem;font-size:.9rem}@media (prefers-color-scheme:dark){.error-message{border-color:var(--color-status-error-dark);color:var(--color-status-error-dark)}}
