@import "https://fonts.googleapis.com/css2?family=Alkalami&family=Alexandria&family=Almarai&family=Amiri&family=Amiri+Quran&family=Aref+Ruqaa&family=Aref+Ruqaa+Ink&family=Baloo+Bhaijaan+2&family=Cairo:wght@400;500;600;700;800&family=Changa&family=Cormorant+Garamond:wght@600;700&family=El+Messiri&family=Fustat&family=Gulzar&family=Harmattan&family=IBM+Plex+Sans+Arabic&family=Katibeh&family=Lalezar&family=Lateef&family=Lemonada&family=Mada&family=Marhey&family=Markazi+Text&family=Mirza&family=Noto+Kufi+Arabic&family=Noto+Naskh+Arabic&family=Noto+Nastaliq+Urdu&family=Noto+Sans+Arabic&family=Noto+Serif+Arabic&family=Qahiri&family=Rakkas&family=Readex+Pro&family=Reem+Kufi&family=Reem+Kufi+Fun&family=Reem+Kufi+Ink&family=Ruwudu&family=Scheherazade+New&family=Tajawal&family=Vazirmatn&family=Zain&display=swap";
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css";
:root{--bg:#080c0f;--bg-soft:#0c1114;--panel:#101416;--panel-2:#141819;--gold:#d8a43b;--gold-light:#f1c763;--gold-deep:#8b641c;--line:#d8a43b6b;--text:#f7f1e5;--muted:#b7b2aa;--edge-space:clamp(12px, 2.2vw, 64px);--layout-gap:clamp(10px, 1vw, 26px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;background:var(--bg);overflow-x:hidden}body{overflow-anchor:none;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Cairo,Tahoma,sans-serif;overflow-x:hidden}.story-site{font-variant-numeric:lining-nums tabular-nums}html.light-theme,html.light-theme body{color:#241c13;background:#f4eee4}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{image-rendering:auto;max-width:100%;display:block}.story-site{min-height:100vh;color:var(--text);background:radial-gradient(circle at 14% 18%,#d8a43b0a,#0000 24%),radial-gradient(circle at 88% 45%,#d8a43b09,#0000 22%),linear-gradient(135deg,#070b0d,#0a0f12 56%,#070b0d);transition:color .3s,background .35s}.story-site.light-mode{--bg:#f4eee4;--bg-soft:#ece3d5;--panel:#fffaf2;--panel-2:#f4eadb;--line:#8b641c5c;--text:#241c13;--muted:#6f6559;color:var(--text);background:radial-gradient(circle at 14% 18%,#d8a43b21,#0000 25%),radial-gradient(circle at 88% 45%,#d8a43b1a,#0000 23%),linear-gradient(135deg,#fbf7f0,#f2eadf 56%,#fffaf2)}.page-width{width:calc(100% - (var(--edge-space) * 2));max-width:none;margin-inline:auto}.reveal-section{opacity:1;transform:none}.site-header{z-index:100;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070b0df0;height:clamp(62px,4vw,92px);position:sticky;top:0}.header-inner{width:calc(100% - (var(--edge-space) * 2));direction:ltr;grid-template-columns:minmax(230px,.8fr) minmax(560px,1.7fr) minmax(340px,.9fr);align-items:center;max-width:none;height:clamp(62px,4vw,92px);margin-inline:auto;display:grid}.brand{direction:ltr;align-items:center;gap:clamp(10px,.8vw,20px);min-width:0;display:flex}.brand img,.footer-brand img{border:1px solid var(--gold);object-fit:cover;border-radius:50%;flex:none;width:clamp(49px,3.2vw,76px);height:clamp(49px,3.2vw,76px);box-shadow:0 0 20px #d8a43b24}.brand span,.footer-brand>div span{flex-direction:column;display:flex}.brand strong,.footer-brand strong{color:var(--gold-light);white-space:nowrap;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(27px,1.75vw,42px);line-height:.95}.brand small,.footer-brand small{color:var(--gold-light);letter-spacing:.08em;margin-top:4px;font-size:clamp(9px,.62vw,15px)}.primary-nav{scrollbar-width:none;direction:rtl;justify-content:flex-start;align-items:stretch;gap:clamp(14px,1.25vw,34px);min-width:0;height:100%;display:flex;overflow-x:auto}.primary-nav::-webkit-scrollbar{display:none}.primary-nav button{color:#ece8df;white-space:nowrap;background:0 0;border:0;padding:0 2px;font-size:clamp(11px,.72vw,17px);font-weight:700;position:relative}.primary-nav button:after{content:"";inset-inline:50%;background:var(--gold);height:2px;transition:inset-inline .25s;position:absolute;bottom:10px}.primary-nav button:hover,.primary-nav button.active{color:var(--gold-light)}.primary-nav button:hover:after,.primary-nav button.active:after{inset-inline:0}.header-tools{direction:rtl;justify-content:flex-start;align-items:center;gap:clamp(8px,.9vw,20px);display:flex}.search-control{width:clamp(160px,11vw,280px);height:clamp(34px,2.4vw,48px);display:block;position:relative}.search-control input{color:#eee;background:#ffffff05;border:1px solid #ffffff26;border-radius:8px;width:100%;height:clamp(34px,2.4vw,48px);padding:7px 34px 7px 12px;font-size:clamp(10px,.68vw,16px)}.search-control input:focus{border-color:var(--gold);outline:0}.search-control i{top:50%;color:#777;font-size:clamp(11px,.72vw,17px);position:absolute;inset-inline-start:11px;transform:translateY(-50%)}.moon-button,.menu-button{width:clamp(34px,2.4vw,48px);height:clamp(34px,2.4vw,48px);color:var(--gold-light);background:0 0;border:0;place-items:center;font-size:clamp(17px,1.15vw,26px);display:grid}.start-reading,.hero-copy>button,.all-stories,.original-link,.closing-banner>a{border:1px solid var(--gold);color:#16110a;background:linear-gradient(135deg, var(--gold-light), var(--gold));border-radius:6px;font-weight:800;transition:transform .2s,filter .2s;box-shadow:inset 0 1px #ffffff4d,0 8px 18px #00000038}.start-reading:hover,.hero-copy>button:hover,.all-stories:hover,.original-link:hover,.closing-banner>a:hover{filter:brightness(1.08);transform:translateY(-2px)}.start-reading{min-width:clamp(125px,9vw,210px);height:clamp(35px,2.5vw,50px);padding-inline:clamp(12px,1vw,24px);font-size:clamp(11px,.75vw,17px)}.start-reading i{margin-inline-end:7px}.menu-button{display:none}main{min-height:75vh}.hero-layout{height:clamp(320px,22vw,680px);margin-top:var(--layout-gap);gap:var(--layout-gap);direction:ltr;grid-template-columns:2.04fr 1fr;display:grid}.hero-main,.side-story,.story-card,.more-card{border:1px solid var(--line);cursor:pointer;background:#0d1113;border-radius:9px;position:relative;overflow:hidden}.hero-main{direction:rtl;min-height:0;animation:.6s both revealSlide}.hero-main>img,.side-story>img,.story-card>img,.more-card>img{object-fit:cover;width:100%;height:100%;transition:transform .7s,filter .5s}.hero-main:hover>img,.side-story:hover>img,.story-card:hover>img,.more-card:hover>img{filter:saturate(1.08);transform:scale(1.035)}.hero-shade,.side-shade,.card-shade,.reader-shade{pointer-events:none;position:absolute;inset:0}.hero-shade{background:linear-gradient(90deg,#0000 0%,#0407082e 40%,#040708f2 82%,#040708fc)}.hero-copy{z-index:2;top:clamp(17px,1.5vw,38px);inset-inline-end:clamp(24px,2.2vw,60px);flex-direction:column;justify-content:center;align-items:flex-start;width:min(50%,clamp(440px,31vw,850px));display:flex;position:absolute;bottom:clamp(15px,1.4vw,34px)}.story-tag{border:1px solid var(--gold);width:max-content;max-width:calc(100% - 20px);min-height:clamp(27px,1.7vw,40px);color:var(--gold-light);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);white-space:nowrap;background:#080c0fd1;border-radius:999px;justify-content:center;align-items:center;padding:3px clamp(11px,.85vw,19px);font-size:clamp(10px,.68vw,16px);font-weight:800;line-height:1.25;display:inline-flex;box-shadow:0 5px 16px #00000038,inset 0 0 0 1px #f1c76314}.hero-copy .story-tag{top:0;position:absolute;inset-inline-end:0}.hero-copy h1{color:#fffaf0;margin:clamp(20px,1.5vw,38px) 0 4px;font-size:clamp(28px,2.15vw,58px);line-height:1.45}.hero-copy>p{color:#e0ddd6;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 clamp(10px,.9vw,22px);font-size:clamp(12px,.82vw,20px);line-height:1.85;display:-webkit-box;overflow:hidden}.story-meta{color:#d2cec5;flex-wrap:wrap;align-items:center;gap:clamp(8px,.7vw,16px) clamp(12px,1vw,26px);font-size:clamp(9px,.62vw,15px);display:flex}.story-meta i{color:var(--gold-light)}.hero-copy>button{width:clamp(145px,10vw,235px);height:clamp(37px,2.7vw,58px);margin-top:clamp(11px,.9vw,22px);font-size:clamp(12px,.82vw,19px)}.hero-copy>button i{float:left;margin-top:4px}.hero-dots{z-index:4;gap:clamp(12px,1vw,24px);display:flex;position:absolute;bottom:clamp(11px,.8vw,20px);left:28%}.hero-dots button{background:#ffffff73;border:0;border-radius:999px;width:clamp(44px,3vw,72px);height:clamp(6px,.42vw,10px);padding:0}.hero-dots button.active{background:var(--gold-light);box-shadow:0 0 10px #d8a43b4d}.hero-side{direction:rtl;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:10px;min-width:0;min-height:0;display:grid}.side-story{animation:.55s both revealSlide}.side-story:nth-child(2){animation-delay:80ms}.side-shade{background:linear-gradient(#0000 30%,#040708f2)}.side-story>.story-tag{z-index:2;top:16px;position:absolute;inset-inline-end:16px}.side-story>div{z-index:2;inset-inline:20px;position:absolute;bottom:11px}.side-story h2{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:clamp(19px,1.4vw,36px);line-height:1.35;overflow:hidden}.side-story p{color:#c9c6c0;margin:0;font-size:clamp(9px,.62vw,15px)}.categories-section{padding-top:12px}.ornate-title{color:var(--gold);grid-template-columns:minmax(30px,1fr) auto auto auto minmax(30px,1fr);align-items:center;gap:14px;display:grid}.ornate-title>span{background:linear-gradient(90deg, transparent, var(--gold));height:1px}.ornate-title>span:last-child{background:linear-gradient(90deg, var(--gold), transparent)}.ornate-title>i{font-size:13px;font-style:normal}.ornate-title h2{color:var(--gold-light);white-space:nowrap;margin:0;font-size:clamp(22px,1.5vw,38px)}.ornate-title.compact{margin-bottom:10px}.ornate-title.compact h2{font-size:clamp(21px,1.45vw,36px)}.category-grid{scrollbar-width:none;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;direction:rtl;grid-auto-columns:minmax(112px,1fr);grid-auto-flow:column;gap:clamp(7px,.65vw,16px);width:100%;margin:clamp(8px,.7vw,18px) auto clamp(14px,1vw,28px);display:grid;overflow:auto hidden}.category-grid::-webkit-scrollbar{display:none}.category-grid button{color:#eee9df;scroll-snap-align:start;background:linear-gradient(145deg,#ffffff0a,#d8a43b08);border:1px solid #d8a43b61;border-radius:clamp(8px,.6vw,14px);align-content:center;place-items:center;gap:clamp(3px,.25vw,6px);min-width:0;height:clamp(58px,4vw,84px);transition:border-color .25s,transform .25s,background .25s;display:grid}.category-grid button:hover{border-color:var(--gold);background:#d8a43b17;transform:translateY(-3px)}.category-grid button.active{border-color:var(--gold);background:#d8a43b17}.category-grid button>i{color:var(--gold-light);font-size:clamp(20px,1.3vw,30px)}.category-grid button:nth-child(odd)>i{animation:3.8s ease-in-out infinite iconFloat}.category-grid button:nth-child(2n)>i{animation:3.8s ease-in-out .7s infinite iconFloat}.category-grid button strong{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:clamp(10px,.65vw,14px);overflow:hidden}.content-layout{direction:ltr;grid-template-columns:minmax(0,1fr) clamp(280px,18vw,520px);align-items:stretch;gap:clamp(16px,1.5vw,40px);padding-bottom:8px;display:grid}.stories-column,.sidebar{direction:rtl;min-width:0}.stories-column{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.story-grid{gap:var(--layout-gap);grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));height:100%;min-height:0;animation:.55s both revealSlide;display:grid}.story-grid.expanded{grid-template-rows:none;grid-auto-rows:clamp(220px,16vw,420px);height:auto}.stories-column:has(.story-grid.expanded){display:block}.content-layout:has(.story-grid.expanded){align-items:start}.content-layout:has(.story-grid.expanded) .sidebar{align-self:start;position:sticky;top:clamp(75px,5vw,112px)}.story-card{height:auto;min-height:0}.card-shade{background:linear-gradient(#0000 22%,#030607a6 58%,#030607fa 100%)}.story-card>.story-tag,.more-card>.story-tag{z-index:2;top:clamp(9px,.65vw,14px);min-height:clamp(23px,1.45vw,32px);padding:2px clamp(9px,.65vw,14px);font-size:clamp(9px,.58vw,13px);position:absolute;inset-inline-end:clamp(9px,.65vw,14px)}.card-copy{z-index:2;inset-inline:13px;position:absolute;bottom:7px}.card-copy h3{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 1px;font-size:clamp(17px,1.08vw,30px);line-height:1.4;overflow:hidden}.card-copy>p{color:#d0cdc7;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:clamp(9px,.62vw,16px);line-height:1.65;display:-webkit-box;overflow:hidden}.card-copy .story-meta{margin-top:3px;font-size:clamp(8px,.52vw,13px)}.all-stories{min-width:180px;height:28px;color:var(--gold-light);box-shadow:none;background:0 0;border-radius:5px;margin:7px auto 0;font-size:10px;display:block}.sidebar{padding-top:clamp(41px,3.6vw,64px);padding-bottom:35px;display:flex}.popular-box,.newsletter-box{background:linear-gradient(145deg,#ffffff09,#d8a43b05);border:1px solid #d8a43b59;border-radius:9px;padding:14px 16px}.popular-box{flex:1;grid-template-rows:auto minmax(0,1fr) auto auto;width:100%;min-height:0;display:grid}.popular-box h2{color:var(--gold-light);white-space:nowrap;align-items:center;gap:8px;margin:0 0 8px;font-size:clamp(13px,.88vw,22px);display:flex}.popular-box h2:before,.popular-box h2:after{content:"";background:var(--gold);flex:1;height:1px}.popular-box h2 span:before,.popular-box h2 span:after{content:"←";margin:0 5px;font-size:10px}.popular-rotator{grid-template-rows:repeat(6,minmax(0,1fr));min-height:0;animation:.55s cubic-bezier(.2,.8,.2,1) both sidebarSwap;display:grid}.popular-rotator>button{color:#fff;text-align:right;background:0 0;border:0;border-bottom:1px solid #ffffff12;grid-template-columns:clamp(38px,2.6vw,66px) clamp(58px,4.2vw,112px) minmax(0,1fr);align-items:center;gap:clamp(7px,.6vw,14px);width:100%;min-height:clamp(55px,4vw,105px);padding:5px 0;transition:background .25s,transform .25s;display:grid}.popular-rotator>button:hover{background:#d8a43b0d;transform:translate(-3px)}.popular-rotator>button:last-child{border-bottom:0}.popular-box em{color:var(--gold-light);font-family:Georgia,serif;font-size:clamp(22px,1.5vw,38px);font-style:italic}.popular-box img{object-fit:cover;border:1px solid #d8a43b38;border-radius:5px;width:clamp(58px,4.2vw,112px);height:clamp(46px,3.35vw,88px)}.popular-rotator button>span{min-width:0}.popular-box strong,.popular-box small{display:block}.popular-box strong{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(9px,.68vw,17px);line-height:1.5;overflow:hidden}.popular-box small{color:#aaa69f;margin-top:4px;font-size:clamp(8px,.52vw,13px)}.sidebar-progress{background:#d8a43b1f;border-radius:999px;height:2px;margin-top:4px;overflow:hidden}.sidebar-progress span{transform-origin:100%;background:linear-gradient(90deg, var(--gold-deep), var(--gold-light));width:100%;height:100%;animation:4.8s linear both sidebarProgress;display:block}.newsletter-box{text-align:center;margin-top:15px}.mail-icon{border:1px solid var(--gold);width:39px;height:39px;color:var(--gold-light);background:var(--bg);border-radius:50%;place-items:center;margin:-25px auto 5px;display:grid}.newsletter-box .mail-icon{animation:3.1s ease-in-out infinite mailGlow}.newsletter-box h2{color:var(--gold-light);margin:4px 0;font-size:clamp(16px,1.1vw,28px)}.newsletter-box p{color:#bbb7b0;margin:0 0 11px;font-size:clamp(9px,.65vw,16px);line-height:1.8}.newsletter-box label{display:block;position:relative}.newsletter-box input{color:#eee;background:0 0;border:1px solid #d8a43b59;border-radius:6px;width:100%;height:clamp(34px,2.5vw,52px);padding:6px 30px 6px 10px;font-size:clamp(9px,.62vw,15px)}.newsletter-box label i{top:11px;color:#777;position:absolute;inset-inline-start:10px}.newsletter-box form button{color:#171109;background:linear-gradient(135deg, var(--gold-light), var(--gold));border:0;border-radius:5px;width:100%;height:clamp(34px,2.4vw,50px);margin-top:8px;font-size:clamp(10px,.68vw,16px);font-weight:800}.subscription-done{color:var(--gold-light);border:1px solid #d8a43b4d;border-radius:6px;padding:11px;font-size:10px}.sync-status{color:#807b72;text-align:center;margin:7px 0 0;font-size:8px}.catalog-page{padding-top:clamp(20px,2vw,42px);padding-bottom:clamp(45px,5vw,100px)}.catalog-back{margin-bottom:12px}.catalog-heading{text-align:center;background:radial-gradient(circle at 50% 0,#d8a43b29,#0000 46%),linear-gradient(145deg,#ffffff08,#0000);border:1px solid #d8a43b52;border-radius:clamp(11px,.8vw,19px);padding:clamp(24px,2.5vw,56px)}.catalog-heading small{color:var(--gold);font-size:clamp(10px,.7vw,16px)}.catalog-heading h1{color:var(--gold-light);margin:5px 0;font-size:clamp(32px,3vw,70px)}.catalog-heading p{color:var(--muted);margin:0;font-size:clamp(11px,.75vw,17px)}.catalog-categories{margin-block:clamp(14px,1.5vw,30px)}.catalog-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:52px;margin-bottom:10px;display:flex}.catalog-toolbar h2{color:var(--gold-light);margin:0;font-size:clamp(19px,1.25vw,30px)}.catalog-toolbar span{color:var(--muted);font-size:clamp(9px,.6vw,14px)}.catalog-grid{gap:var(--layout-gap);grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:clamp(240px,18vw,430px);scroll-margin-top:90px;display:grid}.more-reading{padding-top:28px}.section-intro{color:#9f9b94;text-align:center;margin:4px 0 14px;font-size:10px}.more-grid{gap:var(--layout-gap);direction:ltr;grid-template-rows:repeat(2,clamp(220px,16vw,480px)) clamp(190px,14vw,380px);grid-template-columns:1.45fr repeat(3,1fr);min-height:0;display:grid}.more-card{direction:rtl;min-width:0}.more-card.featured{grid-row:span 2}.more-card .card-shade{background:linear-gradient(#0000 22%,#030607fa)}.more-card>div{z-index:2;inset-inline:16px;position:absolute;bottom:12px}.more-card small{color:#bbb7b0;font-size:8px}.more-card h3{color:#fff;margin:2px 0;font-size:clamp(15px,1vw,28px);line-height:1.45}.more-card.featured h3{font-size:clamp(25px,1.8vw,46px)}.more-card p{color:#d0cdc7;margin:4px 0;font-size:clamp(10px,.7vw,18px);line-height:1.8}.more-card>div>span{color:var(--gold-light);font-size:8px}.promo-slider{min-width:0;min-height:0;color:var(--text);isolation:isolate;direction:rtl;background:radial-gradient(circle at 15%,#f1c76329,#0000 28%),linear-gradient(120deg,#151718,#090d0f 58%,#13100a);border:1px solid #d8a43b7a;border-radius:clamp(9px,.8vw,18px);grid-column:2/-1;grid-template-columns:minmax(190px,.72fr) minmax(0,2.4fr) auto;align-items:center;gap:clamp(12px,1.2vw,30px);padding:clamp(16px,1.5vw,36px);display:grid;position:relative;overflow:hidden}.promo-slider:before{content:"";z-index:-1;top:-70%;background:linear-gradient(90deg,#0000,#f1c7631a,#0000);width:42%;height:240%;animation:7s ease-in-out infinite promoShine;position:absolute;inset-inline-start:-18%;transform:rotate(18deg)}.promo-slider:after{content:"";z-index:-1;opacity:.16;background-image:radial-gradient(var(--gold) .7px, transparent .7px);background-size:20px 20px;animation:14s linear infinite starDrift;position:absolute;inset:0}.promo-intro{align-items:center;gap:clamp(10px,.8vw,18px);min-width:0;display:flex}.promo-intro img{border:1px solid var(--gold);object-fit:cover;border-radius:50%;flex:none;width:clamp(54px,4.2vw,105px);height:clamp(54px,4.2vw,105px);box-shadow:0 0 28px #d8a43b38}.promo-intro span{min-width:0;display:grid}.promo-intro small{color:var(--gold-light);font-size:clamp(9px,.65vw,16px)}.promo-intro strong{color:#fff;white-space:normal;margin-top:3px;font-size:clamp(14px,.95vw,24px);line-height:1.45}.promo-window{direction:ltr;min-width:0;padding-block:4px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.promo-track{direction:ltr;gap:clamp(8px,.75vw,18px);width:max-content;animation:32s linear infinite promoMarquee;display:flex}.promo-slider:hover .promo-track,.promo-slider:focus-within .promo-track{animation-play-state:paused}.promo-track>button{color:#fff;text-align:right;direction:rtl;background:#ffffff0a;border:1px solid #d8a43b38;border-radius:clamp(7px,.55vw,13px);grid-template-columns:clamp(68px,5vw,128px) minmax(0,1fr);align-items:center;gap:clamp(9px,.7vw,16px);width:clamp(190px,13vw,330px);min-height:clamp(74px,6vw,142px);padding:clamp(7px,.55vw,13px);transition:border-color .25s,background .25s,transform .25s;display:grid}.promo-track>button:hover{border-color:var(--gold);background:#d8a43b1a;transform:translateY(-3px)}.promo-track img{object-fit:cover;border-radius:7px;width:clamp(68px,5vw,128px);height:clamp(56px,4.3vw,108px)}.promo-track span{min-width:0}.promo-track strong,.promo-track small{display:block}.promo-track strong{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(11px,.78vw,19px);overflow:hidden}.promo-track small{color:#aaa69f;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:clamp(8px,.55vw,13px);overflow:hidden}.promo-action{border:1px solid var(--gold);color:#191208;background:linear-gradient(135deg, var(--gold-light), var(--gold));white-space:nowrap;border-radius:999px;min-width:clamp(112px,8vw,190px);height:clamp(38px,2.8vw,58px);padding-inline:clamp(12px,1vw,22px);font-size:clamp(10px,.7vw,16px);font-weight:800;box-shadow:0 10px 24px #00000047}.theme-collections{gap:var(--layout-gap);grid-template-columns:1fr 1fr;padding-top:clamp(30px,2vw,58px);display:grid}.collection-panel{background:linear-gradient(145deg,#ffffff08,#0000);border:1px solid #d8a43b47;border-radius:10px;padding:17px}.is-visible .collection-panel:first-child{animation:.65s 80ms both panelEnter}.is-visible .collection-panel:last-child{animation:.65s .2s both panelEnter}.collection-panel header{grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:11px;margin-bottom:12px;display:grid}.collection-panel header>span{border:1px solid var(--gold);width:42px;height:42px;color:var(--gold-light);border-radius:50%;place-items:center;display:grid}.collection-panel header small{color:#96928b;font-size:8px}.collection-panel header h2{color:var(--gold-light);margin:0;font-size:clamp(18px,1.25vw,32px)}.collection-panel header button{color:var(--gold-light);background:0 0;border:1px solid #d8a43b59;border-radius:999px;padding:6px 10px;font-size:8px}.collection-panel>div{gap:8px;display:grid}.collection-panel article{cursor:pointer;background:#ffffff06;border-radius:7px;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:11px;min-width:0;padding:7px;transition:background .2s,transform .2s;display:grid}.collection-panel article:hover{background:#d8a43b12;transform:translate(-3px)}.collection-panel article img{object-fit:cover;border-radius:5px;width:90px;height:58px}.collection-panel article span{min-width:0}.collection-panel article strong,.collection-panel article small{display:block}.collection-panel article strong{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(11px,.78vw,19px);overflow:hidden}.collection-panel article small{color:#928e87;margin-top:4px;font-size:clamp(8px,.55vw,14px)}.closing-banner{border:1px solid var(--line);isolation:isolate;background:#080c0e;border-radius:clamp(11px,.8vw,18px);grid-template-columns:clamp(66px,5vw,110px) minmax(0,1fr) auto;align-items:center;gap:clamp(16px,1.5vw,32px);min-height:clamp(180px,12vw,290px);margin-top:30px;margin-bottom:34px;padding:clamp(24px,2vw,48px);animation:.7s both closingBannerIn;display:grid;position:relative;overflow:hidden}.closing-banner-bg{object-fit:cover;object-position:center 38%;width:100%;height:100%;animation:5.5s ease-out both closingBannerZoom;inset:0;z-index:-2!important;position:absolute!important}.closing-banner-shade{background:linear-gradient(90deg,#040708fa 5%,#040708d4 52%,#0407086b);inset:0;z-index:-1!important;position:absolute!important}.closing-banner>:not(.closing-banner-bg,.closing-banner-shade){z-index:2;position:relative}.closing-banner-logo{border:1px solid var(--gold);object-fit:cover;border-radius:50%;width:clamp(66px,5vw,110px);height:clamp(66px,5vw,110px);box-shadow:0 0 30px #d8a43b3d}.closing-banner small{color:var(--gold-light);font-size:clamp(9px,.62vw,14px)}.closing-banner h2{color:#fff;margin:2px 0;font-size:clamp(24px,1.8vw,43px)}.closing-banner p{color:#cbc7c0;max-width:70ch;margin:0;font-size:clamp(10px,.7vw,16px)}.closing-banner>a{white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-width:clamp(145px,10vw,225px);min-height:clamp(40px,3vw,58px);padding-inline:18px;font-size:clamp(10px,.72vw,16px);display:inline-flex}.closing-banner-progress{inset-inline:0;background:linear-gradient(90deg, var(--gold-deep), var(--gold-light));transform-origin:100%;height:3px;animation:5.5s linear both footerSlideProgress;bottom:0;z-index:3!important;position:absolute!important}.reader-page{width:calc(100% - 2*clamp(10px,1.25vw,34px));padding-top:24px;padding-bottom:45px}.reader-back{border:1px solid var(--gold);color:var(--gold-light);background:0 0;border-radius:6px;margin-bottom:14px;padding:8px 13px}.reader-hero{border:1px solid var(--line);isolation:isolate;background-color:#030607;background-position:50%;background-size:cover;border-radius:11px;height:clamp(350px,57vh,680px);min-height:0;position:relative;overflow:hidden;box-shadow:0 18px 46px #00000038}.reader-hero:before{content:"";z-index:-1;background:inherit;filter:blur(20px)saturate(.82);opacity:.72;background-position:50%;background-size:cover;position:absolute;inset:-24px;transform:scale(1.04)}.reader-hero>img{object-fit:contain;object-position:center;image-rendering:auto;background:0 0;width:100%;height:100%}.reader-shade{background:linear-gradient(#0000 26%,#030607fa)}.reader-hero>div{z-index:2;inset-inline:50px;position:absolute;bottom:35px}.reader-hero h1{color:#fffaf0;text-shadow:0 3px 18px #000000b8;margin:10px 0 5px;font-size:clamp(30px,4vw,52px)}.reader-hero p{color:#c9c5bd;margin:0}.reader-toolbar{z-index:20;background:#0e1315f0;border:1px solid #d8a43b4d;border-radius:999px;justify-content:center;align-items:center;gap:6px;width:max-content;max-width:100%;min-height:48px;margin:12px auto 0;padding:5px;display:flex;position:relative;box-shadow:0 10px 28px #00000038}.reader-toolbar>button{color:#d5d0c7;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;min-height:36px;padding-inline:13px;font-size:clamp(9px,.62vw,13px);display:inline-flex}.reader-toolbar>button:hover,.reader-toolbar>button.active{color:var(--gold-light);background:#d8a43b17;border-color:#d8a43b73}.reader-toolbar>button b{color:var(--gold-light);font-size:10px}.reader-tool-panel{z-index:30;color:#eee9df;background:#0c1114fa;border:1px solid #d8a43b61;border-radius:11px;width:min(92vw,680px);padding:13px;animation:.25s both panelEnter;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%);box-shadow:0 22px 55px #0000007a}.reader-tool-panel header{border-bottom:1px solid #d8a43b2e;justify-content:space-between;align-items:center;min-height:34px;margin-bottom:10px;display:flex}.reader-tool-panel header strong{color:var(--gold-light);font-size:12px}.reader-tool-panel header span{color:#8f8a82;font-size:9px}.share-panel{grid-template-columns:repeat(5,1fr);gap:7px;width:min(92vw,500px);display:grid}.share-panel>a,.share-panel>button{color:#ddd8ce;background:#ffffff08;border:1px solid #d8a43b38;border-radius:8px;align-content:center;place-items:center;gap:5px;min-height:70px;font-size:9px;display:grid}.share-panel>a:hover,.share-panel>button:hover{border-color:var(--gold);color:var(--gold-light);background:#d8a43b14}.share-panel i{font-size:20px}.size-panel{width:min(92vw,430px)}.size-panel>div{direction:ltr;grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.size-panel>div button{color:#ddd8ce;background:#ffffff08;border:1px solid #d8a43b33;border-radius:7px;min-height:38px;font-size:11px}.size-panel>div button:hover,.size-panel>div button.active{border-color:var(--gold);color:#16110a;background:var(--gold-light)}.font-panel{width:min(94vw,760px)}.font-panel>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:min(58vh,520px);padding:2px;display:grid;overflow-y:auto}.font-panel>div button{color:#e5dfd4;text-align:right;background:#ffffff08;border:1px solid #d8a43b33;border-radius:8px;align-content:center;gap:3px;min-width:0;min-height:72px;padding:8px;display:grid}.font-panel>div button:hover,.font-panel>div button.active{border-color:var(--gold);color:var(--gold-light);background:#d8a43b17}.font-panel button strong{-webkit-text-fill-color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 6px #00000061;font-size:15px;font-weight:800;overflow:hidden;color:#fff!important}.font-panel button small{color:#a7a197;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.reader-paper{color:#e2ded7;isolation:isolate;background:radial-gradient(circle at 12% 8%,#d8a43b1a,#0000 25%),radial-gradient(circle at 88% 92%,#d8a43b12,#0000 24%),linear-gradient(145deg,#12181a,#0b1012 54%,#101416);border:1px solid #d8a43bad;border-radius:clamp(18px,1.2vw,28px);width:100%;margin:18px 0 0;padding:clamp(62px,4.2vw,105px) clamp(32px,4.2vw,110px);font-size:clamp(16px,1.05vw,25px);line-height:2.1;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffdc8912,inset 0 0 55px #0003,0 22px 55px #00000038}.reader-paper:before{content:"";z-index:0;pointer-events:none;border:1px solid #d8a43b3d;border-radius:clamp(12px,.8vw,20px);position:absolute;inset:clamp(10px,.8vw,18px)}.reader-paper:after{content:"";z-index:-1;pointer-events:none;border:1px solid #d8a43b14;border-radius:50%;width:clamp(150px,16vw,360px);height:clamp(150px,16vw,360px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 30px #d8a43b06,0 0 0 65px #d8a43b04}.reader-ornament{z-index:2;width:min(58%,680px);color:var(--gold-light);pointer-events:none;justify-content:center;align-items:center;gap:clamp(8px,.8vw,18px);font-family:Georgia,serif;font-size:clamp(9px,.7vw,15px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.reader-ornament i{background:linear-gradient(90deg,#0000,#d8a43bb8);flex:1;height:1px}.reader-ornament i:last-child{background:linear-gradient(90deg,#d8a43bb8,#0000)}.reader-ornament-top{top:clamp(27px,2vw,46px)}.reader-ornament-bottom{bottom:clamp(27px,2vw,46px)}.reader-inner-capsule{z-index:2;background:linear-gradient(150deg,#ffdc890b,#05090a57 42%,#d8a43b08);border:1px solid #d8a43b94;border-radius:clamp(15px,1vw,24px);width:min(100%,96ch);margin-inline:auto;padding:clamp(52px,3vw,76px) clamp(28px,3.4vw,72px);position:relative;box-shadow:inset 0 0 0 1px #ffe19f0d,inset 0 0 38px #00000029,0 12px 30px #00000029}.reader-inner-capsule:before{content:"";z-index:-1;pointer-events:none;border:1px solid #d8a43b38;border-radius:clamp(10px,.7vw,17px);position:absolute;inset:clamp(7px,.55vw,12px)}.reader-inner-capsule:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#d8a43b7a,#0000);width:clamp(70px,6vw,128px);height:1px;position:absolute;top:11px;right:50%;transform:translate(50%)}.reader-inner-flourish{width:min(44%,330px);color:var(--gold-light);pointer-events:none;justify-content:center;align-items:center;gap:clamp(7px,.55vw,13px);font-family:Georgia,serif;font-size:clamp(10px,.75vw,15px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.reader-inner-flourish i{background:linear-gradient(90deg,#0000,#d8a43b8f);flex:1;height:1px}.reader-inner-flourish i:last-child{background:linear-gradient(90deg,#d8a43b8f,#0000)}.reader-inner-flourish-top{top:clamp(24px,1.7vw,38px)}.reader-inner-flourish-bottom{bottom:clamp(24px,1.7vw,38px)}.reader-content,.reader-inner-capsule>p,.reader-inner-capsule>.original-link{z-index:2;max-width:90ch;margin-inline:auto;position:relative}.reader-inner-capsule>p{margin-block:0 20px}.reader-content,.reader-content *{font-family:inherit!important}.reader-content :where(p,div,span,li){font-size:inherit!important}.reader-content img{display:none!important}.reader-content figure:has(img){display:none!important}.reader-content .separator:has(img){display:none!important}.reader-content a:has(>img){display:none!important}.reader-content p{margin:0 0 20px}.reader-content a{color:var(--gold-light)}.original-link{align-items:center;gap:8px;width:max-content;min-height:40px;margin-top:25px;padding:7px 15px;display:inline-flex}.site-footer{border-top:1px solid var(--gold);background:#090d0f;padding-top:0;overflow:hidden}.footer-grid{background:linear-gradient(180deg, var(--gold-deep), var(--gold-light), var(--gold-deep), var(--gold-light));direction:ltr;background-size:100% 320%;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(166px,8.8vw,184px);gap:2px;width:100%;min-height:0;padding:0;animation:5.5s linear infinite footerGoldDividers;display:grid;overflow:hidden}.footer-grid>*{direction:rtl;min-width:0;height:100%}.footer-brand{direction:ltr;background:#090d0f;grid-template-rows:auto auto;grid-template-columns:minmax(145px,.9fr) minmax(0,1.1fr);align-content:center;align-items:center;column-gap:clamp(10px,.8vw,18px);min-height:0;padding:clamp(10px,.8vw,16px);display:grid}.footer-brand>.footer-brand-main{direction:ltr;flex-direction:column;grid-area:1/1/3;place-self:center;align-items:center;gap:9px;display:flex}.footer-brand-lockup{direction:ltr;align-items:center;gap:12px;display:flex}.footer-brand>p{direction:rtl;grid-area:1/2;align-self:end}.footer-brand>nav{direction:rtl;grid-area:2/2;align-self:start}.footer-brand img{object-fit:contain;object-position:center;border:0;width:clamp(66px,4.2vw,92px);height:clamp(66px,4.2vw,92px);transform:translate(-1px)}.footer-brand strong{font-size:clamp(27px,1.65vw,36px)}.footer-brand p{color:#aaa69f;max-width:42ch;margin:10px 0 12px;font-size:clamp(10px,.56vw,13px);line-height:1.8}.footer-brand nav{flex-wrap:wrap;gap:10px;display:flex}.footer-brand nav a{border:1px solid var(--gold);width:clamp(30px,1.7vw,38px);height:clamp(30px,1.7vw,38px);color:var(--gold-light);border-radius:50%;place-items:center;font-size:clamp(11px,.65vw,14px);transition:color .2s,background .2s,transform .2s;display:grid}.footer-brand nav a:hover{color:#171007;background:var(--gold-light);transform:translateY(-3px)}.footer-brand .footer-brand-links{direction:rtl;flex-wrap:nowrap;justify-content:center;gap:6px;display:flex}.footer-brand .footer-brand-links a{color:#171007;background:linear-gradient(135deg, var(--gold-light), var(--gold));white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:5px;width:auto;height:auto;min-height:27px;padding:4px clamp(7px,.55vw,11px);font-size:clamp(8px,.47vw,10px);font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffff52,0 6px 14px #0003}.footer-brand .footer-brand-links a:hover{color:#171007;background:linear-gradient(135deg, #ffe18a, var(--gold-light));transform:translateY(-2px)}.footer-mini-slider{cursor:pointer;isolation:isolate;direction:rtl;border:0;border-radius:0;align-self:stretch;min-width:0;height:100%;min-height:0;animation:.65s cubic-bezier(.2,.8,.2,1) both footerSlideIn;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #d8a43b1f}.footer-mini-slider:nth-of-type(3){animation-delay:70ms}.footer-mini-slider:nth-of-type(4){animation-delay:.14s}.footer-mini-slider>img{object-fit:cover;width:100%;height:100%;transition:transform 6s}.footer-mini-slider:hover>img{transform:scale(1.055)}.footer-mini-shade{z-index:1;background:linear-gradient(#0000 12%,#0306077a 43%,#030607fa 97%);position:absolute;inset:0}.footer-mini-slider>.story-tag{z-index:2;top:8px;position:absolute;inset-inline-end:8px}.footer-mini-slider>div{z-index:2;inset-inline:clamp(9px,.65vw,14px);position:absolute;bottom:clamp(8px,.6vw,12px)}.footer-mini-slider small{color:var(--gold-light);font-size:clamp(8px,.48vw,11px)}.footer-mini-slider h2{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 5px;font-size:clamp(14px,.86vw,19px);line-height:1.3;overflow:hidden}.footer-mini-slider button{border:1px solid var(--gold);color:#191208;background:linear-gradient(135deg, var(--gold-light), var(--gold));border-radius:5px;min-height:25px;padding-inline:10px;font-size:clamp(8px,.43vw,10px);font-weight:800}.footer-mini-progress{z-index:3;inset-inline:0;background:linear-gradient(90deg, var(--gold-deep), var(--gold-light));transform-origin:100%;height:3px;animation:5.5s linear both footerSlideProgress;position:absolute;bottom:0}.copyright{color:#a6a097;border-top:1px solid #d8a43b2e;place-items:center;min-height:30px;margin-top:0;font-size:clamp(11px,.58vw,13px);font-weight:600;line-height:1.4;display:grid}.empty-state{border:1px dashed var(--line);color:#aaa69f;text-align:center;border-radius:8px;padding:40px}.light-mode .site-header{background:#fffaf2f0;box-shadow:0 7px 24px #5d411614}.light-mode .primary-nav button{color:#3c3022}.light-mode .primary-nav button:hover,.light-mode .primary-nav button.active{color:#9a6816}.light-mode .search-control input{color:#2b2116;background:#ffffffa8;border-color:#48361f2e}.light-mode .search-control input::placeholder{color:#817567}.light-mode .moon-button{color:#9a6816}.light-mode .category-grid button{color:#33281c;background:linear-gradient(145deg,#ffffffeb,#d8a43b14);border-color:#8b641c57;box-shadow:0 9px 24px #4630120f}.light-mode .category-grid button:hover,.light-mode .category-grid button.active{background:#f4e4c7}.light-mode .popular-box,.light-mode .newsletter-box,.light-mode .collection-panel{color:#2b2116;background:linear-gradient(145deg,#fffffff0,#f4e7cfeb);box-shadow:0 12px 32px #46301212}.light-mode .popular-rotator>button{color:#2a2015;border-bottom-color:#55412621}.light-mode .popular-rotator>button:hover{background:#d8a43b1f}.light-mode .popular-box small,.light-mode .section-intro,.light-mode .collection-panel header small,.light-mode .collection-panel article small,.light-mode .sync-status{color:#74695d}.light-mode .promo-slider{color:#2b2116;background:radial-gradient(circle at 15%,#f1c76340,#0000 30%),linear-gradient(120deg,#fffaf2,#efe4d3 58%,#f8edda);box-shadow:0 14px 36px #46301214}.light-mode .promo-intro strong{color:#2a2015}.light-mode .promo-track>button{color:#2a2015;background:#ffffffa8;border-color:#8b641c3d}.light-mode .promo-track>button:hover{background:#f4e4c7}.light-mode .promo-track small{color:#776b5d}.light-mode .collection-panel article{background:#ffffff9e}.light-mode .collection-panel article:hover{background:#f3e2c3}.light-mode .closing-banner{box-shadow:0 12px 34px #4630121f}.light-mode .closing-banner h2{color:#fff}.light-mode .closing-banner p{color:#e2ded7}.light-mode .reader-back{color:#8a5e15}.light-mode .reader-toolbar{background:#fffaf2f5;border-color:#8b641c47;box-shadow:0 12px 30px #4630121a}.light-mode .reader-toolbar>button{color:#4e4336}.light-mode .reader-toolbar>button:hover,.light-mode .reader-toolbar>button.active{color:#8a5e15;background:#d8a43b21}.light-mode .reader-tool-panel{color:#322619;background:#fffaf2fa;border-color:#8b641c4d;box-shadow:0 22px 50px #4630122e}.light-mode .share-panel>a,.light-mode .share-panel>button,.light-mode .size-panel>div button,.light-mode .font-panel>div button{color:#3d3022;background:#ffffffb8;border-color:#8b641c38}.light-mode .font-panel>div button{color:#fff;background:#111719}.light-mode .font-panel button small{color:#786b5e}.light-mode .reader-paper{color:#322619;background:radial-gradient(circle at 12% 8%,#d8a43b29,#0000 26%),radial-gradient(circle at 88% 92%,#d8a43b1f,#0000 24%),linear-gradient(145deg,#fffaf3,#f4e9d8 54%,#fff8ed);border-color:#8b641c8c;box-shadow:inset 0 0 0 1px #ffffff7a,0 16px 42px #4630121a}.light-mode .reader-paper:before{border-color:#8b641c47}.light-mode .reader-inner-capsule{background:linear-gradient(150deg,#ffffff94,#fff8eb7a 48%,#d8a43b14);border-color:#8b641c7a;box-shadow:inset 0 0 0 1px #ffffffb3,inset 0 0 32px #8b641c0d,0 12px 28px #5a3e1817}.light-mode .reader-inner-capsule:before{border-color:#8b641c3b}.light-mode .site-footer,.light-mode .footer-brand{background:#eee4d5}.light-mode .footer-brand p{color:#655b4f}.light-mode .copyright{color:#74695d}@keyframes revealSlide{0%{opacity:.15;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sidebarSwap{0%{opacity:.05;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sidebarProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes mailGlow{0%,to{box-shadow:0 0 #d8a43b00}50%{box-shadow:0 0 22px #d8a43b47}}@keyframes panelEnter{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes starDrift{0%{background-position:0 0}to{background-position:34px 17px}}@keyframes promoMarquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - 9px))}}@keyframes promoShine{0%,to{opacity:.25;transform:translate(-30%)rotate(18deg)}50%{opacity:1;transform:translate(240%)rotate(18deg)}}@keyframes footerSlideIn{0%{opacity:.2;transform:translateY(12px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes footerSlideProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes footerGoldDividers{0%{background-position:0 0}to{background-position:0 320%}}@keyframes closingBannerIn{0%{opacity:.45;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes closingBannerZoom{0%{transform:scale(1.04)}to{transform:scale(1.1)}}@media (min-width:1181px) and (max-width:1500px){.header-inner{grid-template-columns:220px 1fr 330px}.primary-nav{gap:10px}.search-control{width:145px}.start-reading{min-width:112px;padding-inline:10px}.hero-copy{width:55%}.category-grid{gap:10px}.footer-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1180px){.page-width,.header-inner{width:calc(100% - 28px)}.header-inner{grid-template-columns:1fr auto}.brand{grid-column:1}.header-tools{grid-column:2}.primary-nav{top:62px;border-bottom:1px solid var(--line);background:#0a0f12;height:auto;max-height:0;padding:0 16px;transition:max-height .3s,padding .3s;display:block;position:absolute;inset-inline:0;overflow:hidden auto}.primary-nav.open{max-height:440px;padding-block:12px}.primary-nav button{text-align:right;width:100%;min-height:40px;display:block}.primary-nav button:after{display:none}.menu-button{display:grid}.start-reading{display:none}.hero-layout{grid-template-columns:1fr;height:auto}.hero-main{height:410px}.hero-side{grid-template-rows:170px;grid-template-columns:1fr 1fr}.hero-copy{width:55%}.hero-dots{left:50%;transform:translate(-50%)}.category-grid{grid-auto-columns:minmax(108px,1fr)}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(220px,29vw,340px)}.content-layout{grid-template-columns:1fr}.stories-column{display:block}.story-grid{grid-template-rows:none;height:auto}.story-grid.expanded{grid-auto-rows:clamp(190px,23vw,290px)}.content-layout:has(.story-grid.expanded) .sidebar{position:static}.story-card{height:clamp(190px,23vw,290px);min-height:190px}.sidebar{padding:10px 0 0;display:block}.newsletter-box{margin-top:0}.sync-status{grid-column:1/-1}.more-grid{grid-template-rows:320px;grid-template-columns:1fr 1fr;grid-auto-rows:clamp(190px,23vw,270px);min-height:0}.more-card.featured{grid-area:auto/span 2}.more-card:last-of-type{grid-column:1/-1}.promo-slider{grid-column:1/-1;grid-template-columns:minmax(170px,.7fr) minmax(0,2fr) auto;min-height:150px}.theme-collections{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:180px}.footer-brand{grid-column:auto;min-height:0}.footer-mini-slider{height:100%;min-height:0}}@media (max-width:680px){.page-width,.header-inner{width:calc(100% - 16px)}.site-header,.header-inner{height:58px}.brand img{width:41px;height:41px}.brand strong{font-size:21px}.brand small{font-size:8px}.search-control{display:none}.header-tools{gap:2px}.primary-nav{top:58px}.hero-layout{gap:8px;margin-top:8px}.hero-main{height:460px}.hero-main>img{object-position:center}.hero-shade{background:linear-gradient(#0000,#0306076b 35%,#030607fc 95%)}.hero-copy{inset-inline:18px;width:auto;top:auto;bottom:35px}.hero-copy .story-tag{position:static}.hero-copy h1{margin-top:8px;font-size:25px}.hero-copy>p{-webkit-line-clamp:3;font-size:11px}.hero-copy>button{width:100%}.hero-dots{bottom:12px}.hero-side{grid-template-rows:repeat(2,175px);grid-template-columns:1fr}.side-story h2{font-size:18px}.ornate-title{gap:8px}.ornate-title h2,.ornate-title.compact h2{font-size:18px}.category-grid{grid-auto-columns:104px;gap:7px;margin-top:10px}.category-grid button{height:62px}.catalog-heading{padding-inline:15px}.catalog-grid{grid-template-columns:1fr;grid-auto-rows:255px}.story-grid{grid-template-columns:1fr;gap:9px}.story-grid.expanded{grid-auto-rows:255px}.story-card{height:255px}.card-copy h3{font-size:20px}.card-copy>p{font-size:10px}.sidebar{grid-template-columns:1fr}.popular-rotator>button{grid-template-columns:45px 82px 1fr}.popular-box img{width:82px}.newsletter-box{margin-top:7px}.more-reading{padding-top:24px}.more-grid{grid-template-rows:330px;grid-template-columns:1fr;grid-auto-rows:205px;min-height:0}.more-card.featured,.more-card:last-of-type{grid-column:auto}.more-card.featured h3{font-size:22px}.promo-slider{grid-column:1;grid-template-columns:1fr;align-content:center;min-height:255px}.promo-intro{justify-content:center}.promo-action{width:100%}.collection-panel{padding:12px}.collection-panel header{grid-template-columns:40px 1fr}.collection-panel header>button{grid-column:1/-1;width:100%}.collection-panel article{grid-template-columns:95px 1fr}.closing-banner{grid-template-columns:58px 1fr;gap:12px;padding:18px}.closing-banner-logo{width:58px;height:58px}.closing-banner h2{font-size:20px}.closing-banner>a{grid-column:1/-1;width:100%}.reader-page{width:calc(100% - 12px);padding-top:12px}.reader-hero{height:clamp(270px,44vh,390px);min-height:0}.reader-hero>img{object-position:center}.reader-hero>div{inset-inline:20px;bottom:23px}.reader-toolbar{border-radius:10px;width:100%}.reader-toolbar>button{flex:1;justify-content:center;padding-inline:7px}.reader-tool-panel{top:calc(100% + 7px)}.share-panel{grid-template-columns:repeat(3,1fr)}.size-panel>div{grid-template-columns:repeat(5,1fr)}.font-panel>div{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-paper{border-radius:16px;padding:58px 14px;font-size:16px}.reader-paper:before{border-radius:11px;inset:8px}.reader-ornament{width:72%}.reader-inner-capsule{border-radius:13px;padding:48px 18px}.reader-inner-capsule:before{border-radius:9px;inset:6px}.reader-inner-flourish{width:58%}.reader-inner-flourish-top{top:22px}.reader-inner-flourish-bottom{bottom:22px}.footer-grid{grid-template-columns:1fr;grid-auto-rows:190px;padding-inline:0}.footer-mini-slider{order:1}.footer-brand{text-align:center;direction:ltr;order:2;grid-column:auto;grid-template-rows:auto auto auto;grid-template-columns:1fr;align-content:center;place-items:center;row-gap:3px;min-height:0;padding:8px 10px;display:grid}.footer-brand>.footer-brand-main{grid-area:1/1;place-self:center}.footer-brand>p{direction:rtl;grid-area:2/1;align-self:center;margin:2px 0 4px}.footer-brand>nav{direction:rtl;grid-area:3/1;place-self:center}.footer-brand nav{gap:6px}.footer-brand nav a{width:28px;height:28px}.footer-mini-slider{height:100%;min-height:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}