.blog-skip{position:absolute;left:12px;top:-80px;z-index:100;padding:12px;background:#fff}.blog-skip:focus{top:12px}
.rootz-blog{background:#fff}.rootz-blog a:focus-visible{outline:3px solid #ff705d;outline-offset:4px}.blog-hero{background:#0b2035;color:#fff;padding:64px max(22px,calc((100vw - 1200px)/2)) 58px}.blog-label{color:#35e0bd;font-size:13px;font-weight:800;letter-spacing:.06em;margin:0 0 22px}.blog-hero h1{font-size:clamp(32px,4.5vw,58px);line-height:1.25;letter-spacing:-.045em;max-width:960px}.blog-lead{max-width:760px;line-height:1.9;color:#cfdae4;font-size:18px;margin:24px 0 0}.blog-meta{display:flex;flex-wrap:wrap;gap:20px;color:#b9cbd9;font-size:14px;margin-top:28px}.blog-breadcrumb{display:flex;gap:12px;font-size:13px;color:#b9cbd9;margin-bottom:28px}.blog-layout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:238px minmax(0,1fr);gap:64px;padding:56px 22px 72px}.blog-toc details{position:sticky;top:24px;background:#f2f7f8;padding:22px;border-radius:8px}.blog-toc summary{font-weight:800;font-size:16px;cursor:pointer}.blog-toc nav{display:grid;gap:13px;margin-top:20px}.blog-toc a{font-size:13px;line-height:1.6;color:#526575}.blog-toc a:hover{color:#0b685a;text-decoration:underline}.blog-body{font-size:17px;line-height:1.95;min-width:0;color:#344657;overflow-wrap:anywhere}.blog-body>p{margin:0 0 23px}.blog-body h2{font-size:clamp(25px,2.6vw,33px);line-height:1.4;letter-spacing:-.035em;color:#0b1930;margin:48px 0 22px;scroll-margin-top:24px}.blog-body h3{font-size:22px;line-height:1.5;color:#0b1930;margin:32px 0 14px}.blog-body a{color:#087465;text-decoration:underline;text-underline-offset:4px}.blog-body strong{font-weight:750}.blog-body ul,.blog-body ol{padding-left:24px;margin:20px 0}.blog-body li{margin:8px 0}.blog-body img{display:block;max-width:100%;width:100%;height:auto;border-radius:10px;margin:28px 0}.blog-body figure{margin:28px 0}.blog-table{overflow-x:auto;margin:28px 0 36px;border:1px solid #dce5ea;border-radius:8px;max-width:100%}.blog-table table{border-collapse:collapse;width:100%;min-width:580px;font-size:15px;line-height:1.7}.blog-table th{background:#123a66;color:white;font-weight:700;text-align:left}.blog-table th,.blog-table td{padding:16px 18px;border-bottom:1px solid #dce5ea;vertical-align:top}.blog-table tr:nth-child(even) td{background:#f5f8fa}.blog-table p{margin:0}.blog-editor-note{margin-top:45px;border-top:2px solid #35e0bd;background:#f2f7f8;padding:24px;font-size:14px}.blog-editor-note p{margin:12px 0}.blog-list{max-width:1200px;margin:auto;padding:56px 22px 80px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.blog-card{border:1px solid #dce5ea;border-radius:12px;overflow:hidden;transition:box-shadow .2s,transform .2s}.blog-card:hover{box-shadow:0 12px 32px #123a6614;transform:translateY(-3px)}.blog-card>a{display:block;height:100%}.blog-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;background:#edf3f6}.blog-card>a>div{padding:28px}.blog-card time{font-size:13px;color:#5b6d7c}.blog-card h2{font-size:25px;line-height:1.45;margin:14px 0;color:#0b1930}.blog-card p{font-size:16px;line-height:1.8;color:#526575;margin-bottom:22px}.blog-card span{font-weight:800;color:#087465}.blog-related{max-width:1200px;margin:auto;padding:0 22px 72px}.blog-related h2{font-size:26px}.blog-related ul{list-style:none;padding:0;display:grid;gap:15px}.blog-related li{padding:17px 0;border-bottom:1px solid #dce5ea}.blog-related a{color:#123a66;line-height:1.7}.blog-back{display:inline-block;padding:15px 22px;background:#35e0bd;color:#0b1930!important;font-weight:800;margin-top:20px;border-radius:6px}
@media(max-width:1050px){.site-header{gap:22px}.desktop-nav{gap:17px}.desktop-nav a{font-size:13px}.blog-layout{gap:35px;grid-template-columns:205px minmax(0,1fr)}}
@media(max-width:800px){.blog-layout{grid-template-columns:1fr;gap:30px;padding-top:28px}.blog-toc details{position:static}.blog-toc nav{grid-template-columns:1fr 1fr;gap:12px 18px}.blog-hero{padding-top:44px;padding-bottom:40px}.blog-list{grid-template-columns:1fr;padding-top:32px}.blog-card>a>div{padding:22px}.blog-card h2{font-size:22px}.blog-body{font-size:16px}.blog-body h2{margin-top:36px}.blog-lead{font-size:16px}}
@media(prefers-reduced-motion:reduce){.blog-card{transition:none}.blog-card:hover{transform:none}}