:root{--blue:#1479bd;--navy:#0c4faa;--page:#ebecf0;--ink:#212529;--head:#4a2c2a;--grey:#6c6c6c;--muted:#6b6b6b;--line:#dee2e6;--red:red}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--page);color:var(--ink);margin:0;font:18px/1.85 IBM Plex Sans Arabic,sans-serif}a{color:inherit}.wrap{max-width:1250px;margin:0 auto;padding:0 15px}.logo-band{padding:18px 0}.brand{color:var(--navy);font:700 40px/1.3 Aref Ruqaa,serif;text-decoration:none}.mainnav{background:var(--blue)}.mainnav-in{align-items:center;gap:4px;min-height:50px;display:flex}.mainnav a{color:#fff;padding:10px 18px;font-size:18px;text-decoration:none}.mainnav a:hover{background:#ffffff1f}.mainnav .search-icon{margin-inline-start:auto;padding:10px;display:flex}.layout{grid-template-columns:minmax(0,1fr) 302px;align-items:start;gap:15px;padding-top:15px;padding-bottom:40px;display:grid}.panel-head{color:var(--head);border-inline-start:12px solid var(--navy);border-image:linear-gradient(to bottom, #fff 18%, var(--navy) 18%, var(--navy) 82%, #fff 82%) 1;background:#fff;margin:0 0 6px;padding:10px 24px 8px;font-size:23px;font-weight:700;line-height:1.4}.panel-head .count{color:var(--muted);font-size:17px;font-weight:400}.panel{background:#fff;padding:20px 24px}.grey-head{background:var(--grey);color:#fff;margin:10px 0 14px;padding:3px 10px 0;font-size:19px;font-weight:700;line-height:1.3}.year+.year{margin-top:18px}.dots{margin:0;padding:0;list-style:none}.dots li{margin-bottom:10px;padding:0 22px 0 0;line-height:1.6;position:relative}.dots li:before{content:"";background:var(--blue);border-radius:50%;width:9px;height:9px;position:absolute;top:.62em;right:2px}.dots a{text-decoration:none}.dots a:hover{color:var(--blue)}.dots.big li{margin-bottom:14px;font-size:19px}aside .side{background:#fff;margin-bottom:15px}.side-head{color:var(--head);border-bottom:1px solid var(--line);border-inline-start:12px solid var(--navy);border-image:linear-gradient(to bottom, #fff 18%, var(--navy) 18%, var(--navy) 82%, #fff 82%) 1;margin:0;padding:8px 18px 6px;font-size:22px}.side .dots{padding:16px 16px 6px}.side .dots li{font-size:17px;font-weight:700}.years{margin:0;padding:8px 16px;list-style:none}.years li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding:6px 0;display:flex}.years li:last-child{border:0}.years a{color:var(--blue);font-weight:700;text-decoration:none}.years span{color:var(--muted);font-size:15px}.maqal h1{color:#231f20;margin:0 0 8px;font-size:28px;line-height:1.5}.maqal .meta{color:var(--muted);align-items:center;gap:6px;margin:0 0 4px;font-size:15px;display:flex}.maqal .meta a{color:var(--muted)}.maqal .writer{color:var(--red);margin:0 0 12px;font-weight:700}.maqal p{white-space:pre-line;margin:0 0 16px;font-size:20px;line-height:1.9}.pn{border-top:1px solid #ccc;justify-content:space-between;gap:16px;margin-top:24px;padding-top:14px;font-size:16px;display:flex}.pn a{color:var(--blue);max-width:48%;text-decoration:none}.back{color:var(--red);margin-top:14px;font-size:19px;font-weight:700;text-decoration:none;display:inline-block}.quick{gap:8px;margin-bottom:10px;display:flex}.quick input{min-width:0;font:inherit;border:1px solid #ccc;border-radius:22px;flex:1;padding:6px 14px}.quick button{font:inherit;background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:22px;padding:6px 22px}.status{color:var(--muted)}.results{margin:0;padding:0;list-style:none}.results li{border-bottom:1px solid var(--line);padding:12px 0}.results a{font-weight:700;text-decoration:none}.results a:hover{color:var(--blue)}.results .date{color:var(--muted);font-size:14px}.results p{color:var(--muted);margin:4px 0 0;font-size:16px}.results mark{color:var(--ink);background:#fff3b0}@media (width<=900px){.layout{grid-template-columns:1fr}.brand{font-size:32px}.logo-band{text-align:center;padding:12px 0}.panel{padding:16px}.maqal p{font-size:18px}.maqal h1{font-size:24px}.pn{flex-direction:column}.pn a{max-width:none}}