:root{--navy:#10233f;--gold:#a87526;--paper:#f7f8fb;--ink:#162238;--muted:#526176;--line:#dce2eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.75 Arial,"Segoe UI",sans-serif}a{color:#805314}a:focus-visible,button:focus-visible{outline:3px solid #d7a347;outline-offset:3px}.site-head{background:var(--navy);color:white;padding:1rem max(5%,calc((100% - 1120px)/2));display:flex;justify-content:space-between;align-items:center;gap:1rem}.brand{color:white;text-decoration:none;font-weight:bold;font-size:1.15rem}nav{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}nav a{color:#e4edfa;text-decoration:none}button{background:#fff;color:var(--navy);border:1px solid var(--line);border-radius:1.5rem;padding:.55rem 1rem;font:inherit;cursor:pointer}.wrap{max-width:1120px;margin:auto;padding:2.5rem 5%}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:1.25rem}.panel,.card,.reading{background:white;border:1px solid var(--line);border-radius:1.3rem;padding:2rem}.hero .panel{padding:2.8rem}.feature{background:linear-gradient(145deg,#10233f,#1d4264);color:white;border-radius:1.3rem;padding:2.5rem;display:flex;flex-direction:column;justify-content:end}.feature p{color:#dce8f5}.kicker{color:#8b601c;font-weight:bold;font-size:.875rem}.feature .kicker{color:#e0ae51}h1{font-size:clamp(2rem,5vw,4rem);line-height:1.15;margin:.8rem 0 1.2rem}h2{line-height:1.25;margin:1.6rem 0 .6rem}p{margin:.8rem 0} .lead{font-size:1.125rem;color:var(--muted)}.button{display:inline-block;background:var(--navy);color:white;padding:.65rem 1.25rem;border-radius:1.5rem;text-decoration:none;font-weight:bold;margin-top:.7rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card h3{line-height:1.35}.card p{color:var(--muted)}.section-title{margin:2.5rem 0 1rem}.meta{color:var(--muted);font-size:.875rem}.author-card{margin:1.25rem 0;padding:1.25rem 2rem;background:white;border:1px solid var(--line);border-radius:1.3rem}.author-card strong{display:block}.reading{max-width:820px;margin:auto;padding:clamp(1.4rem,5vw,3rem)}.reading h1{font-size:clamp(2rem,4vw,3rem)}.reading h2{margin-top:2rem}.reading p,.reading li{font-size:1.0625rem}.reading li{margin:.45rem 0}.example{background:#edf3f9;border-inline-start:4px solid #a87526;padding:1rem 1.3rem;border-radius:.4rem}.reading .meta{font-size:.875rem}.contact-box{background:#edf3f9;padding:1.3rem;border-radius:1rem;margin:1.5rem 0}.site-foot{max-width:1120px;margin:2rem auto 0;padding:1.5rem 5%;border-top:1px solid var(--line);color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem}.site-foot a{overflow-wrap:anywhere}.reading a,.card a{overflow-wrap:anywhere}html[lang=ar] .en-only,html[lang=en] .ar-only{display:none!important}@media(max-width:760px){.site-head{align-items:flex-start;flex-direction:column;padding:1rem 5%}nav{gap:.5rem 1rem}.wrap{padding:1.5rem 4%}.hero,.grid{grid-template-columns:1fr}.hero .panel,.feature,.reading,.card{padding:1.4rem}.feature{min-height:220px}.site-foot{padding:1.5rem 4%}h1{overflow-wrap:break-word}}@media(max-width:380px){.brand{font-size:1rem}nav{font-size:.9rem}}

.article-cards{margin:2rem 0 2.5rem;padding:1.25rem;background:#edf3f9;border-radius:1.1rem}.article-cards h2{margin:.2rem 0}.card-frame{background:#d8e1eb;display:grid;place-items:center;border-radius:.65rem;overflow:hidden}.card-page{width:100%;height:auto;max-width:600px;display:block}.card-page[hidden]{display:none!important}.card-controls{display:flex;justify-content:center;align-items:center;gap:1rem;margin:1rem 0;flex-wrap:wrap}.card-controls button{min-width:6rem}.card-controls button:disabled{opacity:.45;cursor:not-allowed}.card-download{margin-top:.2rem}.article-cards .meta{font-size:.95rem}@media(max-width:480px){.article-cards{margin-inline:-.4rem;padding:.75rem}.card-controls{gap:.5rem}.card-controls button{min-width:5rem;padding:.45rem .7rem}}