.consistency-main { padding-bottom: 48px; }
.consistency-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding: 22px 26px; }
.consistency-form select, .consistency-panel select { width: 100%; min-height: 48px; border: 1px solid #42718a; border-radius: 12px; padding: 10px; background: #091c35; color: #e7f7ff; font: inherit; font-size: .82rem; }
.consistency-form select:disabled { opacity: .55; }
.consistency-form-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; padding: 18px 26px 24px; }
.consistency-form-actions p, .consistency-panel > p, .consistency-panel details, .consistency-scope, .consistency-results-heading > div > p { color: #b6cddd; font-size: .8rem; line-height: 1.65; }
.consistency-panel { margin-top: 22px; padding: 25px; border: 1px solid #245270; border-radius: 20px; background: linear-gradient(140deg, #0b233c, #08152b); }
.consistency-panel h2, .consistency-results-heading h2 { margin: 6px 0 12px; color: #effaff; font-size: 1.35rem; line-height: 1.35; }
.consistency-panel h3 { font-size: .9rem; color: #caf4ff; }
.consistency-panel details { margin: 14px 0; padding: 13px 15px; border: 1px solid #254863; border-radius: 12px; }
.consistency-panel summary { cursor: pointer; font-weight: 650; color: #d8f4ff; }
.consistency-panel pre, .consistency-panel code { white-space: pre-wrap; overflow-wrap: anywhere; font-family: var(--font-mono, monospace); font-size: .73rem; line-height: 1.6; }
.consistency-panel pre { padding: 12px; background: #041022; border-radius: 10px; }
.consistency-results-heading, .consistency-timeline-heading { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-top: 32px; }
.consistency-timeline-heading { margin-top: 0; }
.consistency-export { display: flex; flex-wrap: wrap; gap: 10px; flex-shrink: 0; }
.consistency-scope { padding: 15px 20px; border-left: 3px solid #52d7eb; background: #0b253b; border-radius: 8px; }
.consistency-counters { display: grid; grid-template-columns: repeat(auto-fit, minmax(215px, 1fr)); gap: 12px; margin: 20px 0; }
.consistency-counter { border: 1px solid #2b5b74; padding: 18px; border-radius: 14px; background: #09243a; overflow-wrap: anywhere; }
.consistency-counter strong { display: block; font-size: 1.12rem; color: #76e4dd; margin: 8px 0; }
.consistency-counter.has-failures strong { color: #ffce8b; }
.consistency-counter span, .consistency-counter small { color: #bbd4e4; font-size: .73rem; }
.consistency-counter-link { display: block; text-align: left; padding: 0 0 8px; border: 0; background: transparent; font: inherit; cursor: pointer; width: 100%; border-radius: 4px; }
.consistency-counter-link strong { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.consistency-counter .consistency-counter-hint { color: #ffce8b; font-size: .72rem; }
.consistency-counter-link:hover strong, .consistency-counter-link[aria-expanded="true"] strong { color: #ffe4b7; }
.consistency-counter-evidence { margin: 20px 0; padding: 20px; border: 1px solid #ad8054; border-radius: 14px; scroll-margin-top: 24px; }
.consistency-counter-heading { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 14px; }
.consistency-counter-heading h3 { margin: 0; overflow-wrap: anywhere; }
.consistency-panel .consistency-query-error { margin: 12px 0; padding: 14px; border: 1px solid #34506a; }
.consistency-query-error > summary { color: #ffce8b; font-size: .85rem; }
.consistency-query-time { display: block; margin: 6px 0; font-weight: 400; font-size: .72rem; }
.consistency-query-error[open] > summary { margin-bottom: 14px; }
.consistency-counter-evidence p { font-size: .8rem; line-height: 1.65; color: #b6cddd; }
.consistency-query-error pre { max-height: 360px; overflow: auto; }
.consistency-table tr.is-selected { outline: 2px solid #ffce8b; outline-offset: -2px; }
html[data-theme="light"] .consistency-counter .consistency-counter-hint, html[data-theme="light"] .consistency-query-error > summary { color: #8a4d05; }
html[data-theme="light"] .consistency-counter-link:hover strong, html[data-theme="light"] .consistency-counter-link[aria-expanded="true"] strong { color: #6c3b00; }
html[data-theme="light"] .consistency-counter-evidence p { color: #355367; }
.consistency-hosted { border-color: #657ac2; }
.consistency-spf-failure{margin-top:16px;padding:16px;border:1px solid #ad8054;border-radius:14px;overflow-wrap:anywhere}.consistency-spf-failure h3{font-size:1rem;margin:0 0 10px}.consistency-spf-failure>p{font-size:.8rem;line-height:1.6}.consistency-spf-failure>pre{font-size:.75rem;white-space:pre-wrap;overflow-wrap:anywhere;color:inherit}.consistency-panel[hidden]{display:none}
.consistency-table-wrap { overflow-x: auto; }
.consistency-table { border-collapse: collapse; width: 100%; min-width: 750px; font-size: .7rem; color: #c4d9e9; }
.consistency-table th, .consistency-table td { text-align: left; vertical-align: top; padding: 13px 9px; border-bottom: 1px solid #25445b; overflow-wrap: anywhere; max-width: 290px; }
.consistency-table th { color: #81dce9; }
.consistency-table details { padding: 8px; margin: 0; }
.consistency-table pre { min-width: 240px; max-height: 360px; overflow: auto; }
.consistency-pill { display: inline-block; padding: 3px 8px; border-radius: 6px; background: #18394c; color: #d5ffff; font-weight: 700; }
.consistency-button { color: #e1f8ff; background: #193a51; border: 1px solid #5a90a8; border-radius: 10px; padding: 12px 16px; cursor: pointer; font: inherit; }
.consistency-progress progress { display: block; width: 100%; height: 18px; accent-color: #5dd7e9; }
.consistency-panel :focus-visible, .consistency-form :focus-visible { outline: 3px solid #83eaf6; outline-offset: 4px; }
.consistency-panel [hidden], [data-results][hidden], [data-progress-panel][hidden] { display: none; }
html[data-theme="light"] .consistency-panel, html[data-theme="light"] .consistency-counter, html[data-theme="light"] .consistency-scope { background: #f4faff; border-color: #a9c3d3; }
html[data-theme="light"] .consistency-panel h2, html[data-theme="light"] .consistency-panel h3, html[data-theme="light"] .consistency-results-heading h2, html[data-theme="light"] .consistency-panel summary { color: #15394f; }
html[data-theme="light"] .consistency-panel p, html[data-theme="light"] .consistency-panel details, html[data-theme="light"] .consistency-counter span, html[data-theme="light"] .consistency-counter small, html[data-theme="light"] .consistency-scope, html[data-theme="light"] .consistency-results-heading p { color: #355367; }
html[data-theme="light"] .consistency-counter strong { color: #11665e; }
html[data-theme="light"] .consistency-counter.has-failures strong { color: #8a4d05; }
html[data-theme="light"] .consistency-table { color: #25485e; }
html[data-theme="light"] .consistency-table th { color: #125971; }
html[data-theme="light"] .consistency-panel pre, html[data-theme="light"] .consistency-panel select, html[data-theme="light"] .consistency-form select { background: #edf5fa; color: #143b52; }
@media (max-width: 700px) { .consistency-fields { grid-template-columns: 1fr; padding: 18px; gap: 18px; } .consistency-panel { padding: 18px; } .consistency-results-heading, .consistency-timeline-heading { align-items: flex-start; flex-direction: column; } .consistency-form-actions { padding: 18px; } .consistency-form-actions button { width: 100%; } }