/* Platform surfaces: public knowledge centre, ad slots and the editor workspace. */
.blog-page { background: #f8f8fc; min-height: 100vh; padding-bottom: 6rem; }
.blog-hero { padding: 6.5rem 0 3.5rem; background: radial-gradient(circle at 75% 5%, rgba(115,86,255,.15), transparent 34%), linear-gradient(130deg, #11142d, #25205d 58%, #3b287d); color: #fff; }
.blog-hero h1 { max-width: 760px; margin: .75rem 0 1rem; font-size: clamp(2.6rem, 6vw, 5.3rem); letter-spacing: -.06em; line-height: .98; }
.blog-hero p { max-width: 650px; color: #d8d6ee; font-size: 1.1rem; line-height: 1.7; }
.blog-hero .eyebrow { color: #b8b1ff; }
.blog-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.35rem; margin-top: -2rem; position: relative; }
.blog-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 1rem; max-width: 1200px; margin: 0 auto; padding: 1.25rem 0 2rem; color: #85869a; font-size: .82rem; }
.blog-toolbar a { display: inline-flex; align-items: center; gap: .35rem; color: #5047cc; font-weight: 750; }
.blog-card { display: flex; flex-direction: column; min-height: 100%; overflow: hidden; border: 1px solid #e5e5f0; border-radius: 22px; background: #fff; box-shadow: 0 20px 60px rgba(29,24,83,.09); transition: transform .2s ease, box-shadow .2s ease; }
.blog-card:hover { transform: translateY(-5px); box-shadow: 0 24px 65px rgba(29,24,83,.16); }
.blog-card-art { display: grid; place-items: center; min-height: 150px; background: linear-gradient(135deg,#e9e7ff,#d7fbef); color: #24205b; font-size: 2.5rem; font-weight: 800; }
.blog-card-art img { width: 100%; height: 100%; min-height: 150px; object-fit: cover; }
.blog-card-content { display: flex; flex: 1; flex-direction: column; padding: 1.35rem; }
.blog-card-kicker { color: #5c52dc; font-size: .74rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.blog-card h2 { margin: .55rem 0 .55rem; color: #15172f; font-size: 1.25rem; line-height: 1.18; letter-spacing: -.025em; }
.blog-card p { color: #62647b; line-height: 1.6; }
.blog-card-meta { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-top: auto; padding-top: 1.2rem; color: #8b8ba0; font-size: .78rem; }
.blog-card-meta a { color: #4f46d8; font-weight: 750; }
.blog-empty { margin-top: 2rem; border: 1px dashed #cbcbe0; border-radius: 18px; padding: 2rem; background: #fff; color: #67687b; }
.blog-article-shell { background: #f8f8fc; padding: 2rem 0 6rem; }
.blog-article { max-width: 800px; margin: 0 auto; border: 1px solid #e5e5f0; border-radius: 26px; background: #fff; padding: clamp(1.5rem,5vw,4rem); box-shadow: 0 20px 60px rgba(29,24,83,.08); }
.back-link { display: inline-flex; align-items: center; gap: .45rem; color: #5047cc; font-size: .9rem; font-weight: 750; }
.article-kicker { display: flex; flex-wrap: wrap; gap: .75rem 1.2rem; margin-top: 2.2rem; color: #5c52dc; font-size: .76rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.blog-article h1 { margin: .7rem 0 1rem; color: #15172f; font-size: clamp(2.15rem,5vw,4rem); letter-spacing: -.055em; line-height: 1; }
.article-excerpt { color: #62647b; font-size: 1.15rem; line-height: 1.65; }
.article-meta { display: flex; flex-wrap: wrap; gap: .35rem 1rem; margin: 1.2rem 0 2.3rem; color: #8b8ba0; font-size: .85rem; }
.article-image { width: 100%; max-height: 390px; border-radius: 18px; object-fit: cover; margin-bottom: 2rem; }
.article-body { color: #31334e; font-size: 1.05rem; line-height: 1.85; }
.article-body p { margin: 0 0 1.25rem; }
.article-tags { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: 2rem; }
.article-tags span { border-radius: 999px; background: #efefff; color: #554bd0; padding: .36rem .65rem; font-size: .75rem; font-weight: 700; }
.article-next { margin-top: 3rem; border-top: 1px solid #e7e7ef; padding-top: 1.5rem; }
.article-next h2 { margin: .4rem 0; color: #15172f; font-size: 1.55rem; }
.home-blog-section { padding: 5.5rem 0; background: #f8f8fc; }
.home-library-cta { padding: 4.5rem 0; background: linear-gradient(120deg,#e9e7ff,#e7fbf5); }
.home-library-inner { display: flex; align-items: end; justify-content: space-between; gap: 2rem; }
.home-library-inner h2 { max-width: 650px; margin: .45rem 0 .65rem; color: #171932; font-size: clamp(2rem,4vw,3.4rem); letter-spacing: -.05em; line-height: 1; }
.home-library-inner p { max-width: 590px; color: #676980; line-height: 1.7; }
.home-library-inner a { display: inline-flex; align-items: center; gap: .45rem; border-radius: 999px; padding: .8rem 1.05rem; background: #5147d7; color: #fff; font-size: .85rem; font-weight: 750; white-space: nowrap; }
.calculators-library { min-height: 70vh; background: #f8f8fc; }
.library-hero { padding: 4.5rem 0 1rem; }
.library-hero h1 { margin: .55rem 0 .65rem; color: #171932; font-size: clamp(2.3rem,5vw,4.4rem); letter-spacing: -.06em; }
.library-hero p { max-width: 690px; color: #70738a; line-height: 1.7; }
.home-blog-head { display: flex; justify-content: space-between; align-items: end; gap: 1rem; margin-bottom: 1.7rem; }
.home-blog-head h2 { max-width: 590px; margin: .5rem 0 0; color: #15172f; font-size: clamp(2rem,4vw,3.25rem); letter-spacing: -.045em; line-height: 1.02; }
.home-blog-head a { display: inline-flex; align-items: center; gap: .35rem; color: #5047cc; font-weight: 750; }
.ad-slot { width: 100%; margin: 1.6rem 0; }
.ad-slot-placeholder { display: grid; place-items: center; min-height: 90px; border: 1px dashed #d2d2e2; border-radius: 14px; background: #fafaff; color: #9a9aae; font-size: .73rem; letter-spacing: .08em; text-transform: uppercase; }
.feedback-card { display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,.85fr); gap: 1.5rem; margin: 2.3rem 0; border: 1px solid #e6e4f7; border-radius: 14px; padding: 1.3rem 1.4rem; background: linear-gradient(120deg,#faf9ff,#f2fffb); }
.feedback-card h2 { margin: .4rem 0 .45rem; font-size: 1.35rem; }
.feedback-card p { color: #7b7d92; font-size: .86rem; line-height: 1.65; }
.feedback-card form { display: grid; gap: .55rem; }
.feedback-card textarea, .feedback-card input { width: 100%; border: 1px solid #dedeea; border-radius: 8px; padding: .65rem .72rem; background: #fff; color: #232540; font: inherit; font-size: .85rem; }
.feedback-card textarea { min-height: 100px; resize: vertical; }
.feedback-card form > div { display: flex; gap: .5rem; }
.feedback-card button { border: 0; border-radius: 8px; padding: .65rem .9rem; background: #5147d7; color: #fff; font: inherit; font-size: .8rem; font-weight: 750; white-space: nowrap; cursor: pointer; }
.feedback-card button:disabled { opacity: .6; cursor: wait; }
.feedback-card form small { color: #4e7d6d; font-size: .75rem; }
.feedback-honeypot { position: absolute; left: -9999px; opacity: 0; }
.admin-v2 { display: grid; grid-template-columns: 250px minmax(0,1fr); min-height: 100vh; background: #f5f5fa; color: #1b1d37; }
.admin-v2-sidebar { display: flex; flex-direction: column; position: sticky; top: 0; height: 100vh; padding: 1.35rem 1rem; background: #12142d; color: #c9c9df; }
.admin-v2-brand { display: flex; align-items: center; gap: .65rem; padding: .55rem .65rem 1.4rem; color: #fff; text-decoration: none; }
.admin-v2-brand svg { color: #a9ffdf; }
.admin-v2-brand strong { display: block; font-size: 1rem; }
.admin-v2-brand small { display: block; margin-top: .2rem; color: #8e8fae; font-size: .7rem; }
.admin-v2-nav { display: grid; gap: .25rem; overflow: auto; }
.admin-v2-nav button { display: flex; align-items: center; gap: .7rem; border: 0; border-radius: 10px; padding: .7rem .75rem; background: transparent; color: #b7b8d0; font: inherit; font-size: .86rem; text-align: left; cursor: pointer; }
.admin-v2-nav button:hover, .admin-v2-nav button.active { background: #282750; color: #fff; }
.admin-v2-nav button.active svg { color: #a9ffdf; }
.admin-v2-sidebar-foot { margin-top: auto; border-top: 1px solid #2b2d4b; padding: 1rem .65rem 0; color: #8e8fae; font-size: .73rem; line-height: 1.6; }
.admin-v2-sidebar-foot button { display: inline-flex; align-items: center; gap: .5rem; border: 0; padding: 0; background: transparent; color: #fff; font: inherit; cursor: pointer; }
.admin-v2-main { min-width: 0; padding: 2rem clamp(1rem,4vw,3.5rem) 4rem; }
.admin-v2-top { display: flex; align-items: start; justify-content: space-between; gap: 1rem; margin-bottom: 1.65rem; }
.admin-v2-top h1 { margin: 0; color: #15172f; font-size: clamp(1.6rem,3vw,2.35rem); letter-spacing: -.04em; }
.admin-v2-top p { margin: .35rem 0 0; color: #77798e; }
.admin-v2-actions { display: flex; align-items: center; gap: .6rem; }
.admin-v2-search { display: flex; align-items: center; gap: .5rem; min-width: 200px; border: 1px solid #dedeea; border-radius: 10px; background: #fff; padding: .5rem .7rem; }
.admin-v2-search input { width: 100%; border: 0; outline: 0; background: transparent; color: #22243f; }
.admin-v2-banner { margin-bottom: 1rem; border-radius: 10px; padding: .75rem 1rem; background: #eafaf4; color: #16624c; font-size: .86rem; }
.admin-v2-banner.error { background: #fff0f0; color: #9c2f37; }
.admin-v2-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .9rem; margin-bottom: 1.1rem; }
.admin-v2-stat { border: 1px solid #e4e4ef; border-radius: 16px; padding: 1rem; background: #fff; }
.admin-v2-stat span { display: block; color: #85869a; font-size: .76rem; }
.admin-v2-stat strong { display: block; margin-top: .35rem; color: #202242; font-size: 1.65rem; letter-spacing: -.04em; }
.admin-v2-card { border: 1px solid #e4e4ef; border-radius: 16px; background: #fff; padding: 1.15rem; }
.admin-v2-card + .admin-v2-card { margin-top: 1rem; }
.admin-v2-card-head { display: flex; align-items: start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.admin-v2-card-head h2 { margin: 0; color: #202242; font-size: 1.05rem; }
.admin-v2-card-head p { margin: .25rem 0 0; color: #85869a; font-size: .8rem; }
.admin-v2-grid { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(280px,.65fr); gap: 1rem; align-items: start; }
.admin-v2-form { display: grid; gap: .9rem; }
.admin-v2-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; }
.admin-v2-field { display: grid; gap: .33rem; }
.admin-v2-field.full { grid-column: 1 / -1; }
.admin-v2-field > span { color: #4c4e68; font-size: .75rem; font-weight: 750; }
.admin-v2-field input, .admin-v2-field select, .admin-v2-field textarea { width: 100%; border: 1px solid #dedeea; border-radius: 9px; padding: .62rem .7rem; background: #fff; color: #22243f; font: inherit; font-size: .86rem; }
.admin-v2-field textarea { min-height: 110px; resize: vertical; }
.admin-v2-check { display: flex; align-items: center; gap: .55rem; color: #4c4e68; font-size: .82rem; }
.admin-v2-actions-row { display: flex; flex-wrap: wrap; justify-content: end; gap: .55rem; border-top: 1px solid #ededf3; padding-top: .9rem; }
.admin-v2-table-wrap { overflow-x: auto; }
.admin-v2-table { width: 100%; border-collapse: collapse; font-size: .8rem; }
.admin-v2-table th { padding: .7rem .5rem; color: #85869a; font-size: .7rem; font-weight: 750; text-align: left; text-transform: uppercase; letter-spacing: .07em; }
.admin-v2-table td { border-top: 1px solid #ededf3; padding: .75rem .5rem; color: #4c4e68; vertical-align: top; }
.admin-v2-table td strong { display: block; color: #252744; }
.admin-v2-table td small { color: #9192a6; }
.admin-v2-table tr.is-selected td { background: #f2f1ff; }
.admin-v2-table tr.selectable { cursor: pointer; }
.admin-v2-pill { display: inline-flex; border-radius: 999px; padding: .25rem .5rem; background: #f0efff; color: #564bd1; font-size: .68rem; font-weight: 800; }
.admin-v2-pill.green { background: #e7f9f2; color: #167957; }
.admin-v2-pill.orange { background: #fff4e3; color: #9a5d0d; }
.admin-v2-muted { color: #85869a; font-size: .83rem; }
.admin-v2-checklist { display: grid; gap: .55rem; margin: 0; padding: 0; list-style: none; }
.admin-v2-checklist li { display: flex; align-items: center; gap: .55rem; color: #4c4e68; font-size: .83rem; }
.admin-v2-checklist svg { color: #19a879; }
.admin-v2-empty { border: 1px dashed #d5d5e5; border-radius: 10px; padding: 1rem; color: #85869a; font-size: .83rem; }
@media (max-width: 1050px) { .admin-v2 { grid-template-columns: 205px minmax(0,1fr); } .admin-v2-grid { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .blog-grid { grid-template-columns: 1fr; margin-top: 1rem; } .home-blog-head { align-items: start; flex-direction: column; } .home-library-inner { align-items: start; flex-direction: column; } .feedback-card { grid-template-columns: 1fr; } .feedback-card form > div { flex-direction: column; } .feedback-card button { width: 100%; } .admin-v2 { display: block; } .admin-v2-sidebar { position: static; height: auto; padding: .7rem; } .admin-v2-brand { padding-bottom: .75rem; } .admin-v2-nav { display: flex; overflow-x: auto; } .admin-v2-nav button { flex: 0 0 auto; } .admin-v2-sidebar-foot { display: none; } .admin-v2-main { padding: 1rem .8rem 3rem; } .admin-v2-top { align-items: stretch; flex-direction: column; } .admin-v2-actions { justify-content: space-between; } .admin-v2-search { min-width: 0; flex: 1; } .admin-v2-stats { grid-template-columns: repeat(2,minmax(0,1fr)); } .admin-v2-form-grid { grid-template-columns: 1fr; } .admin-v2-field.full { grid-column: auto; } }

/* v2.8 editorial knowledge centre */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.blog-page{overflow:hidden;background:#f6f7fb}.blog-hero{position:relative;padding:clamp(5rem,8vw,8rem) 0 7rem;background:radial-gradient(circle at 80% 15%,rgba(124,103,255,.35),transparent 26%),radial-gradient(circle at 10% 100%,rgba(42,201,164,.13),transparent 30%),#11142d}.blog-hero:after{content:"";position:absolute;right:-5vw;bottom:-160px;width:430px;height:430px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.02)}.blog-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:end;gap:clamp(2rem,6vw,7rem)}.blog-hero h1{max-width:900px;font-size:clamp(3.2rem,6.4vw,6.7rem)}.blog-hero p{font-size:clamp(1rem,1.8vw,1.18rem)}.blog-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2rem}.blog-hero-actions a{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:.85rem 1rem;color:#fff;font-size:.84rem;font-weight:800}.blog-hero-actions .blog-primary-action{border-color:#a9f3db;background:#a9f3db;color:#15172f}.blog-hero-note{border:1px solid rgba(255,255,255,.15);border-radius:22px;padding:1.5rem;background:rgba(255,255,255,.07);box-shadow:0 25px 75px rgba(0,0,0,.18);backdrop-filter:blur(12px)}.blog-hero-note span,.blog-hero-note strong{display:block}.blog-hero-note span{color:#a9f3db;font-size:.67rem;font-weight:850;letter-spacing:.14em}.blog-hero-note strong{margin:.65rem 0;font-size:1.45rem}.blog-hero-note p{margin:0;color:#d6d7e7;font-size:.88rem;line-height:1.65}.blog-library-shell{position:relative;z-index:2}.blog-featured{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);max-width:1160px;margin:-4rem auto 5rem;overflow:hidden;border:1px solid #e0e2ed;border-radius:28px;background:#fff;box-shadow:0 28px 80px rgba(26,29,67,.16)}.blog-featured-art{position:relative;display:grid;place-items:center;min-height:330px;overflow:hidden;background:linear-gradient(145deg,#5045e7,#28215f);color:#fff}.blog-featured-art:before,.blog-featured-art:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.22);border-radius:50%}.blog-featured-art:before{width:260px;height:260px}.blog-featured-art:after{width:180px;height:180px}.blog-featured-art span,.blog-featured-art i{position:absolute;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}.blog-featured-art span{top:22px;left:25px}.blog-featured-art i{right:24px;bottom:22px}.blog-featured-art b{position:relative;z-index:1;font-size:4.5rem;letter-spacing:-.08em}.blog-featured-content{align-self:center;padding:clamp(2rem,5vw,4rem)}.blog-featured-content h2{max-width:760px;margin:.75rem 0 1rem;color:#171932;font-size:clamp(2rem,4vw,3.7rem);line-height:1.02;letter-spacing:-.055em}.blog-featured-content>p{max-width:690px;color:#6c6f86;line-height:1.7}.blog-featured-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem;border-top:1px solid #ececf2;padding-top:1.15rem;color:#8a8da2;font-size:.78rem}.blog-featured-meta a{color:#5045e7;font-weight:800}.blog-index{padding-bottom:5rem}.blog-index-head{display:flex;align-items:end;justify-content:space-between;gap:1rem}.blog-index-head h2{margin:.55rem 0 0;color:#171932;font-size:clamp(2rem,4vw,3.5rem);line-height:1;letter-spacing:-.05em}.blog-index-head>span{color:#85889d;font-size:.8rem}.blog-search-box{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:.5rem;margin:2rem 0 1rem;border:1px solid #dfe2ed;border-radius:16px;padding:0 1rem;background:#fff;box-shadow:0 10px 35px rgba(28,31,71,.05)}.blog-search-box>span{color:#5147e8;font-size:1.4rem}.blog-search-box input{height:58px;border:0;outline:0;background:transparent;color:#20233e;font-size:1rem}.blog-search-box small{color:#888ba0}.blog-category-filters{display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none}.blog-category-filters::-webkit-scrollbar{display:none}.blog-category-filters button{flex:0 0 auto;border:1px solid #dedfeb;border-radius:999px;padding:.62rem .85rem;background:#fff;color:#696c82;font-size:.76rem;cursor:pointer}.blog-category-filters button.active{border-color:#5147e8;background:#5147e8;color:#fff}.blog-index .blog-grid,.article-related-guides{margin-top:0}.blog-card[hidden]{display:none}.blog-card{box-shadow:0 12px 42px rgba(29,24,83,.065)}.blog-card-art{position:relative;min-height:175px;overflow:hidden;background:linear-gradient(145deg,#eceaff,#dffbf2);text-decoration:none}.blog-card-art:before{content:"";position:absolute;width:160px;height:160px;border:1px solid rgba(79,70,216,.15);border-radius:50%;box-shadow:0 0 0 30px rgba(79,70,216,.04)}.blog-card-art span{position:relative;z-index:1;font-size:3.1rem}.blog-card-art small{position:absolute;right:16px;bottom:13px;color:#4f46d8;font-size:.62rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.blog-card-topline{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.blog-card-topline>span:last-child{color:#9496a8;font-size:.7rem}.blog-card h2 a{color:inherit}.blog-card h2 a:after{content:"";position:absolute;inset:0}.blog-card{position:relative}.blog-card-content,.blog-card-meta,.blog-card-meta a{position:relative}.blog-card-meta{z-index:2}.blog-card-content>p{font-size:.88rem}.blog-empty{text-align:center}.blog-empty b{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 12px;border-radius:16px;background:#eceaff;color:#5147e8;font-size:1.4rem}.blog-empty button{border:0;border-radius:999px;padding:.7rem 1rem;background:#5147e8;color:#fff;font-weight:750;cursor:pointer}.blog-method{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:clamp(2rem,7vw,7rem);border-top:1px solid #dfe1eb;padding:5rem 0 1rem}.blog-method h2{max-width:500px;margin:.65rem 0;color:#171932;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.05em}.blog-method-grid{display:grid;gap:0}.blog-method-grid article{display:grid;grid-template-columns:42px 120px minmax(0,1fr);align-items:start;gap:1rem;border-top:1px solid #dfe1eb;padding:1.3rem 0}.blog-method-grid article:first-child{border-top:0}.blog-method-grid span{color:#5147e8;font-size:.7rem;font-weight:850}.blog-method-grid h3,.blog-method-grid p{margin:0}.blog-method-grid h3{font-size:1rem}.blog-method-grid p{color:#717489;font-size:.85rem;line-height:1.6}
.article-page-shell{width:min(1050px,calc(100% - 48px));margin:auto}.article-breadcrumb{display:flex;align-items:center;gap:.55rem;margin-bottom:1.5rem;color:#7d8095;font-size:.78rem}.article-breadcrumb a{color:#5147e8;font-weight:750}.blog-article{max-width:900px}.article-header{border-bottom:1px solid #e8e8f0;margin-bottom:2rem}.article-header .article-kicker{margin-top:0}.article-author-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#655cf0,#2cc7a5);color:#fff;font-weight:850}.article-meta{align-items:center}.article-meta div strong,.article-meta div small{display:block}.article-meta div strong{color:#292c47}.article-meta div small{margin-top:.2rem}.article-summary{margin:0 0 2rem;border-left:4px solid #5147e8;border-radius:0 14px 14px 0;padding:1.1rem 1.25rem;background:#f1f0ff}.article-summary strong{color:#292c47}.article-summary p{margin:.35rem 0 0;color:#65687e;font-size:.9rem;line-height:1.6}.article-body h2,.article-body h3{color:#171932;letter-spacing:-.035em}.article-body h2{margin:2.6rem 0 .8rem;font-size:1.75rem}.article-body h3{margin:2rem 0 .65rem;font-size:1.3rem}.article-body ul,.article-body ol{margin:0 0 1.5rem;padding-left:1.3rem}.article-body li{margin:.5rem 0}.article-body strong{color:#20233e}.article-editorial-note{margin-top:2.5rem;border-top:1px solid #e8e8f0;padding-top:1.25rem;color:#73768a;font-size:.83rem;line-height:1.65}.article-editorial-note p{margin:.35rem 0}.article-related{max-width:900px;margin:4rem auto 0}.article-related-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.article-related-head h2{margin:.35rem 0 0;color:#171932;font-size:2rem;letter-spacing:-.04em}.article-related-head>a{color:#5147e8;font-size:.8rem;font-weight:800}.article-calculator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.article-calculator-grid>a{display:grid;grid-template-columns:40px minmax(0,1fr) 14px;align-items:center;gap:.75rem;border:1px solid #e1e3ec;border-radius:15px;padding:1rem;background:#fff}.article-calculator-grid>a>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eceaff;color:#5147e8;font-size:1.2rem}.article-calculator-grid strong,.article-calculator-grid small{display:block}.article-calculator-grid strong{color:#20233e;font-size:.85rem}.article-calculator-grid small{display:-webkit-box;overflow:hidden;margin-top:.25rem;color:#888b9e;font-size:.7rem;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}.article-calculator-grid b{color:#5147e8}
@media(max-width:900px){.blog-hero-grid,.blog-method{grid-template-columns:1fr}.blog-hero-note{max-width:550px}.blog-featured{grid-template-columns:1fr}.blog-featured-art{min-height:230px}.article-calculator-grid{grid-template-columns:1fr}.blog-method{gap:1.5rem}.blog-method-grid article:first-child{border-top:1px solid #dfe1eb}}
@media(max-width:760px){.blog-hero{padding:4rem 0 5.5rem}.blog-hero h1{font-size:clamp(2.7rem,13vw,4.3rem)}.blog-hero-note{padding:1.15rem}.blog-featured{margin-top:-3rem;margin-bottom:3.5rem;border-radius:20px}.blog-featured-art{min-height:180px}.blog-featured-art b{font-size:3.5rem}.blog-featured-content{padding:1.4rem}.blog-featured-content h2{font-size:2rem}.blog-featured-meta{align-items:flex-start;flex-direction:column}.blog-index-head{align-items:flex-start;flex-direction:column}.blog-index .blog-grid{margin-top:0}.blog-search-box{grid-template-columns:20px minmax(0,1fr);padding:0 .8rem}.blog-search-box input{height:52px;font-size:.9rem}.blog-search-box small{grid-column:1/-1;margin:-5px 0 10px 28px}.blog-method-grid article{grid-template-columns:34px minmax(0,1fr)}.blog-method-grid article p{grid-column:2}.article-page-shell{width:calc(100% - 28px)}.blog-article-shell{padding-top:1rem}.blog-article{border-radius:18px}.article-breadcrumb{overflow:hidden;white-space:nowrap}.article-related-head{align-items:flex-start;flex-direction:column}.article-related-guides{margin-top:0}.article-header .article-kicker{gap:.5rem}.article-body{font-size:1rem;line-height:1.75}.article-body h2{font-size:1.5rem}.article-calculator-grid>a{min-height:76px}}