:root{--ink:#173f36;--green:#285a48;--gold:#aa8250;--paper:#faf8f2;--line:#e4e5dc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tajawal,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #b38c52;outline-offset:5px}.topline{background:#193f34;color:#ece9db;text-align:center;font-family:Amiri,serif;padding:7px 5%;font-size:14px}.topline span{float:left;font-family:Tajawal;font-size:12px;padding-top:4px}header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:22px 6%;border-bottom:1px solid var(--line);gap:24px}.logo{display:block;position:relative;width:205px;height:72px;overflow:hidden;background:#353333;border-radius:2px}.logo img{position:absolute;width:263px;max-width:none;top:-22px;left:-28px}nav{display:flex;gap:32px;font-size:15px}nav a{padding:14px 0}nav .active{border-bottom:2px solid var(--gold)}.search-toggle{border:0;background:none;color:var(--ink);font-size:24px}.search-toggle span{font-size:14px;margin-right:8px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:65px 6% 58px;align-items:center}.eyebrow{font-size:13px;letter-spacing:.3px;color:var(--gold);font-weight:700}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin-left:8px}h1,h2,blockquote{font-family:Amiri,Georgia,serif}h1{font-size:clamp(38px,4.1vw,65px);line-height:1.45;margin:19px 0 17px;font-weight:700}h1 em{font-style:normal;color:var(--gold)}.hero-copy p{font-size:18px;line-height:1.95;color:#6b756c;max-width:460px}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:28px}.button,.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--green);color:white;padding:16px 25px;border:1px solid var(--green);border-radius:3px;font-size:15px}.button:hover{background:#173e31}.button b{font-size:20px}.text-link{font-size:15px;font-weight:700}.hero-note{border-top:1px solid var(--line);margin-top:37px;padding-top:20px;font-size:13px;color:#6d786c;display:flex;gap:20px}.hero-note span{color:var(--gold)}.hero-art{height:470px;position:relative;overflow:hidden;border-radius:220px 220px 5px 5px;background:#29473a}.hero-art>img{width:100%;height:100%;object-fit:cover}.image-shade{position:absolute;inset:0;background:linear-gradient(0deg,#102e28ed,#102e2820)}.arch-line{position:absolute;inset:17px;border:1px solid #c1ad7370;border-radius:210px 210px 0 0}.art-label{position:absolute;top:80px;right:0;left:0;text-align:center;color:#dfc794;font-size:13px;letter-spacing:2px}blockquote{position:absolute;bottom:58px;right:0;left:0;text-align:center;color:#fff;font-size:35px;margin:0}blockquote small{display:block;font-family:Tajawal;font-size:12px;margin-top:14px;color:#d5d5be}.image-credit{position:absolute;bottom:29px;right:35px;color:#c0c8b8;font-size:11px}.topic-strip{border-block:1px solid var(--line);display:flex;justify-content:center;align-items:center;gap:40px;padding:23px 5%;font-size:15px}.topic-strip>span{font-size:12px;color:#7e8178}.topic-strip i{color:var(--gold);font-style:normal}.section{max-width:1440px;margin:auto;padding:70px 6%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}h2{font-size:38px;margin:10px 0 0;line-height:1.4}.small-note{font-size:13px;color:#84887b}.filterbar{display:flex;justify-content:space-between;align-items:center;margin:28px 0;gap:20px}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{border:0;color:#6d776c;background:none;padding:10px 16px;border-radius:3px;font-size:14px}.filters .selected{background:#e7ede5;color:var(--green);font-weight:700}.search{display:flex;align-items:center;border-bottom:1px solid #c4cbbc;padding:8px;gap:8px}.search input{background:none;border:0;outline:none;width:165px;color:var(--ink)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card{border-bottom:1px solid #d6dcce;padding-bottom:23px}.card-image{height:215px;overflow:hidden;position:relative;display:block;background:#e9e7db;border:0;width:100%;padding:0}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.card-image:hover img{transform:scale(1.045)}.card-image.paper img{object-position:top;filter:sepia(.16)}.card-image .category{position:absolute;bottom:15px;right:15px;background:var(--paper);padding:7px 12px;font-size:12px;color:var(--ink)}.card h3{font-family:Amiri;font-size:25px;margin:17px 0 8px;line-height:1.45}.card p{color:#7a8174;font-size:14px;line-height:1.8;margin:0 0 20px}.card-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#82897b}.card-bottom button{background:none;border:0;color:var(--green);font-weight:700}.issue-section{background:#eaf0e7;display:grid;grid-template-columns:1fr 1.2fr;gap:90px;align-items:center;padding:65px max(6%,calc((100vw - 1265px)/2));position:relative}.issue-visual{position:relative;display:flex;justify-content:center}.cover-frame{width:235px;transform:rotate(5deg);box-shadow:18px 25px 30px #18362a30}.cover-frame img{width:100%;display:block}.issue-stamp{position:absolute;bottom:16px;left:12%;width:85px;height:85px;background:var(--green);color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;border:5px solid #eaf0e7;font-size:12px;transform:rotate(-10deg)}.issue-stamp b{font-size:21px;margin-top:5px}.issue-copy h2{font-size:43px}.issue-copy p{color:#687868;font-size:16px;line-height:1.9;max-width:510px}.issue-meta{border-top:1px solid #d0dbcb;border-bottom:1px solid #d0dbcb;padding:18px 0;display:flex;gap:18px;flex-wrap:wrap;font-size:13px}.issue-meta strong{font-size:16px}.outline-button{background:transparent;color:var(--ink)}.issue-copy small{display:block;font-size:12px;color:#7d8978;margin-top:18px}.about{display:flex;align-items:center;gap:45px}.ornament{font-size:90px;color:var(--gold)}.about div{max-width:620px}.about p{font-size:16px;line-height:1.9;color:#768070}.about .text-link{margin-right:auto;white-space:nowrap}footer{background:#173c32;color:#e5e9dc;padding:40px 6%;display:flex;align-items:center;gap:35px;font-size:13px}footer strong{font-family:Amiri;font-size:28px}footer p{font-size:12px;color:#aabdaa}footer>span{margin-right:auto;font-size:11px}dialog{border:0;padding:0;background:#edece7;color:var(--ink);width:100vw;max-width:none;height:100dvh;max-height:none;margin:0}dialog::backdrop{background:#102e28dd}.reader-head{display:flex;justify-content:space-between;padding:16px 25px;background:var(--ink);color:white;align-items:center;gap:15px}.reader-head small{font-weight:400;margin-right:12px}.reader-head>div{display:flex;align-items:center;gap:25px;font-size:13px}.reader-head button{background:none;color:white;border:0;font-size:22px}.reader-tools{display:flex;justify-content:center;align-items:center;gap:20px;padding:13px;background:#fff;flex-wrap:wrap}.reader-tools button{background:#eaf0e7;border:0;border-radius:3px;padding:8px 12px;color:var(--ink)}.reader-tools input{width:58px;padding:5px;text-align:center}.page-area{height:calc(100dvh - 132px);overflow:auto;text-align:center;padding:24px}.page-area img{width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 2px 15px #0002}.page-area img.zoom{max-height:none;width:1100px;max-width:none}body:has(dialog[open]){overflow:hidden}@media(min-width:1500px){.hero{gap:100px}}@media(max-width:900px){header{padding:18px 5%;flex-wrap:wrap}nav{gap:20px}.search-toggle{display:none}.hero{gap:30px;padding:45px 5%}.hero-art{height:400px}h1{font-size:44px}.topic-strip{gap:20px;flex-wrap:wrap}.cards{gap:18px}.section{padding:50px 5%}.small-note{display:none}.issue-section{gap:35px;padding:50px 5%}.about{gap:25px;flex-wrap:wrap}.about .text-link{margin-right:0}footer{flex-wrap:wrap}.filterbar{flex-wrap:wrap}}@media(max-width:600px){.topline span{display:none}header{justify-content:center;gap:12px}.logo{width:180px;height:64px}.logo img{width:230px;left:-24px;top:-19px}nav{font-size:13px;width:100%;justify-content:center}.hero{grid-template-columns:1fr;padding-top:35px;gap:32px}.hero-copy{text-align:center}h1{font-size:43px}.hero-copy p{font-size:16px}.actions,.hero-note{justify-content:center}.hero-art{height:340px;max-width:400px;width:100%;margin:auto}.art-label{top:60px}blockquote{font-size:30px}.topic-strip{gap:15px;font-size:13px}.topic-strip>span{width:100%;text-align:center}.cards{grid-template-columns:1fr}.card-image{height:240px}.filters button{font-size:12px;padding:9px 11px}h2{font-size:32px}.search{width:100%}.search input{width:100%}.issue-section{grid-template-columns:1fr;text-align:center;gap:35px}.issue-meta{justify-content:center}.issue-copy h2{font-size:36px}.cover-frame{width:200px}.issue-stamp{left:19%}.about{display:block;text-align:center}.ornament{font-size:60px}.about .text-link{display:block;margin-top:25px}footer{justify-content:center;text-align:center;gap:20px}footer>div,footer>span{width:100%;margin:0}.reader-head{padding:12px;font-size:12px}.reader-head small{display:none}.reader-head>div{gap:14px;font-size:11px}.reader-tools{gap:10px;font-size:12px}.page-area{padding:10px}}

/* Transparent masthead, naturally fitted at every viewport. */
header .logo{width:245px;height:auto;overflow:visible;background:transparent;border-radius:0}header .logo img{display:block;position:static;width:100%;height:auto;max-width:100%;object-fit:contain}header .brand{flex-shrink:0}@media(max-width:600px){header .logo{width:230px}}
/* Shared Islamic editorial icon system */
.icon{width:21px;height:21px;display:inline-block;vertical-align:middle;flex-shrink:0;color:currentColor}.text-link,.read-article{display:inline-flex;gap:10px;align-items:center}.search-toggle{display:flex;gap:8px;align-items:center}.search-toggle .icon{width:24px;height:24px}.hero-note .icon,.topic-strip i .icon{width:15px;height:15px}.topic-strip a{display:inline-flex;gap:9px;align-items:center}.topic-strip a .icon{color:var(--gold);width:20px;height:20px}.ornament>.icon{width:95px;height:95px}.card-image{color:inherit}.card-image img{object-fit:cover}.read-article{font-weight:700;color:var(--green);font-size:13px}.reader-head a,.reader-tools button{display:inline-flex;align-items:center;gap:8px}.reader-tools button .icon{width:17px;height:17px}.reader-tools button:disabled{opacity:.4;cursor:default}.hero-art:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cpath d='M40 0 52 28 80 40 52 52 40 80 28 52 0 40 28 28Z' fill='none' stroke='%23ddc798' stroke-width='.5'/%3E%3C/svg%3E")}.hero-art blockquote,.hero-art .art-label{z-index:1}@media(max-width:900px){header .search-toggle{display:none}}@media(max-width:600px){.topic-strip{gap:12px}.topic-strip i{display:none}.topic-strip a{font-size:12px;gap:5px}.topic-strip a .icon{width:16px;height:16px}.ornament>.icon{width:65px;height:65px}}
.archive-section{border-bottom:1px solid var(--line)}.issue-sort{font-size:13px;color:#6d7a64;display:flex;gap:12px;align-items:center}.issue-sort select{background:transparent;border:1px solid #d5ddce;padding:10px 14px;color:var(--ink);font:inherit;border-radius:3px}.archive-section .search input{width:240px}.archive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:25px}.archive-card{display:flex;border:1px solid var(--line);background:#f5f6ed;gap:25px;padding:25px;align-items:center}.archive-cover{padding:0;border:0;background:none;flex-shrink:0;width:130px;box-shadow:5px 8px 14px #18362a20}.archive-cover img{width:100%;display:block}.archive-card h3{font-family:Amiri;font-size:28px;margin:12px 0}.archive-card p{font-size:14px;color:#76816c}.archive-card small{font-size:12px;color:#89917d}.newest-tag{display:inline-block;font-size:10px;color:var(--green);background:#e5eddd;padding:6px 10px;border-radius:2px}.archive-actions{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap;font-size:12px;align-items:center}.archive-actions a,.archive-actions button{display:inline-flex;gap:6px;align-items:center}.archive-actions button{padding:0;border:0;background:none;color:var(--green);font-weight:700}.archive-actions .icon{width:17px;height:17px}.page-area iframe{width:100%;height:100%;border:0;min-height:500px}.page-area [hidden]{display:none!important}@media(max-width:600px){.archive-card{padding:20px 15px;gap:18px}.archive-cover{width:95px}.archive-card h3{font-size:24px}.archive-actions{gap:12px;font-size:11px}.archive-section .filterbar{align-items:stretch}.issue-sort{justify-content:space-between}.archive-section .search input{width:100%}}

/* Lead the homepage with the latest available issue. */
main>.issue-section:first-child{padding-top:50px;padding-bottom:50px}main>.issue-section:first-child h1{font-size:clamp(38px,4vw,56px);line-height:1.4;margin:15px 0 20px}main>.issue-section:first-child .cover-frame{width:265px}.hero-copy h2{font-size:clamp(38px,4.1vw,65px);line-height:1.45;margin:19px 0 17px}.hero-copy h2 em{font-style:normal;color:var(--gold)}@media(max-width:600px){main>.issue-section:first-child{padding-top:32px;padding-bottom:35px;gap:25px}main>.issue-section:first-child .cover-frame{width:190px}.hero-copy h2{font-size:43px}}

#publish-request{width:min(34rem,calc(100% - 2rem));max-height:90dvh;overflow:auto;border:1px solid #d7ded4;border-radius:14px;padding:clamp(1rem,4vw,2rem);background:#fbfaf5;color:#213b32}
#publish-request::backdrop{background:#132a23a8}
#publish-request-form{display:grid;gap:.85rem}
.request-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.request-heading h2{margin:0}
.request-heading button{border:1px solid #d7ded4;border-radius:6px;background:transparent;color:inherit;font-size:1.4rem;padding:0 .6rem;cursor:pointer}
#publish-request label{display:grid;gap:.3rem;min-width:0}
#publish-request :is(input,select,textarea){box-sizing:border-box;width:100%;padding:.65rem;border:1px solid #abb8ae;border-radius:6px;background:white;color:inherit;font:inherit}
.request-phone{display:grid;grid-template-columns:minmax(7.5rem,1fr) minmax(0,1.4fr);gap:.7rem}
.request-note,#publish-request-error{margin:0;font-size:.9rem}
#publish-request-error{color:#a22d24}
#publish-request-error:empty{display:none}