:root{--wine:#43172e;--dark:#27151f;--gold:#c09b61;--ink:#2c2225;--ivory:#fbf5ea;--muted:#796d69;--line:#e3d7c6;--blue:#12607b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffdf8;color:var(--ink);font:14px/1.7 Manrope,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #2381a8;outline-offset:3px}.shell{width:min(100% - 80px,1360px);margin:auto}.edge{height:6px;background:linear-gradient(90deg,var(--wine),var(--wine) 24%,#cba164 24%,#cba164 48%,#146b89 48%,#146b89 72%,var(--wine) 72%)}
svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.header{background:#fffaf0;border-bottom:1px solid #e7d8bf}.headrow{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:32px}.logo{display:flex;align-items:center;gap:13px;min-width:240px}.mark{width:46px;height:46px;display:grid;place-items:center;color:#cda86b;border-radius:14px;background:var(--wine)}.logo strong{display:block;font:700 17px Manrope;letter-spacing:.10em;color:var(--wine)}.logo small{display:block;font-size:9px;color:#8c7770;letter-spacing:.12em}.headrow nav{display:flex;align-items:center;gap:30px}.headrow nav a{color:#645259;font-size:12px;font-weight:700}.headrow nav a.active{color:var(--wine);border-bottom:2px solid var(--gold);padding-bottom:7px}.reader{font-size:12px;color:var(--wine);font-weight:800;border:1px solid #dac6b5;padding:10px 13px;border-radius:6px;white-space:nowrap}
.hero{overflow:hidden;background:radial-gradient(ellipse at 85% 35%,#f2dfbc 0,transparent 37%),linear-gradient(120deg,#fff9eb 0%,#f4e9d5 100%);border-bottom:1px solid #e8ddcc}.hero-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(310px,.7fr);gap:30px;align-items:center;min-height:500px}.herocopy{padding:62px 0 66px}.eyebrow,.kicker{font-size:10px;letter-spacing:.18em;font-weight:800;color:#925e39}.eyebrow i{display:inline-block;width:24px;height:2px;background:#a66b48;margin-right:10px;vertical-align:middle}.hero h1{font:500 clamp(38px,4.5vw,66px)/1.17 'Playfair Display',Georgia,serif;color:var(--wine);letter-spacing:-.045em;margin:25px 0 21px}.hero h1 em{color:#9e704b;font-weight:400}.lead{font-size:15px;max-width:690px;color:#6b5b57;margin:0 0 31px}.searchbox{display:flex;align-items:center;gap:12px;background:white;border:1px solid #dac7ad;box-shadow:0 15px 45px #48311616;border-radius:10px;padding:9px 9px 9px 17px;max-width:720px}.searchbox svg{color:#8a6e60;flex:none}.searchbox input{border:0;outline:0;background:transparent;flex:1;min-width:0;padding:12px 0;color:#30252a}.searchbox button{display:flex;align-items:center;gap:9px;border:0;border-radius:7px;background:var(--wine);padding:12px 20px;color:#fff;font-weight:800}.searchbox button svg{width:15px;height:15px}.quick{margin:17px 0 0;color:#876d5e;font-size:11px;font-weight:800;letter-spacing:.12em}.quick button{background:transparent;border:0;border-bottom:1px solid #ba9d79;color:#644432;padding:2px 0;margin:0 7px;font-size:12px;letter-spacing:0;font-weight:600}
.heroart{text-align:center;padding:32px 0}.orb{width:min(100%,340px);aspect-ratio:1;margin:auto;display:grid;place-items:center;background:radial-gradient(circle at center,#5a2843,#3d182e 72%);border-radius:50%;box-shadow:0 23px 65px #4c192436;border:10px solid #e0c798}.orb svg{width:100%;height:100%;stroke:none}.arabic{font:28px/1.7 Amiri,serif;margin:20px 0 5px;color:var(--wine)}.artcaption{max-width:310px;font-size:11px;color:#745f5a;margin:auto}.artcaption b{display:block;letter-spacing:.1em;color:#896043;margin-top:4px}
.principles{background:#3b1729;color:#f7e4c4}.principles .shell{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:20px 0}.principles span{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700}.principles svg{color:#d6ad74;width:23px}
.library{padding:62px 0 86px}.sectionlead{display:flex;align-items:end;justify-content:space-between;gap:18px}.sectionlead h2,.promise h2{font:500 clamp(31px,3.4vw,46px)/1.22 'Playfair Display',Georgia,serif;color:var(--wine);margin:11px 0}.sectionlead p,.promise p{color:#746866;max-width:700px;margin:0}.counter{font-size:12px;color:#886c63}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 25px}.filters button{border:1px solid #dbcabb;border-radius:999px;background:white;padding:10px 18px;color:#594853;font-size:12px;font-weight:800}.filters button.selected{background:var(--wine);border-color:var(--wine);color:white}.status{font-size:13px;color:#84665d;margin:16px 0}.entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.entry{border:1px solid var(--line);background:#fffefa;border-radius:12px;padding:24px;min-height:320px;display:flex;flex-direction:column;box-shadow:0 8px 24px #58312208;transition:box-shadow .2s,transform .2s}.entry:hover{box-shadow:0 18px 46px #58312217;transform:translateY(-3px)}.med-icon{width:57px;height:57px;border-radius:15px;background:linear-gradient(145deg,#f0e3cb,#fffaf0);color:#a77445;display:grid;place-items:center}.med-icon svg{width:27px;height:27px}.entry .ey{color:#b08154;letter-spacing:.15em;text-transform:uppercase;font-weight:800;font-size:9px;margin:19px 0 7px}.entry h3{font:500 24px/1.2 'Playfair Display',Georgia,serif;color:var(--wine);margin:0}.entry .arabicname{font:19px Amiri,serif;color:#836b52;margin:3px 0 7px}.entry p{color:#776b66;font-size:12px;line-height:1.7;margin:0 0 15px;flex:1}.entry .entryfoot{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #eee4d8;padding-top:16px}.entryfoot small{font-size:10px;color:#8c6d61}.entryfoot button{border:0;background:none;color:#65354b;font-weight:800;display:flex;align-items:center;gap:5px;padding:0;font-size:11px}.entryfoot svg{width:16px}
.promise{background:#f5eada;border:1px solid #e4d5be;border-radius:15px;padding:42px;display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;margin-bottom:50px}.layers{display:grid;gap:12px}.layers div{display:grid;grid-template-columns:38px 1fr;column-gap:14px;background:#fffaf1;border:1px solid #e8dac7;border-radius:8px;padding:17px}.layers b{grid-row:span 2;color:#ab7e55;font:24px 'Playfair Display',serif}.layers strong{color:var(--wine);font-size:13px}.layers span{color:#85746b;font-size:11px}.safety{display:flex;gap:17px;background:#f8f5f0;border:1px solid #e8dfd2;padding:23px 25px;margin-bottom:65px;border-radius:9px}.safety svg{flex:none;color:#8e6748;width:27px;height:27px}.safety strong{font-size:13px;color:var(--wine)}.safety p{font-size:12px;color:#716b66;margin:4px 0 0}
footer{background:#23131e;color:#f6e9d4}.footrow{padding:38px 0;display:flex;justify-content:space-between;gap:30px}.footlogo{font-size:18px;letter-spacing:.16em;font-weight:800;color:#e6c393}.footrow p,.copyright{font-size:11px;color:#ab959b}.footrow>div:last-child{display:flex;gap:25px;flex-wrap:wrap;font-size:12px}.copyright{border-top:1px solid #513749;padding:16px 0}
.overlay[hidden]{display:none}.overlay{position:fixed;inset:0;z-index:200;display:flex;justify-content:flex-end}.overlayback{position:absolute;inset:0;background:#160a13ba}.detail{position:relative;z-index:1;background:#fffaf2;width:min(100%,770px);height:100%;overflow:auto;padding:clamp(22px,4vw,54px);box-shadow:-20px 0 80px #180e1640}.close{position:sticky;top:0;float:right;display:grid;place-items:center;background:var(--wine);color:white;border:0;border-radius:9px;width:42px;height:42px;z-index:3}.close svg{width:20px}.detail h2{font:500 clamp(36px,4.5vw,55px) 'Playfair Display',serif;color:var(--wine);margin:16px 0 0}.detail-ar{font:32px Amiri,serif;color:#a17d53}.detail .section{border-top:1px solid #e5d9c9;margin-top:25px;padding-top:23px}.detail .section h3{font:500 23px 'Playfair Display',serif;color:var(--wine);margin:0 0 9px}.detail p{color:#615759}.detail .notice{padding:13px 16px;background:#f4eee4;border-left:3px solid #bd9054;color:#715941;font-size:12px;margin:20px 0}.detail .sourcelink{color:#115f80;text-decoration:underline;font-weight:800}.detail .sourcelink svg{width:14px;height:14px;display:inline-block;margin-left:5px}.detail .offers{margin-top:23px;border:1px solid #e0d3c3;padding:20px;border-radius:9px}.detail .offers h3{margin:0 0 9px}.detail .offers a{color:#165b7e;text-decoration:underline}.detail .minor{font-size:12px;color:#867873}.detail .detail-actions{display:flex;gap:9px;flex-wrap:wrap}.detail .detail-actions button{border:1px solid #cdb9a9;background:white;color:var(--wine);border-radius:7px;padding:9px 14px}
@media(max-width:1050px){.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-layout{grid-template-columns:1.2fr .8fr}.headrow nav{gap:15px}.promise{gap:24px}}@media(max-width:760px){.shell{width:min(100% - 32px,1360px)}.headrow{flex-wrap:wrap;gap:9px;padding:14px 0}.headrow nav{width:100%;order:3;overflow:auto;padding:12px 0}.reader{margin-left:auto}.hero-layout{display:block}.herocopy{padding:47px 0}.heroart{display:none}.principles .shell{justify-content:flex-start}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.entry{padding:17px;min-height:300px}.promise{display:block;padding:27px}.layers{margin-top:24px}.footrow{display:block}.footrow>div:last-child{margin-top:22px}.sectionlead{align-items:start;flex-direction:column}}@media(max-width:520px){.entry-grid{grid-template-columns:1fr}.entry{min-height:270px}.hero h1{font-size:40px}.searchbox button{padding:11px}.principles span{font-size:11px}.filters button{padding:8px 12px}}
@media print{.header,.edge,.filters,.searchbox,.quick,.overlayback,.close,.detail-actions,footer,.principles{display:none!important}.overlay{position:static}.detail{width:100%;box-shadow:none;height:auto;padding:0}.hero{display:none}.library{display:none}.promise,.safety{display:none}.detail .section{break-inside:avoid}}

.source-arabic{margin:14px 0 10px;background:#fff8ec;border:1px solid #e9dac2;border-radius:10px;padding:23px 25px;text-align:right;font:clamp(23px,2.7vw,34px)/2 Amiri,serif;color:#442038}