/* #5883: scoped form/captcha styles using the established theme tokens. */
.light-comment-compose{scroll-margin-top:calc(var(--content-space) * 5)}
.light-comment-compose summary{list-style:none;display:flex;align-items:center;gap:var(--content-space)}
.light-comment-compose summary::-webkit-details-marker{display:none}
.light-comment-compose summary::before{content:'+';font-size:1.5em}
.light-comment-compose[open] summary::before{content:'×'}
.light-comments .light-captcha{margin-block:var(--content-space);padding:var(--content-space);border:1px solid var(--color-border);border-radius:var(--content-radius);background:var(--color-surface-soft)}
body.cska-light .light-comments input.light-captcha-slider[type=range]{--captcha-progress:0%;appearance:none;display:block;width:100%;height:44px;min-height:44px;padding:0;border:0;border-radius:0;background:linear-gradient(to right,var(--color-accent) var(--captcha-progress),var(--color-border) var(--captcha-progress)) center/100% 10px no-repeat;cursor:ew-resize;touch-action:pan-y}
.light-captcha-slider::-webkit-slider-runnable-track{height:10px;border:0;border-radius:5px;background:transparent}
.light-captcha-slider::-webkit-slider-thumb{appearance:none;width:24px;height:24px;margin-top:-7px;border:2px solid var(--color-surface);border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}
.light-captcha-slider::-moz-range-track{height:10px;border:0;border-radius:5px;background:transparent}
.light-captcha-slider::-moz-range-thumb{width:20px;height:20px;border:2px solid var(--color-surface);border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}
.light-comments input.light-captcha-slider[type=range]:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border:0}
.light-captcha-status{font-size:.8em;color:var(--color-muted)}
.light-captcha.is-verified .light-captcha-status{color:var(--color-accent)}
.light-comments input[type=submit]:disabled{opacity:.5;cursor:not-allowed}

/* #6035: a real core form with its existing fields/hooks and hidden inputs. */
.light-comment-compose[open]>#respond{margin-top:16px}
.light-comments .light-field-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.light-comments #commentform{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.light-comments #commentform>p{margin:0;min-width:0}
.light-comments #commentform> :not(.comment-form-author,.comment-form-email){grid-column:1/-1}
.light-comments textarea{font:inherit;resize:vertical}
.light-comments :is(input[type=text],input[type=email],textarea)::placeholder{color:var(--color-muted);opacity:1}
.light-comments :is(input[type=text],input[type=email],textarea):is(:focus,:focus-visible){outline:none;box-shadow:none;border-color:var(--color-focus)}
.light-comments .comment-form-cookies-consent{display:flex;align-items:center;gap:12px;min-height:44px}
.light-comments .comment-form-cookies-consent label{display:flex;align-items:center;min-height:44px;cursor:pointer}
.light-comments input[type=checkbox]{appearance:none;flex:none;width:22px;height:22px;margin:0;border:1px solid var(--color-border);border-radius:5px;background:var(--color-surface);cursor:pointer}
body.cska-light .light-comments input[type=checkbox]:checked{border-color:var(--color-accent);background-color:var(--color-accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4 10-10' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.light-comments input[type=checkbox]:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}
@media(min-width:768px){.light-comments #commentform{grid-template-columns:repeat(2,minmax(0,1fr))}}