/* 0007 audit Wave 2 — shared blog page enhancements.
   Loaded after each article's inline CSS so we can rely on its CSS vars
   (--ink, --gold, --parchment, --parchment-mid, --stone). */

.related-reading{
  max-width:700px;
  margin:3rem auto 1rem;
  padding:2rem 2rem 1.5rem;
  border-top:1px solid rgba(212,168,67,0.1)
}
.related-reading h2{
  font-family:'Cormorant Garamond',serif;
  font-size:1.4rem;
  font-weight:600;
  color:var(--gold);
  margin-bottom:1rem;
  padding-top:0;
  border-top:none
}
.related-reading ul{
  list-style:none;
  padding:0;
  margin:0
}
.related-reading li{
  padding:.55rem 0;
  font-size:1.02rem;
  border-bottom:1px solid rgba(212,168,67,0.07)
}
.related-reading li:last-child{border-bottom:none}
.related-reading a{
  color:var(--parchment-mid,var(--parchment));
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  transition:color .2s
}
.related-reading a:hover{color:var(--gold)}
.related-reading a::before{
  content:'\2192';
  color:var(--gold);
  flex:0 0 auto;
  opacity:.6;
  transition:transform .2s,opacity .2s
}
.related-reading a:hover::before{transform:translateX(2px);opacity:1}

.article-share{
  max-width:700px;
  margin:0 auto 2rem;
  padding:0 2rem;
  display:flex;
  align-items:center;
  gap:.7rem;
  flex-wrap:wrap;
  font-size:.85rem;
  color:var(--stone)
}
.article-share .share-label{
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--stone);
  margin-right:.2rem
}
.article-share a,.article-share button{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  background:rgba(14,30,62,.5);
  border:1px solid rgba(212,168,67,.18);
  color:var(--parchment);
  padding:.4rem .85rem;
  border-radius:6px;
  cursor:pointer;
  font-family:inherit;
  font-size:.85rem;
  text-decoration:none;
  transition:border-color .2s,color .2s,background .2s
}
.article-share a:hover,.article-share button:hover{
  border-color:var(--gold);
  color:var(--gold);
  background:rgba(212,168,67,.08)
}
.article-share .copied-pill{
  font-size:.78rem;
  color:var(--gold);
  margin-left:.3rem;
  opacity:0;
  transition:opacity .2s
}
.article-share .copied-pill.show{opacity:1}

/* ──────────────────────────────────────────────────────────────────
 * Blog newsletter signup — 0007 audit Wave 2 (Baymard #94: exit-intent
 * + bottom-of-long-form converts better than mid-marketing-page).
 * Lives between the article and the share aside on every blog page.
 * AJAX submit handled by /assets/email-form.js (shared with home).
 * ──────────────────────────────────────────────────────────────────*/
.blog-newsletter{
  max-width:700px;
  margin:2rem auto 1rem;
  padding:2rem 2rem 1.6rem;
  background:linear-gradient(135deg,rgba(14,30,62,.6),rgba(8,13,28,.8));
  border:1px solid rgba(212,168,67,0.22);
  border-radius:14px;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.blog-newsletter::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--gold,#D4A843),transparent);
  opacity:.55;
}
.blog-newsletter h2{
  font-family:'Cormorant Garamond',serif;
  font-size:1.4rem;
  font-weight:600;
  color:var(--gold,#D4A843);
  margin:0 0 .5rem;
  border:none;
  padding:0;
}
.blog-newsletter p{
  font-size:.95rem;
  color:var(--parchment-mid,rgba(240,221,184,0.78));
  line-height:1.55;
  max-width:480px;
  margin:0 auto 1.2rem;
}
.blog-newsletter .email-form{
  display:flex;
  gap:.6rem;
  max-width:440px;
  margin:0 auto;
  flex-wrap:wrap;
  justify-content:center;
}
.blog-newsletter .email-input{
  flex:1 1 220px;
  min-width:200px;
  padding:.65rem 1rem;
  background:rgba(240,221,184,0.06);
  border:1px solid rgba(212,168,67,0.25);
  border-radius:6px;
  color:var(--parchment,#F0DDB8);
  font-family:'EB Garamond',Georgia,serif;
  font-size:1rem;
  outline:none;
  transition:border-color .2s,background .2s;
}
.blog-newsletter .email-input:focus{
  border-color:var(--gold,#D4A843);
  background:rgba(240,221,184,0.1);
}
.blog-newsletter .email-input::placeholder{
  color:rgba(240,221,184,0.4);
  font-style:italic;
}
.blog-newsletter .email-submit{
  background:var(--gold,#D4A843);
  color:var(--ink,#080D1C);
  border:none;
  font-family:'EB Garamond',Georgia,serif;
  font-weight:700;
  font-size:1rem;
  padding:.65rem 1.4rem;
  border-radius:6px;
  cursor:pointer;
  transition:transform .15s,box-shadow .2s;
  letter-spacing:.01em;
}
.blog-newsletter .email-submit:hover{
  transform:translateY(-1px);
  box-shadow:0 4px 14px rgba(212,168,67,0.28);
}
.blog-newsletter .email-submit:disabled{
  opacity:.65;
  cursor:wait;
  transform:none;
  box-shadow:none;
}
.blog-newsletter .email-note{
  font-size:.75rem;
  color:var(--stone,#A09880);
  margin-top:.7rem;
  letter-spacing:.04em;
  opacity:.85;
}
.blog-newsletter .email-success{
  display:none;
  color:var(--gold,#D4A843);
  font-size:1.05rem;
  font-family:'Cormorant Garamond',serif;
}
.blog-newsletter .email-success p{margin:0;color:inherit}
.blog-newsletter .email-form.ef-hidden{display:none}
.blog-newsletter .email-success.es-show{display:block}

@media (max-width:520px){
  .blog-newsletter{padding:1.6rem 1.4rem 1.3rem;margin-left:1rem;margin-right:1rem}
  .blog-newsletter h2{font-size:1.25rem}
}

/* ──────────────────────────────────────────────────────────────────
 * Print stylesheet — 0007 audit Wave 3.
 * Users who hit Cmd+P on a blog article get a clean printable view:
 * dark site chrome stripped, nav/share/related hidden, white paper,
 * black ink, content-only. Dedicated printable PDFs still live at
 * /downloads/* — this is the fallback for users who want to print
 * the full article body.
 * ──────────────────────────────────────────────────────────────────*/
@media print{
  html, body{
    background:#fff !important;
    color:#000 !important;
    font-size:11.5pt !important;
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact;
  }
  body * {
    background:transparent !important;
    color:#000 !important;
    border-color:#999 !important;
    box-shadow:none !important;
    text-shadow:none !important;
  }
  /* Strip site chrome and interactive widgets that don't belong on paper */
  .site-nav, nav, header.article-header .breadcrumb,
  .article-share, .related-reading, .cta-box, .article-footer,
  .blog-newsletter,
  footer.page-footer, footer, .scroll-progress, #ls-web-topbar,
  #ls-sw-refresh-toast, .nav-overlay, button.copy-link {
    display:none !important;
  }
  /* Keep the article header (title + meta) but tighten it */
  header.article-header {
    padding:0 0 1rem !important;
    text-align:left !important;
    max-width:none !important;
    border-bottom:1px solid #999 !important;
    margin-bottom:1rem !important;
  }
  header.article-header h1 {
    font-family:'Cormorant Garamond',Georgia,serif !important;
    font-size:22pt !important;
    font-weight:600 !important;
    color:#000 !important;
    line-height:1.15 !important;
  }
  header.article-header .meta {
    font-size:9.5pt !important;
    color:#444 !important;
    margin-top:.25rem !important;
  }
  article {
    max-width:none !important;
    padding:0 !important;
    margin:0 auto !important;
  }
  article h2 {
    font-family:'Cormorant Garamond',Georgia,serif !important;
    color:#000 !important;
    font-size:14pt !important;
    border-top:none !important;
    padding-top:0 !important;
    margin-top:1rem !important;
    page-break-after:avoid;
    break-after:avoid;
  }
  article p, article li {
    color:#000 !important;
    font-size:11pt !important;
    line-height:1.45 !important;
    orphans:3;
    widows:3;
  }
  a, a:visited {
    color:#000 !important;
    text-decoration:none !important;
  }
  /* Surface link URLs in print so readers can revisit them later. */
  article a[href^="http"]::after,
  article a[href^="/"]::after {
    content:" (" attr(href) ")";
    font-size:9pt;
    color:#666;
  }
  /* Print URL helper at the very top of the page */
  body::before {
    content:"applinguasacra.com" !important;
    display:block !important;
    position:static !important;
    background:transparent !important;
    inset:auto !important;
    pointer-events:auto !important;
    z-index:auto !important;
    font-family:'Cormorant Garamond',Georgia,serif !important;
    font-size:8pt !important;
    color:#999 !important;
    text-align:right !important;
    margin-bottom:.4rem !important;
    letter-spacing:.15em !important;
    text-transform:uppercase !important;
    background-image:none !important;
    width:auto !important;
    height:auto !important;
  }
  /* Page margins (Chrome / Safari respect this; Firefox needs user
   * settings tweak). Half-inch all around fits most home printers. */
  @page {
    margin:0.55in 0.7in;
    size:auto;
  }
}