/* ============================================================
   VIDEHA · EDITORIAL READING SKIN
   New Yorker / Paris Review register.
   Reading surface = cream #FAF6EE (matches index.htm prose &
   poetry blocks). Page field is a quieter parchment so the
   article column reads as a printed page laid on a table.
   Scoped to .videha-main-content so site chrome is untouched.
   ============================================================ */
:root{
  --vd-cream:#FAF6EE;      /* reading surface (prose/poetry block) */
  --vd-field:#EFE9DC;      /* page field behind the column        */
  --vd-rule:#D8CFC0;       /* hairline                            */
  --vd-crimson:#8B1A1A;    /* display + drop cap + links          */
  --vd-gold:#C49A3C;       /* accent rule                         */
  --vd-ink:#23201B;        /* body ink (warm near-black)          */
  --vd-ink-soft:#544D42;   /* captions / meta                     */
}

/* page field behind the reading column */
body{ background:var(--vd-field) !important; color:var(--vd-ink); }

/* the reading column itself */
.videha-main-content .boxOutline{
  background:var(--vd-cream) !important;
  border:1px solid var(--vd-rule) !important;
  border-radius:2px !important;
  box-shadow:0 1px 0 #fff inset, 0 6px 22px rgba(35,32,27,.07);
  max-width:760px;            /* New Yorker measure */
  margin:26px auto 40px !important;
  padding:40px 52px 46px !important;
  position:relative;
}
/* thin gold rule across the very top of the page, broadsheet cue */
.videha-main-content .boxOutline::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--vd-crimson) 0 38%,var(--vd-gold) 38% 100%);
  border-radius:2px 2px 0 0;
}

/* the running-head strip above the column: make it a quiet eyebrow */
.videha-main-content .clrStrip{
  background:linear-gradient(90deg,#C77B2C 0%,#8B1A1A 50%,#1F2A44 100%) !important;
  color:#FAF6EE !important;
  padding:10px 16px !important;
  margin:6px 0 12px !important;
  border:0 !important;border-radius:2px !important;
  box-shadow:0 2px 4px rgba(31,42,68,.08) !important;
}
.videha-main-content .clrStrip center,
.videha-main-content .clrStrip font,
.videha-main-content .clrStrip span{
  color:#FAF6EE !important;
  font-family:'Noto Serif Devanagari','Playfair Display',Georgia,serif !important;
  font-style:normal;font-weight:600;font-size:1.1em;letter-spacing:0;
  max-width:none;margin:0;padding:0;border-bottom:0 !important;
  text-transform:none;
}

/* refresh / grayBox notice — fold it into the editorial palette */
.videha-main-content .grayBox{
  background:#F3ECDC !important;border:0 !important;
  border-left:3px solid var(--vd-gold) !important;
  border-radius:0 2px 2px 0 !important;
  padding:8px 14px !important;margin:0 0 18px !important;
}
.videha-main-content .videha-refresh-note{
  font-family:'Libre Baskerville',Georgia,serif;
  font-size:.72rem;line-height:1.5;color:var(--vd-ink-soft);
}
.videha-main-content .videha-refresh-keys{ color:#8a8170; }

/* ---- TYPOGRAPHY ------------------------------------------- */
.videha-main-content #content,
.videha-main-content .boxOutline{
  font-family:'Libre Baskerville','Noto Serif Devanagari',Georgia,serif;
}

/* body paragraphs: true reading measure, justified, warm ink */
.videha-main-content #content .MsoNormal,
.videha-main-content #content p{
  font-family:'Noto Serif Devanagari','Libre Baskerville',Georgia,serif !important;
  color:var(--vd-ink);
  font-size:1.02rem;
  line-height:1.95 !important;
  text-align:justify;
  text-justify:inter-word;
  margin:0 0 1.05em !important;
  -webkit-hyphens:auto;hyphens:auto;
}
:lang(mai) .videha-main-content #content p,
.videha-main-content #content p:lang(mai){ line-height:1.98 !important; }

/* headings → Playfair / IM Fell display, crimson, like a title page */
.videha-main-content #content b span,
.videha-main-content #content strong span,
.videha-main-content #content h1,
.videha-main-content #content h2,
.videha-main-content #content h3{
  font-family:'Playfair Display','Noto Serif Devanagari',Georgia,serif !important;
  color:var(--vd-crimson) !important;
  line-height:1.25 !important;
  letter-spacing:.005em;
}

/* the big author/title line (font-size 18pt in source) reads as a deck */
.videha-main-content #content span[style*="18.0pt"]{
  font-family:'Playfair Display','Noto Serif Devanagari',serif !important;
  color:var(--vd-crimson) !important;
  display:inline-block;
}

/* drop-cap on the first real paragraph of the article — Paris Review cue.
   Applied only to a paragraph explicitly opted-in via .vd-lede to avoid
   capping image-only or heading paragraphs. */
.videha-main-content #content p.vd-lede::first-letter{
  font-family:'Playfair Display',Georgia,serif;
  font-size:3.4em;line-height:.84;font-weight:700;
  color:var(--vd-crimson);
  float:left;margin:.02em .10em -.04em 0;
}

/* links: crimson, restrained underline */
.videha-main-content #content a{
  color:var(--vd-crimson) !important;
  text-decoration:none;
  border-bottom:1px solid rgba(139,26,26,.32);
  transition:border-color .15s,background .15s;
}
.videha-main-content #content a:hover{
  border-bottom-color:var(--vd-crimson);
  background:rgba(196,154,60,.12);
}

/* images centred, framed like editorial plates */
.videha-main-content #content img{
  max-width:100%;height:auto;display:block;margin:1.4em auto;
  border:1px solid var(--vd-rule);
  background:#fff;padding:5px;
  box-shadow:0 4px 14px rgba(35,32,27,.10);
}
/* small inline portrait/thumbnails shouldn't be forced full-width-block */
.videha-main-content #content img[width]{ display:block; }

/* captions (the 8pt italic notes) */
.videha-main-content #content span[style*="8.0pt"],
.videha-main-content #content i span[lang]{
  color:var(--vd-ink-soft);
}

/* a slim section divider feel for empty/spacer paragraphs */
.videha-main-content #content hr{
  border:0;height:1px;background:var(--vd-rule);
  width:42%;margin:1.8em auto;
}

/* selection in house colours */
.videha-main-content #content ::selection{
  background:rgba(196,154,60,.30);
}

/* ---- RESPONSIVE ------------------------------------------- */
@media (max-width:820px){
  .videha-main-content .boxOutline{
    margin:14px 10px 28px !important;
    padding:26px 20px 30px !important;
  }
  .videha-main-content .clrStrip center,
.videha-main-content .clrStrip font,
.videha-main-content .clrStrip span{
  color:#FAF6EE !important;
  font-family:'Noto Serif Devanagari','Playfair Display',Georgia,serif !important;
  font-style:normal;font-weight:600;font-size:1.1em;letter-spacing:0;
  max-width:none;margin:0;padding:0;border-bottom:0 !important;
  text-transform:none;
}
  .videha-main-content #content .MsoNormal,
  .videha-main-content #content p{ font-size:.99rem; }
  .videha-main-content #content p.vd-lede::first-letter{ font-size:2.9em; }
}
@media (prefers-reduced-motion:reduce){
  .videha-main-content #content a{ transition:none; }
}