/* hb.css v1.0 (2026-10-14) - "How Journal Finder was built and tested"; same look as the tool (app.css v1.3) */
:root{--paper:#F4F6F7;--surface:#FFFFFF;--ink:#16202A;--muted:#55606B;--rule:#D5DBE0;--accent:#0A6767;--soft:#E7F0F0}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.6 "Segoe UI",system-ui,-apple-system,"Noto Sans","Noto Sans Arabic",Tahoma,sans-serif}
html[dir=rtl] body{font-family:"Segoe UI",Tahoma,"Noto Sans Arabic","Noto Naskh Arabic",system-ui,sans-serif;line-height:1.8}
.hb-top,.hb-main,.hb-foot{max-width:46rem;margin:0 auto;padding-left:16px;padding-right:16px}
.hb-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:20px;padding-bottom:8px}
.hb-home{font-weight:650;color:var(--ink);text-decoration:none}
.hb-home span{border:1px solid var(--accent);color:var(--accent);border-radius:999px;padding:0 .55em;font-size:.8rem;margin-inline-start:.4em;font-weight:400}
.hb-lang{display:flex;gap:4px;flex-wrap:wrap}
.hb-lang a{display:inline-flex;align-items:center;min-height:40px;padding:.3rem .8rem;border:1px solid var(--rule);border-radius:6px;background:var(--surface);color:var(--ink);text-decoration:none;font-size:.92rem}
.hb-lang a[aria-current=page]{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.hb-main{padding-bottom:32px}
h1{font-size:1.75rem;line-height:1.25;margin:1rem 0 .3rem;font-weight:650;letter-spacing:-.01em}
h2{font-size:1.2rem;margin:2.2rem 0 .6rem;padding-top:1.2rem;border-top:1px solid var(--rule);font-weight:650}
p{margin:.55rem 0}
.hb-sub{color:var(--muted);font-size:.92rem;margin-top:0}
a{color:var(--accent);text-underline-offset:2px}
a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
strong{font-weight:650}
ul{padding-inline-start:1.3rem;margin:.5rem 0}
li{margin:.35rem 0}
.hb-table{overflow-x:auto;margin:.8rem 0;background:var(--surface);border:1px solid var(--rule);border-radius:8px}
table{border-collapse:collapse;width:100%;font-size:.94rem}
th,td{padding:.55rem .75rem;text-align:start;vertical-align:top;border-bottom:1px solid var(--rule)}
tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}
thead th{background:var(--soft);font-weight:650;font-size:.88rem}
tbody th{font-weight:500}
.n{text-align:end;white-space:nowrap;font-variant-numeric:tabular-nums}
.hb-kv th{width:45%}
.hb-foot{border-top:1px solid var(--rule);padding-top:16px;padding-bottom:40px;color:var(--muted);font-size:.92rem;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media (max-width:480px){h1{font-size:1.45rem}th,td{padding:.5rem .55rem}.hb-kv th{width:40%}}