/* Match the editorial transparency page; validation status colors remain semantic. */
.cc-integration-slot {margin:28px 0;min-width:0;scroll-margin-top:100px;}
#cc-validator {min-width:0;}
#cc-validator .ccv {
 --ccv-bg:#f5f5f5;--ccv-surface:#fff;--ccv-surface-2:#f7f7f7;
 --ccv-ink:#111;--ccv-soft:#444;--ccv-faint:#666;--ccv-line:#e8e8e8;--ccv-line-2:#ccc;
 --ccv-spark:#111;--ccv-accent:#111;--ccv-accent-ink:#111;--ccv-accent-soft:#f0f0f0;--ccv-accent-line:#111;
 --ccv-good:#1a8a50;--ccv-good-badge:#0f7a41;--ccv-good-soft:#eaf6ef;--ccv-good-line:#bfe3cd;
 --ccv-ok:#b45309;--ccv-ok-soft:#fff4ec;--ccv-ok-line:#ffcfa8;
 --ccv-bad:#c0342a;--ccv-bad-soft:#fceceb;--ccv-bad-line:#f0b8b2;
 --ccv-none:#666;--ccv-none-soft:#f7f7f7;--ccv-none-line:#ddd;
 --ccv-radius-card:4px;--ccv-radius-el:4px;
 max-width:none;width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;
}
#cc-validator .ccv :is(.ccv-head,.ccv-foot) {display:none;}
#cc-validator .ccv .ccv-drop {padding:32px 24px;border-width:1px;gap:12px;}
#cc-validator .ccv .ccv-drop-ic {background:none;-webkit-text-fill-color:currentColor;color:var(--ccv-ink);font-size:32px;}
#cc-validator .ccv .ccv-drop-t {font-size:18px;font-weight:600;letter-spacing:0;line-height:1.5;}
#cc-validator .ccv .ccv-drop-s {font-size:15px;}
#cc-validator .ccv p {font-size:16px;line-height:1.7;color:var(--ccv-soft);}
#cc-validator .ccv .ccv-head-line {margin:16px 0;}
#cc-validator .ccv .ccv-fields {margin:16px 0;}
#cc-validator .ccv .ccv-result {padding:24px;margin-top:20px;}
#cc-validator .ccv .ccv-again {font-size:12px;padding:12px 24px;}
#cc-validator .ccv :is(.ccv-file-name,dd) {overflow-wrap:anywhere;}
#cc-validator .ccv :is(.ccv-drop,.ccv-again):focus-visible {outline:2px solid var(--ccv-accent);outline-offset:4px;}
@media(max-width:600px) {
 #cc-validator .ccv .ccv-drop {padding:28px 18px;}
 #cc-validator .ccv .ccv-result {padding:20px 18px;}
}
@media(max-width:380px) {
 .page .page-title {font-size:32px!important;overflow-wrap:anywhere;}
 .page .page-label {flex-wrap:wrap;gap:12px;}
 .page .page-label .lang-switch {flex-basis:100%;margin-left:0;}
}