@font-face{font-family:Montserrat;src:url('/media/fonts/Montserrat-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url('/media/fonts/Montserrat-700.ttf') format('truetype');font-weight:700;font-display:swap}
.article-page{margin:0;background:#fff;color:#201c26;font-family:Montserrat,system-ui,sans-serif}.article-page *{box-sizing:border-box}.article-preview-notice{text-align:center;background:#f3f1f5;color:#73677f;padding:10px;font-size:12px}.article-site-header{display:flex;align-items:center;justify-content:space-between;max-width:1160px;margin:auto;padding:30px 24px;border-bottom:1px solid #e8e3ee}.article-brand{font-size:22px;font-weight:850;letter-spacing:.4px;color:#211b2c;text-decoration:none}.article-header-order{font-weight:700;color:#ad138a;font-size:14px;text-decoration:none}.article-page main{max-width:1160px;margin:auto;padding:60px 24px}.article-title{max-width:800px;margin-bottom:40px}.article-kicker{font-size:12px;letter-spacing:2px;font-weight:750;color:#7b6f84}.article-title h1{font-family:Georgia,serif;font-size:clamp(34px,4.4vw,58px);line-height:1.08;letter-spacing:-1.6px;margin:18px 0 22px}.article-summary{font-size:18px;color:#756b80;line-height:1.65;max-width:680px}.article-byline{font-size:12px;font-weight:700;color:#5e5369}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:52px;align-items:start}.article-layout--single{grid-template-columns:minmax(0,760px);justify-content:center}.article-layout article{min-width:0}.article-answer,.article-section p{font-size:17px;line-height:1.85;color:#494050}.article-answer{font-weight:550;margin-top:0}.article-section{margin:34px 0}.article-section h2,.article-related h2{font-family:Georgia,serif;font-size:29px;letter-spacing:-.5px;line-height:1.2;margin:0 0 14px}.article-sidebar{position:sticky;top:28px}.article-layout .reading-promotion--end,.article-layout .reading-promotion--inline{flex-wrap:wrap}.article-layout .reading-promotion--end .reading-promotion-actions,.article-layout .reading-promotion--inline .reading-promotion-actions{width:100%;grid-template-columns:1fr auto;align-items:center}.article-layout .reading-promotion-sample{grid-column:1/-1}.article-offer-mobile{display:none}.article-sources{font-size:13px;color:#756b80;margin:38px 0}.article-sources summary{cursor:pointer}.article-sources li,.article-related li{margin:10px 0}.article-sources a,.article-related a{color:#6c368b;text-underline-offset:3px}.article-footer{border-top:1px solid #e8e3ee;max-width:1112px;margin:auto;padding:28px 0 40px;color:#8a7e94;font-size:12px;line-height:1.7}.article-footer a{color:inherit}.article-page a:focus-visible,.article-page summary:focus-visible{outline:3px solid #15ccdf;outline-offset:4px}@media(max-width:900px){.article-layout{grid-template-columns:1fr;max-width:720px;gap:0}.article-sidebar{display:none}.article-offer-mobile{display:block}.article-page main{padding:38px 24px}.article-title{margin-bottom:26px}.article-footer{margin:0 24px}}@media(max-width:480px){.article-site-header{padding:20px}.article-brand{font-size:18px}.article-header-order{font-size:12px}.article-page main{padding:30px 20px}.article-title h1{letter-spacing:-1px}.article-summary{font-size:16px}.article-section p,.article-answer{font-size:16px}.article-section h2{font-size:26px}.article-page .reading-promotion-order{font-size:12px;padding:12px}.article-page .reading-promotion-actions{gap:8px}}

.article-hero{margin:0 0 48px}.article-hero-art{display:flex;justify-content:center;align-items:center;gap:clamp(16px,3vw,38px);padding:38px 22px;background:radial-gradient(ellipse at 0 0,#e3f9fd,transparent 65%),radial-gradient(ellipse at 100% 100%,#fbe6f4,transparent 65%),#f8f7fb;border:1px solid #eee7f3;border-radius:24px;min-width:0}.article-hero-art img{display:block;width:min(24%,180px);height:auto;border-radius:9px;box-shadow:0 12px 24px #28203925;object-fit:contain}.article-hero-art img:first-child{transform:rotate(-5deg)}.article-hero-art img:last-child{transform:rotate(5deg)}.article-hero-art img:nth-child(2){transform:translateY(-5px)}.article-hero-art--single img{width:min(45%,200px);transform:none!important}.article-hero figcaption{font-size:12px;color:#706579;text-align:center;margin-top:14px;line-height:1.6}.article-preview-controls{display:flex;justify-content:center;gap:24px;padding:10px;font-size:12px;background:#f8f6fa}.article-preview-controls a{color:#60446f}.article-phone-preview{margin:0;background:#f3f2f6;color:#28212f;font-family:system-ui,sans-serif}.article-phone-preview main{width:min(390px,calc(100vw - 32px));margin:28px auto}.article-phone-preview nav{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px;font-size:13px}.article-phone-preview a{color:#65456d}.article-phone-preview iframe{width:100%;height:calc(100vh - 120px);min-height:520px;border:1px solid #ddd6e7;border-radius:23px;background:white;box-shadow:0 15px 50px #2820390d}@media(max-width:480px){.article-hero{margin-bottom:30px}.article-hero-art{padding:25px 15px;gap:14px;border-radius:18px}.article-hero-art img{width:28%;border-radius:5px}.article-hero-art--single img{width:47%}.article-hero figcaption{font-size:11px}.article-phone-preview iframe{min-height:450px}}

.article-site-header{gap:20px}.article-brand{display:block;flex:0 1 300px;min-width:0}.article-brand img{display:block;width:100%;height:auto;max-width:300px}.article-header-order{flex-shrink:0}@media(max-width:480px){.article-brand{flex-basis:220px}}
.article-section{scroll-margin-top:24px}
.article-contents{margin:28px 0 40px;padding:24px;border:1px solid #e8e3ee;border-radius:16px;background:#faf8fc}
.article-contents h2{font-size:20px;margin:0 0 14px}
.article-contents ol{margin:0;padding-left:22px;display:grid;gap:12px}
.article-contents a{color:#713d88;text-underline-offset:3px}
.article-related-hint{font-size:13px;color:#706479}
.article-related .article-related-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding:8px 2px 20px;margin:0;list-style:none}
.article-related-track>li{flex:0 0 clamp(210px,70%,280px);scroll-snap-align:start;display:flex}
.article-related .article-related-card{display:flex;flex:1;flex-direction:column;gap:16px;padding:24px;border:1px solid #e6dce9;border-radius:18px;background:linear-gradient(135deg,#faf4fc,#effbfd);text-decoration:none;color:#35233d}
.article-related-topic{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#786382}
.article-related-title{font-size:20px;font-family:Georgia,serif;line-height:1.35}
.article-related-title::first-letter{text-transform:uppercase}
.article-related-action{margin-top:auto;padding-top:14px;font-size:13px;font-weight:700;color:#9c2185}
.article-related-track:focus-visible,.article-related-card:focus-visible{outline:3px solid #a849c7;outline-offset:3px}
.article-header-actions{display:flex;gap:24px;align-items:center}.article-menu{position:relative}.article-menu summary{display:flex;align-items:center;gap:8px;min-height:44px;min-width:44px;padding:10px;cursor:pointer;list-style:none;border:1px solid #e8e3ee;border-radius:12px;font-size:14px}.article-menu summary::-webkit-details-marker{display:none}.article-menu nav{position:absolute;right:0;top:100%;z-index:10;width:min(310px,calc(100vw - 40px));max-height:70vh;overflow:auto;padding:20px;background:white;box-shadow:0 12px 35px #39234022;border:1px solid #e8e3ee;border-radius:14px}.article-menu nav a{display:block;min-height:44px;padding:10px 0;color:#713d88;font-size:14px;text-decoration:none}.article-menu ul,.article-sidebar-topics ul{padding:0;list-style:none}.article-sidebar-topics,.article-sidebar-about{border:1px solid #e8e3ee;border-radius:18px;padding:24px;margin-bottom:24px;background:#faf8fc}.article-sidebar h2{font:600 23px/1.3 Georgia,serif;margin-top:0}.article-sidebar-topics a{display:block;padding:12px 0;color:#713d88;font-size:14px;line-height:1.6}.article-sidebar-about p{font-size:14px;line-height:1.7}.article-sidebar-about a{color:#713d88}.article-page .article-sidebar{display:block}.article-page .article-sidebar .reading-promo{position:static}.article-sidebar-about{margin-top:24px}@media(max-width:760px){.article-header-actions{gap:8px}.article-menu summary>span:last-child{display:none}.article-header-order{font-size:12px}.article-site-header{gap:16px}.article-brand{min-width:0}.article-brand img{max-width:100%}.article-page .article-sidebar{margin-top:32px}.article-header-actions{flex-shrink:0}}
.library-topics{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:36px}.library-topics a{border:1px solid #e6dce9;padding:12px 16px;border-radius:24px;font-size:14px;color:#713d88;text-decoration:none}.library-topics a[aria-current=page]{background:#713d88;color:#fff}

.article-sidebar-about>img{display:block;width:100%;height:auto;border-radius:12px;margin:0 0 20px}.article-related-title::first-letter{text-transform:uppercase}@media(max-width:900px){.article-page .article-sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.article-sidebar-topics,.article-sidebar-about{margin:0}.article-sidebar-about{grid-column:1/-1;display:grid;grid-template-columns:160px 1fr;column-gap:24px}.article-sidebar-about>img{grid-row:1/4;margin:0}.article-sidebar-about h2{margin-bottom:0}}@media(max-width:580px){.article-page .article-sidebar{display:block}.article-sidebar-topics,.article-sidebar-about{margin:24px 0}.article-sidebar-about{display:block}.article-sidebar-about>img{max-width:280px;margin:0 0 20px}}

.article-skip-link{position:absolute;top:0;left:20px;transform:translateY(-150%);z-index:20;padding:12px 18px;background:#fff;color:#713d88}.article-skip-link:focus{transform:translateY(0)}.article-breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px;font-size:14px;line-height:1.6}.article-breadcrumbs a,.article-preview-notice a{color:#713d88;text-underline-offset:4px}.article-section p,.article-answer,.article-sources a{overflow-wrap:anywhere}.article-header-order{min-height:44px;display:inline-flex;align-items:center;font-size:14px}.article-byline{font-size:14px}.article-hero figcaption{font-size:13px}.article-page .article-title h1{overflow-wrap:anywhere}@media(max-width:480px){.article-site-header{gap:12px}.article-brand{flex:1 1 155px}.article-header-actions{gap:4px}.article-header-order{font-size:14px}.article-menu summary{padding:8px}.article-breadcrumbs{margin-bottom:22px}.article-hero figcaption{font-size:13px}}