:root{--ink:#252820;--ink-deep:#111a15;--forest:#1b2c24;--forest-soft:#34493d;--paper:#f6f0e5;--paper-strong:#fffdf8;--canvas:#e8dfd0;--sand:#eee2ce;--gold:#a77735;--gold-bright:#d5b171;--line:#d9cdbb;--muted:#6e7168;--danger:#94463e;--shadow:0 22px 55px #1b2c241f;--serif:Georgia, "Times New Roman", serif;--arabic:"Noto Naskh Arabic", "Amiri", "Segoe UI", Tahoma, serif}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--gold-bright);outline-offset:3px}h1,h2,h3,p{margin-top:0}img{max-width:100%}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-shell{transition:filter .22s}.is-locked{-webkit-user-select:none;user-select:none}.eyebrow{color:var(--gold);letter-spacing:.16em;margin:0 0 10px;font-size:10px;font-weight:800}.app-header{z-index:12;color:#fbf5e9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#111a15f7;border-bottom:1px solid #d5b17138;justify-content:space-between;align-items:center;gap:28px;min-height:68px;padding:0 clamp(20px,5vw,76px);display:flex;position:sticky;top:0}.brand{color:inherit;font-family:var(--arabic);white-space:nowrap;font-size:18px;font-weight:700;line-height:1.3;text-decoration:none}.header-nav{align-items:center;gap:24px;display:flex}.header-nav a{color:#d4d8d2;letter-spacing:.04em;font-size:11px;font-weight:800;text-decoration:none}.header-nav a:hover{color:#fffaf0}.header-source-link{border-left:1px solid #ffffff2e;padding-left:23px}.header-source-link span{color:var(--gold-bright);margin-left:4px}.archive-hero{background:radial-gradient(circle at 8% 100%, #385446 0, var(--forest) 39%, var(--ink-deep) 100%);color:#fffaf0;min-height:470px;padding:clamp(58px,7vw,94px) clamp(24px,7vw,110px) clamp(64px,8vw,104px);position:relative;overflow:hidden}.archive-hero:before{content:"";border:1px solid #d5b17142;border-radius:50%;width:560px;height:560px;position:absolute;top:-340px;right:-280px}.archive-hero:after{content:"";border:1px solid #d5b17136;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-150px;left:-190px}.hero-copy,.source-card{z-index:1;position:relative}.hero-copy{text-align:center;max-width:1120px;margin:0 auto}.hero-copy .eyebrow{color:var(--gold-bright)}.hero-copy h1{color:#fffaf0;font-family:var(--arabic);letter-spacing:-.025em;text-align:center;white-space:nowrap;margin:0 0 22px;font-size:clamp(42px,5vw,68px);font-weight:600;line-height:1.2}.hero-lede{color:#d2dbd5;max-width:760px;font-family:var(--serif);margin:0 auto 29px;font-size:clamp(18px,2vw,22px);line-height:1.55}.hero-actions{flex-wrap:wrap;justify-content:center;gap:11px;display:flex}.hero-actions a{justify-content:center;align-items:center;min-height:50px;padding:0 19px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.primary-action{background:var(--gold-bright);color:#18241e}.primary-action:hover{background:#ead09b}.secondary-action{color:#fffaf0;border:1px solid #ffffff54}.secondary-action:hover{background:#ffffff0f;border-color:#fffaf0}.secondary-action span{color:var(--gold-bright);margin-left:6px}.source-card{background:var(--paper-strong);width:min(1080px,100%);color:var(--ink);border:1px solid #d5b1716b;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:8px 32px;margin:clamp(42px,5vw,60px) auto 0;padding:clamp(24px,3vw,32px);display:grid;box-shadow:0 18px 45px #00000029}.source-identity{border-right:1px solid var(--line);grid-row:1/3;align-items:center;gap:17px;padding-right:32px;display:flex}.source-identity img,.avatar-placeholder{background:var(--forest-soft);width:78px;height:78px;box-shadow:0 0 0 1px var(--line);color:#fff;font-family:var(--arabic);object-fit:cover;border:3px solid #fff;border-radius:50%;flex:0 0 78px;place-items:center;font-size:29px;display:grid}.source-identity>div{min-width:0}.source-identity .eyebrow{margin-bottom:7px;font-size:8px}.source-identity a{color:var(--forest);font-family:var(--arabic);font-size:clamp(21px,2.1vw,28px);font-weight:700;line-height:1.3;text-decoration:none}.source-identity a:hover{color:var(--gold)}.source-identity>div>p:last-child{color:var(--muted);margin:6px 0 0;font-size:11px}.source-credit{color:#555b52;margin:0 0 6px;font-size:14px;line-height:1.7}.source-disclosure{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:10px;font-weight:800}.workspace{max-width:1340px;min-height:520px;margin:0 auto;padding:50px 30px 88px}.search-section{margin-bottom:20px;scroll-margin-top:88px}.search-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.search-heading h2{font-family:var(--serif);letter-spacing:-.025em;margin:0;font-size:clamp(32px,3.4vw,44px);font-weight:400}.search-heading>p{color:var(--muted);margin:0 0 7px;font-size:12px}.search-heading>p strong{color:var(--ink);font-size:14px}.filter-bar{grid-template-columns:minmax(260px,1fr) 148px 148px minmax(188px,218px) 78px;align-items:stretch;gap:9px;display:grid}.search-box{border:1px solid var(--line);background:var(--paper-strong);align-items:center;gap:11px;min-height:62px;padding:0 8px 0 17px;display:flex;position:relative;box-shadow:0 5px 15px #2528200a}.search-icon{border:2px solid var(--gold);border-radius:50%;flex:0 0 15px;width:15px;height:15px}.search-icon:after{background:var(--gold);content:"";width:7px;height:2px;margin:11px 0 0 10px;display:block;transform:rotate(45deg)}.search-box input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:18px 0;font-size:15px}.clear-search{width:44px;height:44px;color:var(--muted);background:0 0;border:0;flex:0 0 44px;place-items:center;font-size:25px;display:grid}.clear-search:hover{color:var(--ink)}.filter-field{border:1px solid var(--line);background:var(--paper-strong);flex-direction:column;justify-content:center;gap:4px;min-width:0;min-height:62px;padding:8px 11px;display:flex}.filter-field>span{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.filter-field input,.filter-field select{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px;font-weight:700}.filter-field select{height:26px}.clear-filters{border:1px solid var(--forest);background:var(--forest);color:#fffaf0;min-height:62px;font-size:11px;font-weight:800}.clear-filters:not(:disabled):hover{background:var(--forest-soft)}.archive-range{color:var(--muted);margin:9px 0 0;font-size:10px}.summary-strip{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(4,1fr);gap:1px;margin:0 0 22px;display:grid}.summary-strip div{background:var(--paper);justify-content:space-between;align-items:baseline;gap:12px;min-width:0;padding:15px 17px;display:flex}.summary-strip span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.summary-strip strong{font-family:var(--serif);font-size:25px;font-weight:400}.notice{border-left:3px solid var(--gold);background:var(--sand);color:#5c5243;margin:0 0 22px;padding:12px 15px;font-size:13px;line-height:1.5}.results-region{transition:opacity .24s,filter .24s,transform .24s}.results-region.is-updating{opacity:.56;filter:saturate(.72);transform:translateY(2px)}.post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;animation:.34s both results-enter;display:grid}.post-card{border:1px solid var(--line);background:var(--paper-strong);flex-direction:column;min-width:0;transition:transform .18s,box-shadow .18s;animation:.34s backwards card-enter;display:flex;box-shadow:0 2px #25282008}.post-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.post-card:nth-child(2),.post-card:nth-child(5),.post-card:nth-child(8){animation-delay:35ms}.post-card:nth-child(3),.post-card:nth-child(6),.post-card:nth-child(9){animation-delay:70ms}.card-media{border:0;border-bottom:1px solid var(--line);text-align:left;background:#ddd7cb;width:100%;padding:0;display:block;overflow:hidden}.post-image,.empty-image{width:100%;height:210px;display:block}.post-image{object-fit:cover;transition:transform .3s}.post-card:hover .post-image{transform:scale(1.015)}.empty-image{color:var(--forest-soft);font-family:var(--serif);letter-spacing:.07em;text-align:center;background:linear-gradient(135deg,#ded9cd,#f2ecdf);place-items:center;font-size:17px;display:grid}.post-body{flex-direction:column;flex:1;min-height:240px;padding:19px;display:flex}.post-date{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;margin-bottom:9px;font-size:10px;font-weight:800}.post-content{-webkit-line-clamp:6;-webkit-box-orient:vertical;margin-bottom:16px;font-size:14px;line-height:1.72;display:-webkit-box;overflow:hidden}.post-footer{border-top:1px solid #ebe3d6;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:12px;display:flex}.post-footer>div{flex-wrap:wrap;gap:7px;display:flex}.metric{color:var(--muted);white-space:nowrap;font-size:10px}.metric strong{color:var(--ink);margin-right:3px;font-size:11px}.post-footer button{border:1px solid var(--forest);min-width:92px;min-height:48px;color:var(--forest);background:0 0;padding:0 12px;font-size:12px;font-weight:800}.post-footer button:hover{background:var(--forest);color:#fffaf0}.pagination{justify-content:center;align-items:center;gap:18px;padding-top:40px;display:flex}.pagination p{min-width:118px;color:var(--muted);text-align:center;margin:0;font-size:13px}.pagination p strong{color:var(--ink)}.pagination button{border:1px solid var(--forest);background:var(--forest);color:#fff;min-width:108px;min-height:48px;padding:0 16px;font-size:12px;font-weight:800}.pagination button:not(:disabled):hover{background:var(--forest-soft)}.empty-state,.error-state{border:1px solid var(--line);background:var(--paper-strong);text-align:center;justify-items:center;padding:65px 18px;display:grid}.empty-state strong,.error-state h2{color:var(--ink);font-family:var(--serif);margin:0;font-size:30px;font-weight:400}.empty-state p,.error-state p{max-width:520px;color:var(--muted);margin:10px 0 20px;font-size:14px;line-height:1.6}.empty-state button,.error-state button{background:var(--forest);color:#fff;border:0;min-height:48px;padding:0 20px;font-size:13px;font-weight:800}.error-state>span{width:42px;height:42px;color:var(--danger);font-family:var(--serif);border:1px solid #d7aaa4;border-radius:50%;place-items:center;margin-bottom:18px;font-size:23px;display:grid}.app-footer{background:var(--ink-deep);color:#bdc7c0;border-top:1px solid #32483c;justify-content:space-between;align-items:center;gap:22px;padding:25px clamp(20px,5vw,76px);display:flex}.app-footer p{margin:0;font-size:11px;line-height:1.6}.app-footer strong{color:#fff8ec;font-family:var(--arabic)}.app-footer a{color:var(--gold-bright);text-underline-offset:3px}.modal-backdrop{z-index:60;overscroll-behavior:contain;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a120ed6;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:hidden}.post-modal{overscroll-behavior:contain;border-top:4px solid var(--gold);background:var(--paper-strong);width:min(760px,100%);max-height:calc(100dvh - 48px);padding:clamp(30px,5vw,54px);position:relative;overflow-y:auto;box-shadow:0 28px 80px #0000006b}.close-button{z-index:2;background:var(--paper-strong);width:48px;height:48px;color:var(--ink);border:0;place-items:center;font-size:31px;line-height:1;display:grid;position:absolute;top:11px;right:12px}.close-button:hover{background:var(--sand)}.post-modal h2{font-family:var(--serif);margin-bottom:22px;font-size:clamp(35px,5vw,43px);font-weight:400}.modal-image{object-fit:contain;background:#eee8dc;width:100%;max-height:460px;margin-bottom:24px;display:block}.modal-content{white-space:pre-wrap;font-size:16px;line-height:1.85}.modal-metrics{border-top:1px solid var(--line);flex-wrap:wrap;gap:22px;margin:27px 0 20px;padding-top:20px;display:flex}.modal-metrics .metric{font-size:13px}.modal-metrics .metric strong{font-size:16px}.offline-note{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.loading-slot{opacity:0;grid-template-rows:0fr;margin-top:0;transition:grid-template-rows .26s,margin-top .26s,opacity .2s,transform .26s;display:grid;transform:translateY(-5px)}.loading-slot.is-visible{opacity:1;grid-template-rows:1fr;margin-top:10px;transform:translateY(0)}.loading-inline{min-height:0;overflow:hidden}.loading-inline-content{border:1px solid var(--line);border-left:4px solid var(--gold);background:linear-gradient(90deg, #fff8e9, var(--paper-strong));color:var(--ink);text-align:left;grid-template-columns:38px 1fr;align-items:center;gap:4px 13px;padding:13px 15px 11px;display:grid}.initial-loading{opacity:0;place-items:center;min-height:320px;transition:opacity .22s;display:grid}.initial-loading.is-visible{opacity:1}.initial-loading .loading-inline{width:min(620px,100%);overflow:visible}.loader{justify-content:center;align-items:center;gap:5px;height:24px;margin:0;display:flex}.loader i{background:var(--gold);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite bounce;display:block}.loader i:nth-child(2){animation-delay:.14s}.loader i:nth-child(3){animation-delay:.28s}.loading-inline-content .eyebrow{margin-bottom:3px;font-size:8px}.loading-inline-content>div:nth-child(2)>strong{font-family:var(--serif);margin-bottom:3px;font-size:19px;font-weight:400;display:block}.loading-inline-content>div:nth-child(2)>p:last-child{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.progress-track{background:#e6ddcd;grid-column:1/-1;height:3px;margin-top:6px;overflow:hidden}.progress-track span{background:var(--gold);width:38%;height:100%;animation:1.25s ease-in-out infinite progress-slide;display:block}@keyframes bounce{0%,80%,to{opacity:.45;transform:translateY(0)}40%{opacity:1;transform:translateY(-12px)}}@keyframes progress-slide{0%{transform:translate(-120%)}to{transform:translate(300%)}}@keyframes results-enter{0%{opacity:.25;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes card-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.source-card{grid-template-columns:1fr;gap:20px;width:min(760px,100%)}.source-identity{border-right:0;border-bottom:1px solid var(--line);grid-row:auto;padding:0 0 20px}}@media (max-width:940px){.filter-bar{grid-template-columns:minmax(260px,1fr) repeat(2,145px)}.sort-field{grid-column:1/3}.clear-filters{grid-column:3}}@media (max-width:900px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-strip{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.app-header{min-height:64px;padding:0 18px}.brand{max-width:none;font-size:clamp(13px,4.3vw,16px)}.header-nav{display:none}.archive-hero{min-height:0;padding:46px 18px 48px}.hero-copy h1{margin-bottom:18px;font-size:clamp(25px,8.3vw,40px);line-height:1.2}.hero-lede{margin-bottom:25px;font-size:18px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions a{width:100%}.source-card{margin-top:36px;padding:20px;box-shadow:0 12px 30px #00000026}.source-identity{align-items:flex-start;gap:14px}.source-identity img,.avatar-placeholder{flex-basis:61px;width:61px;height:61px}.source-identity a{font-size:20px}.source-credit{font-size:13px}.workspace{padding:37px 18px 62px}.search-section{scroll-margin-top:76px}.search-heading{flex-direction:column;align-items:flex-start;gap:8px}.search-heading>p{margin:0}.filter-bar{grid-template-columns:1fr 1fr}.search-box{grid-column:1/-1}.filter-field{min-height:58px}.sort-field{grid-column:1/-1}.clear-filters{grid-column:1/-1;min-height:50px}.summary-strip{grid-template-columns:repeat(2,1fr)}.summary-strip div{flex-direction:column;align-items:flex-start;gap:5px;padding:13px 14px}.summary-strip strong{font-size:23px}.post-grid{grid-template-columns:1fr;gap:16px}.post-image,.empty-image{height:220px}.post-body{min-height:225px;padding:17px}.post-content{font-size:15px}.post-footer{flex-direction:column;align-items:stretch;gap:10px}.post-footer button{width:100%;min-height:48px}.pagination{grid-template-columns:1fr 1fr;gap:10px;padding-top:29px;display:grid}.pagination p{grid-area:1/1/auto/-1;width:100%;min-width:0}.pagination button{width:100%;min-width:0}.app-footer{flex-direction:column;align-items:flex-start;gap:8px;padding:22px 18px}.modal-backdrop{padding:8px}.post-modal{width:100%;max-height:calc(100dvh - 16px);padding:35px 22px 26px}.modal-image{width:calc(100% + 8px);margin-left:-4px;margin-right:-4px}.loading-inline-content{grid-template-columns:30px 1fr;gap:4px 10px;padding:12px 11px 10px}.loading-inline-content>div:nth-child(2)>strong{font-size:17px}.initial-loading{min-height:250px}}@media (max-width:370px){.brand{font-size:13px}.source-identity{flex-direction:column}.post-image,.empty-image{height:190px}.modal-metrics{gap:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}