:root{--navy:#0B5D32;--navy2:#0a3478;--orange:#107C41;--gold:#ffb000;--ink:#14213d;--muted:#65718a;--bg:#f6f8fc;--line:#dde4ef;--white:#fff;--good:#116b3a;--bad:#a52b2b}
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}
.brand-watermark{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.028;background-image:url("assets/prayash-iq-logo.png");background-size:260px auto;background-repeat:repeat;transform:rotate(-8deg) scale(1.08)}
.topbar{display:flex;gap:28px;align-items:center;padding:28px max(24px,calc((100% - 1180px)/2));background:linear-gradient(120deg,#fff,#f7faff);border-bottom:1px solid var(--line)}
.brand img{width:180px;display:block}.topbar h1{margin:2px 0 3px;font-size:clamp(26px,4vw,42px);color:var(--navy)}.topbar p{margin:0;color:var(--muted)}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--orange)}.container{max-width:1180px;margin:28px auto;padding:0 20px 48px}
.panel{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:18px;padding:24px;margin:0 0 22px;box-shadow:0 10px 30px rgba(5,38,92,.055)}
.controls{display:grid;grid-template-columns:1fr 1fr auto;gap:18px;align-items:end}.control label{display:block;font-weight:800;margin-bottom:8px;color:var(--navy)}
select,input{width:100%;min-height:46px;border:1px solid #c9d4e5;border-radius:10px;padding:10px 12px;font-size:16px;background:white;color:var(--ink)}
.actions{display:flex;gap:10px;flex-wrap:wrap}button{min-height:46px;border-radius:10px;border:0;padding:10px 16px;font-weight:800;font-size:15px;cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.5}.primary{background:linear-gradient(90deg,var(--orange),var(--gold));color:#1c1c1c}.secondary{background:var(--navy);color:white}
.status{grid-column:1/-1;margin:0;color:var(--muted);font-size:14px}.attempt-heading,.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}
h2{color:var(--navy);margin:3px 0 10px}.attempt-id{text-align:right}.attempt-id span{display:block;font-size:12px;color:var(--muted)}.attempt-id strong{color:var(--orange);font-size:15px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.stats div{background:#f7f9fd;border:1px solid var(--line);border-radius:12px;padding:14px}
.stats strong{display:block;font-size:24px;color:var(--navy)}.stats span{font-size:12px;color:var(--muted)}
.scenario{border-left:5px solid var(--orange);background:#fff8f1;padding:14px 16px;border-radius:10px}.scenario p{margin:4px 0 0}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{border-collapse:collapse;width:max-content;min-width:100%;font-size:14px}
th,td{padding:9px 10px;border-bottom:1px solid #e8edf5;border-right:1px solid #eef2f7;white-space:nowrap;text-align:left}th{position:sticky;top:0;background:var(--navy);color:#fff;z-index:1}
tr:nth-child(even) td{background:#fafbfe}.muted{color:var(--muted);font-size:13px}.question{border:1px solid var(--line);border-radius:14px;padding:16px;margin:12px 0;background:#fff}
.question h3{font-size:16px;color:var(--navy);margin:0 0 5px}.question p{margin:0 0 12px}.answer-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.result{font-size:13px;font-weight:800;margin-top:8px}.result.good{color:var(--good)}.result.bad{color:var(--bad)}.hint{font-size:13px;color:var(--muted);background:#f7f9fd;border-radius:8px;padding:8px 10px;margin-top:8px}
.score{margin-top:16px;border-radius:12px;padding:14px;background:#eef8f1;color:var(--good);font-weight:800}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.steps article{border-top:3px solid var(--gold);padding:14px;background:#fafbfe;border-radius:10px}.steps span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--navy);color:white;font-weight:900}
.steps h3{font-size:16px;color:var(--navy);margin:10px 0 4px}.steps p{font-size:14px;color:var(--muted);margin:0}.hidden{display:none!important}
footer{display:flex;align-items:center;justify-content:center;gap:12px;padding:28px;border-top:1px solid var(--line);background:white;color:var(--muted);font-size:13px}footer img{width:70px}
@media(max-width:800px){.topbar{align-items:flex-start;padding:20px;gap:15px}.brand img{width:110px}.controls{grid-template-columns:1fr}.actions{width:100%}.actions button{flex:1}.stats{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.topbar{flex-direction:column}.stats,.steps{grid-template-columns:1fr}.attempt-heading,.section-heading{align-items:flex-start;flex-direction:column}.attempt-id{text-align:left}}

.site-nav{max-width:1180px;margin:14px auto 0;padding:0 20px;display:flex;gap:8px;flex-wrap:wrap}.site-nav a{padding:10px 16px;border-radius:999px;text-decoration:none;font-weight:800;color:#0B5D32;background:#fff;border:1px solid #dde4ef}.site-nav a:hover{border-color:#107C41}

/* V17 shared theme override */
:root{--navy:#185C37;--navy2:#107C41;--orange:#107C41;--gold:#21A366;--ink:#242424;--muted:#616161;--bg:#F7F9F8;--line:#DCE5DF;--white:#fff;--good:#107C41;--bad:#B42318}
body{background:var(--bg);color:var(--ink)}.primary{background:#107C41!important;color:#fff!important}.secondary{background:#185C37!important}
.panel{box-shadow:none!important;border-color:var(--line)!important}.scenario{border-left-color:#107C41!important;background:#F2F8F4!important}.steps article{border-top-color:#21A366!important}