@charset "UTF-8";
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1100px}
.blog-grid.blog-list-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}
.blog-grid-with-images{align-items:start}
.blog-filters{display:flex;flex-direction:column;align-items:stretch;gap:14px;max-width:none;margin-bottom:24px;color:#526985}
.blog-search{margin:2px 0 2px}
.blog-search-groups{position:relative;display:flex;flex-wrap:wrap;gap:6px 22px;margin-bottom:12px}
.blog-search-groups button{border:0;border-radius:0;background:transparent;padding:6px 2px 9px;min-height:32px;color:#667085;font-size:14px}
.blog-search-groups button.active{color:#1c1f3b;font-weight:650}
.blog-search-groups .search-group-indicator{position:absolute;left:0;bottom:0;height:2px;border-radius:2px;background:var(--brand-coral,#ff6b4a)}
.blog-search-form{display:flex;align-items:stretch;height:56px;max-width:820px;border:1px solid #e4e7ee;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #27466712}
.blog-search-form:focus-within{border-color:var(--brand-focus,#514ce3);box-shadow:0 0 0 3px #514ce326}
.blog-search-form input{flex:1;min-width:0;border:0;background:transparent;padding:0 20px;font-size:16px;outline:none}
.blog-search-form button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:108px;border:0;border-radius:0;background:var(--brand-primary,#514ce3);color:#fff;font-size:15px}
.blog-search-form button:hover{background:var(--brand-hover,#433cce);color:#fff}
.blog-search-form svg{width:18px;height:18px}
.blog-search-engines{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:12px}
.blog-search-engines button{border:0;border-radius:0;background:transparent;padding:4px 2px;color:#87909d;font-size:13px}
.blog-search-engines button.active{color:var(--brand-accent,#514ce3);font-weight:650}
.blog-search-status{margin:8px 0 0;font-size:13px;color:#ac584a}
.blog-category-bar{display:flex;align-items:flex-start;gap:8px;min-width:0}
.blog-category-row{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;max-height:36px;overflow:hidden}
.blog-category-chip,.blog-category-more{min-height:36px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#3d5573;font-size:13px;line-height:1.4;white-space:nowrap}
.blog-category-chip.is-selected{background:var(--brand-soft,#edf4ff);color:var(--brand-accent,#2f73c8);border-color:var(--brand-line,#9ebde4);font-weight:600}
.blog-category-more{flex:none;margin-left:auto;color:var(--brand-accent,#2f73c8);border-color:var(--brand-line,#c5d7ee);background:var(--brand-soft,#f4f7ff)}
.blog-category-panel{padding:14px 16px 16px;border:1px solid #e5edf6;border-radius:14px;background:linear-gradient(180deg,#fbfcff,#f3f6fb)}
.blog-category-find{display:block;width:min(280px,100%);min-height:36px;margin:0 0 12px;padding:7px 12px;border:1px solid #d7e1ee;border-radius:8px;background:#fff;font-size:13px}
.blog-category-grid{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;max-height:188px;overflow:auto;padding:2px 4px 2px 0}
.blog-category-grid .blog-category-chip{min-height:30px;padding:3px 10px;font-size:12px;background:#fff}
.blog-category-empty{margin:4px 0;font-size:13px;color:#7b8da3}
.blog-resource-hits{margin:0 0 18px}
.blog-hit-title{margin:0 0 10px;font-size:14px;font-weight:650;color:#314863}
.blog-resource-hit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.blog-resource-hit{display:flex;flex-direction:column;gap:4px;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff}
.blog-resource-hit:hover{border-color:var(--brand-line,#c5d7ee);background:var(--brand-soft,#f7f8ff)}
.blog-resource-hit strong{font-size:14px;line-height:1.45;color:#2d4668}
.blog-resource-hit span{font-size:12px;line-height:1.55;color:#60758f;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-result-count{font-size:12px;color:#63758e;margin:0}.blog-empty{max-width:none;padding:30px 24px;border:1px solid var(--line);border-radius:9px;color:#63758e;font-size:14px;line-height:1.9}.blog-empty-reset{display:inline-block;margin-top:12px;color:#2f73c8}
.blog-pager{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:28px}
.blog-pager button{min-height:36px;padding:6px 12px;font-size:13px}
.blog-pager button[aria-current=page]{background:#2f73c8;border-color:#2f73c8;color:#fff}
.blog-pager button:disabled{opacity:.45;cursor:default}
.blog-pager-gap,.blog-pager-status{color:#63758e;font-size:13px}
.blog-list-grid .blog-card{padding:18px}
.blog-list-grid .blog-card-title{margin:12px 0 8px;font-size:16px;line-height:1.55}
.blog-list-grid .blog-cover{margin-bottom:14px}
.blog-list-grid .blog-read{padding-top:14px}
.blog-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:25px;border:1px solid var(--line);border-radius:10px;background:#fff}
.blog-cover{display:block;width:100%;aspect-ratio:16/9;margin-bottom:20px;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#f5f7fb}
.blog-cover-image{display:block;width:100%;height:100%;object-fit:cover}
.article-figure{margin:24px 0;max-width:100%;min-width:0}
.article-cover{margin:0 0 30px;max-width:900px}
.article-figure-image{display:block;width:100%;height:auto;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#f5f7fb}
.article-figure-caption{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;margin-top:10px;color:var(--muted);font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.article-figure-copy{flex:1;min-width:170px}
.article-figure-description,.article-image-credit{display:block}
.article-image-source,.article-image-original{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.article-image-original{flex:none;white-space:nowrap}
.blog-meta,.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px 17px;color:var(--muted);font-size:12px;line-height:1.7}
.blog-category,.article-category{display:inline-flex;align-items:center;padding:4px 9px;background:#edf4ff;color:#316cac;border-radius:5px;font-size:12px;line-height:1.5}
.blog-card-title{margin:15px 0 11px;font-size:19px;line-height:1.6;color:#2d4668;overflow-wrap:anywhere}
.blog-title-link:hover{text-decoration:underline;text-underline-offset:4px}
.blog-summary{font-size:13px;line-height:1.9;color:#60758f;overflow-wrap:anywhere}
.blog-read{display:inline-flex;align-items:center;min-height:35px;margin-top:19px;padding:4px 0;color:var(--accent);font-size:13px}
.blog-card .blog-read{margin-top:auto;padding-top:19px}
.blog-read:hover{text-decoration:underline;text-underline-offset:4px}
.article-page{max-width:900px;margin:0 auto 44px;min-width:0}
.article-breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin:4px 0 29px}
.article-home,.article-blog-link,.article-return{color:var(--accent)}
.article-return{margin-left:auto;padding:8px 12px;border:1px solid var(--line);border-radius:6px}
.article-header{padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:30px}
.article-title{margin:15px 0;font-size:30px;font-weight:700;line-height:1.5;color:#263e5d;overflow-wrap:anywhere}
.article-summary{margin-top:22px;color:#536d8e;font-size:15px;line-height:1.95;overflow-wrap:anywhere}
.article-body{max-width:780px}
.article-section{margin-bottom:30px}
.article-section-title{font-size:19px;line-height:1.6;color:#2d4668;margin-bottom:14px;overflow-wrap:anywhere}
.article-paragraph,.article-points{font-size:15px;line-height:2;color:#3c526e;overflow-wrap:anywhere}
.article-paragraph+.article-paragraph{margin-top:13px}
.article-points{margin:12px 0 0;padding-left:1.6em}
.article-points li{padding-left:3px;margin:7px 0}
.article-resources,.article-sources,.article-more,.article-resource-reading{margin-top:34px;padding-top:27px;border-top:1px solid var(--line)}
.article-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.article-resource-link{display:flex;align-items:center;gap:14px;min-width:0;padding:16px 18px;border:1px solid var(--line);border-radius:7px;background:#fff}
.article-resource-link:hover{background:#f7faff;border-color:#adc9ed}
.article-resource-name{font-size:14px;line-height:1.7;color:var(--accent);font-weight:600;overflow-wrap:anywhere}
.article-resource-description{font-size:12px;line-height:1.8;color:#60758f;overflow-wrap:anywhere}
.article-source-list{margin:0;padding-left:1.6em;color:var(--muted)}
.article-source{font-size:13px;line-height:1.9;padding-left:3px;margin:10px 0;overflow-wrap:anywhere}
.article-source-link,.article-inline-link{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.article-source-domain{display:block;color:var(--muted);font-size:12px}
.article-more .blog-card,.article-resource-reading .blog-card{padding:20px}
.article-more .blog-card-title,.article-resource-reading .blog-card-title{font-size:17px}
.blog-grid,.article-page{--muted:#63758e;--accent:#2f73c8}
[data-theme=dark] .blog-grid,[data-theme=dark] .article-page{--muted:#acbdd4;--accent:#91bdfa}
[data-theme=dark] .blog-card,[data-theme=dark] .article-resource-link{background:#172433;border-color:var(--line)}
[data-theme=dark] .blog-card-title,[data-theme=dark] .article-title,[data-theme=dark] .article-section-title{color:#e1eafa}
[data-theme=dark] .blog-summary,[data-theme=dark] .article-summary,[data-theme=dark] .article-resource-description{color:#acbdd4}
[data-theme=dark] .article-paragraph,[data-theme=dark] .article-points{color:#c5d2e4}
[data-theme=dark] .blog-category,[data-theme=dark] .article-category{background:#233b59;color:#b6d6ff}
[data-theme=dark] .article-resource-link:hover{background:#1f324a;border-color:#6189bd}
[data-theme=dark] .blog-cover,[data-theme=dark] .article-figure-image{background:#eaf0f7;border-color:#425a77}
[data-theme=dark] .blog-filters,[data-theme=dark] .blog-result-count,[data-theme=dark] .blog-empty,[data-theme=dark] .blog-pager-gap,[data-theme=dark] .blog-pager-status,[data-theme=dark] .blog-category-empty,[data-theme=dark] .blog-resource-hit span{color:#acbdd4}[data-theme=dark] .blog-category-chip,[data-theme=dark] .blog-category-more,[data-theme=dark] .blog-pager button,[data-theme=dark] .blog-search-form,[data-theme=dark] .blog-category-find,[data-theme=dark] .blog-resource-hit{background:#172433;border-color:#425a77;color:#d5e2f2}[data-theme=dark] .blog-category-chip.is-selected,[data-theme=dark] .blog-pager button[aria-current=page]{background:#233b59;border-color:#6189bd;color:#b6d6ff}[data-theme=dark] .blog-category-panel{background:#121c2a;border-color:#31455f}[data-theme=dark] .blog-search-groups button{color:#acbdd4;background:transparent}[data-theme=dark] .blog-search-groups button.active,[data-theme=dark] .blog-hit-title,[data-theme=dark] .blog-resource-hit strong{color:#e1eafa}[data-theme=dark] .blog-search-form button{background:var(--brand-primary,#514ce3);color:#fff}[data-theme=dark] .blog-search-engines button{background:transparent;color:#9eb0c8}[data-theme=dark] .blog-search-engines button.active{color:#c6c1ff}[data-theme=dark] .blog-empty-reset{color:#91bdfa}
@media(max-width:1280px){.blog-grid.blog-list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.blog-grid.blog-list-grid,.blog-resource-hit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1600px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-grid.blog-list-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.article-page .blog-grid,.article-resource-reading .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.blog-grid,.blog-grid.blog-list-grid,.blog-resource-hit-grid{grid-template-columns:1fr;gap:16px}.blog-card{padding:21px}.article-title{font-size:26px}.article-summary{font-size:14px}.article-resource-grid{grid-template-columns:1fr}}
@media(max-width:520px){.article-page{margin-bottom:28px}.article-breadcrumb{font-size:12px;margin-bottom:24px}.article-header{margin-bottom:26px;padding-bottom:22px}.article-title{font-size:23px;line-height:1.55}.article-meta,.blog-meta{gap:7px 12px;font-size:11px}.article-summary{margin-top:18px}.article-paragraph,.article-points{font-size:15px;line-height:1.95}.article-section-title{font-size:18px}.article-section{margin-bottom:25px}.article-resources,.article-sources,.article-more,.article-resource-reading{margin-top:28px;padding-top:22px}.blog-card-title{font-size:18px}.blog-card{padding:19px}.article-source{font-size:12px}.article-source-domain{font-size:11px}}
@media(max-width:520px){.blog-cover{margin-bottom:17px}.article-figure{margin-block:20px}.article-cover{margin-top:0;margin-bottom:26px}.article-figure-caption{font-size:11px}}
@media(max-width:520px){.blog-filters{gap:10px;margin-bottom:20px}.blog-category-chip,.blog-category-more{padding-inline:10px}.blog-empty{padding:24px 18px}}

.price-table-wrap{max-width:100%;margin:18px 0 26px;border:1px solid var(--line,#dce4ef);border-radius:12px;overflow:hidden}
.article-section[id]{scroll-margin-top:22px}.article-guide{border:1px solid var(--line,#dce4ef);border-radius:12px;margin:14px 0;background:var(--surface,#fff)}.article-guide summary{cursor:pointer;padding:16px 19px;color:var(--text,#263e61)}.article-guide-heading{font-size:17px;font-weight:650}.article-guide-summary{display:block;font-size:12px;color:var(--muted,#63758e);margin:5px 0 0 18px}.article-guide[open] summary{border-bottom:1px solid var(--line,#dce4ef)}.article-guide-content{padding:3px 19px 16px}.article-guide-content .article-content-links{font-size:12px;gap:9px 18px}#guide-directory .article-content-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));font-size:13px;gap:9px 18px}.article-guide summary:focus-visible{outline:3px solid var(--brand-primary,#514ce3);outline-offset:2px}@media(max-width:620px){#guide-directory .article-content-links{grid-template-columns:1fr}.article-guide summary{padding:14px}.article-guide-heading{font-size:15px}.article-guide-content{padding:2px 14px 14px}}
.price-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px;line-height:1.65;color:var(--text,#263e61)}
.price-table caption{text-align:left;font-size:13px;padding:12px 15px;color:var(--muted,#63758e);background:var(--brand-soft,#f3f3ff)}
.price-table th,.price-table td{padding:13px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line,#e3e9f2);overflow-wrap:anywhere}
.price-table th{font-size:12px;background:var(--brand-soft,#f4f5fb);font-weight:600}.price-table th:nth-child(1){width:14%}.price-table th:nth-child(2),.price-table th:nth-child(3){width:21%}.price-table th:nth-child(4){width:29%}.price-table th:nth-child(5){width:15%}
.price-table tbody tr:last-child td{border-bottom:0}.price-table tbody tr:nth-child(even){background:color-mix(in srgb,var(--brand-soft,#f5f7fb) 35%,transparent)}
.price-table td:first-child{font-weight:600}.price-table td:nth-child(2),.price-table td:nth-child(3){font-variant-numeric:tabular-nums}.price-table td:last-child a{display:block;margin-bottom:5px;white-space:nowrap}.article-content-link{color:var(--brand-primary,#514ce3);text-underline-offset:3px}.article-content-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin:12px 0}
@media(max-width:620px){.price-table{display:block}.price-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.price-table caption{display:block}.price-table tbody{display:block}.price-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:7px 6px 10px;border-bottom:1px solid var(--line,#e3e9f2)}.price-table tbody tr:last-child{border-bottom:0}.price-table td{display:block;min-width:0;border:0;padding:8px 9px}.price-table td:nth-child(1),.price-table td:nth-child(4),.price-table td:nth-child(5){grid-column:1/-1}.price-table td:first-child{font-size:16px}.price-table td:nth-child(2)::before,.price-table td:nth-child(3)::before{content:attr(data-label);display:block;font-size:11px;color:var(--muted,#63758e);margin-bottom:4px}.price-table td:nth-child(4){font-size:12px;color:var(--muted,#63758e)}.price-table td:last-child{display:flex;gap:20px}.article-content-links{flex-direction:column;gap:10px}}


/* Linked resource cards share the resource library's original icon and fallback. */
.article-resource-copy{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}
.article-resource-logo-wrap{width:56px;height:56px;flex:0 0 56px;display:flex;align-items:center;justify-content:center}
.article-resource-logo{width:48px;height:48px;object-fit:contain}
.article-resource-logo-wrap.wordmark-logo{width:80px;flex-basis:80px}
.wordmark-logo .article-resource-logo{width:80px;height:48px}
.article-resource-logo-wrap.wide-wordmark-logo{width:104px;flex-basis:104px}
.wide-wordmark-logo .article-resource-logo{width:104px}
[data-theme=dark] .article-resource-logo{background:#fff;border-radius:4px;padding:2px}
.article-resource-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}