@charset "UTF-8";
/* Scoped to this guide so the first article keeps its approved appearance. */
.sugar-baby-guide .article-hero h1{font-size:clamp(2.4rem,3.55vw,3.2rem);line-height:1.14}
.sugar-baby-guide .article-section h2{text-wrap:balance}
.sugar-baby-guide .article-byline{gap:10px 18px;font-size:.78rem;line-height:1.7}
.sugar-baby-guide .article-byline>span{white-space:nowrap}
.sugar-baby-guide .example-label{display:flex;align-items:center;gap:9px}
.sugar-baby-guide .example-label::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--rose);flex:none}
.sugar-baby-guide .message-explanation{font-size:.88rem;line-height:1.8;color:#806573;margin-top:-12px;padding:0 18px 0 26px}
.sugar-baby-guide .article-related{border:1px solid var(--line);background:#fff0f4;border-radius:22px;padding:29px 30px;margin-top:40px}
.sugar-baby-guide .article-related .article-kicker{font-size:.66rem;margin-bottom:13px}
.sugar-baby-guide .article-related h2{font-size:1.65rem;line-height:1.3;margin-bottom:15px}
.sugar-baby-guide .article-related p{font-size:.94rem;line-height:1.8;margin-bottom:16px}
.sugar-baby-guide .article-related a{display:inline-flex;align-items:center;gap:12px;color:var(--rose-dark);font-size:.9rem;line-height:1.7;text-decoration:underline;text-underline-offset:4px;min-height:44px}
.sugar-baby-guide .article-related .icon{width:22px;height:22px;flex:none}
.sugar-baby-guide .article-toc-fab{display:none}
.floating-toc-dialog{width:min(430px,calc(100% - 32px));max-height:78vh;max-height:78svh;padding:0;border:1px solid var(--line);border-radius:22px;background:var(--cream);color:var(--ink);box-shadow:0 18px 70px rgba(63,31,44,.22);overscroll-behavior:contain}
.floating-toc-dialog::backdrop{background:rgba(51,24,37,.4)}
.floating-toc-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 20px 10px;position:sticky;top:0;background:var(--cream);z-index:1}
.floating-toc-heading h2{font-size:1.45rem;margin:0}
.floating-toc-heading button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:#f9e5ed;color:var(--rose-dark);border-radius:50%}
.floating-toc-dialog .article-toc{padding:0 16px 20px}
.floating-toc-dialog .article-toc a{font-size:.94rem;min-height:46px;padding:12px}
@media(max-width:960px){.sugar-baby-guide .article-hero h1{font-size:2.5rem}}
@media(max-width:760px){
 .sugar-baby-guide .article-hero{padding-top:110px;padding-bottom:34px}
 .sugar-baby-guide .article-hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:16px}
 .sugar-baby-guide .article-hero-copy{display:contents}
 .sugar-baby-guide .article-breadcrumb{order:0;margin:0;font-size:.68rem}
 .sugar-baby-guide .article-kicker{order:1;margin:0}
 .sugar-baby-guide .article-hero h1{order:2;font-size:clamp(1.85rem,7.1vw,2.55rem);line-height:1.16;letter-spacing:-.03em;margin:0}
 .sugar-baby-guide .article-byline{order:3;margin:0;gap:7px 15px;font-size:.72rem}
 .sugar-baby-guide .article-cover{order:4;margin:0}
 .sugar-baby-guide .article-toc-fab{display:inline-flex;position:fixed;right:16px;bottom:max(18px,env(safe-area-inset-bottom));z-index:40;align-items:center;gap:8px;min-height:46px;padding:11px 17px;border-radius:99px;border:1px solid #e8c2d1;background:var(--rose-dark);color:white;box-shadow:0 5px 18px rgba(111,31,61,.2);font-size:.85rem}
 .article-toc-fab .icon{width:19px;height:19px}
 .sugar-baby-guide .article-related{padding:25px 23px;border-radius:18px;margin-top:30px}
 .sugar-baby-guide .article-related h2{font-size:1.5rem}
 .sugar-baby-guide .message-explanation{font-size:.85rem;padding-left:22px;padding-right:8px}
}