/* The atlas uses the colors and official mark observed at pp.gov.sa.
   This research page is independent and links back to the official service. */
:root {
  --ink: #34423e;
  --navy: #006d67;
  --accent: #a98445;
  --muted: #52655d;
  --line: #dbe5df;
  --pale: #f5f8f5;
}
body { color: var(--ink); font-family: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif; }
a { color: #006d67; }
a:hover { color: #80602c; }
:focus-visible { outline: 2px solid #a98445; outline-offset: 2px; }
.library-brand-strip { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; padding: 12px clamp(18px,4vw,64px); border-top: 3px solid #006d67; border-bottom: 1px solid #dbe5df; background: #f5f5f5; }
.library-brand-strip .official-logo { display: inline-flex; flex-direction: column; align-items: center; flex: none; padding: 3px 6px; border: 1px solid #d7e5dc; border-radius: 8px; background: #fff; text-decoration: none; }
.library-brand-strip .official-logo::after { content: "مصدر رسمي ↗"; color: #475c52; font-size: 10px; font-weight: 800; line-height: 1.3; }
.library-brand-strip .official-logo img { display: block; width: 74px; height: auto; }
.library-brand-copy { position: relative; display: grid; align-content: center; gap: 2px; min-height: 46px; padding-right: 58px; line-height: 1.4; }
.library-brand-copy::before { content: ""; position: absolute; right: 0; top: 50%; width: 42px; height: 42px; transform: translateY(-50%); background: url("../assets/atlas-mark.svg") center / contain no-repeat; }
.library-brand-copy strong { color: #005e58; font-size: 20px; }
.library-brand-copy small { width: fit-content; max-width: 100%; padding: 2px 7px; border-radius: 9px; background: #f6eddb; color: #634b24; font-size: 11px; font-weight: 800; }
.library-brand-copy a { text-decoration: none; }
.library-brand-strip .library-note { margin: 0 auto 0 0; font-size: 12px; line-height: 1.5; color: #315a4f; }
.library-brand-strip .library-note a { font-weight: 700; }
.sidebar { background: #fbfcfb; }
.sidebar .brand { color: #005e58; border-bottom-color: #a98445; }
.sidebar a { color: #52635d; }
.sidebar a:hover { background: #e7f2ec; color: #005e58; }
strong { color: #234b42; }
th { background: #eaf4ef; }
tr:nth-child(even) td { background: #fafcf9; }
blockquote { background: #f8f5ec; }
code { background: #eef4ef; }
::selection { background: #eee1c9; color: #234b42; }
@media(max-width:900px) {
  .library-brand-strip { gap: 10px 16px; }
  .library-brand-strip .official-logo img { width: 64px; }
  .library-brand-copy { padding-right: 48px; }
  .library-brand-copy::before { width: 36px; height: 36px; }
  .library-brand-copy strong { font-size: 17px; }
  .library-brand-strip .library-note { width: 100%; margin: 0; }
}
@media(max-width:440px) {
  .library-brand-strip .official-logo img { width: 46px; }
  .library-brand-copy { max-width: calc(100vw - 110px); }
  .library-brand-copy { padding-right: 40px; }
  .library-brand-copy::before { width: 31px; height: 31px; }
  .library-brand-copy strong { font-size: 15px; }
  .library-brand-copy small { font-size: 10px; }
}
@media print { .library-brand-strip { border: 0; padding: 0 0 10px; background: #fff; } }