.public-site .magazine-article{padding-bottom:70px;max-width:1240px}.article-masthead{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:42px;padding:25px 0 42px}.article-masthead.without-art{grid-template-columns:1fr}.magazine-article .article-header{padding:0;margin:0;max-width:none}.magazine-article .article-header h1{font-size:clamp(2.2rem,3.5vw,3.5rem);line-height:1.09;letter-spacing:-.055em;margin:20px 0}.magazine-article .article-header .lead{font-size:1rem;line-height:1.8;max-width:54ch;margin:0 0 20px}.magazine-article .byline{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.69rem}.article-brands{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.article-brands a{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:.72rem;border:1px solid #e2e5ec;padding:5px 11px 5px 5px;border-radius:30px;color:#3b4252;background:#fff}.article-brands .brand-icon{width:27px;height:27px;border-radius:50%;padding:4px}.magazine-article .detail-art{margin:0;position:relative;max-width:none}.magazine-article .detail-art img{aspect-ratio:1.12;object-fit:cover;border-radius:24px}.magazine-article .detail-art figcaption{text-align:right;font-size:.62rem}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:110;pointer-events:none}.reading-progress span{display:block;height:100%;background:#0445c8;transform:scaleX(0);transform-origin:left}
.article-takeaways{padding:26px 30px;background:#eef5fc;border:1px solid #e0e6f3;border-radius:18px;margin:4px 0 52px}.takeaway-label{display:flex;gap:8px;align-items:center;color:#0445c8;font-size:.78rem}.article-takeaways ol{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;list-style:none;padding:0;margin:20px 0 0}.article-takeaways li{display:flex;align-items:flex-start;gap:12px}.article-takeaways li>span{font-size:.7rem;font-weight:800;color:#6e7d9c;padding-top:4px}.article-takeaways p{font-size:.85rem;line-height:1.75;margin:0;color:#323844}
.article-reading-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:56px}.article-contents nav{position:sticky;top:110px;border-left:1px solid #dfe3eb;padding-left:18px}.article-contents strong{font-size:.72rem;display:block;margin-bottom:15px;text-transform:uppercase;letter-spacing:.1em}.article-contents a{display:block;font-size:.76rem;line-height:1.6;padding:7px 0;color:#6f747f;transition:color .15s}.article-contents a[aria-current],.article-contents a:hover{color:#0445c8;font-weight:700}.article-reading-body{min-width:0;max-width:870px}.article-reading-body .prose{max-width:70ch;margin:0}.article-section{scroll-margin-top:110px;margin:0 0 44px}.article-reading-body h2{font-size:1.75rem;line-height:1.3;letter-spacing:-.035em;margin:10px 0 18px}.article-reading-body p{line-height:1.9;font-size:.95rem}.article-reading-body .prose h3{font-size:1.1rem;margin-top:28px}.article-reading-body .prose p{color:#565c69}.article-reading-body .comparison-table{margin:0;border:1px solid #dce1ed;border-radius:14px}.article-reading-body table{font-size:.78rem;min-width:550px}.article-reading-body table th,.article-reading-body table td{padding:17px;line-height:1.7}.article-reading-body table thead th{background:#001155;color:white}.article-reading-body table tbody tr:nth-child(even){background:#f7f9fc}.task-section{padding-top:28px;border-top:1px solid #e4e7ed}.section-number{display:inline-flex;align-items:center;justify-content:center;background:#ebf0fa;color:#0445c8;border-radius:10px;width:39px;height:36px;font-size:.8rem;font-weight:800}.practice-example{border:1px solid #d7deed;border-radius:12px;background:#f9fbff;margin-top:22px;overflow:hidden}.practice-example summary{cursor:pointer;display:flex;align-items:center;gap:10px;padding:17px 20px;color:#0445c8;font-size:.83rem;font-weight:750;list-style:none}.practice-example summary::-webkit-details-marker{display:none}.practice-example summary>span{margin-left:auto;font-size:1.3rem;transition:transform .2s}.practice-example[open] summary>span{transform:rotate(45deg)}.practice-example>div{padding:0 20px 16px}.practice-example>div p{font-size:.87rem!important;margin:0!important}.practice-example[open]>div{animation:example-in .2s ease-out}.article-reading-body .source-block{margin:0;padding:26px;background:#f6f7fa;border-radius:14px}.article-reading-body .source-block h2{font-size:1.2rem}.article-reading-body .source-block p,.article-reading-body .source-block li{font-size:.75rem}.source-path{overflow-wrap:anywhere}.article-reading-body .video-section{padding:0;margin:0}.article-reading-body .video-grid{grid-template-columns:1fr 1fr}.article-reading-body .video-copy h3{font-size:.95rem}.article-tool-links{margin-top:35px}.article-tool-row{display:flex;gap:15px;align-items:center;padding:18px 0;border-bottom:1px solid #e5e8ef}.article-tool-row>a:not(.button){flex:1;font-weight:750}.article-tool-row small{display:block;font-size:.72rem;font-weight:500;color:#6f747f}.article-tool-row .button{font-size:.72rem}.article-tool-row .button span{font-size:.62rem}.article-related{border-top:1px solid #e1e4ec;margin-top:60px}
@keyframes example-in{from{opacity:.5;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:901px){.article-masthead .detail-art{animation:example-in .5s ease-out}}
@media(max-width:1000px){.article-reading-layout{gap:30px;grid-template-columns:175px minmax(0,1fr)}.article-masthead{gap:28px}.article-takeaways{padding:22px}.article-takeaways ol{gap:18px}}
@media(max-width:760px){.article-masthead{grid-template-columns:1fr;gap:25px;padding-top:12px;padding-bottom:26px}.magazine-article .article-header h1{font-size:2.35rem}.magazine-article .detail-art img{aspect-ratio:1.7;border-radius:16px}.article-takeaways{margin-bottom:30px}.article-takeaways ol{grid-template-columns:1fr;gap:16px}.article-reading-layout{display:block}.article-contents{margin-bottom:30px}.article-contents nav{position:static;padding:17px 20px;border:1px solid #e2e6ef;border-radius:12px}.article-contents a{font-size:.79rem}.article-reading-body h2{font-size:1.5rem}.article-reading-body .video-grid{grid-template-columns:1fr}.article-tool-row{flex-wrap:wrap}.article-tool-row>.button{margin-left:52px}.article-section{margin-bottom:32px}.article-reading-body .source-block{padding:20px}.magazine-article .breadcrumb{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.article-masthead .detail-art,.practice-example[open]>div{animation:none}.practice-example summary>span,.article-contents a{transition:none}}