/* Taf9eel feature document — shared by features-ar.html and features-en.html */
:root{--ink:#241a15;--muted:#7a6a5f;--acc:#a94732;--soft:#f5e1d8;--tint:#f6ede2;--line:#e9dccd;--paper:#faf0e6;--bg:#fffaf4}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:13.5px/1.8 "Thmanyah Sans","IBM Plex Sans Arabic",system-ui,sans-serif}
.page{max-width:190mm;margin:0 auto;padding:16mm 14mm}
h1,.cover .name{font-family:"Thmanyah Serif Display","Thmanyah Sans","IBM Plex Sans Arabic",serif;font-weight:700}
h1{font-size:25px;margin:30px 0 10px;break-before:auto;break-after:avoid;line-height:1.5}
h1.pb{break-before:page;margin-top:0}
h1 span{background:linear-gradient(transparent 58%,var(--soft) 58%);padding:0 6px}
h1 .n{background:none;color:var(--acc);padding:0;margin-inline-end:2px}
h3{font-size:14.5px;margin:16px 0 4px;color:var(--acc);font-weight:700}
p{margin:6px 0} ul{margin:4px 0 8px;padding-inline-start:22px} li{margin:3px 0}
.cover{text-align:center;padding:4mm 0 2mm}
.cover svg{width:66px;height:66px}
.cover .name{font-size:42px;line-height:1.25;margin-top:6px}
.cover .en{letter-spacing:.34em;font-weight:500;font-size:15px;direction:ltr}
.cover .sub{font-size:15.5px;color:var(--muted);margin-top:8px}
.meta{color:var(--muted);font-size:12px;margin-top:8px}
.box{background:var(--tint);border-radius:14px;padding:12px 16px;margin:12px 0}
.box b{color:var(--acc)}
.glance{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:10px 0 0}
.glance div{padding:5px 10px;border:1px solid var(--line);border-radius:12px;background:#fff}
.chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:14px}
.chips span{border:1px solid var(--line);border-radius:999px;padding:3px 12px;font-size:12.5px;background:var(--paper)}
table{width:100%;border-collapse:collapse;font-size:12.5px;margin:8px 0}
th,td{border-bottom:1px solid var(--line);padding:6px 8px;text-align:start;vertical-align:top}
th{color:var(--muted);font-weight:700;border-bottom:1.5px solid var(--ink);font-size:11.5px}
td:first-child{font-weight:700}
.toc{columns:2;column-gap:24px;margin-top:8px} .toc div{break-inside:avoid;padding:2px 0} .toc b{color:var(--acc);display:inline-block;min-width:24px}
.num{direction:ltr;unicode-bidi:isolate}
@page{size:A4;margin:16mm}
@media print{body{font-size:12.5px}.page{padding:0;max-width:none}tr,li,.box{break-inside:avoid}h3{break-after:avoid}}
.langsw{text-align:end;font-size:12.5px;color:var(--muted);margin-bottom:6mm}.langsw a{color:var(--acc);text-decoration:none;font-weight:700}
.cover .ar{font-size:22px;font-weight:700;margin-top:2px}
html[lang=en] body{line-height:1.62}html[lang=en] .cover .name{letter-spacing:-.01em}
@media print{.langsw{display:none}}