:root{--paper:#f1ece1;--ink:#111;--red:#c92e26;--reader:21px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans Arabic",Tahoma,sans-serif;font-size:var(--reader)}a{color:inherit;text-decoration:none}button{font:inherit}
.topbar{position:fixed;z-index:100;top:0;left:0;right:0;height:76px;padding:0 4vw;color:#fff;display:flex;align-items:center;gap:28px;background:linear-gradient(#000a,transparent)}
.brand{font:800 30px "Noto Kufi Arabic"}.issue-trigger{margin-inline:auto;background:none;border:0;color:#fff;cursor:pointer}.reader-tools{display:flex;border:1px solid #ffffff55;border-radius:999px;overflow:hidden}.reader-tools button{border:0;background:none;color:#fff;padding:7px 10px;cursor:pointer}
.issue-drawer{position:fixed;z-index:300;top:0;right:0;width:min(440px,92vw);height:100dvh;background:#111;color:#f7f1e7;padding:28px;transform:translateX(102%);transition:.4s;overflow:auto}.issue-drawer.open{transform:none}
.overlay{position:fixed;z-index:250;inset:0;background:#000a;opacity:0;pointer-events:none;transition:.3s}.overlay.show{opacity:1;pointer-events:auto}.drawer-head{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff22}.drawer-head h2{font:800 48px "Noto Kufi Arabic";margin:.1em 0}.drawer-head button{border:0;background:none;color:#fff;font-size:38px}.drawer-nav details{border-bottom:1px solid #ffffff18;padding:12px 0}.drawer-nav summary{list-style:none;font:600 16px "Noto Kufi Arabic";cursor:pointer}.drawer-nav summary span{display:inline-block;width:38px;color:var(--red);font-size:11px}.drawer-nav a{display:block;padding:6px 38px;font-size:13px;opacity:.65}
.hero{height:100vh;min-height:720px;position:relative;display:flex;align-items:flex-end;padding:8vw;color:#fff;overflow:hidden;background:#111}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,#000d),linear-gradient(90deg,#0008,transparent 70%)}.hero-copy{position:relative;z-index:3;max-width:950px}.eyebrow{font-size:12px;color:#f06e65}.hero h1{font:800 clamp(4rem,10vw,10rem)/.95 "Noto Kufi Arabic";margin:.12em 0}.hero p{max-width:700px;line-height:1.9;color:#ddd}.author-chip{display:grid;grid-template-columns:64px 1fr auto;gap:13px;align-items:center;max-width:720px;margin-top:28px;padding:14px 0;border-top:1px solid #ffffff33;border-bottom:1px solid #ffffff33}.author-chip img{position:static;width:58px;height:58px;border-radius:50%;object-fit:cover;filter:grayscale(1);border:3px solid #fff}.author-chip small,.author-chip span{display:block;font-size:11px;opacity:.6}.author-chip strong{display:block;font:600 15px "Noto Kufi Arabic"}
.section{padding:9vw 7vw}.section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #d0c8ba;padding-bottom:18px;margin-bottom:35px}.section-head h2{font:800 clamp(3rem,6vw,6.5rem)/1 "Noto Kufi Arabic";margin:.1em 0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .cards .last-lone-card{
  grid-column:1 / -1;
}.card{background:#fff;min-height:340px;padding:24px;display:flex;flex-direction:column}.card small{color:var(--red)}.card h3{font:600 26px/1.35 "Noto Kufi Arabic";margin:.45em 0}.card p{line-height:1.8;color:#5d574f}.card .meta{margin-top:auto;border-top:1px solid #eee;padding-top:14px;display:flex;align-items:center;gap:9px;font-size:12px}.meta img{width:34px;height:34px;border-radius:50%;object-fit:cover;filter:grayscale(1)}
.video-block{background:#0c0c0c;color:#fff}.video-main{height:68vh;min-height:500px;position:relative;display:flex;align-items:flex-end;padding:50px;background:#222;overflow:hidden}.video-main>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.video-main:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#000e)}.video-copy{position:relative;z-index:2;max-width:700px}.video-copy h2{font:800 clamp(4rem,8vw,8rem) "Noto Kufi Arabic";margin:.05em 0}.video-copy p{line-height:1.8;color:#ccc}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.video-card{background:#171717}.video-card img{width:100%;height:220px;object-fit:cover;filter:grayscale(1)}.video-card div{padding:16px}.video-card h3{font:600 20px "Noto Kufi Arabic";margin:.3em 0}
.article-page{background:#eee8dc}.article-hero{min-height:92vh;position:relative;display:flex;align-items:flex-end;padding:8vw;color:#fff;background:#111}.article-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.article-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#000e)}.article-hero .copy{position:relative;z-index:2;max-width:900px}.article-hero h1{font:800 clamp(4rem,9vw,9rem)/.95 "Noto Kufi Arabic";margin:.12em 0}.article-body{width:min(850px,88vw);margin:0 auto;padding:80px 0;font-size:1.05em;line-height:2.1}.back{position:fixed;z-index:50;top:20px;right:24px;color:white;background:#111b;border:1px solid #ffffff44;border-radius:999px;padding:8px 13px}
footer{padding:50px 7vw;background:#111;color:#fff;display:flex;justify-content:space-between}
@media(max-width:850px){.reader-tools{display:none}.cards,.video-grid{grid-template-columns:1fr}.section{padding:80px 24px}.hero{padding:100px 24px 55px}.author-chip{grid-template-columns:54px 1fr}.author-chip a{grid-column:2}.section-head{display:block}.video-main{padding:25px}}

/* V0.2 motion + archive-safe additions */
.site-logo{height:44px;max-width:170px;object-fit:contain}.quick{display:flex;gap:16px;font-size:12px}.hero-zoom{will-change:transform;transform:scale(1.02);transition:transform .15s linear}.manifest{padding:9vw;background:#c92e26;color:#fff}.manifest p{font:800 clamp(2.8rem,7vw,7rem)/1.35 "Noto Kufi Arabic";max-width:1400px;margin:auto}.story-section:nth-of-type(even){background:#e6e0d5}.reveal-card{position:relative;overflow:hidden;padding:0;min-height:370px;opacity:0;transform:translateY(38px);transition:opacity .75s,transform .75s}.reveal-card.in{opacity:1;transform:none}.card-link{display:block;height:100%;min-height:370px;position:relative}.card-content{position:relative;z-index:2;padding:24px;min-height:370px;display:flex;flex-direction:column;background:#fff;transition:.55s}.card-cover{position:absolute;z-index:3;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.12);filter:grayscale(.3);transition:opacity .6s,transform 1.1s}.card-link:hover .card-cover{opacity:.78;transform:scale(1.01)}.card-link:hover .card-content{background:linear-gradient(transparent,#000c);color:#fff}.card-link:hover .card-content p{color:#fff}.share{position:absolute;z-index:10;top:14px;left:14px;border:1px solid #ffffff88;background:#111a;color:#fff;border-radius:50%;width:42px;height:42px;cursor:pointer}.article-share{position:fixed;top:20px;left:24px;width:auto;border-radius:999px;padding:8px 14px}.page-art{width:100%;height:auto;display:block}.article-gallery{display:grid;gap:28px;margin-top:55px}.article-gallery img{width:100%;height:auto}.body-text{white-space:pre-wrap}.author-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.author-card{background:#fff;padding:24px;text-align:center}.author-card img{width:150px;height:150px;border-radius:50%;object-fit:cover;filter:grayscale(1);transition:.4s}.author-card:hover img{filter:none;transform:scale(1.04)}.author-card h3{font:600 20px "Noto Kufi Arabic"}.author-profile-page{min-height:80vh;background:#111;color:#fff;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:8vw}.author-profile-page>img{width:min(480px,80%);aspect-ratio:1;border-radius:50%;object-fit:cover;filter:grayscale(1)}.author-profile-page h1{font:800 clamp(3rem,7vw,7rem) "Noto Kufi Arabic";margin:.1em 0}@media(max-width:850px){.quick{display:none}.author-grid{grid-template-columns:1fr 1fr}.author-profile-page{grid-template-columns:1fr;gap:35px}.author-profile-page>img{width:240px}.card-cover{opacity:.18}.reveal-card.in .card-cover{animation:mobilePulse 7s ease-in-out infinite}@keyframes mobilePulse{0%,100%{opacity:.12;transform:scale(1.08)}50%{opacity:.42;transform:scale(1)}}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal-card{opacity:1;transform:none}}


/* ===== V0.3 readability + archive fixes ===== */
.issue-trigger{display:flex;align-items:center;gap:7px;white-space:nowrap}
.issue-trigger b{font-family:"Noto Kufi Arabic";font-size:1.05rem}
.drawer-issues{margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14)}
.drawer-issues h3{font:600 15px "Noto Kufi Arabic";margin:0 0 12px}
.drawer-issue{display:grid;grid-template-columns:52px 1fr;gap:8px;align-items:center;padding:9px 10px;margin:5px 0;border:1px solid rgba(255,255,255,.10);opacity:.72}
.drawer-issue:hover,.drawer-issue.current{opacity:1;border-color:rgba(201,46,38,.8)}
.drawer-issue b{font:800 21px "Noto Kufi Arabic";color:#fff}.drawer-issue span{font-size:12px}
.drawer-archive{display:inline-block;margin-top:14px;color:#ef6158;font-size:12px;border-bottom:1px solid currentColor}

.article-hero{min-height:min(88vh,860px);height:auto;overflow:hidden;padding:clamp(110px,10vw,170px) 7vw clamp(55px,7vw,110px)}
.article-hero .copy{width:min(760px,48vw);max-width:none}
.article-hero h1{font-size:clamp(2.6rem,4.7vw,5.8rem);line-height:1.18;letter-spacing:-.025em;overflow-wrap:normal;word-break:normal}
.article-hero .copy>p{font-size:clamp(.92rem,1.15vw,1.15rem);line-height:1.95;max-width:680px}
.article-body{position:relative;z-index:6;background:#eee8dc;width:100%;margin:0;padding:70px max(6vw,calc((100vw - 900px)/2));font-size:1.05em;line-height:2.15}
.article-body .body-text{max-width:900px;margin:auto}
.article-gallery{max-width:1000px;margin:55px auto 0}
.article-hero:after{z-index:1}.article-hero>img{z-index:0}.article-hero .copy{z-index:2}
.article-page .author-chip{max-width:650px}

.archive-page{background:#eee8dc}.archive-top{height:78px;background:#111;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.archive-top nav{display:flex;gap:20px;font-size:13px}.archive-top .active{color:#ef5b51}
.archive-wrap{width:min(1300px,90vw);margin:70px auto}.archive-title{max-width:850px;margin-bottom:55px}.archive-title small{color:var(--red)}.archive-title h1{font:800 clamp(4rem,9vw,9rem)/1 "Noto Kufi Arabic";margin:.08em 0}.archive-title p{line-height:1.9;color:#625c53}
.archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.archive-card{background:#fff;transition:transform .35s,box-shadow .35s;overflow:hidden}.archive-card:hover{transform:translateY(-8px);box-shadow:0 22px 60px #0002}.archive-card>img,.archive-placeholder{width:100%;aspect-ratio:3/4;object-fit:cover}.archive-placeholder{display:grid;place-items:center;background:#161616;color:#fff;font:800 7rem "Noto Kufi Arabic"}.archive-info{padding:18px;display:grid;gap:3px}.archive-info b{font:600 18px "Noto Kufi Arabic"}.archive-info span,.archive-info small{color:#746e65;font-size:12px}

@media(max-width:1000px){
  .article-hero .copy{width:min(760px,62vw)}
  .archive-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:850px){
  .article-hero{min-height:78vh;padding:110px 24px 60px}
  .article-hero .copy{width:100%}
  .article-hero h1{font-size:clamp(2.2rem,9.5vw,4.3rem);line-height:1.25}
  .article-body{padding:55px 24px}
  .archive-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){.archive-grid{grid-template-columns:1fr}}

.author-avatar-static{display:block}.author-avatar-static img{width:58px!important;height:58px!important;border-radius:50%;object-fit:cover;filter:grayscale(1);border:3px solid #fff}


/* ===== V0.4 slider, special covers and cleaner navigation ===== */
.hero-slider{padding:0;display:block}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.1s ease;display:flex;align-items:flex-end;padding:8vw;color:#fff;overflow:hidden}.hero-slide.active{opacity:1;visibility:visible;z-index:2}.hero-slide>img{position:absolute;inset:-2%;width:104%;height:104%;object-fit:cover;filter:grayscale(1) contrast(1.08);transform:scale(1.04);transition:transform 7s ease-out}.hero-slide.active>img{transform:scale(1.11)}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.82)),linear-gradient(90deg,rgba(0,0,0,.62),transparent 70%)}.hero-slider .hero-copy{position:relative;z-index:3;max-width:min(920px,75vw)}.hero-slider h1{font-size:clamp(3rem,7.4vw,8.4rem);line-height:1.02}.hero-controls{position:absolute;z-index:12;left:5vw;right:5vw;bottom:28px;display:flex;justify-content:center;align-items:center;gap:15px}.hero-controls>button{width:44px;height:44px;border-radius:50%;border:1px solid #ffffff66;background:#0005;color:#fff;font-size:28px;cursor:pointer}.hero-dots{display:flex;gap:7px}.hero-dot{width:38px;height:3px!important;border:0!important;border-radius:0!important;background:#ffffff55!important;padding:0!important}.hero-dot.active{background:#fff!important}
.issue-specials{background:#e8e2d7}.special-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.special-card{min-height:430px;border:0;background:#111;color:#fff;position:relative;overflow:hidden;text-align:right;cursor:pointer;padding:0}.special-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.25);transition:transform .8s,filter .6s}.special-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#000d)}.special-card:hover img{transform:scale(1.06);filter:grayscale(0)}.special-card span,.special-card strong{position:absolute;z-index:2;right:22px;left:22px}.special-card span{bottom:64px;color:#ff6b61;font-size:12px}.special-card strong{bottom:22px;font:600 20px "Noto Kufi Arabic"}.cover-special span{bottom:22px;font:600 22px "Noto Kufi Arabic";color:#fff}
.cover-modal{position:fixed;z-index:1200;inset:0;background:#090909f5;display:none;place-items:center;padding:35px}.cover-modal.open{display:grid}.cover-modal figure{margin:0;max-width:min(90vw,900px);max-height:90vh;text-align:center;color:#fff}.cover-modal img{max-width:100%;max-height:82vh;object-fit:contain}.cover-modal figcaption{margin-top:10px;font:600 16px "Noto Kufi Arabic"}.cover-modal-close{position:absolute;top:20px;left:24px;width:48px;height:48px;border-radius:50%;border:1px solid #ffffff55;background:#000;color:#fff;font-size:30px;cursor:pointer}
@media(max-width:850px){.hero-slider .hero-copy{max-width:100%}.hero-slider h1{font-size:clamp(2.5rem,11vw,5.2rem)}.special-grid{grid-template-columns:1fr}.special-card{min-height:65vh}}


/* ===== V0.4.1 per-slide title controls ===== */
.hero-slider .hero-copy{width:min(860px,76vw)}
.hero-slider .hero-title{margin:.12em 0;max-width:100%;text-wrap:balance;overflow-wrap:normal;word-break:normal}
.hero-slider .hero-title-auto{font-size:clamp(2.7rem,5.2vw,6.1rem);line-height:1.08}
.hero-slider .hero-title-small{font-size:clamp(2.2rem,3.7vw,4.3rem);line-height:1.14}
.hero-slider .hero-title-medium{font-size:clamp(2.6rem,4.7vw,5.4rem);line-height:1.1}
.hero-slider .hero-title-large{font-size:clamp(3rem,6.2vw,7rem);line-height:1.04}
.hero-slider .hero-title.auto-long{font-size:clamp(2.25rem,4.25vw,4.9rem)}
.hero-slider .hero-title.auto-very-long{font-size:clamp(1.9rem,3.55vw,4.05rem);line-height:1.14}

.hero-slider .hero-pos-right{margin-left:auto;margin-right:0;text-align:right}
.hero-slider .hero-pos-center{margin-inline:auto;text-align:center}
.hero-slider .hero-pos-center .author-chip{margin-inline:auto;text-align:right}
.hero-slider .hero-pos-left{margin-right:auto;margin-left:0;text-align:left;direction:rtl}
.hero-slider .hero-pos-left .author-chip{margin-left:0;margin-right:auto;text-align:right}

.slide-control-card{display:grid!important;gap:10px;padding:10px!important;background:#f6f2eb;border-radius:10px}
.slide-pick{display:grid;grid-template-columns:auto 1fr;gap:8px;cursor:pointer}
.slide-pick>span{display:grid;gap:4px}.slide-pick img{width:100%;height:115px;object-fit:cover;border-radius:6px}
.slide-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:8px;border-top:1px solid #ddd5c9}
.slide-options label{font-size:12px}.slide-options select{margin-top:5px;padding:8px}

@media(max-width:850px){
  .hero-slider .hero-copy{width:100%;max-width:92vw}
  .hero-slider .hero-title-auto{font-size:clamp(2.3rem,10vw,4.2rem)}
  .hero-slider .hero-title-small{font-size:clamp(2rem,8vw,3.3rem)}
  .hero-slider .hero-title-medium{font-size:clamp(2.2rem,9vw,3.8rem)}
  .hero-slider .hero-title-large{font-size:clamp(2.5rem,11vw,4.5rem)}
  .hero-slider .hero-title.auto-long{font-size:clamp(2rem,8.5vw,3.5rem)}
  .hero-slider .hero-title.auto-very-long{font-size:clamp(1.75rem,7.2vw,3rem)}
}


/* ===== V0.4.2 global slider typography + varied motion ===== */
.hero-slider .hero-copy{width:min(920px,78vw);max-width:920px}
.hero-slider .hero-title{
  font-size:var(--slider-title-size,54px)!important;
  line-height:1.16!important;
  max-width:100%;
  text-wrap:balance;
  overflow-wrap:normal;
  word-break:normal;
  margin:.12em 0;
}

/* Global title alignment */
.hero-slider.hero-pos-right .hero-copy{margin-left:auto;margin-right:0;text-align:right}
.hero-slider.hero-pos-center .hero-copy{margin-inline:auto;text-align:center}
.hero-slider.hero-pos-center .author-chip{margin-inline:auto;text-align:right}
.hero-slider.hero-pos-left .hero-copy{margin-right:auto;margin-left:0;text-align:left}
.hero-slider.hero-pos-left .author-chip{margin-left:0;margin-right:auto;text-align:right}

/* Motion engine */
.hero-slide>img{transform:scale(1.035);transition:transform 7s ease-out,opacity 1.1s ease}
.hero-slide.motion-zoom.active>img{transform:scale(1.12)}
.hero-slide.motion-pan-x>img{transform:scale(1.10) translateX(3%)}
.hero-slide.motion-pan-x.active>img{transform:scale(1.10) translateX(-3%)}
.hero-slide.motion-pan-y>img{transform:scale(1.10) translateY(3%)}
.hero-slide.motion-pan-y.active>img{transform:scale(1.10) translateY(-3%)}
.hero-slide.motion-fade>img{transform:scale(1.04)}
.hero-slide.motion-fade.active>img{transform:scale(1.04)}
.hero-slide.motion-fade .hero-shade{transition:opacity 1.2s ease}
.hero-slide.motion-fade:not(.active) .hero-shade{opacity:.2}

/* Compact admin slide selector */
.slider-global-options{display:grid;grid-template-columns:1.15fr .8fr 1fr;gap:12px;margin:16px 0 22px;padding:16px;background:#f5f1e9;border:1px solid #ded6ca;border-radius:10px}
.slider-global-options label{margin:0}
.compact-slides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.compact-slides .slider-choice{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;padding:9px;background:#fff;border:1px solid #e1dbd1;border-radius:8px}
.compact-slides .slider-choice>span{display:grid;gap:4px}
.compact-slides .slider-choice img{width:100%;height:90px;object-fit:cover;border-radius:5px}

@media(max-width:900px){
  .hero-slider .hero-copy{width:100%;max-width:92vw}
  .hero-slider .hero-title{font-size:min(var(--slider-title-size,54px),10vw)!important}
  .slider-global-options{grid-template-columns:1fr}
  .compact-slides{grid-template-columns:1fr 1fr}
}
@media(max-width:540px){.compact-slides{grid-template-columns:1fr}}


/* ===== V0.4.3 expanding editorial cards ===== */
.interactive-cards{
  position:relative;
  transition:grid-template-columns .55s cubic-bezier(.22,.8,.25,1);
}
.interactive-card{
  transition:
    opacity .38s ease,
    transform .48s cubic-bezier(.22,.8,.25,1),
    box-shadow .48s ease;
  will-change:transform,opacity;
}
.interactive-card .card-content{
  transition:background .5s ease,color .45s ease,padding .5s ease;
}
.interactive-card .card-section{
  position:relative;
  z-index:7;
  color:var(--red);
  font:600 12px "Noto Kufi Arabic";
}
.interactive-card .card-summary{
  transition:font-size .45s,line-height .45s,max-width .45s,color .45s;
}
.expanded-read{
  display:block;
  max-height:0;
  opacity:0;
  overflow:hidden;
  margin-top:0;
  color:#fff;
  font:600 13px "Noto Kufi Arabic";
  transition:opacity .35s,max-height .35s,margin-top .35s;
}

/* Only cards beside the hovered card in the same visual row disappear. */
.interactive-cards.row-focus .interactive-card.row-peer-hidden{
  opacity:0;
  transform:scale(.92) translateY(12px);
  pointer-events:none;
}

/* The focused card replaces its row and becomes a cinematic summary panel. */
.interactive-cards.row-focus .interactive-card.row-focused{
  grid-column:1 / -1;
  min-height:430px;
  box-shadow:0 28px 75px rgba(0,0,0,.22);
  z-index:12;
}
.interactive-cards.row-focus .interactive-card.row-focused .card-link{
  min-height:430px;
}
.interactive-cards.row-focus .interactive-card.row-focused .card-cover{
  opacity:.86;
  transform:scale(1.015);
  filter:grayscale(.08) contrast(1.03);
}
.interactive-cards.row-focus .interactive-card.row-focused .card-content{
  min-height:430px;
  padding:clamp(30px,4vw,58px);
  justify-content:flex-end;
  background:
    linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.68) 45%,rgba(0,0,0,.18) 100%);
  color:#fff;
}
.interactive-cards.row-focus .interactive-card.row-focused .card-section{
  color:#ff756c;
}
.interactive-cards.row-focus .interactive-card.row-focused h3{
  max-width:850px;
  font-size:clamp(2rem,3.5vw,4rem);
  line-height:1.22;
  margin:.3em 0;
}
.interactive-cards.row-focus .interactive-card.row-focused .card-summary{
  max-width:820px;
  font-size:clamp(1rem,1.35vw,1.3rem);
  line-height:2;
  color:#f3eee7;
}
.interactive-cards.row-focus .interactive-card.row-focused .meta{
  width:min(820px,100%);
  border-color:rgba(255,255,255,.25);
}
.interactive-cards.row-focus .interactive-card.row-focused .expanded-read{
  max-height:45px;
  opacity:1;
  margin-top:18px;
}
.interactive-cards.row-focus .interactive-card.row-focused .share{
  background:rgba(0,0,0,.55);
  border-color:rgba(255,255,255,.65);
}

/* Keep the old ordinary hover subtle; row-focus takes precedence. */
.interactive-card:not(.row-focused) .card-link:hover .card-cover{opacity:.72}

@media(max-width:850px){
  /* Hover expansion is desktop-only. Mobile keeps the existing safe card behavior. */
  .interactive-cards.row-focus .interactive-card.row-focused{grid-column:auto;min-height:370px}
  .interactive-cards.row-focus .interactive-card.row-peer-hidden{opacity:1;transform:none;pointer-events:auto}
  .interactive-cards.row-focus .interactive-card.row-focused .card-link,
  .interactive-cards.row-focus .interactive-card.row-focused .card-content{min-height:370px}
}


/* ===== V0.4.4 reliable card takeover ===== */
.interactive-cards.card-takeover{
  display:grid;
  grid-template-columns:1fr!important;
}
.interactive-cards.card-takeover .interactive-card.card-hidden-final{
  display:none!important;
}
.interactive-cards.card-takeover .interactive-card.card-focused-final{
  grid-column:1/-1!important;
  width:100%!important;
  min-height:470px;
  opacity:1!important;
  transform:none!important;
  display:block!important;
  z-index:20;
}
.interactive-cards.card-takeover .interactive-card.card-focused-final .card-link,
.interactive-cards.card-takeover .interactive-card.card-focused-final .card-content{
  min-height:470px;
}
.interactive-cards.card-takeover .interactive-card.card-focused-final .card-cover{
  opacity:.88!important;
  transform:scale(1.01)!important;
  filter:grayscale(.05) contrast(1.04)!important;
}
.interactive-cards.card-takeover .interactive-card.card-focused-final .card-content{
  padding:clamp(34px,5vw,70px)!important;
  justify-content:flex-end!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.90) 0%,rgba(0,0,0,.72) 46%,rgba(0,0,0,.20) 100%)!important;
  color:#fff!important;
}
.interactive-cards.card-takeover .interactive-card.card-focused-final h3{
  max-width:900px!important;
  font-size:clamp(2rem,3.8vw,4.2rem)!important;
  line-height:1.22!important;
}
.interactive-cards.card-takeover .interactive-card.card-focused-final .card-summary{
  display:block!important;
  max-width:850px!important;
  font-size:clamp(1rem,1.45vw,1.35rem)!important;
  line-height:2!important;
  color:#f5f0e8!important;
}
.interactive-cards.card-takeover .interactive-card.card-focused-final .expanded-read{
  max-height:50px!important;
  opacity:1!important;
  margin-top:18px!important;
}

/* Fade peers first, then JS removes them from layout. */
.interactive-card.card-peer-fading{
  opacity:0!important;
  transform:scale(.94) translateY(10px)!important;
  transition:opacity .18s ease, transform .18s ease!important;
}

@media(max-width:850px){
  .interactive-cards.card-takeover{grid-template-columns:1fr!important}
}


/* ===== V0.4.5 row replacement editorial preview ===== */

/* When a row is previewed, its three original cards disappear from layout. */
.interactive-card.preview-source-hidden{
  display:none!important;
}

/* The replacement occupies the entire three-card row. */
.row-preview-panel{
  grid-column:1 / -1;
  min-height:390px;
  display:grid;
  grid-template-columns:minmax(330px,42%) 1fr;
  background:#f7f3eb;
  border:1px solid #d8d0c4;
  position:relative;
  overflow:hidden;
  animation:rowPreviewIn .42s cubic-bezier(.22,.8,.25,1) both;
  box-shadow:0 18px 55px rgba(0,0,0,.12);
}
@keyframes rowPreviewIn{
  from{opacity:0;transform:translateY(14px) scale(.985)}
  to{opacity:1;transform:none}
}

/* Alternate layout for a more editorial rhythm. */
.row-preview-panel.preview-reverse{
  grid-template-columns:1fr minmax(330px,42%);
}
.row-preview-panel.preview-reverse .row-preview-media{order:2}
.row-preview-panel.preview-reverse .row-preview-copy{order:1}

.row-preview-media{
  min-height:390px;
  position:relative;
  overflow:hidden;
  background:#222;
}
.row-preview-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:grayscale(.12) contrast(1.03);
  transform:scale(1.035);
  animation:previewImageMove 6s ease-out both;
}
@keyframes previewImageMove{
  from{transform:scale(1.08)}
  to{transform:scale(1.015)}
}
.row-preview-media:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent 65%,rgba(247,243,235,.26));
  pointer-events:none;
}
.preview-reverse .row-preview-media:after{
  background:linear-gradient(270deg,transparent 65%,rgba(247,243,235,.26));
}

.row-preview-copy{
  padding:clamp(34px,4.8vw,70px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  text-align:right;
}
.row-preview-section{
  color:var(--red);
  font:600 12px "Noto Kufi Arabic";
  margin-bottom:12px;
}
.row-preview-title{
  color:#bf2923;
  font:800 clamp(1.9rem,3vw,3.4rem)/1.35 "Noto Kufi Arabic";
  margin:0 0 18px;
  max-width:900px;
}
.row-preview-summary{
  color:#28231f;
  font-size:clamp(1rem,1.22vw,1.22rem);
  line-height:2.05;
  max-width:900px;
  margin:0;
}
.row-preview-footer{
  margin-top:24px;
  padding-top:16px;
  border-top:1px solid #d8d0c4;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  font-size:12px;
}
.row-preview-author{
  display:flex;
  align-items:center;
  gap:10px;
}
.row-preview-author img{
  width:38px;
  height:38px;
  border-radius:50%;
  object-fit:cover;
  filter:grayscale(1);
}
.row-preview-open{
  color:var(--red);
  font:600 12px "Noto Kufi Arabic";
  border-bottom:1px solid currentColor;
  padding-bottom:3px;
}
.row-preview-share{
  position:absolute;
  top:18px;
  left:18px;
  z-index:5;
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid #ffffffaa;
  background:#111b;
  color:#fff;
  cursor:pointer;
}

/* Disable the older full-card takeover when V0.4.5 preview is active. */
.interactive-cards.preview-mode.card-takeover{
  grid-template-columns:repeat(3,1fr)!important;
}
.interactive-cards.preview-mode .card-focused-final,
.interactive-cards.preview-mode .card-hidden-final,
.interactive-cards.preview-mode .card-peer-fading{
  display:block!important;
  opacity:1!important;
  transform:none!important;
}

@media(max-width:850px){
  /* Touch devices keep normal cards; no hover replacement. */
  .row-preview-panel{display:none!important}
}

/* V0.4.6 */
.issue-specials{display:none!important}
.story-section{transition:background-color .55s ease}
.section-tone-0{background:#f1ece1}.section-tone-1{background:#e9e3d7}.section-tone-2{background:#e7eae4}.section-tone-3{background:#eee2de}
.lead-story-card{grid-column:1/-1;height:360px;min-height:360px;position:relative;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 12px 34px #00000010}
.lead-card-link{height:100%;display:grid;grid-template-columns:42% 1fr;color:inherit;text-decoration:none}
.lead-card-media{height:360px;overflow:hidden;background:#222}.lead-card-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(.15);transform:scale(1.03);transition:transform 1.1s,filter .7s}.lead-story-card:hover .lead-card-media img{transform:scale(1.075);filter:grayscale(0)}
.lead-card-copy{padding:clamp(28px,4vw,56px);display:flex;flex-direction:column;justify-content:center;min-width:0}
.lead-card-copy h3{font:800 clamp(1.7rem,2.6vw,3rem)/1.35 "Noto Kufi Arabic";margin:.25em 0}.lead-card-copy p{line-height:1.95;color:#4d473f;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-width:900px}
.lead-card-copy .meta{margin-top:15px;padding-top:11px;border-top:1px solid #ddd5ca}.lead-read{margin-top:12px;color:var(--red);font:600 12px "Noto Kufi Arabic"}
@media(max-width:850px){.lead-story-card{height:auto;min-height:0}.lead-card-link{grid-template-columns:1fr}.lead-card-media{height:250px}.lead-card-copy{padding:26px 22px}}


/* ===== V0.4.7 lead-card image + summary correction ===== */

/* 360px remains the visual minimum, but the card may grow if the summary needs it. */
.lead-story-card{
  height:auto!important;
  min-height:360px!important;
}
.lead-card-link{
  min-height:360px!important;
  height:auto!important;
  align-items:stretch;
}

/* Show the whole original image instead of cropping it. */
.lead-card-media{
  min-height:360px!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#f6f2ea!important;
  padding:12px!important;
}
.lead-card-media img{
  width:100%!important;
  height:100%!important;
  min-height:336px;
  max-height:520px;
  object-fit:contain!important;
  object-position:center center!important;
  transform:scale(1)!important;
  filter:grayscale(.10);
}
.lead-story-card:hover .lead-card-media img{
  transform:scale(1.02)!important;
  filter:grayscale(0);
}

/* Never cut the editorial summary in the lead story. */
.lead-card-copy{
  min-height:360px;
  align-self:stretch;
}
.lead-card-copy p{
  display:block!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:unset!important;
  overflow:visible!important;
  max-height:none!important;
  white-space:normal;
  line-height:1.9!important;
  margin:.4em 0!important;
}

/* Keep title readable and prevent it from pushing the summary out. */
.lead-card-copy h3{
  font-size:clamp(1.65rem,2.35vw,2.8rem)!important;
  line-height:1.4!important;
  margin:.2em 0 .35em!important;
}

@media(max-width:850px){
  .lead-card-media{
    min-height:260px!important;
  }
  .lead-card-media img{
    min-height:0;
    max-height:420px;
  }
  .lead-card-copy{
    min-height:0;
  }
}


/* ===== V0.4.8 global editorial image-fit system ===== */

/* Lead story: edge-to-edge editorial image, centered and cropped only as needed. */
.lead-story-card{
  min-height:360px!important;
  overflow:hidden!important;
}
.lead-card-link{
  display:grid!important;
  grid-template-columns:42% 58%!important;
  min-height:360px!important;
  align-items:stretch!important;
}
.lead-card-media{
  padding:0!important;
  margin:0!important;
  min-height:360px!important;
  height:auto!important;
  align-self:stretch!important;
  display:block!important;
  overflow:hidden!important;
  background:#222!important;
}
.lead-card-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:360px!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:scale(1.001)!important;
  filter:grayscale(.08);
}
.lead-story-card:hover .lead-card-media img{
  transform:scale(1.045)!important;
  filter:grayscale(0);
}
.lead-card-copy{
  min-height:360px!important;
  height:auto!important;
  align-self:stretch!important;
  padding:clamp(28px,4vw,56px)!important;
}

/* Fullscreen hero / slider. */
.hero>img,
.hero-slide>img,
.hero-bg img,
.video-bg img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

/* Normal cards and hover previews. */
.card-cover,
.row-preview-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

/* Video imagery. */
.video-main>img,
.video-card img,
.v-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

/* Archive and author thumbnails. */
.archive-card>img,
.author-card img,
.author-chip img,
.meta img,
.author-profile-page>img{
  object-fit:cover!important;
  object-position:center center!important;
}

/* Full designed page artwork (poetry, artwork, prepared layouts) must never be cropped. */
.page-art,
.article-gallery img,
.cover-modal img{
  object-fit:contain!important;
  object-position:center center!important;
}

@media(min-width:1400px){
  .lead-card-link{grid-template-columns:41% 59%!important}
}

@media(max-width:850px){
  .lead-card-link{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  .lead-card-media{
    min-height:280px!important;
    height:280px!important;
  }
  .lead-card-media img{
    min-height:280px!important;
    height:280px!important;
  }
  .lead-card-copy{
    min-height:0!important;
  }
}


/* ===== V0.4.9 editorial + miniature PDF issue ===== */
.editorial-paper-section{padding:28px 5vw 0px;background:transparent;border:0}.editorial-paper-layout{direction:ltr;max-width:1280px;margin:auto;display:grid;grid-template-columns:245px minmax(0,1fr);gap:28px;align-items:start}.editorial-paper-layout.editorial-only{grid-template-columns:1fr}.mini-paper{direction:rtl}.mini-paper-frame{width:100%;aspect-ratio:.70;border:8px solid #eee8dc;background:#e8e3da;padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:zoom-in;box-shadow:0 2px 7px #0002;position:relative}.mini-paper-frame img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;background:#fff;object-fit:contain}.mini-paper-loading{position:absolute;inset:auto 10px 15px;background:#fffd;padding:6px;font-size:11px}.mini-issue-number{font:700 14px "Noto Kufi Arabic";padding:11px 8px 5px}.mini-paper-nav{direction:ltr;display:flex;align-items:center;justify-content:space-between;padding:3px 22px}.mini-paper-nav button{border:0;background:transparent;color:var(--red);font-size:29px;line-height:1;cursor:pointer}.mini-paper-nav button:disabled{opacity:.25}.mini-paper-nav span{font-size:11px;color:#777}.mini-paper-open{display:block;text-align:center;font-size:10px;margin-top:7px;color:#777}.editorial-panel{direction:rtl;background:#e9e3d7;padding:14px 30px 18px;min-height:350px;border-top:1px solid #aaa;border-bottom:1px solid #aaa}.editorial-no{font-size:11px}.editorial-panel>h2{font:800 clamp(2.8rem,5vw,5.4rem)/1 "Noto Kufi Arabic";margin:0 0 12px}.editorial-rule{height:1px;background:#d5ccbe;margin-bottom:18px}.editorial-feature{display:grid;grid-template-columns:1.08fr .92fr;background:#fff;min-height:235px;overflow:hidden}.editorial-copy{padding:30px 34px;display:flex;flex-direction:column}.editorial-copy small{font-size:10px}.editorial-copy h3{font:800 clamp(1.3rem,2.2vw,2rem)/1.5 "Noto Kufi Arabic";margin:8px 0 12px}.editorial-copy p{font-size:13px;line-height:2;color:#5d574f;margin:0 0 12px}.editorial-copy span{font-size:11px;color:var(--red);margin-top:auto}.editorial-image{min-height:235px;background:#d8d4cd}.editorial-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .45s ease;
}

.editorial-feature:hover .editorial-image img{
  transform:scale(1.06);
}.designer-credit{opacity:.7;font-size:12px}
.mini-pdf-modal{position:fixed;z-index:1300;inset:0;background:#080808ed;display:none;place-items:center;padding:30px}.mini-pdf-modal.open{display:grid}.mini-pdf-modal canvas{max-width:92vw;max-height:90vh;background:#fff;box-shadow:0 8px 40px #000}.mini-pdf-modal button{position:absolute;top:20px;left:24px;width:46px;height:46px;border-radius:50%;border:1px solid #ffffff66;background:#111;color:#fff;font-size:28px;cursor:pointer}
@media(max-width:850px){.editorial-paper-section{padding:28px 20px 38px}.editorial-paper-layout{grid-template-columns:1fr;gap:28px}.editorial-panel{grid-row:1;padding:14px 16px 16px}.editorial-feature{grid-template-columns:1fr}.editorial-image{min-height:220px}.editorial-copy{padding:24px}.mini-paper{grid-row:2;width:min(245px,80vw);margin:auto}}

.mini-paper-image-modal{position:fixed;z-index:1300;inset:0;background:#080808ed;display:none;place-items:center;padding:30px}.mini-paper-image-modal.open{display:grid}.mini-paper-image-modal img{max-width:92vw;max-height:90vh;object-fit:contain;background:#fff;box-shadow:0 8px 40px #000}.mini-paper-image-modal button{position:absolute;top:20px;left:24px;width:46px;height:46px;border-radius:50%;border:1px solid #ffffff66;background:#111;color:#fff;font-size:28px;cursor:pointer}
/* ===== V0.5.4 editorial + clean miniature paper ===== */

.editorial-paper-section{
  background:var(--paper);
}

.editorial-paper-layout{
  align-items:stretch;
}

/* توحيد لون الافتتاحية مع المجلة */
.editorial-panel{
  background:var(--paper);
  min-height:0;
}

/* النسخة المصغرة */
.mini-paper{
  direction:rtl;
  min-width:0;
  display:flex;
}

.mini-paper-reader{
  width:100%;
  display:flex;
}

.mini-paper-frame{
  position:relative;
  width:100%;
  height:100%;
  min-height:100%;
  aspect-ratio:auto;
  padding:0;
  border:0;
  background:#e8e3da;
  overflow:hidden;
  box-shadow:0 2px 8px rgba(0,0,0,.16);
  cursor:zoom-in;
}

.mini-paper-page{
  display:block;
  width:112%!important;
  height:112%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center;
  margin:-6% 0 0 -6%;
  background:#fff;
  user-select:none;
  -webkit-user-drag:none;
}
/* أدوات التصفح فوق الصفحة نفسها */
.mini-paper-overlay{
  position:absolute;
  z-index:5;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 10px;
  opacity:0;
  transition:opacity .25s ease;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    rgba(0,0,0,.10),
    transparent 28%,
    transparent 72%,
    rgba(0,0,0,.10)
  );
}

.mini-paper-frame:hover .mini-paper-overlay{
  opacity:1;
}

/* الأسهم الشفافة */
.mini-paper-prev,
.mini-paper-next{
  pointer-events:auto;
  width:38px;
  height:38px;
  padding:0;
  border:1px solid rgba(255,255,255,.55);
  border-radius:50%;
  background:rgba(0,0,0,.28);
  color:#fff;
  font-family:Arial,sans-serif;
  font-size:29px;
  line-height:34px;
  cursor:pointer;
  backdrop-filter:blur(4px);
  transition:background .2s ease,transform .2s ease,opacity .2s ease;
}

.mini-paper-prev:hover,
.mini-paper-next:hover{
  background:rgba(0,0,0,.55);
  transform:scale(1.06);
}

.mini-paper-prev:disabled,
.mini-paper-next:disabled{
  opacity:.18;
  cursor:default;
  transform:none;
}

/* العداد داخل الصورة */
.mini-paper-counter{
  align-self:flex-end;
  margin-bottom:10px;
  padding:4px 9px;
  border-radius:999px;
  background:rgba(0,0,0,.38);
  color:#fff;
  font:400 10px Arial,sans-serif;
  direction:ltr;
  backdrop-filter:blur(4px);
}

/* الهاتف: نظهر الأدوات بخفة لأن hover غير موجود */
@media(max-width:850px){
  .editorial-paper-layout{
    align-items:start;
  }

  .mini-paper{
    width:min(245px,80vw);
    margin:auto;
  }

  .mini-paper-frame{
    aspect-ratio:.70;
  }

  .mini-paper-overlay{
    opacity:.72;
  }

  .mini-paper-prev,
  .mini-paper-next{
    width:34px;
    height:34px;
    font-size:25px;
  }
}
/* ===== V0.5.5 miniature paper natural size ===== */

.mini-paper{
  display:block;
  align-self:start;
}

.mini-paper-reader{
  display:block;
  width:100%;
}

.mini-paper-frame{
  position:relative;
  display:block;
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:auto;
  overflow:hidden;
  background:transparent;
}

.mini-paper-frame .mini-paper-page{
  position:relative;
  display:block;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  margin:0!important;
}
/* ===== V0.5.6 align miniature paper with editorial card ===== */

.mini-paper{
  padding-top:178px;
}
/* ===== V0.5.7 center miniature paper vertically ===== */

.mini-paper{
  padding-top:0!important;
  align-self:center!important;
}
.mini-paper{
  transform: translateY(55px);
}

/* ===== V0.5.8 editorial author compact identity ===== */
.editorial-author{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid #eee;
  display:flex;
  align-items:center;
  gap:10px;
  color:#222;
  font-size:12px;
}
.editorial-author img{
  width:38px!important;
  height:38px!important;
  min-width:38px;
  border-radius:50%;
  object-fit:cover;
  object-position:center;
  filter:grayscale(1);
  display:block;
}
.editorial-author span{
  margin:0!important;
  color:#222!important;
  font-size:12px!important;
}


/* ===== V0.5.9 restore fixed-grid image-only card hover ===== */
.interactive-cards,
.interactive-cards.row-focus,
.interactive-cards.card-takeover,
.interactive-cards.preview-mode.card-takeover{
  grid-template-columns:repeat(3,1fr)!important;
}
.interactive-card,
.interactive-cards.row-focus .interactive-card.row-focused,
.interactive-cards.row-focus .interactive-card.row-peer-hidden,
.interactive-cards.card-takeover .interactive-card.card-focused-final,
.interactive-cards.card-takeover .interactive-card.card-hidden-final,
.interactive-card.card-peer-fading,
.interactive-card.preview-source-hidden{
  grid-column:auto!important;
  width:auto!important;
  min-height:370px!important;
  display:flex!important;
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
  box-shadow:none!important;
}
.row-preview-panel{display:none!important}
.interactive-cards .interactive-card .card-link,
.interactive-cards .interactive-card .card-content,
.interactive-cards.row-focus .interactive-card.row-focused .card-link,
.interactive-cards.row-focus .interactive-card.row-focused .card-content,
.interactive-cards.card-takeover .interactive-card.card-focused-final .card-link,
.interactive-cards.card-takeover .interactive-card.card-focused-final .card-content{
  min-height:370px!important;
}
.interactive-cards .interactive-card .card-content,
.interactive-cards.row-focus .interactive-card.row-focused .card-content,
.interactive-cards.card-takeover .interactive-card.card-focused-final .card-content{
  padding:24px!important;
}
.interactive-card .card-cover{
  filter:grayscale(1)!important;
  transform:scale(1.03)!important;
  transition:opacity .55s ease,transform .75s ease,filter .55s ease!important;
}
.interactive-card .card-link:hover .card-cover{
  opacity:.78!important;
  filter:grayscale(0)!important;
  transform:scale(1.01)!important;
}
.interactive-card .expanded-read{display:none!important}
@media(max-width:850px){
  .interactive-cards,
  .interactive-cards.row-focus,
  .interactive-cards.card-takeover,
  .interactive-cards.preview-mode.card-takeover{
    grid-template-columns:1fr!important;
  }
}



/* ===== V0.6.0 footer alignment only ===== */
footer{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  align-items:center;
  row-gap:18px;
  direction:rtl;
}
footer>strong{
  grid-column:1;
  grid-row:1;
  justify-self:start;
  text-align:right;
}
footer>div:first-of-type{
  grid-column:2;
  grid-row:1;
  justify-self:end;
  text-align:left;
  direction:rtl;
}
footer>div:last-of-type{
  grid-column:1 / -1!important;
  grid-row:2;
  justify-self:center;
  width:100%!important;
  margin-top:0!important;
  text-align:center!important;
  direction:ltr;
}
footer .designer-credit{
  display:inline-block;
}
@media(max-width:850px){
  footer{
    grid-template-columns:1fr;
    text-align:center;
  }
  footer>strong,
  footer>div:first-of-type,
  footer>div:last-of-type{
    grid-column:1!important;
    justify-self:center;
    text-align:center!important;
  }
  footer>strong{grid-row:1}
  footer>div:first-of-type{grid-row:2}
  footer>div:last-of-type{grid-row:3}
}


/* ===== V0.6.1 slider author identity only ===== */
.hero-slider .author-chip{
  grid-template-columns:64px minmax(0,1fr) auto;
  column-gap:18px;
  max-width:760px;
}
.hero-slider .author-chip>div{min-width:0}
.hero-slider .author-chip strong{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.hero-slider .author-chip>a:last-child{
  margin-inline-start:26px;
  white-space:nowrap;
}
@media(max-width:850px){
  .hero-slider .author-chip{grid-template-columns:54px minmax(0,1fr);column-gap:13px}
  .hero-slider .author-chip>a:last-child{grid-column:2;margin-inline-start:0}
}


/* ===== V0.6.2 slider author identity correction only ===== */
.hero-slider .author-chip,
.hero-slider .author-chip > div,
.hero-slider .author-chip > div small,
.hero-slider .author-chip > div span,
.hero-slider .author-chip > div strong,
.hero-slider .author-chip > a:last-child{
  color:#fff!important;
}

.hero-slider .author-chip > .author-avatar-static,
.hero-slider .author-chip > a.author-avatar-static{
  grid-column:1!important;
  grid-row:1!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  margin:0!important;
  align-self:center;
  justify-self:center;
}

.hero-slider .author-chip > .author-avatar-static img,
.hero-slider .author-chip > a.author-avatar-static img{
  position:static!important;
  display:block!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center center!important;
  border:3px solid #fff!important;
  margin:0!important;
}

.hero-slider .author-chip > div{
  grid-column:2!important;
  grid-row:1!important;
}

.hero-slider .author-chip > a:last-child{
  grid-column:3!important;
  grid-row:1!important;
  margin-inline-start:30px!important;
  white-space:nowrap!important;
}

@media(max-width:850px){
  .hero-slider .author-chip{
    grid-template-columns:58px minmax(0,1fr) auto!important;
    column-gap:13px!important;
  }

  .hero-slider .author-chip > a:last-child{
    grid-column:3!important;
    grid-row:1!important;
    margin-inline-start:18px!important;
  }

  .hero-slider .author-chip strong{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}