/* THE SAREE ATLAS — E15.3.3 visual polish (loaded on every public page by the site shell, after e15-3-2.css). */

/* ---------- V01 — one space beneath the Previous / Next cards on every page ----------
   Pages used to differ (0–75 px) because each page's <main> carried its own bottom padding. The chapter links are
   always the last thing in <main>, so the space now belongs to them alone: about 104 px on desktop, less on smaller
   screens. The cards themselves are unchanged. */
main:has(> .e-chapter-nav){padding-bottom:0!important;margin-bottom:0!important}
.e-chapter-nav{margin-bottom:0;padding-bottom:clamp(64px,8vw,104px)}

/* ---------- V05 — Before the weave (Fabrics & Silks): the study uses the page's full column ----------
   Text keeps its reading measure; on wide screens each passage sits beside its photographs, diagram or questions,
   and the four questions run in one row across the column. Tablets and phones keep the single reading column. */
@media (min-width:1000px){
  .e332-study.e332-silk{max-width:none}
  .e332-silk .e332-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
  .e332-silk .e332-intro p{margin-top:0}
  .e332-silk .e332-steps{gap:14px;margin:22px 0 30px}
  .e332-silk .e332-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center;margin:30px 0}
  .e332-silk .e332-split--even{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
  .e332-silk .e332-split>.e332-pair,.e332-silk .e332-split>.e332-figure,.e332-silk .e332-split>.e332-ask{margin:0}
  .e332-silk .e332-split-text>.e332-h:first-child{margin-top:0}
  .e332-silk .e332-split-text>p:last-child{margin-bottom:0}
}

/* ---------- V07 — Aarti's portrait (Husband's Rescue Kit): the whole photograph, no side bands ----------
   The frame takes the photograph's own 2 : 3 shape at every width, so nothing is letterboxed, stretched or cropped.
   It opens in the site lightbox. */
.rescue-hero figure.rescue-portrait{max-width:300px!important;justify-self:end;align-self:center}
.rescue-hero figure.rescue-portrait img{width:100%;height:auto!important;max-height:none!important;aspect-ratio:2/3!important;object-fit:cover!important;object-position:50% 50%!important;background:none}
@media (max-width:820px){
  .rescue-hero figure.rescue-portrait{max-width:300px!important;justify-self:center!important;align-self:start!important}
  .rescue-hero figure.rescue-portrait img{aspect-ratio:2/3!important;object-position:50% 50%!important}
}
@media (max-width:420px){.rescue-hero figure.rescue-portrait{max-width:260px!important}}
.rescue-portrait .lb-badge{top:10px;bottom:auto}   /* on the photograph, not over the caption */

/* ---------- V08 — Handloom or powerloom (Materials & Verification): three comparisons, all open ----------
   Each comparison has a real subheading; the qualification follows all three. */
.e332-study h4.e332-step{margin:0 0 8px!important;font:600 1.24rem/1.3 var(--e-display)!important;letter-spacing:0!important;text-transform:none!important;color:var(--e-garnet)!important}
.e332-loom .e332-plate-row{margin:30px 0}
.e332-loom .e332-plate-row+.e332-plate-row{padding-top:30px;border-top:1px solid var(--e-line)}
@media (max-width:760px){.e332-loom .e332-plate-row{margin:22px 0}.e332-loom .e332-plate-row+.e332-plate-row{padding-top:22px}}

/* ---------- Consistency (as V07): See the Difference comparison plates ----------
   The square photographs sat letterboxed in wide frames in the full-width two-photograph plates. Each photograph now
   keeps its own shape — whole, unstretched, uncropped — across the plate's full width. */
.reference-comparison .comparison-tile img{height:auto!important;max-height:none!important}