/* دليل المعلّم – رحلة القارئ (moved out of the page: CSP style-src 'self') */
:root{--ink:#10233d;--muted:#46566b;--paper:#ffffff;--bg:#f4f6f9;--line:#c9d3df;--soft:#e2f2ee;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:1.0625rem/1.85 "IBM Plex Sans Arabic","Readex Pro",system-ui,sans-serif}
a{color:#0a5a4b;text-underline-offset:3px}
:focus-visible{outline:3px solid #b45309;outline-offset:3px;border-radius:4px}
.skip{position:absolute;inset-inline-start:12px;top:-60px;background:var(--ink);color:#fff;padding:8px 16px;border-radius:10px;font-weight:700;z-index:10}
.skip:focus{top:12px}
header,main,footer{max-width:960px;margin:0 auto;padding:0 16px}
header{padding-top:24px}
header p{margin:0;color:var(--muted)}
h1{font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.3;margin:.2em 0}
h2{font-size:1.35rem;margin:1.2em 0 .4em;padding-bottom:.2em;border-bottom:2px solid var(--line)}
h3{font-size:1.1rem;margin:1.2em 0 .3em}
section{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:4px 20px 16px;margin:16px 0}
.note{background:var(--soft);border-radius:10px;padding:10px 14px}
.table-wrap{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:.95rem;line-height:1.7}
caption{text-align:start;font-weight:700;padding:6px 0}
th,td{border:1px solid var(--line);padding:6px 8px;vertical-align:top;text-align:start}
thead th{background:var(--soft)}
footer{padding-bottom:32px;color:var(--muted);font-size:.95rem}
@media print{
  body{background:#fff;font-size:11pt}
  .skip{display:none}
  section{border:0;padding:0;margin:0 0 10pt}
  h2{break-after:avoid}
  tr{break-inside:avoid}
  a{color:var(--ink);text-decoration:none}
}
.codes{font-size:.85rem;white-space:nowrap}
.small{font-size:.85rem;color:var(--muted)}