#clc { --clc-background: #FFFFFF; --clc-soft-background: #FFF7F4; --clc-navy: #07152F; --clc-coral: #FF4D3D; --clc-orange: #FF7A3D; --clc-soft-coral: #FFF0EC; --clc-slate: #334155; --clc-border: #E6E9EE; --clc-gold: #F5A623; box-sizing: border-box; width: 100%; margin: 24px 0; padding: clamp(16px, 3vw, 28px); border: 1px solid var(--clc-border); border-top: 4px solid var(--clc-coral); border-radius: 12px; background: var(--clc-background); color: var(--clc-slate); font: 16px/1.6 system-ui, sans-serif; }
#clc * { box-sizing: border-box; }
#clc h1 { margin: 0 0 16px; color: var(--clc-navy); font: 600 clamp(24px, 4vw, 32px)/1.2 system-ui, sans-serif; }
#clc p { margin: 0 0 16px; }
#clc label { display: inline-block; margin: 0 16px 8px 0; color: var(--clc-navy); }
#clc strong { color: var(--clc-navy); }
#clc input, #clc select { min-height: 40px; padding: 6px 10px; border: 1px solid var(--clc-slate); border-radius: 6px; background: var(--clc-background); color: var(--clc-slate); font: inherit; box-shadow: none; }
#clc input { width: 100px; }
#clc .button { display: inline-block; height: auto; min-height: 40px; margin: 0 6px 8px 0; padding: 8px 14px; border: 1px solid var(--clc-slate); border-radius: 6px; background: var(--clc-background); color: var(--clc-navy); font: 600 14px/1.5 system-ui, sans-serif; text-decoration: none; text-shadow: none; box-shadow: none; cursor: pointer; }
#clc .button-primary { background: var(--clc-coral); border-color: var(--clc-coral); color: var(--clc-navy); }
#clc .button:not(:disabled):hover { background: var(--clc-soft-coral); border-color: var(--clc-coral); color: var(--clc-navy); }
#clc .button-primary:not(:disabled):hover { background: var(--clc-orange); border-color: var(--clc-orange); }
#clc .button:disabled { background: var(--clc-soft-background); border-color: var(--clc-border); color: var(--clc-slate); opacity: .65; cursor: default; }
#clc :is(button, a, input, select):focus-visible { outline: 3px solid var(--clc-navy); outline-offset: 3px; box-shadow: 0 0 0 3px var(--clc-gold); }
#clc #clc-status { padding: 12px 16px; background: var(--clc-soft-coral); color: var(--clc-slate); border-left: 4px solid var(--clc-gold); border-radius: 6px; }
#clc table { width: 100%; min-width: 640px; border-collapse: collapse; font-size: 14px; }
#clc th, #clc td { padding: 12px; border: 1px solid var(--clc-border); text-align: left; vertical-align: top; color: var(--clc-slate); }
#clc th { background: var(--clc-soft-coral); color: var(--clc-navy); font-weight: 600; }
#clc tbody tr:nth-child(odd) { background: var(--clc-background); }
#clc tbody tr:nth-child(even) { background: var(--clc-soft-background); }
#clc h2 { margin: 0 0 16px; color: var(--clc-navy); font: 600 clamp(24px, 4vw, 32px)/1.2 system-ui, sans-serif; }
#clc .clcp-url-label { display: block; margin-bottom: 6px; }
#clc #clcp-url, #clc #clcp-sitemap { width: 100%; }
#clc #clcp-status { padding: 12px 16px; background: var(--clc-soft-coral); color: var(--clc-slate); border-left: 4px solid var(--clc-gold); border-radius: 6px; }