.tool-page{padding:var(--space-12) 0 var(--space-20);background:var(--dh-bg);min-height:60vh}.tool-page h1{margin-bottom:var(--space-3)}.tool-page .tool-lead{max-width:56ch;margin-bottom:var(--space-8);font-size:1.1rem;line-height:1.7}.domain-form{gap:var(--space-3);max-width:480px;margin-bottom:var(--space-8);display:flex}.domain-form__input{padding:var(--space-3) var(--space-4);background:var(--dh-surface);border:1px solid var(--dh-border-strong);border-radius:var(--radius-md);color:var(--dh-heading);font-family:var(--font-mono);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;flex:1;font-size:.95rem}.domain-form__input::placeholder{color:var(--dh-muted)}.domain-form__input:focus{border-color:var(--dh-primary);box-shadow:0 0 0 3px #3a8fcc26}.domain-form__btn{padding:var(--space-3) var(--space-6);background:var(--dh-primary);color:#fff;border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:background var(--transition-fast), opacity var(--transition-fast);white-space:nowrap;border:none;font-size:.9rem;font-weight:600}.domain-form__btn:hover:not(:disabled){background:#3282b8}.domain-form__btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=500px){.domain-form{flex-direction:column}}.results-grid{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}@media (width<=375px){.results-grid{grid-template-columns:1fr}}.result-card{background:var(--dh-surface);border:1px solid var(--dh-border-medium);border-radius:var(--radius-md);padding:var(--space-5);transition:border-color var(--transition-base)}.result-card--pass{border-left:3px solid var(--dh-cta)}.result-card--fail{border-left:3px solid #e05252}.result-card--warn{border-left:3px solid var(--dh-accent)}.result-card--info{border-left:3px solid var(--dh-primary)}.result-card__header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.result-card__title{font-family:var(--font-sans);color:var(--dh-heading);margin:0;font-size:.95rem;font-weight:600}.status-badge{padding:2px var(--space-3);border-radius:var(--radius-full);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;align-items:center;font-size:.7rem;font-weight:600;display:inline-flex}.status-badge--pass{color:var(--dh-cta);background:#4caf7226}.status-badge--fail{color:#e05252;background:#e0525226}.status-badge--warn{color:var(--dh-accent);background:#d4a84b26}.status-badge--info{color:var(--dh-primary);background:#3a8fcc26}.record-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.record-item{font-family:var(--font-mono);color:var(--dh-text);padding:var(--space-2) var(--space-3);background:var(--dh-panel);border-radius:var(--radius-sm);word-break:break-all;font-size:.8rem;line-height:1.5}.record-item--highlight{border-left:2px solid var(--dh-primary)}.spinner{border:2px solid var(--dh-border-medium);border-top-color:var(--dh-primary);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}.spinner--lg{border-width:3px;width:32px;height:32px}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:1.5s}}.loading-state{align-items:center;gap:var(--space-3);padding:var(--space-8) 0;color:var(--dh-text);font-size:.95rem;display:flex}.copy-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--dh-panel);border:1px solid var(--dh-border-medium);border-radius:var(--radius-md);color:var(--dh-text);font-family:var(--font-mono);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);font-size:.75rem;display:inline-flex}.copy-btn:hover{border-color:var(--dh-primary);color:var(--dh-heading)}.copy-btn--copied{border-color:var(--dh-cta);color:var(--dh-cta)}.explainer{margin-top:var(--space-3)}.explainer summary{color:var(--dh-primary);cursor:pointer;font-size:.8rem;font-family:var(--font-mono);user-select:none}.explainer summary:hover{text-decoration:underline}.explainer__body{margin-top:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--dh-panel);border-radius:var(--radius-sm);color:var(--dh-text);font-size:.85rem;line-height:1.65}.grade-display{align-items:center;gap:var(--space-6);padding:var(--space-6);background:var(--dh-surface);border:1px solid var(--dh-border-medium);border-radius:var(--radius-lg);margin-bottom:var(--space-6);display:flex}.grade-badge{border-radius:var(--radius-lg);width:80px;height:80px;font-family:var(--font-sans);flex-shrink:0;justify-content:center;align-items:center;font-size:2.5rem;font-weight:800;display:flex}.grade-badge--A{color:var(--dh-cta);background:#4caf7226}.grade-badge--B{color:var(--dh-primary);background:#3a8fcc26}.grade-badge--C{color:var(--dh-accent);background:#d4a84b26}.grade-badge--D{color:#e05252;background:#e0525226}.grade-badge--F{color:#e05252;background:#e0525240}.grade-info{flex:1}.grade-info__label{font-family:var(--font-mono);color:var(--dh-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-1);font-size:.75rem}.grade-info__summary{color:var(--dh-heading);font-size:1rem;line-height:1.6}@media (width<=500px){.grade-display{text-align:center;flex-direction:column}}.fortune-card{background:var(--dh-surface);border:2px solid var(--dh-accent);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-6);position:relative}.fortune-card__icon{margin-bottom:var(--space-3);font-size:1.5rem;display:block}.fortune-card__text{color:var(--dh-heading);font-size:1.05rem;font-style:italic;line-height:1.7}.error-msg{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);color:#e05252;background:#e052521a;border:1px solid #e052524d;font-size:.9rem}.recommendation{color:var(--dh-text);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--dh-border);font-size:.85rem;line-height:1.6}.back-link{align-items:center;gap:var(--space-2);color:var(--dh-primary);font-size:.85rem;font-family:var(--font-mono);margin-bottom:var(--space-6);transition:opacity var(--transition-fast);text-decoration:none;display:inline-flex}.back-link:hover{opacity:.8;text-decoration:underline}.foundation-callout{background:var(--dh-surface);border:2px solid var(--dh-primary);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6);position:relative;box-shadow:0 0 24px #3a8fcc14}.foundation-callout__title{font-family:var(--font-sans);color:var(--dh-primary);margin:0 0 var(--space-3);font-size:1.2rem;font-weight:700}.foundation-callout__text{color:var(--dh-text);margin:0 0 var(--space-3);max-width:64ch;font-size:.95rem;line-height:1.7}.best-practice-badge{padding:3px var(--space-3);color:var(--dh-cta);border-radius:var(--radius-full);font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;background:#4caf721f;border:1px solid #4caf724d;align-items:center;gap:4px;font-size:.7rem;font-weight:600;display:inline-flex}.best-practice-badge svg{flex-shrink:0}.insight-card{border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin:var(--space-4) 0;border-left:3px solid}.insight-card--info{border-left-color:var(--dh-primary);background:#3a8fcc0f}.insight-card--warning{border-left-color:var(--dh-accent);background:#d4a84b14}.insight-card--success{border-left-color:var(--dh-cta);background:#4caf720f}.insight-card--danger{background:#e052520f;border-left-color:#e05252}.insight-card__title{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.04em;margin:0 0 var(--space-2);color:var(--dh-heading);font-size:.8rem;font-weight:700}.insight-card__body{color:var(--dh-text);font-size:.88rem;line-height:1.65}.insight-card__body strong{color:var(--dh-heading)}.scan-progress{align-items:center;gap:var(--space-2);padding:var(--space-4) 0;margin-bottom:var(--space-4);display:flex}.scan-progress__step{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-family:var(--font-mono);transition:all var(--transition-fast);font-size:.75rem;font-weight:600;display:flex}.scan-progress__step--done{color:var(--dh-cta);background:#4caf721f}.scan-progress__step--active{color:var(--dh-primary);background:#3a8fcc1f}.scan-progress__step--pending{background:var(--dh-panel);color:var(--dh-muted)}.scan-progress__icon{justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.scan-progress__icon .spinner{border-width:2px;width:14px;height:14px}.scan-progress__dot{background:var(--dh-muted);border-radius:50%;width:8px;height:8px;display:block}.scan-progress__label{white-space:nowrap}@media (width<=500px){.scan-progress{flex-direction:column;align-items:stretch}}.security-summary{gap:var(--space-4);padding:var(--space-5);background:var(--dh-surface);border:1px solid var(--dh-border-medium);border-radius:var(--radius-lg);margin-bottom:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}.security-summary__item{align-items:center;gap:var(--space-3);display:flex}.security-summary__indicator{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:800;display:flex}.security-summary__indicator--pass{color:var(--dh-cta);background:#4caf7226}.security-summary__indicator--warn{color:var(--dh-accent);background:#d4a84b26}.security-summary__indicator--fail{color:#e05252;background:#e0525226}.security-summary__indicator--pending{background:var(--dh-panel);color:var(--dh-muted)}.security-summary__label{font-family:var(--font-mono);color:var(--dh-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 2px;font-size:.65rem}.security-summary__value{color:var(--dh-heading);margin:0;font-size:.9rem;font-weight:600}@media (width<=768px){.security-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.security-summary{grid-template-columns:1fr}}.blacklist-grid{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.blacklist-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--dh-surface);border:1px solid var(--dh-border-medium);border-radius:var(--radius-md);transition:border-color var(--transition-fast);display:flex}.blacklist-item--clean{border-left:3px solid var(--dh-cta)}.blacklist-item--listed{border-left:3px solid #e05252}.blacklist-item--low{opacity:.7}.blacklist-item__icon{flex-shrink:0;font-size:1rem}.blacklist-item--clean .blacklist-item__icon{color:var(--dh-cta)}.blacklist-item--listed .blacklist-item__icon{color:#e05252}.blacklist-item__info{flex:1;min-width:0}.blacklist-item__name{color:var(--dh-heading);margin:0;font-size:.9rem;font-weight:600}.blacklist-item__link{color:var(--dh-primary);transition:opacity var(--transition-fast);text-decoration:none}.blacklist-item__link:hover{opacity:.85;text-decoration:underline}.blacklist-item__desc{color:var(--dh-muted);margin:2px 0 0;font-size:.78rem}.blacklist-item__note{font-family:var(--font-mono);color:var(--dh-accent);margin:4px 0 0;font-size:.72rem}.fix-block{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--dh-panel);border:1px dashed var(--dh-border-strong);border-radius:var(--radius-md)}.fix-block__label{color:var(--dh-heading);margin:0 0 var(--space-2);font-size:.8rem;font-weight:600}.fix-block__code{align-items:center;gap:var(--space-3);display:flex}.fix-block__code code{font-family:var(--font-mono);color:var(--dh-primary);word-break:break-all;flex:1;font-size:.78rem;line-height:1.5}@media (width<=500px){.fix-block__code{flex-direction:column;align-items:flex-start}}.cta-card{margin-top:var(--space-8);padding:var(--space-6);background:var(--dh-surface);border:1px solid var(--dh-border-medium);border-radius:var(--radius-lg);text-align:center;box-shadow:0 0 24px #3a8fcc0f}.cta-card__title{font-family:var(--font-sans);color:var(--dh-heading);margin:0 0 var(--space-3);font-size:1.1rem;font-weight:700}.cta-card__text{color:var(--dh-text);max-width:56ch;margin:0 auto var(--space-4);font-size:.92rem;line-height:1.7}.cta-card__link{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--dh-primary);color:#fff;border-radius:var(--radius-md);font-family:var(--font-sans);transition:background var(--transition-fast);font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.cta-card__link:hover{background:#3282b8}.headers-progress{margin:var(--space-4) 0 var(--space-6)}.headers-progress__bar{background:var(--dh-panel);border-radius:var(--radius-full);height:8px;margin-bottom:var(--space-2);overflow:hidden}.headers-progress__fill{border-radius:var(--radius-full);height:100%;transition:width .6s}.headers-progress__fill--pass{background:var(--dh-cta)}.headers-progress__fill--warning{background:var(--dh-accent)}.headers-progress__fill--critical{background:#e05252}.headers-progress__label{font-family:var(--font-mono);color:var(--dh-muted);font-size:.75rem}.headers-list{gap:var(--space-3);flex-direction:column;display:flex}.header-check{background:var(--dh-surface);border:1px solid var(--dh-border-medium);border-radius:var(--radius-md);transition:border-color var(--transition-fast);overflow:hidden}.header-check--pass{border-left:3px solid var(--dh-cta)}.header-check--fail{border-left:3px solid #e05252}.header-check__row{align-items:center;gap:var(--space-3);padding:var(--space-4);cursor:pointer;user-select:none;transition:background var(--transition-fast);display:flex}.header-check__row:hover{background:var(--dh-panel)}.header-check__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.header-check--pass .header-check__icon{color:var(--dh-cta);background:#4caf7226}.header-check--fail .header-check__icon{color:#e05252;background:#e0525226}.header-check__info{flex:1;min-width:0}.header-check__name{color:var(--dh-heading);margin:0;font-size:.9rem;font-weight:600}.header-check__value{font-family:var(--font-mono);color:var(--dh-muted);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:.72rem;overflow:hidden}.header-check__badges{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.header-check__chevron{color:var(--dh-muted);transition:transform var(--transition-fast);flex-shrink:0;align-items:center;display:inline-flex}.header-check__chevron--open{transform:rotate(180deg)}.header-check__toggle{width:100%;padding:var(--space-2) var(--space-4);background:var(--dh-panel);border:none;border-top:1px solid var(--dh-border);color:var(--dh-primary);font-family:var(--font-mono);cursor:pointer;text-align:left;transition:color var(--transition-fast), background var(--transition-fast);font-size:.78rem;display:block}.header-check__toggle:hover{color:var(--dh-heading);background:#3a8fcc0f}.header-check__details{padding:var(--space-4) var(--space-5);border-top:1px solid var(--dh-border);background:var(--dh-panel)}.header-check__present-text{color:var(--dh-text);margin:0;font-size:.88rem;line-height:1.65}.header-check__present-text strong{color:var(--dh-cta)}.header-check__missing{gap:var(--space-4);flex-direction:column;display:flex}.header-check__detail-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.04em;color:var(--dh-heading);margin:0 0 var(--space-1);font-size:.78rem;font-weight:700}.header-check__detail-text{color:var(--dh-text);margin:0;font-size:.88rem;line-height:1.65}.header-check__detail-subtext{color:var(--dh-muted);margin:0 0 var(--space-2);font-size:.82rem}@media (width<=500px){.header-check__row{flex-wrap:wrap}.header-check__badges{width:100%;margin-top:var(--space-2)}.header-check__value{white-space:normal;word-break:break-all}}