/* Hallmark: LMS Studio, approved audit concept 2; existing brand typography and palette. */
/* Critique: a distinct graphite section, three concrete audit areas, visible form labels. */
:root{--audit-bg:#171b1d;--audit-text:#f8f8f6;--audit-muted:#bec4c8;--audit-line:#53595c;--audit-error:#ffb7ad;--audit-body:'LMS Manrope',Arial,sans-serif;--audit-head:'LMS Akrobat','Arial Narrow',sans-serif}
html,body{overflow-x:clip}
.lms-audit{background:var(--audit-bg);color:var(--audit-text);font-family:var(--audit-body);padding:72px 0}
.lms-audit .lms-audit-grid{background:var(--audit-bg);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:88px;align-items:start}
body#main .lms-audit h2{font-family:var(--audit-head);font-size:50px;font-weight:900;line-height:1.08;color:var(--audit-text);margin:0 0 24px;min-width:0;overflow-wrap:break-word}
.lms-audit-copy>p{font-size:16px;line-height:1.6;margin:0;color:var(--audit-muted);max-width:550px}
.lms-audit-scope{margin:40px 0 0}
.lms-audit-scope>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:20px;border-top:1px solid var(--audit-line);padding:20px 0}
.lms-audit-scope dt{font-size:18px;font-weight:700;color:var(--audit-text)}
.lms-audit-scope dd{font-size:16px;line-height:1.6;color:var(--audit-muted);margin:0}
.lms-audit-field{display:block;margin:0 0 20px;font-size:15px;font-weight:500;color:var(--audit-text)}
.lms-audit-field>span{display:block;margin-bottom:8px}
body#main .lms-audit-field input{display:block;width:100%;height:52px;background:var(--audit-bg);border:1px solid var(--audit-line);border-radius:4px;padding:0 16px;color:var(--audit-text);font-family:var(--audit-body);font-size:16px;box-shadow:none}
.lms-audit-field input::placeholder{color:var(--audit-muted);opacity:1}
body#main .lms-audit .lms-audit-submit{width:100%;min-height:54px;background:var(--audit-text);color:var(--audit-bg);border:1px solid var(--audit-text);border-radius:4px;font-family:var(--audit-body);font-size:16px;font-weight:700;padding:16px;cursor:pointer;margin:4px 0 20px;transition:opacity .15s ease}
.lms-audit-submit:hover{opacity:.87}
.lms-audit-consent{display:flex;align-items:flex-start;gap:12px;color:var(--audit-muted);font-size:13px;line-height:1.6;font-weight:400;cursor:pointer;margin:0}
body#main .lms-audit-consent input{appearance:auto;position:static;opacity:1;width:18px;height:18px;flex:0 0 18px;margin:2px 0 0;accent-color:var(--audit-text)}
body#main .lms-audit-consent a{color:var(--audit-text);text-decoration:underline;text-underline-offset:3px}
.lms-audit :is(input,button,a):focus-visible{outline:2px solid var(--audit-text);outline-offset:4px}
.lms-audit-trap{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.lms-audit-error{color:var(--audit-error);font-size:15px;line-height:1.5;margin-bottom:20px}
.lms-audit-success h3{color:var(--audit-text)}
@media(max-width:1100px){.lms-audit .lms-audit-grid{gap:40px}.lms-audit-scope>div{grid-template-columns:110px minmax(0,1fr)}}
@media(max-width:767px){.lms-audit{padding:44px 0}.lms-audit .lms-audit-grid{grid-template-columns:minmax(0,1fr);gap:28px}body#main .lms-audit h2{font-size:38px}.lms-audit-scope{margin-top:28px}.lms-audit-scope>div{padding:16px 0;gap:12px}.lms-audit-scope dt{font-size:16px}.lms-audit-scope dd{font-size:15px}}
@media(prefers-reduced-motion:reduce){.lms-audit-submit{transition:none}}

.lms-audit .lms-audit-grid::before,.lms-audit .lms-audit-grid::after{display:none;content:none}
.lms-audit-submit:active{opacity:.75}
.lms-audit-submit:disabled{background:var(--audit-line);color:var(--audit-muted);cursor:wait}

/* Audit corrections: field contrast, readable consent and inline feedback. */
:root{--audit-field-line:#777e82}
body#main .lms-audit-field input{border-color:var(--audit-field-line)}
.lms-audit-consent{font-size:14px;min-height:44px;padding:8px 0}
.lms-audit-field-error,.lms-audit-status{display:block;color:var(--audit-error);font-size:14px;font-weight:400;line-height:1.5;margin:8px 0 0}
.lms-audit-field-error:empty,.lms-audit-status:empty{display:none}
body#main .lms-audit-field input[aria-invalid="true"]{border-color:var(--audit-error)}
body#main .lms-audit-submit:disabled{background:var(--audit-line);color:var(--audit-text);cursor:wait}
@media(max-width:767px){.lms-audit-scope dd{font-size:16px}}

/* Borderless fields; focus is indicated by a change in surface. */
:root{--audit-input-surface:#202628;--audit-input-focus:#2b3336}
body#main .lms-audit-field input,body#main .lms-audit-field input[aria-invalid="true"]{border:0;box-shadow:none;background:var(--audit-input-surface)}
body#main .lms-audit-field input:focus,body#main .lms-audit-field input:focus-visible{outline:none;box-shadow:none;background:var(--audit-input-focus)}