/* final-polish.css — final visual consistency overrides */
:root{
  --vizon:#8C867E;
  --muted:#8C867E;
  --rule:#EEEAE4;
  --rule-strong:#D8D2C8;
}

html,body{background:#fff!important}
.container{box-shadow:none!important}

/* keep supporting text in one consistent light-vizon register */
.essay-subtitle,
.essay-meta-info,
.essay-meta-author,
.essay-body p,
.essay-body blockquote,
.essay-body ul,
.essay-body ol,
.essay-nav a,
.series-thumb-label,
.drawer-essay-card-subtitle,
.asym-subtitle,
.asym-meta,
.section-subtitle,
.hero-quote-text,
.about-text p,
.book-description p,
.moris-caption,
.footer-meta{color:var(--vizon)!important}

/* preserve hierarchy */
.essay-header h1,
.asym-title,
.book-title,
.section-title,
.about-name{color:var(--petrol)!important}
.hero-quote-source,
.hero-quote-source i{color:var(--petrol)!important}

/* make all card subtitles use the same italic rhythm */
.asym-subtitle,
.asym-card.is-featured .asym-subtitle,
.drawer-essay-card-subtitle{font-style:italic!important;color:var(--vizon)!important}

/* note used on On Silence */
.piece-note{font-size:.95rem!important;line-height:1.55!important;color:var(--vizon)!important;border-left:2px solid var(--petrol);padding:10px 0 10px 16px;margin-bottom:30px!important;font-style:italic;background:transparent}

/* keep each homepage section consistent: first card featured, following cards secondary */
#on-series .asym-card.is-featured .asym-thumb-wrap,
#fragments-arc .asym-card.is-featured .asym-thumb-wrap,
#pieces .asym-card.is-featured .asym-thumb-wrap{aspect-ratio:16/8!important}

/* footer spacing — consistent across all pages */
footer .footer-inner{padding-top:72px!important;padding-bottom:52px!important}
footer .footer-grid{gap:22px!important}
footer section.footer-col{padding-top:0!important;border-top:none!important}
footer .footer-col + .footer-col{padding-top:20px!important}
footer .footer-rule{margin:28px auto!important}
footer .footer-rule-bottom{margin-top:32px!important;margin-bottom:20px!important}

/* Book and Moris now share the same visual alignment language */
#book .book-grid{display:grid!important;grid-template-columns:minmax(320px,420px) minmax(0,1fr)!important;gap:42px!important;align-items:start!important}
#book .book-cover{height:360px!important;width:auto!important;max-height:360px!important;max-width:100%!important;margin:0 auto!important}
#book .book-content{align-self:start!important;padding-top:0!important}

/* Moris echoes the Book section but with a larger square video */
#moris .moris-card{display:grid!important;grid-template-columns:minmax(320px,420px) minmax(0,1fr)!important;gap:42px!important;align-items:start!important;max-width:none!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
#moris .moris-right-col{grid-column:1!important;grid-row:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;width:360px!important;max-width:100%!important;margin:0 auto!important}
#moris .moris-video{width:360px!important;height:360px!important;max-width:100%!important;max-height:none!important;aspect-ratio:1/1!important;overflow:hidden!important}
#moris .moris-video-thumb{width:100%!important;height:100%!important;object-fit:cover!important}
#moris .moris-caption{text-align:center!important;width:360px!important;max-width:100%!important;margin:12px 0 0!important}
#moris .about-text{grid-column:2!important;grid-row:1!important;max-width:720px!important;margin:0!important;padding-top:0!important}

@media(max-width:900px){
  #book .book-grid{grid-template-columns:1fr!important;gap:24px!important}
  #book .book-cover{height:auto!important;width:min(240px,100%)!important;max-height:none!important;margin:0!important}
  #moris .moris-card{grid-template-columns:1fr!important;gap:24px!important}
  #moris .moris-right-col{grid-column:1!important;grid-row:1!important;margin:0!important;align-items:flex-start!important;width:min(360px,100%)!important;max-width:100%!important}
  #moris .moris-video{width:min(360px,100%)!important;height:auto!important;aspect-ratio:1/1!important}
  #moris .moris-caption{width:min(360px,100%)!important;text-align:center!important}
  #moris .about-text{grid-column:1!important;grid-row:2!important;max-width:100%!important}
  footer .footer-inner{padding-top:72px!important;padding-bottom:52px!important}
  footer .footer-grid{gap:22px!important}
  footer .footer-col + .footer-col{padding-top:20px!important}
  footer .footer-rule{margin:28px auto!important}
  footer .footer-rule-bottom{margin-top:32px!important;margin-bottom:20px!important}
}

@media(max-width:600px){
  .site-drawer{padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 64px)!important}
  .drawer-section-links{margin-bottom:18px!important}
  footer .footer-inner{padding-top:58px!important;padding-bottom:42px!important}
  footer .footer-grid{gap:16px!important}
  footer section.footer-col{padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}
  footer .footer-col + .footer-col{padding-top:14px!important}
}