/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@14.2.18_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/.pnpm/next@14.2.18_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./app/blog/[slug]/page.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Blog post page — scoped styles. Tokens from globals.css, fonts from layout.tsx. */

.page_wrap__MhVGk { max-width: 1280px; margin: 0 auto; padding: 0 32px; }

/* ─── Nav (identical to blog listing) ─── */
.page_navBar__WfC3L {
  position: sticky; top: 0; z-index: 50;
  background: rgba(255,255,255,0.92);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgb(var(--rule) / 0.10);
}
.page_nav__TwIFV { display: flex; justify-content: space-between; align-items: center; padding: 18px 0; }
.page_brand__0odgd { display: inline-flex; align-items: baseline; gap: 6px; color: rgb(var(--ink)); text-decoration: none; }
.page_brandMark__laqll {
  font-family: var(--font-bodoni), serif;
  font-size: 34px; font-weight: 700;
  color: rgb(var(--ink)); letter-spacing: -0.015em; line-height: 1;
}
.page_brandDot__8FJJ9 { color: rgb(var(--accent)); }
.page_brandTagline__cIgjw {
  font-family: var(--font-caveat), cursive;
  color: rgb(var(--accent)); font-size: 24px; font-weight: 500;
  line-height: 1; margin-left: 2px; margin-bottom: -2px;
}
.page_navRight__dGSUf {
  display: flex; align-items: center; gap: 28px;
  font-family: var(--font-bricolage), sans-serif;
  font-size: 14px; color: rgb(var(--ink-soft)); font-weight: 500;
}
.page_navRight__dGSUf a:not(.page_navCta__XDzvw) { color: inherit; text-decoration: none; transition: color 0.2s; }
.page_navRight__dGSUf a:not(.page_navCta__XDzvw):hover { color: rgb(var(--accent)); }
.page_navActive__dRHdr { color: rgb(var(--accent)) !important; font-weight: 700 !important; }
.page_navRight__dGSUf .page_navCta__XDzvw {
  background: rgb(var(--accent)); color: white;
  padding: 12px 24px; border-radius: 999px;
  font-family: var(--font-bricolage), sans-serif;
  font-size: 13px; font-weight: 600; letter-spacing: 0.02em;
  text-decoration: none; cursor: pointer;
  transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
}
.page_navRight__dGSUf .page_navCta__XDzvw:hover {
  background: rgb(var(--accent-deep)); color: white;
  transform: translateY(-1px);
  box-shadow: 0 8px 16px -6px rgba(253, 108, 139, 0.4);
}
.page_navHideMobile__lKz_8 { display: inline; }

/* ─── Article Header ─── */
.page_articleHeader__41PcN {
  background: linear-gradient(160deg, rgb(var(--paper-deep)) 0%, rgb(var(--paper)) 70%);
  padding: 56px 0 48px;
  position: relative; overflow: hidden;
}
.page_articleHeader__41PcN::before {
  content: ''; position: absolute; top: -120px; right: -80px;
  width: 500px; height: 500px;
  background: radial-gradient(circle, rgba(253, 108, 139,0.07), transparent 65%);
  pointer-events: none;
}
.page_articleHeaderInner__M9sgs { position: relative; z-index: 1; }

.page_breadcrumb__X5vyA {
  font-family: var(--font-bricolage), sans-serif;
  font-size: 12px; color: rgb(var(--ink-muted));
  margin-bottom: 24px;
  display: flex; align-items: center; gap: 6px;
}
.page_breadcrumb__X5vyA a { color: inherit; text-decoration: none; transition: color 0.2s; }
.page_breadcrumb__X5vyA a:hover { color: rgb(var(--accent)); }
.page_breadcrumb__X5vyA span { opacity: 0.45; }
.page_breadcrumbCurrent__NcgiH { color: rgb(var(--ink-soft)); }

.page_categoryTag__CFi1_ {
  display: inline-block;
  font-family: var(--font-bricolage), sans-serif;
  font-size: 10px; font-weight: 700;
  letter-spacing: 0.12em; text-transform: uppercase;
  background: rgb(var(--accent-soft)); color: rgb(var(--accent-deep));
  padding: 5px 12px; border-radius: 999px;
  margin-bottom: 18px;
}
.page_articleTitle__o35uD {
  font-family: var(--font-fraunces), serif;
  font-size: clamp(2rem, 4.5vw, 3.2rem);
  font-weight: 700; color: rgb(var(--ink));
  line-height: 1.2; letter-spacing: -0.025em;
  max-width: 760px; margin: 0 0 20px;
}
.page_articleMeta__vYv_y {
  display: flex; align-items: center; gap: 16px;
  font-family: var(--font-bricolage), sans-serif;
  font-size: 13px; color: rgb(var(--ink-muted)); font-weight: 500;
}
.page_articleMetaDot__YtQOo {
  width: 4px; height: 4px;
  background: rgb(var(--accent) / 0.35); border-radius: 50%;
}
.page_accentRule__1IqAv {
  width: 60px; height: 3px;
  background: rgb(var(--accent));
  border-radius: 2px;
  margin-top: 28px;
}

/* ─── Article Body ─── */
.page_articleBody__K6_0r {
  background: rgb(var(--paper));
  padding: 64px 0 80px;
}
.page_articleBodyInner__aPaF3 {
  max-width: 720px; margin: 0 auto; padding: 0 32px;
}
.page_articleSection__zQA0w { margin-bottom: 48px; }
.page_articleSection__zQA0w:last-child { margin-bottom: 0; }
.page_articleSectionH2__qlU6W {
  font-family: var(--font-fraunces), serif;
  font-size: 1.25rem; font-weight: 700;
  color: rgb(var(--ink)); line-height: 1.3;
  letter-spacing: -0.01em; margin: 0 0 12px;
}
.page_articleSectionP__hPzvR {
  font-family: var(--font-bricolage), sans-serif;
  font-size: 1.05rem; color: rgb(var(--ink-soft));
  line-height: 1.75; margin: 0;
}

/* ─── Related Posts ─── */
.page_relatedSection__yDEnL {
  background: linear-gradient(160deg, rgb(var(--paper-deep)) 0%, rgb(var(--accent-soft) / 0.3) 100%);
  padding: 64px 0;
}
.page_relatedHead__h3yG7 { margin-bottom: 32px; }
.page_relatedEyebrow__l38xB {
  font-family: var(--font-bricolage), sans-serif;
  font-size: 11px; font-weight: 700;
  letter-spacing: 0.16em; text-transform: uppercase;
  color: rgb(var(--accent)); margin-bottom: 10px;
}
.page_relatedTitle__oqZOp {
  font-family: var(--font-fraunces), serif;
  font-size: 1.5rem; font-weight: 700;
  color: rgb(var(--ink)); letter-spacing: -0.01em;
}
.page_relatedGrid__2BCTy {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px;
}

/* ─── Article cards (same as listing page) ─── */
.page_articleCard__m35e4 {
  background: rgb(var(--paper));
  border-radius: 16px;
  box-shadow: 0 2px 12px -2px rgba(26, 26, 46, 0.08), 0 1px 4px -1px rgba(26, 26, 46, 0.04);
  overflow: hidden; display: flex; flex-direction: column;
  transition: transform 0.25s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.25s, border-color 0.25s;
  border: 1.5px solid rgb(var(--paper-deep));
  text-decoration: none; color: inherit;
}
.page_articleCard__m35e4:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 32px -8px rgba(26, 26, 46, 0.13), 0 4px 8px -2px rgba(253, 108, 139, 0.10);
  border-color: rgb(var(--accent-fill));
}
.page_articleCardStripe__MO5Mn {
  height: 5px;
  background: linear-gradient(90deg, rgb(var(--accent)) 0%, rgb(var(--accent-deep)) 100%);
}
.page_articleCardBody__CUsvY { padding: 24px; flex: 1; display: flex; flex-direction: column; gap: 10px; }
.page_articleCategoryTag__BSG90 {
  display: inline-block;
  font-family: var(--font-bricolage), sans-serif;
  font-size: 10px; font-weight: 700;
  letter-spacing: 0.12em; text-transform: uppercase;
  background: rgb(var(--accent-soft)); color: rgb(var(--accent-deep));
  padding: 4px 10px; border-radius: 999px; width: -moz-fit-content; width: fit-content;
}
.page_cardTitle__hI2iN {
  font-family: var(--font-fraunces), serif;
  font-size: 1.08rem; font-weight: 700;
  color: rgb(var(--ink)); line-height: 1.35;
  letter-spacing: -0.01em; margin: 0;
}
.page_cardExcerpt__2FR4m {
  font-family: var(--font-bricolage), sans-serif;
  font-size: 13.5px; color: rgb(var(--ink-muted));
  line-height: 1.55;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; flex: 1;
}
.page_cardMeta__bKnqN {
  font-family: var(--font-bricolage), sans-serif;
  font-size: 11.5px; color: rgb(var(--ink-muted)); font-weight: 500;
  display: flex; align-items: center; gap: 6px;
}
.page_cardMetaDot__KiLx4 {
  width: 4px; height: 4px;
  background: rgb(var(--accent) / 0.35); border-radius: 50%; display: inline-block;
}
.page_cardCta__UWC9W {
  font-family: var(--font-bricolage), sans-serif;
  font-size: 13px; font-weight: 700;
  color: rgb(var(--accent)); text-decoration: none;
  display: inline-flex; align-items: center; gap: 4px;
}

/* ─── Footer ─── */
.page_footer__ChRHt {
  background: rgb(var(--ink)); color: rgb(var(--paper)); padding: 64px 0 32px; margin-top: 80px;
}
.page_footerCta__fpDt9 {
  display: flex; justify-content: space-between; align-items: center;
  padding: 36px 40px; background: rgb(var(--accent));
  border-radius: 20px; margin-bottom: 48px; gap: 24px;
}
.page_footerCta__fpDt9 h3 {
  font-family: var(--font-fraunces), serif;
  font-size: 1.3rem; font-weight: 700; color: white; margin: 0 0 6px;
}
.page_footerCta__fpDt9 p {
  font-family: var(--font-bricolage), sans-serif;
  font-size: 14px; color: rgba(255,255,255,0.8);
  max-width: 480px; line-height: 1.5; margin: 0;
}
.page_footerCtaLink__xtkY6 {
  font-family: var(--font-bricolage), sans-serif;
  font-size: 13.5px; font-weight: 700; color: white;
  background: rgba(255,255,255,0.18); border: 1.5px solid rgba(255,255,255,0.35);
  padding: 12px 24px; border-radius: 999px;
  text-decoration: none; white-space: nowrap; transition: background 0.2s;
}
.page_footerCtaLink__xtkY6:hover { background: rgba(255,255,255,0.28); }
.page_footerCols__qTzYd {
  display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(255,255,255,0.1); margin-bottom: 24px;
}
.page_footerBrand__FFrSL h4 {
  font-family: var(--font-bodoni), serif;
  font-size: 1.5rem; font-weight: 700; color: white; margin: 0 0 10px;
}
.page_footerDot__iwyxm { color: rgb(var(--accent)); }
.page_footerTag__rbOwz {
  font-family: var(--font-caveat), cursive;
  font-size: 1.1rem; color: rgb(var(--accent)); font-weight: 500;
}
.page_footerBrand__FFrSL p {
  font-family: var(--font-bricolage), sans-serif;
  font-size: 14px; color: rgba(255,255,255,0.55); line-height: 1.5; margin: 0;
}
.page_footerCol__ZMiZo { display: flex; flex-direction: column; }
.page_footerCol__ZMiZo h5 {
  font-family: var(--font-bricolage), sans-serif;
  font-size: 11px; font-weight: 700; letter-spacing: 0.14em;
  text-transform: uppercase; color: rgba(255,255,255,0.45); margin: 0 0 14px;
}
.page_footerCol__ZMiZo a {
  font-family: var(--font-bricolage), sans-serif;
  font-size: 14px; color: rgba(255,255,255,0.65);
  text-decoration: none; padding: 5px 0; transition: color 0.2s;
}
.page_footerCol__ZMiZo a:hover { color: white; }
.page_footerBot__Muavk {
  display: flex; justify-content: space-between;
  font-family: var(--font-bricolage), sans-serif;
  font-size: 12px; color: rgba(255,255,255,0.35);
}

/* ─── Responsive ─── */
@media (max-width: 900px) {
  .page_wrap__MhVGk { padding: 0 20px; }
  .page_articleBodyInner__aPaF3 { padding: 0 20px; }
  .page_relatedGrid__2BCTy { grid-template-columns: 1fr; }
  .page_footerCta__fpDt9 { flex-direction: column; align-items: flex-start; }
  .page_footerCols__qTzYd { grid-template-columns: 1fr 1fr; gap: 28px; }
}
@media (max-width: 600px) {
  .page_navHideMobile__lKz_8 { display: none; }
  .page_articleTitle__o35uD { font-size: 1.8rem; }
  .page_footerCols__qTzYd { grid-template-columns: 1fr; }
  .page_footerBot__Muavk { flex-direction: column; gap: 6px; }
}

