html{color-scheme:light!important}.article-hero-shell{width:min(1120px,calc(100% - 48px));margin:-28px auto 18px}.article-hero-media{aspect-ratio:16/8.3;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 22px 58px rgba(120,83,92,.10)}.article-hero-media img{display:block;width:100%;height:100%;object-fit:cover}.article-hero-media.couple img{object-position:center 48%}.article-hero-media.phone img{object-position:center 42%}.article-hero-media.journal img{object-position:center 56%}.article-hero-caption{margin:10px 6px 0;color:#a09196;font-size:10px;line-height:1.7}.guide-index-grid .article-card{padding:0!important;overflow:hidden;min-height:410px}.guide-index-grid .article-card-media{aspect-ratio:16/10;overflow:hidden;background:#f8f2f4}.guide-index-grid .article-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.guide-index-grid .article-card:hover .article-card-media img{transform:scale(1.025)}.guide-index-grid .article-card-copy{display:flex;flex-direction:column;flex:1;padding:24px 25px 25px}.guide-index-grid .article-card h3{font-size:25px}.guide-index-grid .article-card p{font-size:13px;line-height:1.9}.editorial-feature{grid-template-columns:1fr!important;min-height:0!important}.feature-image{height:auto!important;min-height:0!important;aspect-ratio:16/8.5;background:#f7f2f3}.feature-image img{width:100%;height:100%;object-fit:cover!important;object-position:center 47%!important}.feature-copy{padding:30px 34px 34px!important}.editorial-list{align-content:start}.editorial-row{grid-template-columns:96px 32px minmax(0,1fr)!important;gap:13px!important;align-items:center!important;padding:13px!important}.editorial-row-thumb{width:96px;height:76px;border-radius:13px;overflow:hidden;background:#f7f2f3}.editorial-row-thumb img{width:100%;height:100%;object-fit:cover}.editorial-row:nth-child(1) .editorial-row-thumb img{object-position:center 35%}.editorial-row:nth-child(2) .editorial-row-thumb img{object-position:center 55%}.editorial-row:nth-child(3) .editorial-row-thumb img{object-position:center}.start-photo{height:auto!important;aspect-ratio:4/3!important;background:#f7f2f3}.start-photo img{width:100%;height:100%;object-fit:cover!important;object-position:center!important}.prose .article-inline-image{margin:34px 0;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:#f7f2f3}.prose .article-inline-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.prose .article-inline-image figcaption{padding:10px 14px;color:#998a8f;font-size:10px;line-height:1.7;background:#fffafa}

/* Unified branded H2 style for editorial content */
.prose>h2{position:relative;overflow:hidden;margin:64px 0 24px;padding:22px 24px 24px 72px;border:1px solid #f0dde2;border-radius:18px;background:radial-gradient(circle at 38px 50%,rgba(223,130,149,.10) 0 22px,transparent 23px),linear-gradient(135deg,#fff8fa 0%,#fff 74%);box-shadow:0 12px 32px rgba(120,83,92,.07);color:var(--ink);font-family:var(--serif);font-size:clamp(24px,3vw,30px);font-weight:500;line-height:1.5;letter-spacing:.045em}
.prose>h2::before{content:"♡";position:absolute;left:21px;top:50%;width:34px;height:34px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid #edcbd3;border-radius:50%;background:#fff;color:var(--pink2);font-family:var(--serif);font-size:17px;line-height:1;box-shadow:0 6px 15px rgba(214,111,133,.10)}
.prose>h2::after{content:"";position:absolute;left:72px;bottom:14px;width:44px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--pink2),#f0c4ce)}
.prose>h2+p{margin-top:0}

@media(max-width:960px){.article-hero-shell{width:min(100% - 36px,880px);margin-top:-18px}.article-hero-media{aspect-ratio:16/9;border-radius:22px}.editorial-row{grid-template-columns:88px 30px minmax(0,1fr)!important}.editorial-row-thumb{width:88px;height:70px}}@media(max-width:680px){.article-hero-shell{width:calc(100% - 30px);margin-top:-8px}.article-hero-media{aspect-ratio:4/3;border-radius:18px}.article-hero-caption{font-size:9px}.guide-index-grid .article-card{min-height:0}.guide-index-grid .article-card-media{aspect-ratio:16/9}.guide-index-grid .article-card-copy{padding:22px}.editorial-feature{border-radius:20px!important}.feature-image{aspect-ratio:4/3!important}.feature-copy{padding:24px 21px 27px!important}.editorial-row{grid-template-columns:78px 28px minmax(0,1fr)!important;padding:12px!important}.editorial-row-thumb{width:78px;height:68px}.editorial-row b{font-size:17px!important}.editorial-row p{font-size:12px!important}.start-photo{aspect-ratio:16/10!important}.prose .article-inline-image{margin:26px 0}.prose .article-inline-image img{aspect-ratio:4/3}.prose>h2{margin:46px 0 18px;padding:18px 17px 20px 58px;border-radius:15px;background:radial-gradient(circle at 31px 50%,rgba(223,130,149,.10) 0 19px,transparent 20px),linear-gradient(135deg,#fff8fa 0%,#fff 78%);font-size:22px;line-height:1.55;letter-spacing:.035em}.prose>h2::before{left:15px;width:30px;height:30px;font-size:15px}.prose>h2::after{left:58px;bottom:11px;width:36px}}

/* Full-size article images follow their source ratio, so diagrams are never cropped. */
.prose .article-inline-image img{display:block;width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important}

/* Keep hero and listing layouts at their designed dimensions. */
.article-hero-media{aspect-ratio:16/8.3!important}
.feature-image{aspect-ratio:16/8.5!important}
.start-photo{aspect-ratio:4/3!important}
.article-hero-media img,.feature-image img,.start-photo img{height:100%!important;object-fit:cover!important}
@media(max-width:960px){.article-hero-media{aspect-ratio:16/9!important}}
@media(max-width:680px){.article-hero-media{aspect-ratio:4/3!important}.feature-image{aspect-ratio:4/3!important}.start-photo{aspect-ratio:16/10!important}}

/* Responsive information graphics: preserve every edge and provide a painted fallback while lazy images load. */
.content-shell,.prose{min-width:0}
.article-hero-media:has(img[src*="misuterare-fuan-hero.svg"]){aspect-ratio:1200/630!important;background:#fffaf7 url("./assets/misuterare-fuan-hero.svg") center/contain no-repeat}
.article-hero-media:has(img[src*="misuterare-fuan-hero.svg"]) img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
.prose .article-inline-image:has(img[src*="misuterare-fuan-fact-assumption.svg"]){width:100%;max-width:100%;min-width:0;background:#fffaf7 url("./assets/misuterare-fuan-fact-assumption.svg") top center/100% auto no-repeat}
.prose .article-inline-image:has(img[src*="misuterare-fuan-cycle.svg"]){width:100%;max-width:100%;min-width:0;background:#fffaf7 url("./assets/misuterare-fuan-cycle.svg") top center/100% auto no-repeat}
.prose .article-inline-image img[src*="misuterare-fuan-"]{display:block;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important}
@media(max-width:680px){
  .article-hero-media:has(img[src*="misuterare-fuan-hero.svg"]){aspect-ratio:720/960!important;background-image:url("./assets/misuterare-fuan-hero-mobile.svg")}
  .article-hero-media img[src*="misuterare-fuan-hero.svg"]{content:url("./assets/misuterare-fuan-hero-mobile.svg");height:100%!important}
  .prose .article-inline-image:has(img[src*="misuterare-fuan-fact-assumption.svg"]){background-image:url("./assets/misuterare-fuan-fact-assumption-mobile.svg")}
  .prose .article-inline-image img[src*="misuterare-fuan-fact-assumption.svg"]{content:url("./assets/misuterare-fuan-fact-assumption-mobile.svg")}
  .prose .article-inline-image:has(img[src*="misuterare-fuan-cycle.svg"]){background-image:url("./assets/misuterare-fuan-cycle-mobile.svg")}
  .prose .article-inline-image img[src*="misuterare-fuan-cycle.svg"]{content:url("./assets/misuterare-fuan-cycle-mobile.svg")}
  .prose .article-inline-image:has(img[src*="misuterare-fuan-"]) figcaption{font-size:11px;line-height:1.75;padding:12px 14px}
}