@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');

:root{
  --ink:#11241d;
  --ink-2:#2f4740;
  --mute:#6d8079;
  --paper:#f5f7f4;
  --card:#ffffff;
  --line:#e0e6e1;
  --green:#15795d;
  --green-2:#0f5c46;
  --green-soft:#e6f3ee;
  --amber:#a86a06;
  --amber-soft:#fdf1dc;
  --red:#b23a30;
  --red-soft:#fbe9e7;
  --shadow:0 1px 2px rgba(17,36,29,.06), 0 6px 20px rgba(17,36,29,.05);
  --header-bg:#11241d;
  --header-fg:#eaf2ee;
  --chip-on-bg:#11241d;
  --chip-on-fg:#ffffff;
  --field-bg:#ffffff;
  --r:14px;
  --head:'Noto Kufi Arabic', system-ui, sans-serif;
  --body:'Noto Sans Arabic', system-ui, sans-serif;
}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{margin:0;padding:0;}
body{
  background:var(--paper); color:var(--ink);
  font-family:var(--body); font-size:15px; line-height:1.75;
  padding-bottom:78px;
}
button,input,select{font-family:inherit;}
a{color:var(--green-2);}

/* ---------- header ---------- */
header{
  position:sticky; top:0; z-index:40;
  background:var(--header-bg); color:var(--header-fg);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.hwrap{max-width:1060px;margin:0 auto;padding:12px 16px 14px;}
.brand{display:flex;align-items:center;gap:11px;}
.brand svg{display:block;width:40px;height:40px;flex:0 0 auto;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.3));}
.brand h1{margin:0;font-family:var(--head);font-size:20px;font-weight:700;line-height:1.2;}
.brand .sub{display:block;font-size:10.5px;letter-spacing:2.4px;opacity:.6;
  text-transform:uppercase;font-family:var(--body);}
.searchbox{position:relative;margin-top:12px;}
.searchbox input{
  width:100%;padding:12px 42px 12px 14px;border-radius:11px;border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.07);color:#fff;font-size:15px;outline:none;
}
.searchbox input::placeholder{color:rgba(234,242,238,.55);}
.searchbox input:focus{border-color:#3fae8b;background:rgba(255,255,255,.12);}
.searchbox .ico{position:absolute;inset-inline-end:14px;top:50%;transform:translateY(-50%);opacity:.55;}
.searchbox .clr{position:absolute;inset-inline-start:10px;top:50%;transform:translateY(-50%);
  background:none;border:0;color:#eaf2ee;opacity:.6;cursor:pointer;font-size:18px;display:none;}
.hint{font-size:11.5px;opacity:.55;margin-top:6px;}

/* ---------- layout ---------- */
main{max-width:1060px;margin:0 auto;padding:16px;}
.view{display:none;}
.view.on{display:block;animation:fade .25s ease;}
@keyframes fade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}

h2.sec{font-family:var(--head);font-size:16px;margin:22px 0 10px;display:flex;align-items:center;gap:8px;}
h2.sec::before{content:"";width:4px;height:16px;background:var(--green);border-radius:2px;}
h2.sec:first-child{margin-top:4px;}

.notice{
  background:var(--amber-soft);border:1px solid #f0dcb4;border-radius:var(--r);
  padding:12px 14px;font-size:12.8px;line-height:1.7;color:#5c400c;margin-bottom:14px;
}
.notice b{color:#7a5406;}

/* ---------- chips ---------- */
.chips{display:flex;gap:7px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none;}
.chips::-webkit-scrollbar{display:none;}
.chip{
  flex:0 0 auto;border:1px solid var(--line);background:var(--card);color:var(--ink-2);
  padding:7px 14px;border-radius:999px;font-size:13px;cursor:pointer;white-space:nowrap;
}
.chip.on{background:var(--chip-on-bg);border-color:var(--chip-on-bg);color:var(--chip-on-fg);}

/* ---------- alphabet rail ---------- */
.alpha{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px;}
.alpha button{
  min-width:27px;height:27px;border-radius:7px;border:1px solid var(--line);
  background:var(--card);color:var(--ink-2);font-size:11.5px;cursor:pointer;padding:0 4px;
}
.alpha button.on{background:var(--green);border-color:var(--green);color:#fff;}

.count{font-size:12.5px;color:var(--mute);margin:2px 0 10px;}
.symnote{background:var(--green-soft);border:1px solid var(--green);border-radius:var(--r,14px);
  padding:10px 14px;margin:8px 0;font-size:13.5px;line-height:1.7;color:var(--ink);}
.symnote b{color:var(--green-2);}

/* ---------- cards ---------- */
.grid{display:grid;gap:11px;grid-template-columns:1fr;}
@media(min-width:640px){.grid{grid-template-columns:1fr 1fr;}}
@media(min-width:940px){.grid{grid-template-columns:1fr 1fr 1fr;}}

.card{
  background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  padding:13px 14px;cursor:pointer;box-shadow:var(--shadow);
  border-inline-start:4px solid var(--cat,#9aa8a2);
  transition:transform .12s ease, box-shadow .12s ease;
}
.card:hover,.card:focus-visible{transform:translateY(-2px);box-shadow:0 6px 22px rgba(17,36,29,.10);outline:none;}
.card .top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;}
.card .gname{font-family:var(--head);font-size:15px;font-weight:600;line-height:1.35;}
.card .grp{font-size:11.5px;color:var(--mute);margin-top:1px;}
.card .brands{font-size:12px;color:var(--ink-2);margin-top:7px;opacity:.85;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;text-align:right;}
.card .fav{background:none;border:0;cursor:pointer;font-size:17px;line-height:1;padding:2px;color:#c9d2cd;}
.card .fav.on{color:#e0a92c;}

/* signature: safety strip */
.safety{display:flex;gap:5px;margin-top:10px;flex-wrap:wrap;}
.pill{
  font-size:10.5px;padding:3px 9px;border-radius:999px;font-weight:600;
  border:1px solid transparent;letter-spacing:.1px;
}
.pill.ok{background:var(--green-soft);color:#0d5741;border-color:#c3e2d6;}
.pill.care{background:var(--amber-soft);color:#8a5605;border-color:#f0dcb4;}
.pill.no{background:var(--red-soft);color:#93281f;border-color:#f2cbc6;}

.empty{text-align:center;color:var(--mute);padding:40px 16px;font-size:14px;}

/* ---------- detail sheet ---------- */
.overlay{
  position:fixed;inset:0;background:rgba(11,26,21,.55);backdrop-filter:blur(3px);
  display:none;z-index:60;align-items:flex-end;justify-content:center;
}
.overlay.open{display:flex;}
.sheet{
  background:var(--paper);width:100%;max-width:660px;max-height:92vh;overflow-y:auto;
  border-radius:20px 20px 0 0;padding:0 0 24px;animation:up .28s cubic-bezier(.2,.8,.3,1);
}
@keyframes up{from{transform:translateY(30px);opacity:0;}to{transform:none;opacity:1;}}
@media(min-width:660px){
  .overlay{align-items:center;}
  .sheet{border-radius:18px;max-height:88vh;}
}
.sheet .shead{
  position:sticky;top:0;background:var(--header-bg);color:var(--header-fg);padding:16px 18px 14px;
  border-radius:20px 20px 0 0;z-index:2;
}
@media(min-width:660px){.sheet .shead{border-radius:18px 18px 0 0;}}
.sheet .shead .row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;}
.sheet h3{margin:0;font-family:var(--head);font-size:19px;font-weight:700;}
.sheet .sci{font-size:12px;opacity:.65;margin-top:2px;direction:ltr;text-align:right;}
.sheet .xbtn{background:rgba(255,255,255,.12);border:0;color:#fff;width:32px;height:32px;
  border-radius:9px;cursor:pointer;font-size:17px;line-height:1;flex:0 0 auto;}
.sheet .sbody{padding:16px 18px 0;}

.fld{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 13px;margin-bottom:9px;}
.fld .lbl{font-family:var(--head);font-size:11.5px;color:var(--green-2);font-weight:600;margin-bottom:4px;
  display:flex;align-items:center;gap:6px;}
.fld .val{font-size:14px;line-height:1.8;}
.fld.warn{background:var(--red-soft);border-color:#f2cbc6;}
.fld.warn .lbl{color:#93281f;}
.fld.soft{background:var(--green-soft);border-color:#c9e4d9;}
.fld.soft .lbl{color:#0d5741;}
.fld.care{background:var(--amber-soft);border-color:#f0dcb4;}
.fld.care .lbl{color:#8a5605;}
.brandlist{display:flex;flex-wrap:wrap;gap:6px;direction:ltr;}
.brandlist span{background:var(--green-soft);color:#0d5741;border:1px solid #cde5db;
  border-radius:7px;padding:3px 9px;font-size:12.5px;}
.altlist{display:flex;flex-wrap:wrap;gap:6px;}
.altlist button{background:var(--card);border:1px solid var(--line);border-radius:8px;
  padding:5px 10px;font-size:12.5px;cursor:pointer;color:var(--ink-2);direction:ltr;}
.altlist button:hover{border-color:var(--green);color:var(--green-2);}
.sheet .acts{display:flex;gap:8px;margin-top:14px;}
.sheet .acts button{
  flex:1;padding:11px;border-radius:11px;border:1px solid var(--line);background:var(--card);
  font-size:13.5px;cursor:pointer;color:var(--ink-2);font-family:var(--head);
}
.sheet .acts button.pri{background:var(--green);border-color:var(--green);color:#fff;}

/* ---------- categories ---------- */
.catgrid{display:grid;gap:10px;grid-template-columns:1fr 1fr;}
@media(min-width:700px){.catgrid{grid-template-columns:repeat(3,1fr);}}
.catcard{
  background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:15px 14px;
  cursor:pointer;text-align:start;box-shadow:var(--shadow);border-top:3px solid var(--cat);
}
.catcard b{display:block;font-family:var(--head);font-size:14px;margin-bottom:3px;}
.catcard small{color:var(--mute);font-size:11.5px;}

/* ---------- articles / faq ---------- */
.acc{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:9px;overflow:hidden;}
.acc>button{
  width:100%;text-align:start;background:none;border:0;padding:14px 15px;cursor:pointer;
  font-family:var(--head);font-size:14px;color:var(--ink);display:flex;justify-content:space-between;
  align-items:center;gap:10px;line-height:1.5;
}
.acc>button .mk{color:var(--green);font-size:18px;flex:0 0 auto;transition:transform .2s;}
.acc.open>button .mk{transform:rotate(45deg);}
.acc .inner{display:none;padding:0 15px 15px;font-size:14px;line-height:1.85;color:var(--ink-2);}
.acc.open .inner{display:block;}
.acc .inner ul{padding-inline-start:20px;margin:8px 0;}
.acc .inner li{margin-bottom:5px;}

/* ---------- home spotlight ---------- */
.spot{
  background:linear-gradient(135deg,#15795d,#0d4c3a);color:#eaf7f1;border-radius:var(--r);
  padding:16px 17px;box-shadow:var(--shadow);
}
.spot .eyebrow{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;opacity:.7;}
.spot b{display:block;font-family:var(--head);font-size:18px;margin:5px 0 4px;}
.spot p{margin:0;font-size:13.2px;line-height:1.75;opacity:.92;}
.spot button{margin-top:11px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);
  color:#fff;border-radius:9px;padding:8px 15px;font-size:13px;cursor:pointer;font-family:var(--head);}
.duo{display:grid;gap:11px;grid-template-columns:1fr;}
@media(min-width:700px){.duo{grid-template-columns:1fr 1fr;}}
.mini{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 15px;box-shadow:var(--shadow);}
.mini .eyebrow{font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--mute);}
.mini b{display:block;font-family:var(--head);font-size:15px;margin:4px 0 3px;color:var(--green-2);}
.mini p{margin:0;font-size:13.2px;color:var(--ink-2);line-height:1.75;}

/* ---------- bottom nav ---------- */
nav.tabs{
  position:fixed;bottom:0;inset-inline:0;z-index:50;background:var(--card);
  border-top:1px solid var(--line);display:flex;padding:6px 4px calc(6px + env(safe-area-inset-bottom));
  box-shadow:0 -2px 16px rgba(17,36,29,.06);
}
nav.tabs button{
  flex:1;background:none;border:0;cursor:pointer;padding:6px 2px;color:var(--mute);
  font-size:10.5px;font-family:var(--head);display:flex;flex-direction:column;align-items:center;gap:3px;
}
nav.tabs button svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;}
nav.tabs button.on{color:var(--green);}

footer{max-width:1060px;margin:0 auto;padding:26px 16px 10px;font-size:11.8px;color:var(--mute);
  line-height:1.8;border-top:1px solid var(--line);margin-top:26px;}

:focus-visible{outline:2px solid var(--green);outline-offset:2px;}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}}

@media print{
  header,nav.tabs,.acts,.chips,.alpha,footer{display:none!important;}
  .overlay{position:static;background:none;display:block;}
  .sheet{max-height:none;box-shadow:none;}
  .sheet .shead{background:#fff;color:#000;}
}

/* ================= DARK MODE ================= */
html[data-theme="dark"]{
  --ink:#e6ede9;
  --ink-2:#bccbc4;
  --mute:#8b9c95;
  --paper:#0e1613;
  --card:#18211d;
  --line:#2a3631;
  --green:#3fbb94;
  --green-2:#7fd9b8;
  --green-soft:#14302a;
  --amber:#e0a84a;
  --amber-soft:#332811;
  --red:#e8776b;
  --red-soft:#38201c;
  --shadow:0 1px 2px rgba(0,0,0,.4), 0 6px 20px rgba(0,0,0,.3);
  --header-bg:#0a100e;
  --header-fg:#e6ede9;
  --chip-on-bg:#3fbb94;
  --chip-on-fg:#08130f;
  --field-bg:#18211d;
  color-scheme:dark;
}
html[data-theme="dark"] .notice{background:#33280f;border-color:#4d3d1a;color:#e8d5a8;}
html[data-theme="dark"] .notice b{color:#f0dfb4;}
html[data-theme="dark"] .fld.warn{background:#38201c;border-color:#5a322c;}
html[data-theme="dark"] .fld.warn .lbl{color:#f0a79c;}
html[data-theme="dark"] .fld.care{background:#332811;border-color:#4d3d1a;}
html[data-theme="dark"] .fld.care .lbl{color:#e8c47a;}
html[data-theme="dark"] .pill.ok{background:#14302a;color:#7fd9b8;border-color:#245046;}
html[data-theme="dark"] .pill.care{background:#332811;color:#e8c47a;border-color:#4d3d1a;}
html[data-theme="dark"] .pill.no{background:#38201c;color:#f0a79c;border-color:#5a322c;}
html[data-theme="dark"] .brandlist span{background:#14302a;color:#7fd9b8;border-color:#245046;}
html[data-theme="dark"] .searchbox input{background:rgba(255,255,255,.06);}
html[data-theme="dark"] .spot{background:linear-gradient(135deg,#12604a,#083226);}

/* camera button in header */
.htools{display:flex;gap:7px;align-items:center;}
.iconbtn{
  width:37px;height:37px;flex:0 0 auto;border-radius:11px;cursor:pointer;
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);
  color:var(--header-fg);display:flex;align-items:center;justify-content:center;
}
.iconbtn:hover{background:rgba(255,255,255,.18);}
.iconbtn svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;}
.brand{flex:1;min-width:0;}
.brand h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.headtop{display:flex;align-items:center;gap:10px;}

/* ---------- camera / OCR ---------- */
.modal{position:fixed;inset:0;background:rgba(8,18,14,.72);backdrop-filter:blur(3px);
  display:none;z-index:70;align-items:center;justify-content:center;padding:16px;}
.modal.open{display:flex;}
.modalbox{background:var(--paper);border-radius:18px;max-width:520px;width:100%;
  max-height:88vh;overflow-y:auto;padding:20px;box-shadow:0 18px 50px rgba(0,0,0,.35);}
.modalbox h3{margin:0 0 4px;font-family:var(--head);font-size:17px;}
.modalbox p{margin:0 0 14px;font-size:13px;color:var(--mute);line-height:1.7;}
.dropzone{
  border:2px dashed var(--line);border-radius:14px;padding:26px 16px;text-align:center;
  background:var(--card);cursor:pointer;
}
.dropzone:hover{border-color:var(--green);}
.dropzone svg{width:34px;height:34px;stroke:var(--green);fill:none;stroke-width:1.5;
  stroke-linecap:round;stroke-linejoin:round;margin-bottom:8px;}
.dropzone b{display:block;font-family:var(--head);font-size:14px;margin-bottom:3px;}
.dropzone small{color:var(--mute);font-size:12px;}
#ocrPrev{max-width:100%;max-height:170px;border-radius:11px;margin-top:12px;display:none;}
#ocrStat{font-size:13px;margin-top:12px;color:var(--ink-2);line-height:1.7;}
#ocrHits{margin-top:12px;display:grid;gap:8px;}
.bar{height:5px;background:var(--line);border-radius:3px;overflow:hidden;margin-top:8px;display:none;}
.bar i{display:block;height:100%;width:0;background:var(--green);transition:width .3s;}

/* mobile polish */
@media(max-width:420px){
  .brand h1{font-size:18px;}
  .brand svg{width:34px;height:34px;}
  .iconbtn{width:34px;height:34px;}
  main{padding:13px;}
  .card{padding:12px;}
  .sheet .sbody{padding:14px 14px 0;}
  nav.tabs button{font-size:9.5px;}
}

/* ================= v4 additions ================= */
/* toast */
#toastWrap{position:fixed;inset-inline:0;bottom:86px;z-index:90;display:flex;flex-direction:column;
  align-items:center;gap:8px;pointer-events:none;padding:0 16px;}
.toast{background:var(--ink);color:#eaf2ee;border-radius:12px;padding:11px 16px;font-size:13.5px;
  box-shadow:0 8px 26px rgba(0,0,0,.28);max-width:420px;animation:tin .25s ease;}
html[data-theme="dark"] .toast{background:#243029;}
.toast.ok{background:var(--green);}
.toast.bad{background:var(--red);}
@keyframes tin{from{opacity:0;transform:translateY(10px) scale(.96);}to{opacity:1;transform:none;}}

/* skeleton */
.sk{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:13px 14px;
  border-inline-start:4px solid var(--line);}
.sk i{display:block;height:11px;border-radius:6px;margin-bottom:8px;
  background:linear-gradient(90deg,var(--line) 25%,rgba(255,255,255,.5) 50%,var(--line) 75%);
  background-size:220% 100%;animation:shim 1.3s infinite;}
html[data-theme="dark"] .sk i{background:linear-gradient(90deg,#222d28 25%,#2f3d36 50%,#222d28 75%);background-size:220% 100%;}
.sk i.w1{width:55%}.sk i.w2{width:35%}.sk i.w3{width:80%}.sk i.w4{width:65%;height:16px;margin-top:12px}
@keyframes shim{0%{background-position:220% 0}100%{background-position:-220% 0}}

/* textarea */
textarea.inp{font-family:inherit;line-height:1.7;}

/* tools */
.toolgrid{display:grid;gap:10px;grid-template-columns:1fr 1fr;}
@media(min-width:700px){.toolgrid{grid-template-columns:repeat(3,1fr);}}
.toolcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:15px 13px;
  cursor:pointer;text-align:start;box-shadow:var(--shadow);transition:transform .12s;}
.toolcard:hover{transform:translateY(-2px);border-color:var(--green);}
.toolcard svg{width:24px;height:24px;stroke:var(--green);fill:none;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;margin-bottom:8px;}
.toolcard b{display:block;font-family:var(--head);font-size:13.5px;margin-bottom:3px;}
.toolcard small{color:var(--mute);font-size:11.5px;line-height:1.5;display:block;}

.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:15px;margin-bottom:12px;}
.panel h3{margin:0 0 10px;font-family:var(--head);font-size:15px;}
.row2{display:grid;gap:10px;grid-template-columns:1fr 1fr;}
label.f{display:block;font-size:12.5px;color:var(--mute);margin-bottom:5px;}
.inp,select.inp{width:100%;padding:11px 12px;border-radius:11px;border:1px solid var(--line);
  background:var(--paper);color:var(--ink);font-size:14.5px;outline:none;font-family:inherit;}
.inp:focus{border-color:var(--green);}
.btn{background:var(--green);border:0;color:#fff;border-radius:11px;padding:12px 18px;cursor:pointer;
  font-family:var(--head);font-size:14px;width:100%;margin-top:12px;}
.btn.alt{background:var(--card);color:var(--ink-2);border:1px solid var(--line);}
html[data-theme="dark"] .btn{color:#08130f;}
html[data-theme="dark"] .btn.alt{color:var(--ink-2);}

.result{margin-top:13px;padding:13px;border-radius:12px;border:1px solid var(--line);background:var(--paper);
  font-size:14px;line-height:1.85;animation:fade .25s ease;}
.result.ok{background:var(--green-soft);border-color:#c3e2d6;}
.result.warn{background:var(--amber-soft);border-color:#f0dcb4;}
.result.bad{background:var(--red-soft);border-color:#f2cbc6;}
.result b{display:block;font-family:var(--head);margin-bottom:4px;}
.bigdose{font-family:var(--head);font-size:23px;color:var(--green-2);margin:6px 0;}

/* comparison table */
.cmp{width:100%;border-collapse:collapse;font-size:13px;margin-top:12px;}
.cmp th,.cmp td{border:1px solid var(--line);padding:9px 10px;vertical-align:top;text-align:start;line-height:1.7;}
.cmp th{background:var(--green-soft);font-family:var(--head);font-size:12.5px;color:var(--green-2);}
.cmp td.lbl{background:var(--paper);font-weight:600;width:26%;font-size:12.5px;}
.cmp .sm{font-size:11.5px;color:var(--mute);}

/* interaction severity */
.sev{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:600;margin-inline-end:6px;}
.sev.crit{background:var(--red-soft);color:#93281f;border:1px solid #f2cbc6;}
.sev.high{background:#fbe9e7;color:#a8452b;border:1px solid #f0cfc4;}
html[data-theme="dark"] .sev.high{background:#3a241c;color:#f0a98c;border-color:#5a3a2c;}
.sev.mod{background:var(--amber-soft);color:#8a5605;border:1px solid #f0dcb4;}
.sev.none{background:var(--green-soft);color:#0d5741;border:1px solid #c3e2d6;}

/* misc */
.pillrow{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;}
.tag{background:var(--green-soft);color:var(--green-2);border:1px solid var(--line);border-radius:8px;
  padding:4px 10px;font-size:12px;}
@media print{
  body>*:not(.overlay){display:none!important;}
  .overlay{display:block!important;position:static;background:#fff;}
  .sheet{max-height:none;border-radius:0;background:#fff;}
  .sheet .shead{background:#fff!important;color:#000!important;}
  .sheet .acts,.sheet .altlist{display:none!important;}
  .fld{break-inside:avoid;}
}


/* ---- English mode (dir=ltr): latin blocks align to the left ---- */
html[dir="ltr"] .brands,
html[dir="ltr"] .sheet .sci { text-align:left; }
html[dir="ltr"] .hint,
html[dir="ltr"] .sec { text-align:left; }