/* Al Mizan Rizq — Policy documents | dark emerald / gold sci-fi identity */
:root{color-scheme:dark;--bg:#020c1e;--panel:#03213bef;--gold:#efd184;--gold-2:#c8a24c;--text:#f4f3e9;--muted:#b4d3eb;--cyan:#9bddf7}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body{margin:0;min-height:100vh;overflow-x:clip;color:var(--text);font:16px/1.8 system-ui,-apple-system,"Segoe UI",sans-serif;background:#020c1e}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(155deg,#001911f0,#021230e8 60%,#020b1ef4),url('/assets/waterfront-background.webp') center/cover no-repeat}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 5%,#03b8f21b,transparent 48%),radial-gradient(ellipse at 10% 75%,#c9a85018,transparent 40%)}
a{color:var(--gold);text-decoration-color:#efd1848c;text-underline-offset:4px}
a:hover{color:#fff0b8}a:focus-visible,button:focus-visible{outline:2px solid #ffe59d;outline-offset:4px}
.skip{position:absolute;top:-60px;left:16px;z-index:40;padding:8px 14px;background:#032441;color:white}
.skip:focus{top:16px}
.topbar{position:relative;z-index:5;border-bottom:1px solid #cba95b91;background:#021024db;backdrop-filter:blur(14px)}
.top-inner{max-width:1280px;margin:auto;padding:10px 25px;min-height:85px;display:flex;align-items:center;gap:25px;justify-content:space-between;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#ffecb4}
.brand img{width:95px;height:56px;object-fit:contain}
.brand span{font-family:Georgia,serif;font-size:clamp(18px,2.6vw,27px);font-weight:700;letter-spacing:.03em;line-height:1.3}
.brand small{display:block;font:500 10px system-ui;letter-spacing:.22em;color:var(--cyan);margin-top:4px;text-transform:uppercase}
.topnav{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.topnav a{display:inline-flex;min-height:42px;align-items:center;gap:8px;border:1px solid #bc9e56a5;padding:6px 14px;border-radius:999px;text-decoration:none;color:#fce7ad;font-size:13px;letter-spacing:.02em;background:#062d56a3}
.topnav a:hover{background:#083c74;border-color:#ffdf80;color:white}
main{max-width:1280px;margin:0 auto;padding:35px 25px 75px}
.hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid #d9b668;border-radius:27px;min-height:270px;background:radial-gradient(circle at 83% 44%,#0459af61,transparent 40%),linear-gradient(115deg,#032443ec,#020f29ee);padding:clamp(30px,5vw,65px);box-shadow:inset 0 0 0 4px #d5b25a1b,0 20px 50px #0007}
.hero::before{content:"";position:absolute;inset:9px;border:1px solid #b7964b66;border-radius:20px;z-index:-1;pointer-events:none}
.hero::after{content:"";position:absolute;right:-74px;top:-110px;width:400px;height:400px;border:2px solid #d9bc6e66;border-radius:50%;box-shadow:0 0 0 33px #13b5ed0c,0 0 0 84px #ddbb5e09;animation:orbit 28s linear infinite;pointer-events:none;z-index:-1}
.hero .overline{display:inline-flex;align-items:center;gap:8px;font:700 11px system-ui;letter-spacing:.2em;text-transform:uppercase;color:#9be4fe}
.hero .overline::before{content:"";width:7px;height:7px;border-radius:50%;background:#e1c170;box-shadow:0 0 12px #f5d687}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif}
.hero h1{font-size:clamp(35px,5.4vw,66px);line-height:1.17;letter-spacing:.01em;color:#ffe397;margin:21px 0 17px;max-width:780px;text-shadow:0 2px 20px #0009}
.hero p{font-size:clamp(15px,1.6vw,19px);max-width:740px;color:#e6eadd;margin:0}
.stamp{display:inline-block;margin-top:22px;font-size:12px;font-weight:650;color:#ffebb8;border:1px solid #c6ad6799;background:#02112785;border-radius:100px;padding:5px 13px}
.breadcrumb{font-size:13px;margin:20px 0 22px;color:#d2dacc}.breadcrumb a{color:#b8ddf7}
.layout{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:start}
.side{border:1px solid #bca15baf;border-radius:17px;padding:23px;background:linear-gradient(160deg,#032a4ec9,#021030ed);box-shadow:inset 0 0 0 3px #b6984021;position:sticky;top:22px}
.side h2{margin:0 0 13px;color:#ffe49b;font-size:21px;line-height:1.3}
.side-list{display:flex;flex-direction:column;gap:8px}
.side-list a{position:relative;color:#f6e9c6;display:flex;justify-content:space-between;align-items:center;padding:12px 13px;border-radius:9px;text-decoration:none;border:1px solid #d0b36552;background:#0324418c;line-height:1.5;font-size:14px;font-weight:600}
.side-list a::after{content:"↗";font-size:17px;color:#efd18a}
.side-list a:hover,.side-list a[aria-current=page]{background:linear-gradient(110deg,#084a91,#032c53);color:#fff9e5;border-color:#e8cd80}
.side hr{border:0;border-top:1px solid #cfb26b57;margin:21px 0}
.side p{font-size:13px;line-height:1.7;color:#bad8f1;margin:0}
.article{min-width:0;border:1px solid #c9ab62ae;border-radius:17px;background:linear-gradient(150deg,#03223ef2,#021130fa);padding:clamp(22px,4vw,44px);box-shadow:inset 0 0 0 3px #bba36118,0 13px 40px #0007}
.article>p.intro{color:#c5e2fc;font-size:17px;margin:0 0 20px}
.article section{padding:20px 0 24px;border-top:1px solid #ac934a57;scroll-margin-top:24px}
.article section:first-of-type{border-top:0}
.article section h2{font-size:clamp(22px,2.5vw,29px);color:#f2d993;line-height:1.34;margin:0 0 12px}
.article p{margin:0 0 15px;color:#cae1fb}
.article p:last-child{margin-bottom:0}
.article ul{margin:9px 0 14px;padding-left:22px;color:#c8e1fb}.article li{padding:3px 0}
.article strong{color:#ffebb5}
.notice{border:1px solid #bda25c9c;border-left:4px solid #f0cb70;border-radius:11px;padding:17px 20px;margin:24px 0 0;background:#062d56b3;color:#eaf4e8;font-size:14px}
.notice strong{color:#ffedb8}
.contact{margin-top:26px;border:1px solid #bda15aaf;border-radius:18px;padding:25px 29px;background:linear-gradient(120deg,#04376ac9,#031f41ed);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.contact h2{color:#ffe195;font-size:28px;margin:0 0 6px}.contact p{margin:0;color:#dfebdd;font-size:14px}
.contact .action{display:inline-flex;align-items:center;justify-content:center;min-height:47px;border:1px solid #ffe1a1;border-radius:9px;padding:9px 18px;color:#031e36!important;background:linear-gradient(140deg,#ffe29c,#caa552);font-weight:800;text-decoration:none;white-space:nowrap}
.contact .action:hover{filter:brightness(1.1)}
.bottom{max-width:1280px;margin:0 auto 22px;padding:22px 25px;color:#b4d6ee;border-top:1px solid #bd9a528c;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}
.bottom nav{display:flex;gap:15px;flex-wrap:wrap}.bottom nav a{color:#ffebb9}
@keyframes orbit{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:860px){.layout{grid-template-columns:1fr}.side{position:static}.side-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:230px}.hero::after{right:-180px}}
@media(max-width:530px){main{padding:20px 14px 45px}.top-inner{padding:12px 15px}.brand img{width:71px;height:45px}.topnav{width:100%;gap:7px}.topnav a{flex:1;justify-content:center;font-size:12px;padding:6px 8px}.hero{padding:30px 24px;border-radius:18px}.hero::after{width:290px;height:290px;right:-220px;top:-60px}.side,.article{padding:20px}.side-list{grid-template-columns:1fr}.contact{padding:22px}.contact .action{width:100%}.bottom{padding:20px 15px}}

.bottom .back-home{font-weight:650;text-decoration:none}