/* Cielo sereno · Cases and journal. Load only with the public visual system. */
.serene-page :is(.serene-cases-hero,.serene-blog-index-hero) > .container-canvas { padding-block: 56px; }
.serene-page .serene-blog-index-hero .wave-anim { animation: none !important; }
.serene-page :is(.serene-cases-hero,.serene-blog-index-hero) h1 { max-width: 20ch; font-size: clamp(36px,4.5vw,60px) !important; }
.serene-page :is(.serene-cases-hero,.serene-blog-index-hero) p { max-width: 62ch; font-size: 18px; line-height: 1.65; margin-top: 24px; }
.serene-page .serene-cases-filters { background: #eaf4fa; border-color: #c9dae5; }
.serene-page .serene-cases-filters > .container-canvas { padding-block: 28px; }
.serene-page .serene-filter-row { align-items: start; gap: 8px 24px; }
.serene-page .serene-filter-row > span { padding-top: 14px; }
.serene-page .serene-filter-row > div { flex: 1; min-width: 0; }
.serene-page .serene-filter-row button { min-height: 44px; height: auto; border: 1px solid #c9dae5; background: #fff; color: #344c5b; font: 500 13px/1.5 "Inter",system-ui,sans-serif; padding: 10px 16px; }
.serene-page .serene-filter-row button[aria-pressed="true"] { border-color: #2e31c8; background: #2e31c8; color: #fff; }
.serene-page .serene-cases-filters label { min-height: 48px; border-color: #6c8798; background: #fff; }
.serene-page .serene-cases-filters input { font-size: 16px; }
.serene-page .serene-case-opening { gap: 32px; }
.serene-page .serene-case-hero h1 { font-size: clamp(34px,4.2vw,56px) !important; max-width: 24ch; }
.serene-page .serene-case-opening > div > p { font-size: 18px; line-height: 1.7; }
.serene-page .serene-case-actions { flex-wrap: wrap; }
.serene-page .serene-case-facts { padding: 24px; border-radius: 20px; min-width: 0; }
.serene-page .serene-case-facts img { max-width: 100%; height: auto; max-height: 56px; }
.serene-page .serene-case-facts > .display { font: 600 26px/1.3 "Manrope","Inter",sans-serif; letter-spacing: -.025em; overflow-wrap: anywhere; }
.serene-page .serene-case-facts dl { font: 400 13px/1.6 "Inter",system-ui,sans-serif; }
.serene-page .serene-case-facts dl > div { gap: 12px; }
.serene-page .serene-case-facts dd { text-align: right; min-width: 0; overflow-wrap: anywhere; }
.serene-page .serene-case-facts > p { font-size: 14px; line-height: 1.65; }
.serene-page .serene-case-cover-layout { display: block; padding-block: 24px var(--serene-space); }
.serene-page .serene-case-cover { position: static; border: 0; border-radius: 0; overflow: visible; background: transparent; }
.serene-page .serene-case-cover img { display: block; width: 100%; height: auto; object-fit: contain; }
.serene-page .serene-case-story { max-width: 760px; margin: var(--serene-space) auto 0; }
.serene-page .serene-case-story > * + * { margin-top: 56px; }
.serene-page .serene-case-chapter { padding-top: 48px; }
.serene-page :is(.serene-case-story,.serene-case-no-cover) p.text-lg { font-size: 18px; line-height: 1.75; }
.serene-page :is(.serene-case-story,.serene-case-no-cover) li { font-size: 16px; line-height: 1.7; }
.serene-page :is(.serene-case-story,.serene-case-no-cover) :has(> .serene-case-result-card) { grid-template-columns: 1fr; }
.serene-page .serene-case-result-card { border-radius: 16px; background: #eaf4fa; padding: 24px; }
.serene-page .serene-case-result-card > p:first-child { font: 600 19px/1.4 "Manrope","Inter",sans-serif; letter-spacing: -.02em; }
.serene-page .serene-case-result-card > p + p { font-size: 15px; line-height: 1.7; color: #344c5b; }
.serene-page .serene-case-quote { padding: clamp(24px,4vw,40px); border-radius: 20px; background: #eaf4fa; color: #123449; }
.serene-page .serene-case-quote > p { font: 500 clamp(21px,2.3vw,26px)/1.5 "Manrope","Inter",sans-serif; letter-spacing: -.025em; }
.serene-page .serene-case-quote footer { color: #344c5b; font: 400 13px/1.6 "Inter",system-ui,sans-serif; }
.serene-page .serene-case-quote footer > span { flex-shrink: 0; }
.serene-page .serene-case-tools-title { font: 600 26px/1.25 "Manrope","Inter",sans-serif; letter-spacing: -.03em; }
.serene-page .serene-case-no-cover { max-width: 856px; display: block; padding-block: 48px; }
.serene-page .serene-case-no-cover > * + * { margin-top: 28px; }
.serene-page .serene-blog-featured-section > .container-canvas { padding-block: 40px var(--serene-space); }
.serene-page .serene-blog-featured { gap: 28px; border: 1px solid #c9dae5; border-radius: 24px; padding: 16px; background: #fff; }
.serene-page .serene-blog-featured > div:first-child { border-radius: 14px; box-shadow: none; }
.serene-page .serene-blog-featured > div + div { padding: 8px; }
.serene-page .serene-blog-featured h2 { font-size: clamp(26px,2.8vw,36px); }
.serene-page .serene-blog-featured p { font-size: 16px; line-height: 1.7; margin-top: 20px; }
.serene-page :is(.serene-blog-featured,.serene-blog-card) img { transform: none; }
.serene-page .serene-blog-featured .mt-10 { margin-top: 24px; }
.serene-page .serene-blog-browse > .container-canvas { padding-block: var(--serene-space); }
.serene-page .serene-blog-browse .public-blog-filters { gap: 8px 12px; }
.serene-page .serene-blog-browse .public-blog-filter { padding: 10px 12px; border-radius: 10px; font-family: "Inter",system-ui,sans-serif; background: #fff; border: 1px solid #c9dae5; color: #344c5b; text-decoration: none; }
.serene-page .serene-blog-browse .public-blog-filter[aria-pressed="true"] { background: #2e31c8; color: #fff; border-color: #2e31c8; }
.serene-page .serene-blog-browse .public-blog-filter-option > [aria-hidden] { display: none; }
.serene-page .serene-blog-browse label { min-height: 48px; padding: 12px; border: 1px solid #6c8798; border-radius: 12px; background: #fff; }
.serene-page .serene-blog-browse input { min-width: 0; font-size: 16px; }
.serene-page .serene-blog-coming { padding-block: 0 var(--serene-space); }
.serene-page .serene-blog-coming-label { font: 500 11px/1.5 "JetBrains Mono",monospace; letter-spacing: .1em; text-transform: uppercase; color: #344c5b; }
.serene-page .serene-blog-coming h2 { font-size: 26px; margin: 16px 0 12px; }
.serene-page .serene-blog-coming p:last-child { max-width: 60ch; font-size: 16px; line-height: 1.7; color: #344c5b; }
.serene-page .serene-blog-card { border: 1px solid #c9dae5; border-radius: 20px; padding: 16px; background: #fff; }
.serene-page .serene-blog-card > div:first-child { border-radius: 12px; }
.serene-page .serene-blog-card > div + div { padding: 4px; }
.serene-page .serene-blog-card h3 { font: 600 22px/1.3 "Manrope","Inter",sans-serif; letter-spacing: -.025em; }
.serene-page .serene-blog-card .wave-anim { animation: none !important; }
.serene-page .serene-blog-card .display:not(h1,h2,h3) { font: 600 28px/1.2 "Manrope","Inter",sans-serif; letter-spacing: -.025em; color: #344c5b; }
.serene-page .serene-blog-card .mt-auto { flex-wrap: wrap; }
.serene-page .public-blog-editorial-title { font-family: "Manrope","Inter",sans-serif; font-weight: 600; letter-spacing: -.035em; }
.serene-page .serene-editorial-body :is(ul,ol) { font-size: 18px; line-height: 1.75; padding-left: 24px; }
.serene-page .serene-editorial-body :is(figure,blockquote,aside,pre) { margin-block: 32px; }
.serene-page .serene-editorial-body blockquote { padding: 24px; border-radius: 0 16px 16px 0; background: #eaf4fa; color: #123449; font-style: normal; font-size: 20px; line-height: 1.65; }
.serene-page .serene-editorial-body aside { background: #eaf4fa; padding: 24px; }
.serene-page .serene-editorial-body aside > div { font-size: 16px; line-height: 1.7; }
.serene-page .serene-editorial-body figure img { height: auto; object-fit: contain; }
.serene-page .serene-editorial-body details { border-radius: 16px; background: #fff; }
.serene-page .serene-editorial-body summary { min-height: 44px; align-items: center; }
@media(min-width:640px) {
  .serene-page :is(.serene-case-story,.serene-case-no-cover) :has(> .serene-case-result-card) { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .serene-page .serene-blog-featured { padding: 24px; }
}
@media(min-width:1024px) {
  .serene-page .serene-case-opening { grid-template-columns: minmax(0,1fr) 280px; gap: 48px; }
  .serene-page .serene-blog-featured { grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: 40px; }
}
@media(min-width:768px) {
  .serene-page .serene-case-cover-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 48px; }
  .serene-page .serene-case-cover { position: sticky; top: 112px; }
  .serene-page .serene-case-story { max-width: none; margin: 0; }
}
@media(max-width:639px) {
  .serene-page .serene-filter-row { flex-direction: column; }
  .serene-page .serene-filter-row > span { padding-top: 0; }
  .serene-page .serene-cases-filters > .container-canvas > * + * { margin-top: 24px; }
  .serene-page .serene-case-opening { gap: 28px; }
  .serene-page .serene-case-cover-layout { padding-top: 0; }
  .serene-page .serene-case-story > * + * { margin-top: 40px; }
  .serene-page .serene-case-chapter { padding-top: 40px; }
  .serene-page .serene-blog-card h3 { font-size: 21px; }
}