:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#071219;--surface:#0d1d27;--surface-2:#122a36;--text:#f4f8fa;--muted:#b6c7d0;--text-dim:var(--muted);--accent:#62e6b4;--accent-ink:#042117;--border:#67818e;--pass:#79efb5;--warn:#ffd277;--fail:#ff9d9d;--focus:#ffe08a;background-color:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background-color:var(--bg);min-width:280px}body{background:radial-gradient(circle at 75% 0%, #173445 0, var(--bg) 36rem);overflow-wrap:break-word;margin:0;line-height:1.6}a{color:var(--accent);text-underline-offset:.2em}a:hover{text-decoration-thickness:.16em}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.shell{width:min(1120px,100% - 2rem);margin-inline:auto}.cl-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:clamp(1rem,4vw,3rem);margin:clamp(1rem,3vw,2rem) 0 1.5rem;display:flex}.cl-hero-main{flex:22rem;min-width:min(100%,20rem)}.cl-hero-title{letter-spacing:.01em;margin:0;font-size:clamp(1.6rem,3.8vw,2.7rem);font-weight:700;line-height:1.1}.cl-hero-sub{color:var(--accent);letter-spacing:.01em;margin:.4rem 0 0;font-size:clamp(.9rem,1.6vw,1.05rem)}.cl-hero-desc{color:var(--text-dim);max-width:60ch;margin:.55rem 0 0;font-size:1rem;line-height:1.5}.cl-hero-why{border:1px solid var(--border);background:color-mix(in oklab, var(--accent) 6%, transparent);border-radius:10px;flex:0 min(40%,26rem);min-width:min(100%,15rem);padding:.85rem 1.05rem}.cl-hero-why-label{color:var(--accent);letter-spacing:.14em;font-size:.68rem;font-weight:700;display:block}.cl-hero-why-text{margin:.35rem 0 0;font-size:.95rem;line-height:1.5}.step{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:800}.boundary{border:1px solid var(--warn);color:#fff4d8;background:#2b2515;border-left-width:.35rem;border-radius:.7rem;max-width:54rem;padding:1rem 1.15rem}main{padding-block:2rem 4rem}.panel{background:color-mix(in srgb, var(--surface) 94%, transparent);border:1px solid #3e5c69;border-radius:1rem;margin:1.2rem 0;padding:clamp(1.1rem,3vw,2rem);box-shadow:0 1rem 3rem #0005}.panel h2{margin:.2rem 0 .6rem;font-size:clamp(1.45rem,4vw,2.2rem);line-height:1.15}.panel h3{margin-bottom:.4rem}.panel>p:not(.step){max-width:74ch;color:var(--muted)}.controls{grid-template-columns:minmax(0,.9fr) minmax(18rem,1.1fr);align-items:start;gap:2rem;display:grid}.controls>*,.two-column>*,form,details{min-width:0}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}label{color:#dbe8ed;gap:.35rem;font-weight:700;display:grid}input,select,button{min-height:2.8rem;font:inherit;border:2px solid #78919d;border-radius:.55rem}input,select{width:100%;color:var(--text);background-color:#081820;padding:.55rem .7rem}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text) 50%), linear-gradient(135deg, var(--text) 50%, transparent 50%);background-position:calc(100% - 1rem) 1.15rem,calc(100% - .7rem) 1.15rem;background-repeat:no-repeat;background-size:.35rem .35rem,.35rem .35rem;padding-right:2.3rem}button{border-color:var(--accent);color:var(--accent-ink);background:var(--accent);cursor:pointer;margin-top:1rem;padding:.55rem 1rem;font-weight:850}button:hover{background:#8bf0c8}button:disabled{cursor:wait;opacity:.7}.run-status{min-height:1.6rem;color:var(--muted);margin-bottom:0}.equation{overflow-wrap:anywhere;color:#dffcf1;text-align:center;background:#07161e;border-radius:.6rem;margin:1rem 0;padding:.85rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}details{border:1px solid var(--border);border-radius:.7rem;padding:.8rem}summary{cursor:pointer;font-weight:800}pre,code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}pre{color:#e9f7f2;background:#061117;border-radius:.55rem;max-width:100%;margin:.5rem 0 0;padding:.8rem;overflow-x:auto}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1.2rem 0;display:grid}.metrics>div{background:var(--surface-2);border:1px solid #385565;border-radius:.65rem;min-width:0;padding:.8rem}dt{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:750}dd{overflow-wrap:anywhere;margin:.25rem 0 0}.table-wrap{border:1px solid #3d5a67;border-radius:.65rem;width:100%;max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:42rem}caption{color:var(--muted);text-align:left;padding:.75rem;font-weight:700}th,td{text-align:left;vertical-align:top;border-top:1px solid #36515e;padding:.7rem}th{color:#dff8ee;background:#102733}.verdict{border:2px solid var(--border);border-radius:.65rem;margin-top:1rem;padding:1rem;font-weight:800}.verdict[data-outcome=pass]{border-color:var(--pass);color:var(--pass)}.verdict[data-outcome=fail]{border-color:var(--fail);color:var(--fail)}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.control-card{background:var(--surface-2);border:1px solid #496775;border-radius:.7rem;min-width:0;padding:1rem}.control-card p{color:var(--muted)}.control-result{overflow-wrap:anywhere;border-top:1px solid #496775;margin-bottom:0;padding-top:.6rem;font-weight:750;color:var(--text)!important}.status-pass{color:var(--pass);font-weight:800}.status-warn{color:var(--warn);font-weight:800}.status-fail{color:var(--fail);font-weight:800}.standards{margin-top:1rem}.comparison-table table{min-width:70rem}.sources ul{max-width:78ch;padding-left:1.4rem}.scripture-footer{border-top:1px solid var(--border);color:var(--muted);margin-top:1.5rem;padding:1.25rem 0 3rem}.scripture-footer p{margin:.4rem 0}@media (max-width:640px){.cl-hero{flex-direction:column}.cl-hero-main{flex-basis:auto;min-width:0}.cl-hero-why{flex-basis:auto;width:100%}}@media (max-width:760px){.controls,.two-column,.metrics,.control-grid,.field-grid{grid-template-columns:1fr}.shell{width:min(100% - 1rem,1120px)}.panel{border-radius:.75rem}}@media (max-width:340px){.panel{padding:.85rem}input,select,button{min-width:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
