@import "https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Lato:wght@300;400&display=swap";:root{--ink:#1a1612;--parchment:#f7f3ec;--warm-white:#fdfaf5;--gold:#b8860b;--gold-light:#d4a017;--muted:#8a7d6b;--border:#ddd5c4;--accent-bg:#f0e9dc}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--warm-white);color:var(--ink);min-height:100vh;font-family:Lato,sans-serif;font-weight:300}header{background-color:var(--ink);color:var(--parchment);text-align:center;padding:3rem 2rem 2.5rem;position:relative;overflow:hidden}header:before{content:"";background:repeating-linear-gradient(0deg,#0000,#0000 39px,#b8860b12 39px 40px);position:absolute;inset:0}.header-ornament{color:var(--gold);letter-spacing:.3em;opacity:.85;margin-bottom:1rem;font-family:Amiri,serif;font-size:1.1rem}header h1{letter-spacing:.12em;font-family:Cormorant Garamond,serif;font-size:clamp(2.8rem,6vw,4.5rem);font-weight:300;line-height:1;position:relative}header h1 span{color:var(--gold-light)}header p.subtitle{color:#f7f3ec8c;letter-spacing:.05em;margin-top:.75rem;font-family:Cormorant Garamond,serif;font-size:1.1rem;font-style:italic;position:relative}.header-line{background:var(--gold);width:60px;height:1px;margin:1.5rem auto 0;position:relative}nav{background:var(--parchment);border-bottom:1px solid var(--border);z-index:100;padding:0 2rem;position:sticky;top:0}nav ul{flex-wrap:wrap;justify-content:center;gap:0;max-width:900px;margin:0 auto;list-style:none;display:flex}nav ul li a,nav ul li button{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:1rem 1.5rem;font-family:Lato,sans-serif;font-size:.78rem;font-weight:400;text-decoration:none;transition:color .2s,border-bottom-color .2s;display:block}nav ul li a:hover,nav ul li a.active,nav ul li button:hover,nav ul li button.active{color:var(--ink);border-bottom-color:var(--gold)}header.clickable{cursor:pointer}header.clickable:hover:before{background:repeating-linear-gradient(0deg,#0000,#0000 39px,#b8860b21 39px 40px)}.global-search{background:var(--accent-bg);border-bottom:1px solid var(--border);justify-content:center;padding:1.25rem 2rem;display:flex}.search-wrap{width:100%;max-width:500px;position:relative}.search-wrap input{border:1px solid var(--border);background:var(--warm-white);width:100%;color:var(--ink);border-radius:2px;outline:none;padding:.75rem 1rem .75rem 2.75rem;font-family:Lato,sans-serif;font-size:.85rem;font-weight:300;transition:border-color .2s}.search-wrap input::placeholder{color:var(--muted)}.search-wrap input:focus{border-color:var(--gold)}.search-wrap svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}main{max-width:1100px;margin:0 auto;padding:3rem 2rem}.home-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5px;margin-top:1rem;animation:.5s forwards fadeUp;display:grid}.cat-card{background:var(--warm-white);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 2rem;transition:background .2s;display:flex;position:relative;overflow:hidden}.cat-card:hover{background:var(--accent-bg)}.cat-card:after{content:"";background:var(--gold);width:3px;height:0;transition:height .3s;position:absolute;top:0;left:0}.cat-card:hover:after{height:100%}.cat-card-arabic{color:var(--gold);direction:rtl;font-family:Amiri,serif;font-size:2rem;line-height:1}.cat-card-title{letter-spacing:.05em;color:var(--ink);font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:600}.cat-card-count{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.back-btn{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:1px solid #0000;align-items:center;gap:.4rem;margin-bottom:2rem;padding:.5rem 0;font-family:Lato,sans-serif;font-size:.78rem;transition:color .2s,border-bottom-color .2s;display:inline-flex}.back-btn:hover{color:var(--ink);border-bottom-color:var(--gold)}.category-section{opacity:0;margin-bottom:5rem;animation:.6s forwards fadeUp;transform:translateY(20px)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.category-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.category-title-group{align-items:baseline;gap:1rem;display:flex}.category-title{letter-spacing:.04em;color:var(--ink);font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:600}.category-arabic{color:var(--gold);direction:rtl;font-family:Amiri,serif;font-size:1.3rem}.category-count{letter-spacing:.1em;color:var(--muted);text-transform:uppercase;font-size:.75rem}.cat-search-wrap{width:220px;position:relative}.cat-search-wrap input{border:1px solid var(--border);background:var(--warm-white);width:100%;color:var(--ink);border-radius:2px;outline:none;padding:.5rem .75rem .5rem 2.2rem;font-family:Lato,sans-serif;font-size:.8rem;font-weight:300;transition:border-color .2s}.cat-search-wrap input::placeholder{color:var(--muted)}.cat-search-wrap input:focus{border-color:var(--gold)}.cat-search-wrap svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:.6rem;transform:translateY(-50%)}.articles-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5px;display:grid}.article-card{background:var(--warm-white);cursor:pointer;padding:1.75rem;transition:background .2s;position:relative}.article-card:hover{background:var(--accent-bg)}.article-card:after{content:"";background:var(--gold);width:2px;height:0;transition:height .25s;position:absolute;top:0;left:0}.article-card:hover:after{height:100%}.article-tag{letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:.6rem;font-size:.65rem;display:inline-block}.article-title{color:var(--ink);margin-bottom:.6rem;font-family:Cormorant Garamond,serif;font-size:1.2rem;font-weight:600;line-height:1.35}.article-excerpt{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.82rem;font-weight:300;line-height:1.7;display:-webkit-box;overflow:hidden}.article-meta{letter-spacing:.08em;color:#b8a898;margin-top:1rem;font-size:.72rem}.no-results{text-align:center;color:var(--muted);background:var(--warm-white);padding:2rem;font-family:Cormorant Garamond,serif;font-size:1rem;font-style:italic}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1a1612bf;justify-content:center;align-items:flex-start;padding:3vh 1rem;display:none;position:fixed;inset:0;overflow-y:auto}.modal-overlay.open{display:flex}.modal{background:var(--warm-white);flex-direction:column;width:100%;max-width:700px;max-height:94vh;animation:.3s modalIn;display:flex;position:relative}@keyframes modalIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-top{background:var(--ink);color:var(--parchment);flex-shrink:0;padding:2rem 2.5rem;position:relative}.modal-cat{letter-spacing:.2em;text-transform:uppercase;color:var(--gold-light);margin-bottom:.6rem;font-size:.7rem}.modal-title{font-family:Cormorant Garamond,serif;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:300;line-height:1.25}.modal-close{color:var(--parchment);cursor:pointer;background:0 0;border:1px solid #f7f3ec33;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:background .2s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.modal-close:hover{background:#b8860b4d}.modal-body{color:var(--ink);padding:2.5rem;font-family:Cormorant Garamond,serif;font-size:1.1rem;font-weight:400;line-height:1.9;overflow-y:auto}.modal-body p{margin-bottom:1.2em}footer{border-top:1px solid var(--border);text-align:center;letter-spacing:.1em;color:var(--muted);padding:2rem;font-size:.75rem}footer .ornament{color:var(--gold);margin-bottom:.5rem;font-family:Amiri,serif;font-size:1.2rem;display:block}.add-btn{border:1px solid var(--gold);color:var(--gold);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;align-items:center;gap:.5rem;padding:.5rem 1.1rem;font-family:Lato,sans-serif;font-size:.75rem;transition:background .2s,color .2s;display:inline-flex}.add-btn:hover{background:var(--gold);color:var(--warm-white)}.add-form{background:var(--accent-bg);border:1px solid var(--border);margin-bottom:1.5px;padding:2rem;display:none}.add-form.open{display:block}.add-form h3{color:var(--ink);letter-spacing:.05em;margin-bottom:1.25rem;font-family:Cormorant Garamond,serif;font-size:1.1rem;font-weight:400}.form-row{margin-bottom:1rem}.form-row label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem;font-size:.72rem;display:block}.form-row input,.form-row textarea{border:1px solid var(--border);background:var(--warm-white);width:100%;color:var(--ink);resize:vertical;border-radius:2px;outline:none;padding:.65rem .85rem;font-family:Lato,sans-serif;font-size:.85rem;font-weight:300;transition:border-color .2s}.form-row input:focus,.form-row textarea:focus{border-color:var(--gold)}.form-actions{gap:.75rem;margin-top:1.25rem;display:flex}.btn-submit{background:var(--ink);color:var(--parchment);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:none;padding:.6rem 1.5rem;font-family:Lato,sans-serif;font-size:.78rem;transition:background .2s}.btn-submit:hover{background:var(--gold)}.btn-cancel{color:var(--muted);border:1px solid var(--border);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;padding:.6rem 1.5rem;font-family:Lato,sans-serif;font-size:.78rem}.article-loading{color:var(--muted);margin-top:2rem;font-size:.9rem}.article-body-tag{background:var(--gold);color:#fff;letter-spacing:.14em;text-transform:uppercase;border-radius:2px;margin-bottom:1.5rem;padding:.25rem .75rem;font-family:Lato,sans-serif;font-size:.7rem;display:inline-block}.article-body{max-width:720px;animation:.5s forwards fadeUp}.article-body h1{color:var(--ink);margin:0 0 1.5rem;font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:600;line-height:1.3}.article-body h2{color:var(--ink);border-bottom:1px solid var(--border);margin:2.5rem 0 .75rem;padding-bottom:.4rem;font-family:Cormorant Garamond,serif;font-size:1.35rem;font-weight:600}.article-body p{color:var(--ink);margin:0 0 1.25rem;font-family:Lora,serif;font-size:1.05rem;line-height:1.85}@media (width<=600px){.category-header{flex-direction:column}.cat-search-wrap{width:100%}.articles-grid,.home-grid{grid-template-columns:1fr}nav ul li a,nav ul li button{padding:.75rem .85rem;font-size:.72rem}}