@import url("../../../../../assets/vervenveda-parchment.css");
/* ==========================================================
   KHAEMENES ACADEMY ASSESSMENT SUITE
   Existing assessment-markup compatible · Design Version 20
   ========================================================== */
:root{
  --bg:#07111f;--bg2:#0c1828;--panel:#122236;--panel2:#182b42;
  --text:#f4f7fa;--muted:#aeb9c5;--line:rgba(207,218,229,.20);
  --silver:#c8d1da;--silver-soft:#eef2f6;--steel:#8795a3;
  --green:#8fb19f;--blue:#9db7cb;--danger:#c67f7f;--warning:#c8ad74;
  --shadow:0 18px 44px rgba(0,0,0,.26);--r:21px;--rs:7px;--max:1240px;
  --serif:"Cinzel","Cormorant Garamond","Palatino Linotype",Georgia,serif;
  --sans:"Avenir Next","Brandon Grotesque","Segoe UI",Arial,sans-serif;
}
[data-theme="light"]{
  --bg:#eef2f5;--bg2:#f7f9fb;--panel:#fff;--panel2:#e8edf2;
  --text:#182433;--muted:#5e6c79;--line:rgba(24,36,51,.16);
  --silver:#667687;--silver-soft:#263748;--steel:#718090;
  --green:#44745d;--blue:#456c89;--danger:#9a4c4c;--warning:#8c6c2f;
  --shadow:0 18px 42px rgba(20,34,48,.10)
}
*{box-sizing:border-box}html{scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 10% 0,rgba(199,211,223,.08),transparent 28rem),linear-gradient(180deg,var(--bg),#091522);font:17px/1.68 var(--sans)}
a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}[hidden]{display:none!important}
.wrap{width:min(var(--max),calc(100% - 2rem));margin-inline:auto}.skip{position:fixed;left:1rem;top:-5rem;z-index:1000;padding:.7rem 1rem;background:var(--silver-soft);color:#09121e;border-radius:var(--rs);font-weight:444}.skip:focus{top:1rem}:focus-visible{outline:3px solid var(--silver);outline-offset:3px}
.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--line);background:rgba(6,16,29,.95);backdrop-filter:blur(14px)}
.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:var(--rs);color:#09121e;background:linear-gradient(145deg,#eef2f6,#aeb8c3);font:444 1.1rem/1 var(--serif)}
.brand-copy{display:grid;line-height:1.1}.brand-copy strong{font:444 .96rem/1.2 var(--serif);letter-spacing:.11em}.brand-copy small{margin-top:.25rem;color:var(--muted);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}
.header-actions{display:flex;gap:.5rem;align-items:center}.nav-button,.theme-button{min-height:42px;padding:.55rem .75rem;border:1px solid var(--line);border-radius:var(--rs);background:var(--panel);color:var(--text);text-decoration:none;font-weight:444}
.hero{padding:clamp(4rem,8vw,7rem) 0 3rem;text-align:center}.eyebrow{margin:0 0 .8rem;color:var(--silver);font-size:.78rem;font-weight:444;letter-spacing:.18em;text-transform:uppercase}
h1,h2,h3{font-family:var(--serif);font-weight:444;line-height:1.16;margin-top:0}h1{max-width:1000px;margin:0 auto 1rem;font-size:clamp(2.5rem,6vw,5.2rem)}.lead{max-width:850px;margin:0 auto;color:var(--muted);font-size:clamp(1.02rem,2vw,1.22rem)}
section{padding:3.5rem 0}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.5rem}.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1rem;border:1px solid var(--line);border-radius:var(--rs);background:var(--panel2);color:var(--text);text-decoration:none;font-weight:444;cursor:pointer}.btn.primary{background:linear-gradient(180deg,#eef2f6,#bdc7d1);border-color:#d7dee6;color:#09121e}
.card{border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(145deg,var(--panel2),var(--panel));box-shadow:var(--shadow)}.notice{padding:1rem;border:1px solid color-mix(in srgb,var(--silver) 42%,var(--line));border-radius:var(--rs);background:color-mix(in srgb,var(--silver) 6%,var(--panel));color:var(--muted)}
.exam-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:1rem;align-items:start}.exam-main,.exam-side{padding:1.2rem}.exam-side{position:sticky;top:92px}.section-block{margin-bottom:1.2rem}.section-title{padding:.8rem 1rem;border-radius:var(--rs);background:var(--bg2);border:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem}
.question-list{display:grid;gap:.8rem;margin-top:.8rem}.question{padding:1rem;border:1px solid var(--line);border-radius:var(--rs);background:var(--bg2)}.question fieldset{border:0;margin:0;padding:0}.question legend{font-weight:444}.qmeta{display:block;color:var(--muted);font-size:.75rem;margin-bottom:.35rem}.options{display:grid;gap:.4rem;margin-top:.65rem}.option{display:flex;align-items:flex-start;gap:.55rem;padding:.55rem;border:1px solid transparent;border-radius:var(--rs)}.option:hover{border-color:var(--blue)}.option:has(input:checked){border-color:var(--silver);background:color-mix(in srgb,var(--silver) 7%,var(--panel))}.option input{accent-color:var(--silver)}
.feedback{margin-top:.6rem;padding:.65rem;border-radius:var(--rs)}.feedback.correct{background:color-mix(in srgb,var(--green) 12%,var(--bg2));color:var(--green)}.feedback.incorrect{background:color-mix(in srgb,var(--danger) 9%,var(--bg2));color:var(--danger)}
.progress-bar{height:12px;border-radius:var(--rs);overflow:hidden;background:var(--bg2);border:1px solid var(--line)}.progress-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--steel),var(--silver-soft))}.progress-line{display:flex;justify-content:space-between;color:var(--muted);font-size:.8rem;margin:.5rem 0}.side-actions{display:grid;gap:.55rem;margin-top:1rem}.side-actions .btn{width:100%}
.result-score{font:444 clamp(3rem,8vw,5.2rem)/1 var(--serif);color:var(--silver-soft)}.breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1rem}.breakdown article{padding:.8rem;border:1px solid var(--line);border-radius:var(--rs);background:var(--bg2)}.breakdown strong{display:block;color:var(--blue);font-size:1.25rem}
.grid{display:grid;gap:1rem}.landing-grid{grid-template-columns:repeat(3,1fr)}.landing-card{padding:1.2rem;text-decoration:none}.landing-card p{color:var(--muted)}.field{display:grid;gap:.35rem}.field label{font-size:.76rem;font-weight:444;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.field input,.field select,.field textarea{width:100%;min-height:44px;padding:.65rem .75rem;border:1px solid var(--line);border-radius:var(--rs);background:var(--bg2);color:var(--text)}.field textarea{min-height:100px}
.certificate-shell{padding:1.2rem}.certificate{min-height:760px;padding:clamp(2rem,5vw,4rem);border:3px double var(--silver);border-radius:var(--r);text-align:center;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 88%,transparent),var(--bg2));position:relative}.certificate::before{content:"K";position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);font:444 22rem/1 var(--serif);color:color-mix(in srgb,var(--silver) 5%,transparent);pointer-events:none}.certificate>*{position:relative}.certificate-name{font:444 clamp(2.2rem,5vw,4.5rem)/1.2 var(--serif);color:var(--silver-soft);border-bottom:1px solid var(--line);padding-bottom:.5rem}.signature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem}.signature-line{border-top:1px solid var(--text);padding-top:.4rem;font-size:.8rem}.record-grid{grid-template-columns:repeat(2,1fr)}
table{width:100%;border-collapse:collapse}th,td{padding:.65rem;border:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--silver-soft);font-weight:444}.footer{padding:2rem 0;border-top:1px solid var(--line);color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
@media(max-width:960px){.exam-layout{grid-template-columns:1fr}.exam-side{position:static}.landing-grid,.breakdown{grid-template-columns:1fr 1fr}}@media(max-width:680px){body{font-size:16px}.landing-grid,.breakdown,.record-grid,.signature-grid{grid-template-columns:1fr}.brand-copy small{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.site-header,.hero,.no-print,.footer,.exam-side,.actions{display:none!important}body{background:#fff;color:#111;font-size:11pt}.wrap{width:100%}.card,.question,.certificate{box-shadow:none;background:#fff;color:#111;border-color:#777}.question{break-inside:avoid}.feedback{display:none!important}.certificate-shell{padding:0}.certificate{min-height:9.2in;border:4px double #333;page-break-after:always}.record-page{page-break-before:always}input,textarea,select{border:0!important;background:transparent!important;color:#111!important;padding:0!important}}