:root {
--dic-ink: #172033;
--dic-muted: #5d6678;
--dic-blue: #075985;
--dic-blue-dark: #0c4a6e;
--dic-yellow: #ffd84d;
--dic-bg: #f5f8fc;
--dic-border: #d7deea;
--dic-critical: #a50e0e;
--dic-serious: #b54708;
--dic-moderate: #8a6100;
--dic-minor: #276749;
}
.dic-checker,
.dic-checker * { box-sizing: border-box; }
.dic-checker {
color: var(--dic-ink);
font: inherit;
max-width: 1040px;
margin-inline: auto;
}
.dic-checker__intro { max-width: 760px; }
.dic-checker__eyebrow {
color: var(--dic-blue-dark);
font-size: .82rem;
font-weight: 800;
letter-spacing: .08em;
margin: 0 0 .4rem;
text-transform: uppercase;
}
.dic-checker h2,
.dic-checker h3,
.dic-checker h4 { color: var(--dic-ink); line-height: 1.25; }
.dic-checker h2 { font-size: clamp(2rem, 5vw, 3.5rem); margin: 0 0 1rem; }
.dic-checker h3 { font-size: clamp(1.35rem, 3vw, 1.8rem); margin: 0 0 .65rem; }
.dic-checker p { line-height: 1.65; }
.dic-scan-form,
.dic-report,
.dic-lead {
background: #fff;
border: 1px solid var(--dic-border);
border-radius: 18px;
box-shadow: 0 18px 45px rgba(23, 32, 51, .08);
margin-top: 2rem;
padding: clamp(1.25rem, 4vw, 2.5rem);
}
.dic-scan-form label,
.dic-lead label { display: block; font-weight: 700; }
.dic-scan-form__row { display: flex; gap: .75rem; margin-top: .6rem; }
.dic-checker input,
.dic-checker textarea {
background: #fff;
border: 2px solid #738096;
border-radius: 8px;
color: var(--dic-ink);
font: inherit;
min-height: 48px;
padding: .75rem .9rem;
width: 100%;
}
.dic-checker input:focus,
.dic-checker textarea:focus,
.dic-checker button:focus-visible,
.dic-checker a:focus-visible,
.dic-checker summary:focus-visible {
outline: 4px solid var(--dic-yellow);
outline-offset: 3px;
}
.dic-checker button {
background: var(--dic-blue-dark);
border: 2px solid var(--dic-blue-dark);
border-radius: 8px;
color: #fff;
cursor: pointer;
font: inherit;
font-weight: 800;
min-height: 48px;
padding: .75rem 1.25rem;
}
.dic-checker button:hover { background: var(--dic-blue); }
.dic-checker button:disabled { cursor: wait; opacity: .65; }
.dic-field-hint,
.dic-disclaimer { color: var(--dic-muted); font-size: .9rem; }
.dic-field-hint { margin-bottom: 0; }
.dic-disclaimer { margin: 1.25rem 0 0; }
.dic-progress {
background: var(--dic-bg);
border-radius: 10px;
margin-top: 1rem;
padding: 1rem;
}
.dic-progress__heading { align-items: center; display: flex; gap: .8rem; margin-bottom: .75rem; }
.dic-progress progress { accent-color: var(--dic-blue-dark); display: block; height: 18px; margin-bottom: .55rem; width: 100%; }
.dic-progress > span:last-child { color: var(--dic-muted); display: block; font-size: .9rem; overflow-wrap: anywhere; }
.dic-spinner {
animation: dic-spin .9s linear infinite;
border: 3px solid #c7d2e1;
border-radius: 50%;
border-top-color: var(--dic-blue-dark);
height: 24px;
width: 24px;
}
@keyframes dic-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .dic-spinner { animation: none; } }
.dic-result-header { align-items: center; display: flex; gap: 1.5rem; }
.dic-score {
align-items: center;
background: conic-gradient(var(--dic-blue-dark) calc(var(--dic-score) * 1%), #e5eaf2 0);
border-radius: 50%;
display: flex;
flex-direction: column;
flex: 0 0 122px;
height: 122px;
justify-content: center;
position: relative;
text-align: center;
width: 122px;
}
.dic-score::before { background: #fff; border-radius: 50%; content: ''; inset: 10px; position: absolute; }
.dic-score strong,
.dic-score span { position: relative; z-index: 1; }
.dic-score strong { display: block; font-size: 2.25rem; line-height: 1; }
.dic-score span { display: block; font-size: .75rem; }
.dic-result-header__text p:last-child { margin-bottom: 0; overflow-wrap: anywhere; }
.dic-download-button {
background: var(--dic-blue-dark);
border: 2px solid var(--dic-blue-dark);
border-radius: 8px;
color: #fff !important;
display: inline-block;
font-weight: 800;
margin-top: .75rem;
min-height: 48px;
padding: .7rem 1rem;
text-decoration: none !important;
}
.dic-download-button:hover { background: var(--dic-blue); }
.dic-download-hint { color: var(--dic-muted); display: block; margin-top: .35rem; }
.dic-report-note {
background: #fff8db;
border-left: 5px solid #d7a900;
margin: 1.5rem 0;
padding: 1rem;
}
.dic-summary-grid,
.dic-coverage-grid { display: grid; gap: .75rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.dic-summary-card { background: var(--dic-bg); border-top: 5px solid; border-radius: 8px; padding: 1rem; }
.dic-summary-card strong { display: block; font-size: 1.75rem; }
.dic-summary-card span { color: var(--dic-muted); font-size: .85rem; }
.dic-summary-card--critical { border-color: var(--dic-critical); }
.dic-summary-card--serious { border-color: var(--dic-serious); }
.dic-summary-card--moderate { border-color: var(--dic-moderate); }
.dic-summary-card--minor { border-color: var(--dic-minor); }
.dic-summary-card--neutral { border-color: var(--dic-blue); }
.dic-section-heading { margin-top: 2.2rem !important; }
.dic-limit-note { background: #fff8db; border-left: 5px solid #d7a900; padding: 1rem; }
.dic-issue { border: 1px solid var(--dic-border); border-left: 5px solid; border-radius: 8px; margin-bottom: .65rem; }
.dic-issue--critical { border-left-color: var(--dic-critical); }
.dic-issue--serious { border-left-color: var(--dic-serious); }
.dic-issue--moderate { border-left-color: var(--dic-moderate); }
.dic-issue--minor,
.dic-issue--unknown { border-left-color: var(--dic-minor); }
.dic-issue__summary { align-items: center; cursor: pointer; display: grid; gap: .7rem; grid-template-columns: auto 1fr auto; padding: 1rem; }
.dic-impact { background: var(--dic-bg); border-radius: 999px; font-size: .75rem; font-weight: 800; padding: .3rem .55rem; }
.dic-issue__title { font-weight: 800; }
.dic-issue__count { color: var(--dic-muted); font-size: .85rem; }
.dic-issue__body { border-top: 1px solid var(--dic-border); padding: 1rem; }
.dic-rule-meta { color: var(--dic-muted); font-size: .9rem; }
.dic-samples { padding-left: 1.25rem; }
.dic-samples li { margin-bottom: .8rem; }
.dic-samples code { background: #eef2f7; display: block; overflow-wrap: anywhere; padding: .4rem; }
.dic-samples span { display: block; margin-top: .25rem; }
.dic-help-link { color: var(--dic-blue-dark); font-weight: 800; }
.dic-affected-page { border-top: 1px solid var(--dic-border); padding: .55rem 0; }
.dic-affected-page summary { align-items: baseline; cursor: pointer; display: flex; gap: .75rem; justify-content: space-between; }
.dic-affected-page summary a { color: var(--dic-blue-dark); font-weight: 700; overflow-wrap: anywhere; }
.dic-affected-page summary span { color: var(--dic-muted); flex: 0 0 auto; font-size: .85rem; }
.dic-affected-page .dic-samples { margin-bottom: 0; }
.dic-table-wrap { overflow-x: auto; }
.dic-page-table { border-collapse: collapse; min-width: 680px; width: 100%; }
.dic-page-table th { background: var(--dic-blue-dark); color: #fff; text-align: left; }
.dic-page-table th,
.dic-page-table td { border: 1px solid var(--dic-border); padding: .7rem; vertical-align: top; }
.dic-page-table a { color: var(--dic-blue-dark); font-weight: 700; }
.dic-page-table small { color: var(--dic-muted); display: block; margin-top: .25rem; max-width: 560px; overflow-wrap: anywhere; }
.dic-page-score { font-weight: 800; white-space: nowrap; }
.dic-failed-pages { border: 1px solid var(--dic-border); border-radius: 8px; margin-top: 1rem; padding: .8rem; }
.dic-failed-pages summary { cursor: pointer; font-weight: 800; }
.dic-failed-pages li { margin-bottom: .65rem; overflow-wrap: anywhere; }
.dic-failed-pages strong,
.dic-failed-pages span { display: block; }
.dic-failed-pages span { color: var(--dic-muted); font-size: .9rem; }
.dic-manual-list { padding-left: 1.3rem; }
.dic-manual-list li { margin-bottom: .7rem; }
.dic-lead { background: var(--dic-bg); }
.dic-form-grid { display: grid; gap: 1rem; grid-template-columns: 1fr 1fr; }
.dic-form-grid p { margin: 0; }
.dic-lead textarea,
.dic-lead input { margin-top: .35rem; }
.dic-checkbox { align-items: flex-start; display: flex !important; font-weight: 400 !important; gap: .65rem; margin: 1rem 0; }
.dic-checkbox input { flex: 0 0 22px; height: 22px; min-height: 0; margin: .2rem 0 0; width: 22px; }
.dic-honeypot { left: -9999px; position: absolute; }
.dic-error,
.dic-success { border-radius: 6px; font-weight: 700; margin-top: 1rem; padding: .75rem; }
.dic-error { background: #fde8e8; color: #8a0b0b; }
.dic-success { background: #e5f6ed; color: #14532d; }
[hidden] { display: none !important; }
@media (max-width: 720px) {
.dic-scan-form__row,
.dic-result-header { align-items: stretch; flex-direction: column; }
.dic-summary-grid,
.dic-coverage-grid,
.dic-form-grid { grid-template-columns: 1fr 1fr; }
.dic-issue__summary { grid-template-columns: 1fr; }
.dic-score { flex-basis: 110px; height: 110px; width: 110px; }
}
@media (max-width: 480px) {
.dic-summary-grid,
.dic-coverage-grid,
.dic-form-grid { grid-template-columns: 1fr; }
}.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{display:inline-block;vertical-align:middle}