:root{--turquoise:#68b9b0;--turquoise-dark:#2e7772;--turquoise-deep:#245b58;--stone:#f3eee4;--stone-light:#eee8dc;--paper:#fffdf8;--paper-warm:#f7f1e7;--ink:#243331;--muted:#687572;--gold:#b89a5b;--gold-light:#d8c58e;--line:#ddd4c5;--shadow:0 12px 32px rgba(52,39,23,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding-bottom:118px;background:var(--stone-light);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.8}.container{width:min(1120px,calc(100% - 32px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:30;background:var(--turquoise);border-bottom:3px solid var(--gold)}.header-inner{min-height:94px;display:flex;align-items:center;gap:14px}.brand{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#fff;margin-inline:auto;text-align:center}.brand-logo{width:76px;height:58px;object-fit:contain;display:block;margin-bottom:2px;filter:drop-shadow(0 3px 5px rgba(36,51,49,.18))}.brand-title{font-family:Georgia,"Times New Roman",serif;font-size:1.55rem;font-weight:800;letter-spacing:.01em;line-height:1.2}.brand-subtitle{font-size:.74rem;color:#f4ffff;line-height:1.3}.menu-button,.write-button{border:1px solid rgba(255,255,255,.58);background:rgba(255,255,255,.12);color:#fff;border-radius:12px;padding:9px 13px;font:inherit;cursor:pointer}.write-button{text-decoration:none;font-size:.9rem}.hero{padding:82px 0 60px;max-width:920px;text-align:center}.hero:before{content:"◆  ◇  ◆  ◇  ◆";display:block;color:var(--gold);font-size:.78rem;letter-spacing:.3em;margin-bottom:18px}.eyebrow{color:var(--turquoise-dark);font-weight:800;font-size:.82rem;letter-spacing:.04em;margin:0 0 8px}.hero h1{font-family:Georgia,"Times New Roman",serif;color:var(--turquoise-deep);font-size:clamp(2.1rem,6vw,4.4rem);line-height:1.25;margin:0 0 22px}.hero-text{max-width:720px;margin:0 auto 28px;color:var(--muted);font-size:1.08rem}.hero-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.primary,.secondary{display:inline-block;padding:11px 18px;border-radius:12px;text-decoration:none;font-weight:800}.primary{background:var(--turquoise-dark);color:#fff;box-shadow:0 7px 18px rgba(46,119,114,.16)}.secondary{border:1px solid var(--gold);background:var(--paper);color:var(--turquoise-deep)}section{scroll-margin-top:110px}.quick-search{padding-bottom:36px}.search-box{background:var(--paper);border:1px solid var(--gold);border-radius:18px;padding:20px;box-shadow:0 8px 24px rgba(52,39,23,.06)}.search-box label{display:block;font-weight:800;margin-bottom:8px;color:var(--turquoise-deep)}.search-row{display:flex;gap:8px}.search-row input,.search-form input,.search-form textarea{width:100%;border:1px solid var(--line);background:#fffdf8;padding:12px 14px;border-radius:10px;font:inherit;color:var(--ink)}.search-row button,.search-form button{border:0;border-radius:10px;background:var(--turquoise-dark);color:#fff;padding:0 20px;font:inherit;font-weight:800;cursor:pointer}.intro,.library{display:grid;grid-template-columns:1fr 1.5fr;gap:42px;padding:62px 0;border-top:1px solid var(--line)}h2{font-family:Georgia,"Times New Roman",serif;color:var(--turquoise-deep);font-size:clamp(1.65rem,4vw,2.6rem);line-height:1.3;margin:.1rem 0}p{max-width:78ch}.intro p:last-child,.library p:last-child{color:var(--muted);font-size:1.03rem}.sections,.featured{padding:68px 0}.section-heading{margin-bottom:26px}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{position:relative;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px;text-decoration:none;color:var(--ink);min-height:190px;box-shadow:0 4px 18px rgba(52,39,23,.05);transition:transform .2s,box-shadow .2s,border-color .2s}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--turquoise)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--gold)}.card span,.tag{font-size:.75rem;color:#98782f;font-weight:800}.card h3{margin:12px 0 5px;font-family:Georgia,"Times New Roman",serif;color:var(--turquoise-deep);font-size:1.2rem}.card p{margin:0;color:var(--muted);font-size:.9rem}.featured-card,.content-panel{background:var(--paper);border:1px solid var(--gold);border-radius:22px;padding:30px;box-shadow:0 8px 24px rgba(52,39,23,.06)}.featured-card{display:flex;align-items:center;justify-content:space-between;gap:24px}.featured-card h3{font-family:Georgia,"Times New Roman",serif;color:var(--turquoise-deep);font-size:1.7rem;margin:8px 0}.featured-card p{color:var(--muted);margin-bottom:0}.reader{padding:30px 0 70px}.reader-box{background:linear-gradient(135deg,var(--turquoise-dark),var(--turquoise));color:#fff;border:1px solid var(--gold);border-radius:22px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:var(--shadow)}.reader-box p:not(.eyebrow){color:#f2ffff;margin-bottom:0}.reader-box .eyebrow{color:#fff4cc}.library{padding-bottom:100px}.article-source{display:flex;align-items:center;gap:8px;margin:0 0 22px;padding:10px 12px;background:var(--paper-warm);border:1px solid var(--line);border-radius:12px;font-size:.88rem}.article-source-label{font-weight:800;color:var(--muted)}.article-source a{display:inline-flex;align-items:center;gap:7px;color:var(--turquoise-dark);font-weight:800;text-decoration:none}.source-platform-icon{width:27px;height:27px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:var(--turquoise-dark);color:#fff;font-size:.82rem;font-weight:900}.source-facebook{background:#1877f2}.source-x{background:#111}.source-telegram{background:#229ed9}.source-youtube{background:#f00}.source-instagram{background:#c13584}.source-tiktok{background:#111}.source-whatsapp{background:#25d366}.article-share{margin-top:32px;padding:20px 0 0;border-top:1px solid var(--line)}.article-share-title,.engagement-title{font-weight:800;color:var(--turquoise-deep);margin-bottom:10px}.article-share-actions{display:flex;flex-wrap:wrap;gap:8px}.article-share-actions button,.article-engagement button{border:1px solid var(--line);background:var(--paper-warm);color:var(--ink);border-radius:10px;padding:9px 12px;font:inherit;font-size:.88rem;font-weight:700;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.article-share-actions button:hover,.article-engagement button:hover{background:var(--stone);border-color:var(--gold);transform:translateY(-1px)}.article-share-actions .share-main{background:var(--turquoise-dark);border-color:var(--turquoise-dark);color:#fff}.share-status{min-height:1.6em;margin:8px 0 0;color:var(--turquoise-dark);font-size:.82rem}.article-engagement{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.engagement-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.engagement-actions span{color:var(--muted);font-size:.9rem;padding:9px 4px}.comment-box{margin-top:14px;padding:14px;background:var(--paper-warm);border:1px solid var(--line);border-radius:12px}.comment-box textarea{width:100%;min-height:90px;resize:vertical;border:1px solid var(--line);border-radius:10px;padding:10px;font:inherit;background:var(--paper)}.comment-box button{margin-top:8px;background:var(--turquoise-dark);color:#fff}.comments-list{display:grid;gap:8px;margin-top:12px}.comment-item{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:9px 12px}.comment-item p{margin:3px 0 0;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}.engagement-note{font-size:.75rem;color:var(--muted);margin:8px 0 0}.fixed-ad{position:fixed;right:12px;bottom:12px;z-index:20;width:min(280px,calc(100vw - 24px));min-height:100px;display:flex;align-items:center;justify-content:center;padding:10px;background:rgba(255,253,248,.98);border:1px solid var(--gold);border-radius:12px;color:var(--turquoise-dark);font-size:.74rem;box-shadow:var(--shadow);text-align:center}.fixed-ad::before{content:"إعلان";font-size:.68rem;color:var(--muted);position:absolute;top:6px;right:10px}footer{background:var(--turquoise-dark);color:#eaf4f2;padding:35px 0;border-top:2px solid var(--gold)}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer-inner p{margin:4px 0 0;color:#c9e2df;font-size:.85rem}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a{color:#eaf7f5;text-decoration:none;font-size:.85rem}.drawer{position:fixed;inset:0 auto 0 0;width:min(330px,88vw);background:var(--paper);z-index:50;transform:translateX(-105%);transition:transform .25s;padding:90px 24px 24px;box-shadow:var(--shadow);border-right:3px solid var(--gold)}.drawer.open{transform:translateX(0)}.drawer nav{display:grid;gap:8px}.drawer a{padding:11px 12px;border-radius:10px;color:var(--ink);text-decoration:none}.drawer a:hover{background:var(--stone);color:var(--turquoise-deep)}.backdrop{display:none;position:fixed;inset:0;background:rgba(36,51,49,.28);z-index:40}.backdrop.open{display:block}.page-hero{padding:62px 0 30px}.page-hero h1{font-family:Georgia,"Times New Roman",serif;color:var(--turquoise-deep);font-size:clamp(2rem,5vw,3.6rem);line-height:1.25;margin:.2rem 0 12px}.page-hero p{color:var(--muted);font-size:1.05rem}.content-panel{margin:20px auto 70px;max-width:900px}.content-panel h2{margin-top:30px}.content-panel h2:first-child{margin-top:0}.content-panel p{color:#43514e}.content-panel li{margin:7px 0}.breadcrumbs{font-size:.82rem;color:var(--muted)}.search-form{display:grid;gap:12px}.search-results{display:grid;gap:12px;margin-top:20px}.result{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px}.result h3{margin:0 0 5px;font-family:Georgia,"Times New Roman",serif;color:var(--turquoise-deep)}.result p{margin:0;color:var(--muted)}.note{border-right:4px solid var(--gold);padding:12px 16px;background:var(--paper-warm);border-radius:8px}.muted{color:var(--muted)}@media(max-width:800px){.card-grid{grid-template-columns:repeat(2,1fr)}.intro,.library{grid-template-columns:1fr;gap:15px}.reader-box,.featured-card{display:block}}@media(max-width:520px){.container{width:min(100% - 24px,1120px)}.header-inner{min-height:88px}.brand-logo{width:66px;height:50px}.brand-title{font-size:1.35rem}.brand-subtitle{font-size:.68rem}.write-button{font-size:.78rem;padding:7px 9px}.hero{padding:60px 0 45px}.hero h1{font-size:2.15rem}.card-grid{grid-template-columns:1fr}.card{min-height:auto}.article-share-actions{display:grid;grid-template-columns:repeat(2,1fr)}.article-share-actions .share-main,.article-share-actions button:last-child{grid-column:1/-1}.article-share-actions button{width:100%}.engagement-actions{display:grid;grid-template-columns:1fr 1fr}.engagement-actions span{grid-column:1/-1;text-align:center}.fixed-ad{right:10px;bottom:10px;width:min(280px,calc(100vw - 20px));min-height:100px}.footer-inner{display:block}.footer-links{margin-top:20px}.search-row{display:grid;grid-template-columns:1fr}.search-row button{padding:10px}.content-panel{padding:22px 18px}}