:root{--cream:#fbf4e8;--cream2:#fffaf2;--wine:#6f1d1b;--wine2:#8a2824;--gold:#c89b4a;--ink:#24242a;--muted:#655f59;--line:#ead8bd;--green:#20a34a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Tahoma,"Noto Sans Arabic",Arial,sans-serif;background:var(--cream);color:var(--ink);line-height:1.9}a{color:inherit}.top{background:rgba(255,250,242,.98)!important;border-bottom:1px solid var(--line)!important;box-shadow:0 2px 12px rgba(80,40,20,.05);position:sticky;top:0;z-index:20}.brand{font-size:30px!important;color:#13548a}.brand span{color:#78a9d5!important}.langs a{border:1px solid #decfb9!important;border-radius:14px!important;padding:7px 15px!important;background:#fffaf2!important}.langs a:first-child{background:var(--wine)!important;color:#fff!important;border-color:var(--wine)!important}.hero{background:linear-gradient(180deg,#fffaf2 0,#fbf4e8 100%)!important;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;width:90px;height:90px;border:2px solid var(--gold);opacity:.45}.hero:before{top:12px;right:12px;border-left:0;border-bottom:0;border-radius:0 35px 0 0}.hero:after{bottom:12px;left:12px;border-right:0;border-top:0;border-radius:0 0 0 35px}.hero h1{color:var(--wine);font-weight:900}.hero p{color:var(--muted)!important}.wrap{max-width:1080px!important}.article,.card,.note,.box,.info-box,.step{background:var(--cream2)!important;border-color:var(--line)!important;box-shadow:0 5px 18px rgba(91,47,25,.06)!important}.card{border-radius:18px!important;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(91,47,25,.1)!important}.card h2,h1,h2{color:var(--wine)}.card a,.toc a,.source a{color:var(--wine2)!important}.note,.warning{border-color:var(--gold)!important}.warning{background:#fff6df!important}.success{background:#eef9ef!important;border-right-color:var(--green)!important}.data th{background:#f4ead9!important}.source{background:#f8efe1!important}.article h2{border-bottom-color:var(--line)!important}footer{background:#5e1818!important;color:#f8ead5!important}
@media(max-width:700px){.brand{font-size:25px!important}.hero{padding:34px 0 22px!important}.hero h1{font-size:30px!important}.article{border-radius:15px!important}}