:root{--blue:#004b8d;--blue2:#0066b3;--darkblue:#003f78;--green:#54a51c;--light:#f4f7fb;--line:#d9e2ec;--text:#1f2933;--muted:#607080;--red:#b42318;--orange:#b54708;--yellow:#a15c00;--purple:#6b4aa0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 10% 10%,#e4f3fb 0,#eef7fb 28%,transparent 45%),radial-gradient(circle at 90% 20%,#f3f8e8 0,#f8fbef 30%,transparent 48%),linear-gradient(135deg,#edf7fb 0%,#f6faef 42%,#fff5ea 100%);color:var(--text);line-height:1.45;background-attachment:fixed}.topbar{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:14px 22px}.brand{display:flex;gap:12px;align-items:center}.brand-mark{background:var(--blue);color:white;border-radius:4px;padding:10px 12px;font-weight:bold}.brand small{display:block;color:var(--muted)}.topbar nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}button{border:0;border-radius:6px;padding:10px 14px;background:var(--blue);color:white;font-weight:700;cursor:pointer}button.primary{background:var(--green);font-size:16px}button.ghost{background:#eef3f8;color:var(--blue)}button.secondary{background:#e7f0f8;color:var(--blue)}button:hover{filter:brightness(.96)}.layout{display:flex}.sidebar{width:280px;padding:20px;position:sticky;top:71px;height:calc(100vh - 71px);background:rgba(255,255,255,.84);backdrop-filter:blur(8px);border-right:1px solid var(--line);overflow:auto}.sidebar a{display:block;padding:9px 8px;color:var(--blue);text-decoration:none;border-radius:5px;font-weight:600}.sidebar a:hover{background:var(--darkblue);color:#fff}.chapter-nav{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.chapter-nav a{font-size:13px;padding:7px 8px}.mini{margin-top:18px;padding:12px;background:var(--light);border-radius:8px}.progress{height:9px;background:#dbe5ef;border-radius:8px;overflow:hidden}.progress span{display:block;height:100%;width:0;background:var(--green)}.content{width:100%;max-width:1220px;margin:0 auto;padding:28px}.card{scroll-margin-top:92px;background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:12px;padding:28px;margin-bottom:24px;box-shadow:0 2px 8px rgba(20,40,70,.05)}.hero{border-top:6px solid var(--blue);min-height:calc(100vh - 104px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(238,247,251,.9));padding-top:18px;padding-bottom:18px}.lead{font-size:19px;color:#27445f;max-width:900px;margin:6px 0 8px}.hero p{max-width:960px;margin:6px 0}.hero .notice{margin:10px 0;padding:12px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}.eyebrow{text-transform:uppercase;letter-spacing:.09em;color:var(--green);font-weight:700}h1{font-size:34px;line-height:1.1;margin:6px 0 10px;color:var(--blue)}h2{color:var(--blue);margin-top:0}h3{color:#143b63;margin-top:26px}.notice{background:#fff7e6;border-left:5px solid #f2a900;padding:14px;margin:18px 0;border-radius:5px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field label{font-weight:700;display:block;margin-bottom:5px}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:5px;padding:9px;font:inherit}.profile-card{min-height:calc(100vh - 104px)}.chapter{border:1px solid var(--line);border-radius:10px;margin:18px 0;overflow:hidden;background:rgba(255,255,255,.74)}.chapter summary{background:linear-gradient(90deg,#e9f4fb,#f2f8e9);padding:16px;font-weight:800;color:var(--blue);cursor:pointer}.chapter-body{padding:8px 18px 18px}.chapter-intro{background:linear-gradient(135deg,#f5fbff,#f8fbf1);border:1px solid var(--line);border-radius:8px;padding:14px 16px;margin:14px 0 8px}.chapter-intro p{margin:6px 0}.cert-ref{font-size:13px;color:var(--muted);font-weight:700}.question{border-top:1px solid var(--line);padding:18px 0}.question:first-child{border-top:0}.q-title{font-weight:800;color:#1f3c5a}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.meta{background:#f8fafc;border:1px solid var(--line);border-radius:6px;padding:10px}.meta b{color:#143b63}.answers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0}.answers label{border:1px solid var(--line);border-radius:5px;padding:9px;background:#fafbfd;font-size:13px}.answers input{margin-right:5px}.comment{width:100%;border:1px solid var(--line);border-radius:5px;padding:8px}.pill{display:inline-block;padding:5px 9px;border-radius:999px;font-weight:700;font-size:12px}.low{background:#e9f7e6;color:#276014}.medium{background:#fff4d6;color:#7a4a00}.high{background:#ffe8d9;color:#8a3a00}.critical{background:#fee4e2;color:#912018}.critical2{background:#f3e8ff;color:#5b2a86}table{width:100%;border-collapse:collapse;margin:12px 0}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f2f6fa;color:#143b63}.score-big{font-size:56px;font-weight:800;color:var(--blue)}.cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat{background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:16px}.action{border-left:5px solid var(--orange);padding:14px;background:#fffaf5;margin:12px 0;border-radius:5px}.action.highp{border-color:var(--red)}.action.criticalp{border-color:var(--purple);background:#fbf7ff}.action.medp{border-color:var(--yellow)}.small{color:var(--muted);font-size:13px}.print-only{display:none}.evidence-list{columns:2}.disclaimer{font-size:12px;color:var(--muted)}@media(max-width:950px){.layout{display:block}.sidebar{position:static;width:auto;height:auto}.grid,.answers,.cards3,.meta-grid{grid-template-columns:1fr}.topbar{display:block}.topbar nav{margin-top:10px}.hero{min-height:auto}.lead{font-size:18px}}@media print{.print-only{display:block!important}.topbar,.sidebar,#welcome,#profile,#assessment,#results>h2,#action-plan>h2,#report>p{display:none!important}.layout{display:block}.content{padding:0;max-width:none}.card{box-shadow:none;border:0;margin:0;padding:0}body{background:white}.report{display:block!important}.action{break-inside:avoid}.meta-grid,.cards3{display:block}}

.lang-select{border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.92);color:#073b63;border-radius:999px;padding:10px 14px;font-weight:700;outline:none}
[dir="rtl"] body{direction:rtl}
[dir="rtl"] .brand,[dir="rtl"] .hero-actions,[dir="rtl"] nav{flex-direction:row-reverse}
[dir="rtl"] .layout{direction:rtl}
[dir="rtl"] .sidebar{border-left:1px solid rgba(18,61,91,.12);border-right:0}
[dir="rtl"] .question,[dir="rtl"] .card,[dir="rtl"] input,[dir="rtl"] textarea,[dir="rtl"] select{text-align:right}
.translation-note{background:rgba(255,255,255,.65);border:1px solid rgba(14,94,119,.18);padding:12px 14px;border-radius:16px;margin:12px 0;color:#21495e}


/* Updated brand logo in top-left header */
.topbar{
  min-height:106px;
}
.brand{
  text-decoration:none;
  color:inherit;
  max-width:48vw;
}
.brand-logo{
  display:block;
  height:78px;
  width:auto;
  max-width:100%;
  object-fit:contain;
}
.brand-copy{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.sidebar{
  top:106px;
  height:calc(100vh - 106px);
}
.card{
  scroll-margin-top:126px;
}
@media(max-width:950px){
  .topbar{
    min-height:auto;
  }
  .brand{
    max-width:100%;
  }
  .brand-logo{
    height:70px;
    max-width:100%;
  }
}