@charset "UTF-8";
.article-page{background:var(--cream)}
.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:transparent;z-index:50;pointer-events:none}
.reading-progress span{display:block;height:100%;width:0;background:var(--rose)}
.article-hero{padding:151px 0 67px;background:radial-gradient(ellipse at 85% 45%,#fbe5ec 0,transparent 58%),var(--cream)}
.article-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:66px;align-items:center}
.article-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--body);font-size:.75rem;line-height:1.6;margin-bottom:27px}
.article-breadcrumb a:hover{color:var(--rose-dark);text-decoration:underline;text-underline-offset:3px}
.article-breadcrumb>span[aria-hidden]{color:#b89aa7}
.article-kicker{display:block;color:var(--rose-dark);font-size:.73rem;letter-spacing:.15em;font-weight:600;text-transform:uppercase;margin-bottom:17px}
.article-hero h1{font-size:clamp(2.6rem,4.1vw,3.65rem);line-height:1.1;letter-spacing:-.04em;margin:0 0 22px;text-wrap:balance}
.article-deck{font-size:1.06rem;line-height:1.8;margin-bottom:24px;max-width:575px}
.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:14px 23px;font-size:.78rem;line-height:1.6;color:var(--ink)}
.article-meta>span{display:inline-flex;align-items:center;gap:7px}
.article-meta .icon{width:16px;height:16px;color:var(--rose-dark)}
.article-date{margin-top:10px;font-size:.73rem;gap:10px;color:var(--body)}
.article-start{display:inline-flex;align-items:center;gap:11px;color:var(--rose-dark);padding:11px 0 8px;font-weight:600;font-size:.9rem;margin-top:17px;min-height:44px}
.article-start .icon{width:21px;height:21px;transform:rotate(90deg)}
.article-start:hover{text-decoration:underline;text-underline-offset:5px}
.article-photo{margin:34px 0 35px}
.article-photo img{width:100%;height:auto;border-radius:23px;background:#ecdde0;box-shadow:0 10px 35px rgba(63,31,44,.06)}
.article-photo figcaption{font-size:.77rem;line-height:1.65;color:#7c6570;padding:13px 6px 0;text-align:center}
.article-cover{margin:0;align-self:center}
.article-cover img{border-radius:27px;box-shadow:12px 13px 0 #f4dce5}
.article-cover figcaption{text-align:left;padding:22px 10px 0;font-size:.76rem}
.article-layout{display:grid;grid-template-columns:220px minmax(0,790px);justify-content:center;gap:70px;align-items:start;padding-top:34px;padding-bottom:58px}
.article-sidebar{position:sticky;top:29px;max-height:calc(100svh - 58px);overflow-y:auto;scrollbar-width:thin;padding:6px 8px 8px 0}
.toc-heading{display:flex;align-items:center;gap:9px;color:var(--rose-dark);font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;font-weight:600;margin-bottom:17px}
.toc-heading .icon{width:18px;height:18px}
.article-toc{display:flex;flex-direction:column;gap:4px}
.article-toc a{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:8px;min-height:40px;padding:9px 10px;border-radius:9px;font-size:.82rem;line-height:1.55;color:var(--body)}
.article-toc a:hover{background:#ffedf3;color:var(--rose-dark)}
.article-toc a[aria-current="location"]{background:#f9e2eb;color:var(--rose-dark)}
.toc-number{font-size:.71rem;color:#ac7589;font-variant-numeric:tabular-nums;padding-top:2px}
.article-sidebar-cta{margin-top:25px;padding:23px 18px;border-radius:19px;background:#fff0f4;border:1px solid var(--line)}
.article-sidebar-cta>.icon{width:26px;height:26px;color:var(--rose-dark);margin-bottom:12px}
.article-sidebar-cta p{font-size:.86rem;line-height:1.75;margin-bottom:17px}
.article-sidebar-cta .button{font-size:.76rem;padding:12px 13px;min-height:44px;width:100%;gap:6px}
.article-sidebar-cta .button .icon{width:17px;height:17px}
.article-main-column{min-width:0}
.article-mobile-toc{display:none}
.article-content{color:var(--body);font-size:1.035rem;line-height:1.95}
.article-section{margin-bottom:66px;scroll-margin-top:28px}
.article-section:last-child{margin-bottom:0}
.article-section h2{font-size:clamp(1.9rem,2.6vw,2.35rem);line-height:1.28;letter-spacing:-.025em;color:var(--ink);margin:0 0 29px;max-width:100%;text-wrap:pretty;word-break:normal;overflow-wrap:break-word;hyphens:none}
.article-section h3{font-family:var(--serif);font-size:1.53rem;line-height:1.35;font-weight:400;letter-spacing:-.015em;color:var(--ink);margin:35px 0 19px;scroll-margin-top:30px;max-width:100%;text-wrap:pretty;word-break:normal;overflow-wrap:break-word;hyphens:none}
.article-section p{margin:0 0 21px;line-height:inherit}
.article-section strong{font-weight:600;color:var(--ink)}
.article-section a{color:var(--rose-dark);text-decoration:underline;text-decoration-color:#d9a4b7;text-underline-offset:4px}
.article-section a:hover{text-decoration-thickness:2px}
.chapter-label{display:flex;align-items:center;gap:9px;margin-bottom:19px;color:var(--rose-dark);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.chapter-label .icon{width:24px;height:24px}
.article-list{padding-left:24px;margin:0 0 25px}
.article-list li{padding-left:5px;margin-bottom:11px}
.article-list li::marker{color:var(--rose-dark)}
.article-quote{margin:24px 0 29px;padding:24px 28px;border-left:3px solid #d892aa;background:#fff0f4;border-radius:0 17px 17px 0;color:var(--ink);font-family:var(--serif);font-size:1.17rem;line-height:1.8}
.article-quote p:last-child{margin:0}
.article-section .example-label{font-size:.8rem;letter-spacing:.035em;color:var(--rose-dark);margin:28px 0 13px}
.example-label strong{color:var(--rose-dark)}
.conversation-card{border:1px solid var(--line);background:#fff;border-radius:22px;padding:25px 25px 9px;margin:24px 0}
.conversation-caption{display:flex;align-items:center;gap:8px;color:var(--rose-dark);font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;margin-bottom:21px;font-weight:600;line-height:1.5}
.conversation-caption .icon{width:19px;height:19px}
.article-section .bubble{padding:17px 20px;border-radius:17px;font-size:.96rem;line-height:1.8;margin-bottom:15px}
.bubble strong{display:block;font-size:.72rem;line-height:1.5;letter-spacing:.055em;margin-bottom:6px;text-transform:uppercase}
.bubble-baby{background:#fff0f5;border-bottom-left-radius:4px!important;margin-right:29px!important}
.bubble-daddy{background:#f5f1ec;border-bottom-right-radius:4px!important;margin-left:29px!important}
.article-section .conversation-note{padding:21px 23px;background:#f9f0ed;border-radius:15px;font-size:.94rem;line-height:1.8;margin:0 0 27px}
.interactive-checklist{background:#fff;border:1px solid #e4c7d3;border-radius:22px;padding:24px;margin:25px 0 29px}
.checklist-heading{display:flex;align-items:center;gap:9px;color:var(--rose-dark);font-weight:600;font-size:.91rem;line-height:1.5;margin-bottom:15px}
.checklist-heading .icon{width:23px;height:23px}
.article-section .checklist-hint{font-size:.79rem;line-height:1.65;color:#78616b;margin-bottom:19px}
.article-table-scroll{max-width:100%;overflow:auto;border-radius:11px}
.article-table-scroll:focus-visible{outline:2px solid var(--rose-dark);outline-offset:3px}
.article-content table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.85rem;line-height:1.6}
.article-content th{font-weight:500;text-align:left}
.article-content thead th{padding:14px 9px;background:#fff0f4;border-bottom:1px solid #e8cbd7;font-size:.74rem;line-height:1.5;color:var(--ink)}
.article-content thead th:first-child{width:46%;padding-left:15px}
.article-content thead th:not(:first-child){text-align:center}
.article-content tbody th{padding:17px 12px 17px 15px;border-bottom:1px solid #f0e0e6;color:var(--body)}
.article-content tbody td{padding:6px 4px;border-bottom:1px solid #f0e0e6;text-align:center;vertical-align:middle}
.article-content tbody tr:last-child th,.article-content tbody tr:last-child td{border-bottom:0}
.choice-label{display:inline-flex;align-items:center;justify-content:center;position:relative;width:100%;min-height:44px;cursor:pointer}
.choice-label input{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:23px;height:23px;margin:0;opacity:0;cursor:pointer}
.choice-mark{display:block;width:24px;height:24px;border-radius:50%;border:1.5px solid #d4b2c0;background:#fff;pointer-events:none}
.choice-label input:checked+.choice-mark{background:var(--rose-dark);border-color:var(--rose-dark);box-shadow:inset 0 0 0 5px #fff}
.choice-label input:focus-visible+.choice-mark{outline:2px solid var(--rose-dark);outline-offset:4px}
.choice-text{display:none}
.checklist-reset{min-height:44px;margin:17px 0 0;padding:8px 12px;background:#fff3f7;border:1px solid #e9cbd7;border-radius:10px;color:var(--rose-dark);font-size:.77rem;line-height:1.5}
.checklist-reset:hover{background:#fce4ed}
.task-list{list-style:none;margin:0;padding:0}
.task-list li{padding:13px 0;border-bottom:1px solid var(--line);margin:0}
.task-list li:last-child{border-bottom:0}
.task-list label{display:flex;align-items:flex-start;gap:13px;cursor:pointer;font-size:.94rem;line-height:1.8}
.task-list input{width:20px;height:20px;margin:5px 0 0;flex-shrink:0;accent-color:var(--rose-dark)}
.task-list input:focus-visible{outline:2px solid var(--rose-dark);outline-offset:3px}
.article-editorial-note{font-size:.75rem;line-height:1.75;color:#806a75;border-top:1px solid var(--line);padding-top:22px;margin:32px 0 0}
.article-final{padding:12px 0 65px}
.article-final-panel{max-width:1080px;margin:0 auto;padding:47px 45px 43px;text-align:center;border:1px solid #ecd0dc;border-radius:27px;background:radial-gradient(ellipse at 30% 10%,#fce2ec,transparent 66%),#fff0f4}
.article-final-icon{display:block;color:var(--rose-dark);margin-bottom:19px}
.article-final-icon .icon{width:34px;height:34px}
.article-final-panel .article-kicker{font-size:.68rem;margin-bottom:14px}
.article-final-panel h2{font-size:2.65rem;max-width:650px;margin:0 auto 20px}
.article-final-panel p{font-size:1rem;line-height:1.8;max-width:550px;margin:0 auto 25px}
.article-final-panel .button{min-width:230px;font-size:.95rem}
.article-final-panel .button .icon{width:20px;height:20px}
.article-home-link{display:block;margin:18px auto 0;width:max-content;max-width:100%;padding:7px 0;color:var(--rose-dark);font-size:.81rem;text-decoration:underline;text-underline-offset:4px}
.article-page .footer-grid a[aria-current="page"]{color:var(--rose-dark)}
@media(max-width:1160px){.article-hero-grid{gap:43px}.article-hero h1{font-size:3rem}.article-layout{grid-template-columns:200px minmax(0,1fr);gap:43px}.article-content{font-size:1.02rem}.article-sidebar-cta{padding:21px 14px}}
@media(max-width:960px){.article-hero{padding-top:139px}.article-hero-grid{gap:34px}.article-hero h1{font-size:2.7rem}.article-deck{font-size:1rem}.article-layout{grid-template-columns:180px minmax(0,1fr);gap:30px}.article-toc a{font-size:.78rem;padding-inline:6px;gap:5px}.article-sidebar-cta{padding:19px 12px}.article-sidebar-cta .button{font-size:.7rem}.article-content{font-size:1rem}.article-section h2{font-size:2.05rem}.conversation-card{padding:22px 20px 7px}.interactive-checklist{padding:20px}.article-content thead th:first-child{width:42%}}
@media(max-width:760px){
 .article-hero{padding:110px 0 34px}
 .article-hero-grid{grid-template-columns:minmax(0,1fr);gap:27px}
 .article-breadcrumb{font-size:.7rem;margin-bottom:22px;gap:8px}
 .article-kicker{font-size:.66rem;letter-spacing:.12em;margin-bottom:14px}
 .article-hero h1{font-size:clamp(2.35rem,9.2vw,3.3rem);line-height:1.1;letter-spacing:-.035em;margin-bottom:21px}
 .article-deck{font-size:1rem;line-height:1.8;margin-bottom:20px}
 .article-meta{font-size:.75rem;gap:10px 19px}
 .article-date{font-size:.71rem;margin-top:10px;gap:9px}
 .article-start{font-size:.84rem;margin-top:11px;padding-bottom:2px}
 .article-cover img{border-radius:21px;box-shadow:7px 8px 0 #f4dce5}
 .article-cover figcaption{font-size:.72rem;padding:18px 5px 0;line-height:1.7}
 .article-layout{display:block;padding-top:0;padding-bottom:36px}
 .article-sidebar{display:none}
 .article-mobile-toc{display:block;background:#fff0f4;border:1px solid #e8cbd7;border-radius:16px;margin:0 0 34px;overflow:hidden}
 .article-mobile-toc summary{display:flex;align-items:center;gap:9px;min-height:54px;padding:15px 18px;list-style:none;color:var(--rose-dark);font-size:.88rem;font-weight:500;cursor:pointer}
 .article-mobile-toc summary::-webkit-details-marker{display:none}
 .article-mobile-toc summary .icon{width:20px;height:20px}
 .article-mobile-toc summary:focus-visible{outline:2px solid var(--rose-dark);outline-offset:-4px;border-radius:14px}
 .toc-chevron{width:9px;height:9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:auto;margin-right:4px;margin-top:-4px}
 .article-mobile-toc[open] .toc-chevron{transform:rotate(225deg);margin-top:4px}
 .article-mobile-toc .article-toc{padding:0 10px 13px;gap:1px}
 .article-mobile-toc .article-toc a{font-size:.87rem;min-height:44px;padding:11px 10px;gap:10px}
 .article-content{font-size:1rem;line-height:1.9}
 .article-section{margin-bottom:46px;scroll-margin-top:23px}
 .article-section h2{font-size:clamp(1.75rem,5.8vw,2.05rem);line-height:1.3;margin-bottom:24px;letter-spacing:-.025em}
 .article-section h3{font-size:1.35rem;line-height:1.4;margin:29px 0 18px}
 .article-section p{margin-bottom:20px}
 .chapter-label{font-size:.66rem;letter-spacing:.1em;margin-bottom:16px}
 .chapter-label .icon{width:22px;height:22px}
 .article-photo{margin:28px 0 29px}
 .article-photo img{border-radius:18px}
 .article-photo figcaption{font-size:.72rem;line-height:1.7;padding:12px 4px 0}
 .article-cover{margin:0}
 .article-cover figcaption{text-align:left;padding-top:18px}
 .article-list{padding-left:20px;margin-bottom:23px}
 .article-list li{padding-left:2px;margin-bottom:12px}
 .article-quote{padding:21px 22px;font-size:1.08rem;line-height:1.85;margin:21px 0 26px}
 .conversation-card{padding:20px 15px 5px;border-radius:18px;margin:21px 0}
 .conversation-caption{font-size:.62rem;letter-spacing:.06em;margin-bottom:18px;gap:7px}
 .conversation-caption .icon{width:18px;height:18px}
 .article-section .bubble{padding:15px 17px;font-size:.95rem;line-height:1.8;margin-bottom:14px}
 .bubble-baby{margin-right:8px!important}
 .bubble-daddy{margin-left:8px!important}
 .bubble strong{font-size:.68rem;margin-bottom:7px}
 .article-section .conversation-note{padding:20px;font-size:.94rem;margin-bottom:24px}
 .article-section .example-label{font-size:.75rem;letter-spacing:.01em;line-height:1.7}
 .interactive-checklist{padding:20px 17px;border-radius:18px;margin:23px 0 27px}
 .checklist-heading{font-size:.87rem;gap:8px;margin-bottom:15px}
 .article-section .checklist-hint{font-size:.77rem;line-height:1.7;margin-bottom:18px}
 .article-table-scroll{overflow:visible}
 .article-content table{display:block;table-layout:auto}
 .article-content thead{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
 .article-content tbody{display:grid;gap:12px}
 .article-content tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px 12px 12px;border:1px solid #efdae3;border-radius:13px;background:#fffafc}
 .article-content tbody th{grid-column:1/-1;padding:0 0 3px;border:0;width:auto;font-size:.9rem;line-height:1.75;font-weight:400;color:var(--ink)}
 .article-content tbody td{padding:0;border:0}
 .choice-label{display:flex;flex-direction:column;gap:8px;justify-content:flex-start;padding:9px 3px 4px;min-height:68px;border:1px solid #ecd5df;border-radius:10px;background:#fff}
 .choice-label input{top:10px;transform:translateX(-50%);width:22px;height:22px}
 .choice-mark{width:22px;height:22px}
 .choice-text{display:block;font-size:.65rem;line-height:1.45;color:var(--body);text-wrap:balance}
 .checklist-reset{font-size:.75rem;margin-top:16px}
 .task-list label{font-size:.94rem;gap:11px;line-height:1.8}
 .task-list input{width:19px;height:19px;margin-top:5px}
 .task-list li{padding-block:12px}
 .article-editorial-note{font-size:.71rem;line-height:1.8;margin-top:26px;padding-top:19px}
 .article-final{padding:5px 0 44px}
 .article-final-panel{padding:35px 23px 30px;border-radius:23px}
 .article-final-panel h2{font-size:2.05rem;line-height:1.2;margin-bottom:21px}
 .article-final-panel p{font-size:.98rem;margin-bottom:24px}
 .article-final-panel .article-kicker{font-size:.64rem}
 .article-final-panel .button{font-size:.93rem;min-width:0;max-width:290px;width:100%}
 .article-home-link{font-size:.77rem}
}
@media(max-width:370px){.article-hero h1{font-size:2.25rem}.article-meta{font-size:.7rem;gap:9px 15px}.article-section h2{font-size:1.7rem}.conversation-card{padding-inline:12px}.article-section .bubble{padding:14px 15px}.interactive-checklist{padding-inline:14px}.article-content tbody tr{padding-inline:10px;gap:6px}.choice-text{font-size:.62rem}.article-final-panel{padding-inline:21px}.article-final-panel h2{font-size:1.9rem}}