.blog-page,.blog-article-page{width:min(1280px,100% - 80px);margin-inline:auto;padding:54px 0 72px}.blog-eyebrow{color:var(--primary);letter-spacing:.16em;align-items:center;gap:9px;font-size:10px;font-weight:750;display:flex}.blog-hero{justify-content:space-between;align-items:center;gap:30px;padding:20px 0 42px;display:flex;position:relative}.blog-hero h1{letter-spacing:-.02em;margin-top:22px;font-size:clamp(36px,4.6vw,62px);font-weight:550;line-height:1.12}.blog-hero h1 em{color:var(--primary);font-style:normal}.blog-hero p{max-width:575px;color:var(--muted-foreground);margin-top:21px;font-size:15px;line-height:1.8}.blog-hero-mark{min-height:200px;color:var(--primary);border:1px solid var(--border);background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--primary) 13%, transparent), transparent 70%), linear-gradient(135deg, var(--card), var(--background));border-radius:28px;flex:0 0 260px;place-items:center;gap:22px;display:grid;position:relative;transform:rotate(-4deg)}.blog-hero-mark:before{content:"";border:1px solid color-mix(in srgb, var(--primary) 15%, var(--border));border-radius:20px;position:absolute;inset:14px}.blog-hero-mark svg{width:64px;height:64px;margin-top:25px}.blog-hero-mark span{letter-spacing:.25em;margin-bottom:24px;font-size:8px}.blog-toolbar{border-block:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:36px;padding:21px 0;display:flex}.blog-toolbar nav{scrollbar-width:thin;align-items:center;gap:6px;max-width:100%;padding:4px;display:flex;overflow-x:auto}.blog-toolbar nav a{color:var(--muted-foreground);border:1px solid #0000;border-radius:99px;flex-shrink:0;padding:9px 13px;font-size:11px;font-weight:600;transition:background .18s,color .18s}.blog-toolbar nav a:hover{background:var(--muted);color:var(--foreground)}.blog-toolbar nav a[aria-current]{border-color:color-mix(in srgb, var(--primary) 30%, var(--border));color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent)}.blog-search{border:1px solid var(--border);background:var(--card);height:41px;color:var(--muted-foreground);border-radius:11px;align-items:center;gap:9px;padding:0 10px 0 13px;display:flex}.blog-search input{outline-offset:0;width:155px;min-width:0;color:var(--foreground);background:0 0;border:0;font-size:12px}.blog-search button{background:var(--muted);width:30px;height:30px;color:var(--foreground);border:0;border-radius:7px;place-items:center;display:grid}.blog-list-layout{grid-template-columns:minmax(0,1fr) 285px;gap:36px;display:grid}.blog-list-layout>*,.blog-article-layout>*{min-width:0}.blog-sticky{position:sticky;top:100px}.blog-section-label{color:var(--muted-foreground);letter-spacing:.15em;align-items:center;gap:8px;margin-bottom:20px;font-size:10px;font-weight:700;display:flex}.blog-featured-section{margin-bottom:42px}.blog-card{border:1px solid var(--border);background:var(--card);border-radius:20px;flex-direction:column;min-width:0;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;overflow:hidden}.blog-card:hover{border-color:color-mix(in srgb, var(--primary) 48%, var(--border));box-shadow:0 16px 40px color-mix(in srgb, var(--primary) 9%, transparent);transform:translateY(-3px)}.blog-card-cover{aspect-ratio:1.95;background:var(--muted);overflow:hidden}.blog-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.blog-card:hover .blog-card-cover img{transform:scale(1.035)}.blog-card-art{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 13%, var(--card)), var(--card));border-bottom:1px solid var(--border);height:145px;color:var(--primary);justify-content:space-between;align-items:center;padding:30px;display:flex;position:relative;overflow:hidden}.blog-card-art:after{content:"";border:1px solid color-mix(in srgb, var(--primary) 15%, transparent);width:180px;height:180px;box-shadow:0 0 0 25px color-mix(in srgb, var(--primary) 3%, transparent), 0 0 0 50px color-mix(in srgb, var(--primary) 3%, transparent);border-radius:50%;position:absolute;right:-35px}.blog-card-art svg{width:38px;height:38px}.blog-card-art span{font-size:10px;font-weight:600}.blog-card-body{flex-direction:column;flex:1;padding:25px;display:flex}.blog-category-label{color:var(--primary);letter-spacing:.045em;font-size:10px;font-weight:700;line-height:1.5;display:inline-block}.blog-card h2{letter-spacing:-.015em;margin-top:13px;font-size:23px;font-weight:600;line-height:1.3}.blog-card-body>p{color:var(--muted-foreground);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:13px 0 24px;font-size:12px;line-height:1.8;display:-webkit-box;overflow:hidden}.blog-card-meta{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:8px 15px;margin-top:auto;font-size:10px;display:flex}.blog-card-meta>span:last-child{align-items:center;gap:5px;display:flex}.blog-card-bottom{border-top:1px solid var(--border);color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:8px;margin-top:18px;padding-top:16px;font-size:10px;display:flex}.blog-card-bottom>span{color:var(--primary);align-items:center;gap:5px;font-weight:650;display:flex}.blog-featured{background:linear-gradient(125deg, color-mix(in srgb, var(--primary) 8%, var(--card)), var(--card) 75%);position:relative}.blog-featured:before{content:"";z-index:1;background:linear-gradient(90deg, transparent, var(--primary), transparent);height:2px;position:absolute;top:0;left:28px;right:28px}.blog-featured .blog-card-art{display:none}.blog-featured .blog-card-cover{max-height:260px}.blog-featured .blog-card-body{padding:35px}.blog-featured h2{max-width:650px;font-size:clamp(26px,3vw,37px);font-weight:550}.blog-featured .blog-card-body>p{font-size:14px}.blog-section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;display:flex}.blog-section-heading h2{font-size:23px;font-weight:550}.blog-section-heading>span,.blog-section-heading>a{color:var(--muted-foreground);font-size:11px}.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.blog-popular{border:1px solid var(--border);background:color-mix(in srgb, var(--card) 55%, transparent);border-radius:19px;padding:25px}.blog-popular ol{gap:22px;margin:0;padding:0;list-style:none;display:grid}.blog-popular li{align-items:flex-start;gap:14px;display:flex}.blog-popular li>span{color:color-mix(in srgb, var(--primary) 62%, var(--muted));font-size:22px;font-weight:550;line-height:1.3}.blog-popular a{font-size:12px;font-weight:550;line-height:1.6}.blog-popular a:hover{color:var(--primary)}.blog-join-card{border:1px solid color-mix(in srgb, var(--primary) 28%, var(--border));background:radial-gradient(ellipse at top right, color-mix(in srgb, var(--primary) 15%, var(--card)), var(--card) 75%);border-radius:19px;margin-top:22px;padding:28px 25px;position:relative}.blog-join-card h2{margin-top:22px;font-size:26px;font-weight:550;line-height:1.22}.blog-join-card p{color:var(--muted-foreground);margin-top:15px;font-size:12px;line-height:1.8}.blog-join-card>a{border-top:1px solid var(--border);color:var(--primary);justify-content:space-between;align-items:center;margin-top:26px;padding-top:20px;font-size:12px;font-weight:650;display:flex}.blog-pagination{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;margin-top:32px;padding-top:24px;font-size:12px;display:flex}.blog-pagination a{align-items:center;gap:8px;padding:8px 0;display:flex}.blog-empty{text-align:center;border:1px dashed var(--border);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:340px;padding:40px 25px;display:flex}.blog-empty>svg{color:var(--primary)}.blog-empty h2{font-size:27px;font-weight:550}.blog-empty p{color:var(--muted-foreground);max-width:420px}.blog-breadcrumb{color:var(--muted-foreground);white-space:nowrap;align-items:center;gap:10px;margin-bottom:35px;font-size:10px;display:flex}.blog-breadcrumb a{flex-shrink:0}.blog-breadcrumb>span{text-overflow:ellipsis;overflow:hidden}.blog-article-layout{grid-template-columns:185px minmax(0,1fr) 270px;align-items:start;gap:35px;display:grid}.blog-article-right{align-self:stretch}.blog-article-right .blog-sticky{scrollbar-width:thin;max-height:calc(100dvh - 124px);top:100px;overflow-y:auto}.blog-article-left .blog-sticky{scrollbar-width:thin;max-height:calc(100dvh - 125px);padding:4px;overflow-y:auto}.blog-toc-desktop nav,.blog-toc-mobile nav{gap:4px;margin-top:20px;display:grid}.blog-toc-desktop nav a,.blog-toc-mobile nav a{border-left:2px solid var(--border);color:var(--muted-foreground);padding:7px 0 7px 12px;font-size:11px;line-height:1.65}.blog-toc-desktop nav a.nested{padding-left:24px;font-size:10px}.blog-toc-desktop nav a.active,.blog-toc-mobile nav a.active{color:var(--primary);border-color:var(--primary)}.blog-toc-mobile{display:none}.blog-share{flex-wrap:wrap;gap:7px;margin-top:25px;display:flex}.blog-share button{border:1px solid var(--border);background:var(--card);width:33px;height:33px;color:var(--muted-foreground);border-radius:9px;place-items:center;font-size:17px;font-weight:700;display:grid}.blog-share button:hover{color:var(--primary);border-color:var(--primary)}.blog-share-status{min-height:23px;color:var(--primary);padding-top:6px;font-size:10px;display:block}.blog-back-top{color:var(--muted-foreground);align-items:center;gap:6px;margin-top:10px;font-size:10px;display:flex}.blog-reading-progress{z-index:51;pointer-events:none;height:2px;position:fixed;inset:0 0 auto}.blog-reading-progress span{background:var(--primary);height:100%;display:block}.blog-article-header h1{letter-spacing:-.015em;overflow-wrap:anywhere;margin-top:18px;font-size:clamp(31px,3.3vw,46px);font-weight:600;line-height:1.16}.blog-article-excerpt{color:var(--muted-foreground);margin-top:25px;font-size:16px;line-height:1.9}.blog-byline{border-block:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;margin:27px 0 32px;padding:22px 0;display:flex}.blog-author-icon{background:var(--accent);width:36px;height:36px;color:var(--primary);border-radius:11px;place-items:center;display:grid}.blog-byline strong{font-size:11px;font-weight:650;display:block}.blog-byline small{color:var(--muted-foreground);margin-top:3px;font-size:9px;display:block}.blog-dates{color:var(--muted-foreground);flex-direction:column;gap:5px;margin-left:auto;font-size:9px;display:flex}.blog-dates span{align-items:center;gap:5px;display:flex}.blog-article-cover{margin:0 0 32px}.blog-article-cover img{object-fit:cover;border-radius:16px;width:100%;max-height:430px}.blog-prose{overflow-wrap:anywhere;font-size:15px;line-height:1.95}.blog-prose>*{margin:0 0 25px}.blog-prose h2,.blog-prose h3{letter-spacing:normal;word-spacing:.03em;scroll-margin-top:120px}.blog-prose h2{margin-top:42px;font-size:28px;font-weight:550;line-height:1.25}.blog-prose h3{margin-top:30px;font-size:21px;font-weight:600;line-height:1.35}.blog-prose p,.blog-prose li{white-space:pre-wrap;color:color-mix(in srgb, var(--foreground) 89%, var(--muted-foreground))}.blog-prose ul{padding-left:22px}.blog-prose li{margin-block:9px;padding-left:3px}.blog-prose li::marker{color:var(--primary)}.blog-prose figure img{border:1px solid var(--border);border-radius:13px;width:100%;height:auto}.blog-prose figcaption{color:var(--muted-foreground);text-align:center;margin-top:10px;font-size:11px}.blog-prose blockquote{border-left:3px solid var(--primary);background:color-mix(in srgb, var(--primary) 5%, var(--card));border-radius:0 14px 14px 0;padding:24px 28px}.blog-prose blockquote>svg{color:var(--primary);margin-bottom:10px}.blog-prose blockquote cite{color:var(--muted-foreground);margin-top:12px;font-size:12px;display:block}.blog-callout{border:1px solid color-mix(in srgb, var(--primary) 25%, var(--border));background:color-mix(in srgb, var(--primary) 6%, var(--card));border-radius:15px;align-items:flex-start;gap:13px;padding:23px;font-size:13px;display:flex}.blog-callout>svg{color:var(--primary);margin-top:4px}.blog-callout ul{margin-bottom:0}.blog-table-scroll{border:1px solid var(--border);border-radius:14px;overflow-x:auto}.blog-table-scroll table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.blog-table-scroll caption{text-align:left;padding:15px;font-weight:600}.blog-table-scroll th,.blog-table-scroll td{border-bottom:1px solid var(--border);min-width:100px;padding:13px 16px}.blog-table-scroll th{background:var(--muted);font-weight:650}.blog-table-scroll tr:last-child td{border-bottom:0}.blog-faq{border-bottom:1px solid var(--border);padding-bottom:18px;scroll-margin-top:120px}.blog-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:15px;font-size:15px;font-weight:600;line-height:1.55;list-style:none;display:flex}.blog-faq summary::-webkit-details-marker{display:none}.blog-faq summary>span{color:var(--primary);font-size:22px}.blog-faq[open] summary>span{transform:rotate(45deg)}.blog-faq>p{margin-top:16px;font-size:14px}.blog-source a{color:var(--primary);text-underline-offset:4px;align-items:center;gap:7px;font-size:13px;text-decoration:underline;display:inline-flex}.blog-source p{color:var(--muted-foreground);margin-top:5px;font-size:12px}.blog-inline-cta{border:1px solid var(--border);background:linear-gradient(130deg, color-mix(in srgb, var(--primary) 10%, var(--card)), var(--card));border-radius:17px;padding:28px}.blog-inline-cta>p{font-size:21px;font-weight:600;line-height:1.45}.blog-inline-cta .button{margin-top:20px;font-size:12px}.blog-tags{flex-wrap:wrap;gap:8px;margin-top:35px;display:flex}.blog-tags a{background:var(--muted);color:var(--muted-foreground);border-radius:99px;padding:6px 10px;font-size:10px}.blog-author-card{border-block:1px solid var(--border);align-items:flex-start;gap:16px;margin-top:32px;padding:25px 0;display:flex}.blog-author-card>svg{color:var(--primary)}.blog-author-card strong{font-size:13px}.blog-author-card p{color:var(--muted-foreground);margin-top:7px;font-size:12px;line-height:1.8}.blog-author-card a{color:var(--primary);margin-top:12px;font-size:11px;display:inline-block}.blog-calculator{border:1px solid color-mix(in srgb, var(--primary) 20%, var(--border));background:linear-gradient(140deg, color-mix(in srgb, var(--primary) 6%, var(--card)), var(--card));border-radius:19px;padding:23px}.blog-sidebar-icon{border:1px solid var(--border);width:40px;height:40px;color:var(--primary);border-radius:12px;place-items:center;margin-bottom:18px;display:grid}.blog-calculator h2{font-size:24px;font-weight:550;line-height:1.22}.blog-calculator>p{color:var(--muted-foreground);margin-top:13px;font-size:11px;line-height:1.8}.blog-calc-field{color:var(--muted-foreground);gap:9px;margin-top:24px;font-size:10px;display:grid}.blog-calc-field>span{border:1px solid var(--border);background:var(--background);border-radius:9px;align-items:center;padding:10px 12px;display:flex}.blog-calc-field input{width:100%;min-width:0;color:var(--foreground);background:0 0;border:0;font-size:17px;font-weight:600}.blog-calc-range{color:var(--muted-foreground);grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:20px;font-size:10px;display:grid}.blog-calc-range strong{color:var(--foreground);font-size:12px}.blog-calc-range input{width:100%;accent-color:var(--primary);grid-column:1/-1}.blog-calc-result{border-top:1px solid var(--border);gap:8px;margin-top:20px;padding:20px 0;display:grid}.blog-calc-result>span{color:var(--muted-foreground);font-size:10px}.blog-calc-result strong{letter-spacing:-.04em;color:var(--primary);font-size:38px;font-weight:550}.blog-calc-note{color:var(--muted-foreground);font-size:9px;line-height:1.7;display:block}.blog-calculator .button{width:100%;margin-top:19px;padding:11px 10px;font-size:11px}.blog-related{border-top:1px solid var(--border);margin-top:65px;padding-top:35px}.blog-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.blog-loading{gap:25px;display:grid}.blog-loading>div{background:var(--muted);border-radius:20px;height:120px}@media (max-width:1150px){.blog-article-layout{grid-template-columns:minmax(0,1fr) 265px;gap:30px}.blog-article-left{grid-column:1/-1}.blog-toc-desktop{display:none}.blog-toc-mobile{border:1px solid var(--border);background:var(--card);border-radius:12px;padding:14px 18px;display:block}.blog-toc-mobile summary{cursor:pointer;align-items:center;gap:10px;font-size:12px;display:flex}.blog-toc-mobile summary>span{margin-left:auto}.blog-article-left .blog-sticky{max-height:none;padding:0;position:static;overflow:visible}.blog-article-left .blog-share{margin-top:12px}.blog-article-left .blog-share-status{min-height:0}.blog-article-left .blog-back-top{display:none}.blog-list-layout{grid-template-columns:minmax(0,1fr) 255px;gap:25px}.blog-card-body{padding:21px}.blog-hero-mark{flex-basis:220px}}@media (max-width:760px){.blog-page,.blog-article-page{width:calc(100% - 36px);padding-top:30px;padding-bottom:45px}.blog-hero{padding:8px 0 30px}.blog-hero h1{font-size:clamp(31px,8vw,47px)}.blog-hero p{margin-top:18px;font-size:13px}.blog-hero-mark{display:none}.blog-toolbar{margin-bottom:26px;padding:13px 0 17px;display:block}.blog-toolbar nav{margin:0 -4px 12px}.blog-search{width:100%}.blog-search input{flex:1;width:auto}.blog-list-layout{grid-template-columns:1fr}.blog-list-sidebar .blog-sticky{grid-template-columns:1fr;display:grid;position:static}.blog-card-grid{gap:15px}.blog-card h2{font-size:21px}.blog-featured h2{font-size:28px}.blog-featured .blog-card-body{padding:25px}.blog-article-layout{grid-template-columns:1fr;gap:22px}.blog-article-header h1{font-size:clamp(30px,8vw,43px)}.blog-article-excerpt{margin-top:20px;font-size:15px;line-height:1.8}.blog-byline{margin-top:23px}.blog-dates{flex-flow:wrap;gap:12px;width:100%;margin:4px 0 0 46px}.blog-breadcrumb{margin-bottom:23px;font-size:9px}.blog-prose{font-size:15px;line-height:1.9}.blog-prose h2{font-size:26px}.blog-callout{gap:10px;padding:20px 17px}.blog-article-right .blog-sticky{max-height:none;position:static;overflow:visible}.blog-calculator{margin-top:10px;padding:26px}.blog-related{margin-top:36px}.blog-related-grid{grid-template-columns:1fr}.blog-section-heading h2{font-size:21px}.blog-empty{min-height:300px}}@media (max-width:520px){.blog-card-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.blog-card,.blog-card-cover img{transition:none}}