/* Admetrics tools template v1.0.0: v3 base (listicle head), no scroll effects, blog post text styles, tools layout */
/*v3-generated*/
#top{box-sizing:content-box}
#top *{box-sizing:content-box}
footer{box-sizing:content-box}
footer *{box-sizing:content-box}
body{background-color:rgb(0, 0, 0);background-image:radial-gradient(49.63% 57.02% at 58.99% -7.2%, rgba(153, 153, 153, 0.1) 39.4%, rgba(0, 0, 0, 0) 100%), none;background-attachment:fixed, fixed;color:rgb(245, 244, 242);font-family:Inter, system-ui, sans-serif;font-size:15px;line-height:23.25px;font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:clip;margin:0}
html{background-color:rgb(0, 0, 0)}
.comparison-hero-image,.comparison-hero-label,.mcp-faq-glyph,.surface-decorative-counter-1-2-3-4-5-6,.surface-overlay-color-quiet-1-2-3-4-5-6-7-8-9-10-11-12-13-14,.surface-overlay-color-rgba-6-6-7-0-4-1-2-3-4-5-6,.surface-overlay-right-5px-color-quiet-1-2-3-4-5-6-7-8-9-10-11-12-13-14,.text-label-faint-tracking-0-14em-1-2,.text-label-size-10-leading-14-1,.text-label-size-20-1{font-family:ui-monospace, "SF Mono", Menlo, monospace}
@keyframes image-slow-zoom{0%{transform:scale(1.03)}100%{transform:scale(1.16)}}
@keyframes monitor-glitch{0%,8.9%,10.3%,22.8%,26.6%,41.8%,44.2%,58.7%,63.9%,79.8%,81.5%,100%{transform:none;filter:none}9.3%{transform:translateX(-8px) skewX(2.8deg);filter:url("#ambient-rgb-split-primary") saturate(1.35) contrast(1.2)}9.9%{transform:translateX(4px) skewX(-1.2deg);filter:url("#ambient-rgb-split-secondary")}23.2%{transform:translateX(6px) skewX(-2.4deg) scaleY(1.02);filter:url("#ambient-rgb-split-secondary") brightness(1.15)}24%,24.9%{transform:none;filter:none}25.4%{transform:translateX(-9px) skewX(3deg) scaleX(1.012);filter:url("#ambient-rgb-split-primary") saturate(1.5) contrast(1.25)}26.1%{transform:translateX(3px);filter:url("#ambient-rgb-split-secondary") saturate(0.6)}42.2%{transform:translateX(-10px) skewX(3.4deg) scaleY(1.03);filter:url("#ambient-rgb-split-primary") saturate(1.4) contrast(1.3)}43%{transform:translateX(7px) skewX(-2.6deg);filter:url("#ambient-rgb-split-secondary") brightness(1.2) saturate(0.5)}43.7%{transform:translateX(-3px) scaleY(0.988);filter:url("#ambient-rgb-split-secondary")}59.1%{transform:translateX(7px) skewX(-2.8deg);filter:url("#ambient-rgb-split-secondary") saturate(1.3)}59.9%,60.7%{transform:none;filter:none}61.2%{transform:translateX(-8px) skewX(2.6deg) scaleY(1.022);filter:url("#ambient-rgb-split-primary") brightness(1.18)}62%,62.6%{transform:none;filter:none}63.1%{transform:translateX(5px) skewX(-1.8deg);filter:url("#ambient-rgb-split-secondary") saturate(0.55) contrast(1.2)}80.2%{transform:translateX(-6px) skewX(2deg);filter:url("#ambient-rgb-split-primary") saturate(1.3)}80.9%{transform:translateX(2px);filter:url("#ambient-rgb-split-secondary")}}
@keyframes monitor-jitter{0%,100%{transform:translate(0px,0px)}25%{transform:translate(0.4px,0.3px)}50%{transform:translate(-0.35px,0.55px)}75%{transform:translate(0.3px,-0.3px)}}
@keyframes monitor-scanline{0%{transform:translateY(-100px)}100%{transform:translateY(340px)}}
@keyframes monitor-scanlines{0%,8.9%,10.3%,22.8%,26.6%,41.8%,44.2%,58.7%,63.9%,79.8%,81.5%,100%{opacity:0}9.3%{opacity:0.42;transform:translateY(3px)}9.9%{opacity:0.2;transform:translateY(-4px)}23.2%{opacity:0.4;transform:translateY(0px)}24%{opacity:0}25.4%{opacity:0.44;transform:translateY(6px)}26.1%{opacity:0.2;transform:translateY(-3px)}42.2%{opacity:0.45;transform:translateY(-5px)}43%{opacity:0.22;transform:translateY(7px)}43.7%{opacity:0.35;transform:translateY(-2px)}59.1%{opacity:0.4;transform:translateY(4px)}59.9%{opacity:0}61.2%{opacity:0.42;transform:translateY(-6px)}62%{opacity:0}63.1%{opacity:0.3;transform:translateY(3px)}80.2%{opacity:0.38;transform:translateY(-4px)}}
@keyframes typing-cursor-blink{0%,55%{opacity:1}56%,100%{opacity:0}}
#top .button-on-accent{border-top-color:rgb(6,6,7) !important;border-right-color:rgb(6,6,7) !important;border-bottom-color:rgb(6,6,7) !important;border-left-color:rgb(6,6,7) !important;background-image:none !important;background-position-x:0% !important;background-position-y:0% !important;background-size:auto !important;background-repeat:repeat !important;background-attachment:scroll !important;background-origin:padding-box !important;background-clip:border-box !important;background-color:rgb(6,6,7) !important;color:rgb(255,98,56) !important}
#top .button-on-accent:hover,#top .button-on-accent:focus-visible,#top .button-on-accent-outline:hover,#top .button-on-accent-outline:focus-visible{border-top-color:rgb(245,244,242) !important;border-right-color:rgb(245,244,242) !important;border-bottom-color:rgb(245,244,242) !important;border-left-color:rgb(245,244,242) !important;background-image:initial !important;background-position-x:initial !important;background-position-y:initial !important;background-size:initial !important;background-repeat:initial !important;background-attachment:initial !important;background-origin:initial !important;background-clip:initial !important;background-color:rgb(245,244,242) !important;color:rgb(6,6,7) !important;box-shadow:none !important;transform:none !important}
#top [id]{scroll-margin-top:96px}
#top a{color:rgb(106,104,98);text-decoration-line:none;text-decoration-thickness:auto;text-decoration-style:solid;text-decoration-color:rgb(106,104,98);transition-duration:0.15s;transition-timing-function:ease;transition-delay:0s;transition-property:color}
#top a:hover{color:rgb(255,98,56)}
#top .mcp-faq summary{list-style-position:outside;list-style-image:none;list-style-type:none}
#top main{--rail:36px}
#top .article-table-of-contents>div>a{display:flex;align-items:center;row-gap:11px;column-gap:11px;padding-top:7px;padding-right:0px;padding-bottom:7px;padding-left:0px;font-weight:500;font-size:13px;line-height:18.85px;font-family:Inter,system-ui,sans-serif;color:rgb(106,104,98);transition-duration:0.15s;transition-timing-function:ease;transition-delay:0s;transition-property:color}
#top .article-table-of-contents>div>a:hover{color:rgb(245,244,242)}
#top .article-table-of-contents>div>a::before{content:"";width:13px;height:1px;background-color:rgb(58,58,64);flex-shrink:0;transition-behavior:normal,normal;transition-duration:0.2s,0.2s;transition-timing-function:ease,ease;transition-delay:0s,0s;transition-property:width,background}
#top .article-table-of-contents>div>a.on{color:rgb(245,244,242)}
#top .article-table-of-contents>div>a.on::before{width:26px;background-color:rgb(255,98,56)}
#top .article-body>div[id]{margin-right:-36px;padding-right:36px !important}
#top .article-body>div[id]>p{padding-right:64px}
#top .article-body p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-weight:400;font-size:16px;line-height:28px;font-family:Inter,system-ui,sans-serif;color:rgb(154,152,147);text-wrap-mode:wrap;text-wrap-style:pretty}
#top .article-heading-layout{align-items:start !important;margin-right:-36px}
#top .article-heading-layout .deck-box{margin-right:0px !important;border-right-width:0px !important;border-right-style:none !important;border-right-color:rgb(245,244,242) !important}
#top .article-heading-layout>div:first-child{padding-top:46px}
#top .article-heading-layout .badge{position:relative;top:-4px}
#top .article-body p strong,#top .article-body li strong{color:rgb(245,244,242);font-weight:600}
#top .article-comparison-table>div,#top .article-comparison-table>.article-table-row>div{padding-top:15px;padding-right:16px;padding-bottom:15px;padding-left:16px;border-top-width:1px;border-top-style:solid;border-top-color:rgb(20,20,22);transition-duration:0.12s;transition-timing-function:ease;transition-delay:0s;transition-property:background}
#top .article-comparison-table>div:first-child,#top .article-comparison-table>.article-table-row>div:first-child{padding-left:5px}
#top .article-table-row:hover>div{background-image:initial;background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:rgb(11,11,13)}
#top .comparison-hero-container img{aspect-ratio:1920 / 1080}
#top .article-media-zoom-phase-3s img{aspect-ratio:1920 / 1080}
#top .article-media-zoom-phase-6s img{aspect-ratio:3456 / 1900}
#top .article-media-zoom-phase-9s img{aspect-ratio:3456 / 1826}
#top .article-media-zoom-phase-12s img{aspect-ratio:3456 / 1908}
#top .article-media-zoom-phase-15s img{aspect-ratio:3456 / 1908}
#top .article-media-zoom-phase-18s img{aspect-ratio:3456 / 1852}
#top .article-media-zoom-phase-21s img{aspect-ratio:3456 / 1726}
#top .article-media-zoom-phase-24s img{aspect-ratio:3456 / 1916}
#top .article-media-zoom-phase-27s img{aspect-ratio:3456 / 1912}
#top .article-comparison-table>div.article-comparison-table-container-style{border-top-width:0px;border-top-style:none;border-top-color:rgb(245,244,242);padding-top:0px}
#top .article-table-of-contents>div>a.article-layout-link{font-weight:500;font-size:13px;line-height:13px;font-family:Inter,system-ui,sans-serif;color:rgb(255,98,56);padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
#top a.button-primary{background-color:rgb(255,98,56);border-top-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0);color:rgb(6,6,7)}
#top .shared-summary:hover{color:rgb(255,98,56) !important}
#top .article-layout-link{font-style:normal !important;font-variant-ligatures:normal !important;font-variant-caps:normal !important;font-variant-numeric:normal !important;font-variant-east-asian:normal !important;font-variant-alternates:normal !important;font-variant-position:normal !important;font-variant-emoji:normal !important;font-weight:500 !important;font-stretch:100% !important;font-size:13px !important;line-height:13px !important;font-family:Inter,system-ui,sans-serif !important;font-optical-sizing:auto !important;font-size-adjust:none !important;font-kerning:auto !important;font-feature-settings:normal !important;font-variation-settings:normal !important;font-language-override:normal !important;color:rgb(255,98,56) !important;padding-top:0px !important;padding-right:0px !important;padding-bottom:0px !important;padding-left:0px !important}
#top .article-layout-link:hover{color:rgb(245,244,242) !important}
#top .article-comparison-table-container-style{border-top-width:0px !important;border-top-style:none !important;border-top-color:rgb(245,244,242) !important;padding-top:0px !important}
#top .button-on-accent-link-hover-color-base:hover{background-image:initial !important;background-position-x:initial !important;background-position-y:initial !important;background-size:initial !important;background-repeat:initial !important;background-attachment:initial !important;background-origin:initial !important;background-clip:initial !important;background-color:rgb(245,244,242) !important;color:rgb(6,6,7) !important}
footer a{color:rgb(154,152,147);text-decoration-line:none;text-decoration-thickness:auto;text-decoration-style:solid;text-decoration-color:rgb(154,152,147);transition-duration:0.15s;transition-timing-function:ease;transition-delay:0s;transition-property:color}
footer a:hover{color:rgb(255,98,56)}
footer .text-muted-hover-color-primary:hover{color:rgb(245,244,242) !important}
footer .site-footer-link:hover{color:rgb(154,152,147) !important}
html.ambient-glitch-active .ambient-glitch-page{filter:var(--ambient-glitch-filter,none) !important;transform:var(--ambient-glitch-page-transform,none) !important;transition:var(--ambient-glitch-transition,none) !important}
html.ambient-glitch-active .ambient-glitch-navigation{filter:var(--ambient-glitch-filter,none) !important;transform:var(--ambient-glitch-navigation-transform,none) !important;transition:var(--ambient-glitch-transition,none) !important}
@media (prefers-reduced-motion:reduce){.ambient-glitch-tear,.ambient-glitch-lines{display:none !important}.ambient-glitch-page,.ambient-glitch-navigation{will-change:auto}}
html.is-safari body{background-attachment:scroll !important}
html.is-safari .scroll-fx-surface{filter:none !important;transform:none !important;transition:transform 90ms ease-out !important}
html.is-safari.safari-scroll-moving .scroll-fx-surface{transform:translate3d(var(--safari-scroll-shift,0),0,0) skewX(var(--safari-scroll-skew,0deg)) !important}
html.is-safari .scroll-fx-lines{contain:strict;will-change:opacity;transition:opacity 80ms ease-out !important;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
html.is-safari .safari-scroll-rgb{-webkit-filter:url("#ambient-rgb-split-safari") saturate(0.9) !important;filter:url("#ambient-rgb-split-safari") saturate(0.9) !important;isolation:isolate;will-change:filter}
html.page-minimap-dragging .page-minimap-wrapper{cursor:grabbing !important}
html.page-minimap-dragging:not(.page-minimap-drag-effects) .page-minimap-spine>div:last-of-type,html.page-minimap-dragging:not(.page-minimap-drag-effects) .page-minimap-spine>span:last-of-type,html.page-minimap-dragging:not(.page-minimap-drag-effects) .page-minimap>div:last-of-type{transition:none !important}
.page-minimap-wrapper.is-active,.page-minimap-wrapper:hover,.page-minimap-wrapper:focus-visible{opacity:1}
.page-minimap-wrapper:focus-visible{outline:2px solid #ff6238;outline-offset:5px}
.page-minimap-tick:nth-child(odd){width:12px;background:#57554f}
.page-minimap-section:nth-child(even){background-color:#1e1e22}
html.page-minimap-dragging .page-minimap-wrapper{cursor:grabbing}
html.page-minimap-dragging:not(.page-minimap-drag-effects) .page-minimap-spine-window,html.page-minimap-dragging:not(.page-minimap-drag-effects) .page-minimap-spine-cap,html.page-minimap-dragging:not(.page-minimap-drag-effects) .page-minimap-window{transition:none}
@media (max-width:720px){.page-minimap-wrapper{right:8px;bottom:10px;width:82px;height:34vh;min-height:190px}.page-minimap{right:21px;width:58px}}
@media (prefers-reduced-motion:reduce){.scroll-fx-surface,.scroll-fx-lines,.page-minimap-spine-window,.page-minimap-spine-cap,.page-minimap-window{transition:none}}
#top h1{position:relative}
#top h2{position:relative}
#top img{max-width:none}
footer a{font-family:Inter, system-ui, sans-serif}
footer img{max-width:none}
footer p{font-family:Inter, system-ui, sans-serif}
footer span{font-family:Inter, system-ui, sans-serif}
#top .article-heading-layout-label.article-heading-layout-label{font-weight:600;line-height:13.2px}
#top .badge-outline-label-margin-bottom-10px.badge-outline-label-margin-bottom-10px{font-weight:600;line-height:14.4px;color:rgb(255, 98, 56)}
#top .badge-outline-row-color-primary.badge-outline-row-color-primary{font-weight:600;line-height:14.4px}
#top .badge-outline-row-style.badge-outline-row-style{font-weight:600;line-height:14.4px;color:rgb(255, 98, 56)}
#top .button-primary.button-primary{font-weight:600;line-height:18px}
#top .button-secondary.button-secondary{font-weight:600;line-height:18px}
#top .visual-marker-style.visual-marker-style{font-weight:600;line-height:18px}
footer .site-footer-image.site-footer-image{max-width:none}
footer .site-footer-row-style.site-footer-row-style{font-family:Inter, system-ui, sans-serif}


html:not(#adm-nofx) .scroll-fx-surface,html:not(#adm-nofx) .ambient-glitch-page,html:not(#adm-nofx) .ambient-glitch-navigation,html:not(#adm-nofx) .safari-scroll-rgb{filter:none!important;-webkit-filter:none!important;transform:none!important;will-change:auto!important}
html:not(#adm-nofx) .scroll-fx-lines,html:not(#adm-nofx) .ambient-glitch-tear,html:not(#adm-nofx) .ambient-glitch-lines{display:none!important}

/* v3-generated — every other page carries this block; the Posts Template was
   never run through the generator, so it rendered with the browser default of
   border-box while the rest of the site uses content-box. With max-width:1288px
   and 36px of padding that cost the page exactly its 72px of gutter: 1288px
   outer instead of 1360px. */
#top{box-sizing:content-box}
#top *{box-sizing:content-box}
footer{box-sizing:content-box}
footer *{box-sizing:content-box}


.post-richtext h2 {
  font-family: Manrope, Inter, system-ui, sans-serif;
  color: #f5f4f2;
  font-size: 26px;
  line-height: 32.5px;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin: 32px 0 0 0;
}
.post-richtext h3 {
  font-family: Manrope, Inter, system-ui, sans-serif;
  color: #f5f4f2;
  font-size: 19px;
  line-height: 25.65px;
  font-weight: 700;
  letter-spacing: -0.015em;
  margin: 24px 0 0 0;
}
.post-richtext h1 {
  font-family: Manrope, Inter, system-ui, sans-serif;
  color: #f5f4f2;
  font-size: 32px;
  line-height: 38px;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin: 0 0 8px 0;
}
.post-richtext h4, .post-richtext h5, .post-richtext h6 {
  font-family: Manrope, Inter, system-ui, sans-serif;
  color: #f5f4f2;
  font-weight: 700;
  margin: 20px 0 0 0;
}
.post-richtext h4 { font-size: 17px; line-height: 23px; }
.post-richtext h5 { font-size: 15px; line-height: 21px; }
.post-richtext h6 { font-size: 14px; line-height: 20px; }
.post-richtext p {
  font-family: Inter, system-ui, sans-serif;
  color: #9a9893;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  margin: 0 0 18px 0;
}
.post-richtext p:last-child { margin-bottom: 0; }
.post-richtext strong, .post-richtext b {
  color: #f5f4f2;
  font-weight: 600;
}
.post-richtext code {
  padding: 2px 7px;
  border: 1px solid #26262b;
  border-radius: 5px;
  background-color: #131315;
  color: #f5f4f2;
  font-size: 13px;
  line-height: 13px;
  font-weight: 500;
  white-space: nowrap;
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
}
.post-richtext blockquote {
  margin: 6px 0 18px 0;
  padding: 6px 0 6px 26px;
  border-left: 2px solid #ff6238;
  font-family: Manrope, Inter, system-ui, sans-serif;
  color: #f5f4f2;
  font-size: 22px;
  line-height: 30.8px;
  font-weight: 700;
  letter-spacing: -0.015em;
}
.post-richtext figure,
.post-richtext figure[style] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 24px !important;
  margin-bottom: 24px !important;
  text-align: center !important;
  float: none !important;
}
.post-richtext figure > div {
  width: 100% !important;
  text-align: center !important;
}
.post-richtext img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  float: none !important;
}
.post-richtext figcaption {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 13px 18px;
  color: #57554f;
  font-size: 12px;
  line-height: 19.2px;
  font-weight: 400;
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
  text-align: center !important;
}
.post-richtext ul, .post-richtext ol {
  font-family: Inter, system-ui, sans-serif;
  color: #9a9893;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  margin: 0 0 18px 0;
  padding-left: 22px;
}
.post-richtext li { margin-bottom: 8px; }
.post-richtext li:last-child { margin-bottom: 0; }
.post-richtext a {
  color: #ff6238;
  text-decoration: underline;
}
.post-richtext hr {
  border: none;
  border-top: 1px solid #26262b;
  margin: 32px 0;
}


/* The CTA heading in the orange closing band renders in the body face here and
   in the display face everywhere else: this template's variant class carries no
   font-family of its own, so it inherited Inter. The size is fine - 75.264px is
   the same step the legal pages' closing band uses - only the face was wrong. */
main#top .call-to-action-heading-1-2-3-3 {
  font-family: Manrope, Inter, system-ui, sans-serif;
}


/* ---- Meta line and TOC marker, moved up from the page FOOTER code (9.9.2026)
   The same two rules still sit in the footer field (it also holds a script and
   cannot be rewritten through the API), so they are duplicated on purpose.
   Why here: page footer code is emitted after the synchronous scripts at the
   end of <body>. On PageSpeed's machines Chrome paints the first frame before
   the parser reaches that point, so the meta line rendered as a ROW first (date
   squeezed to two lines beside the category) and became a COLUMN only after
   the paint: a 6px shift of every post's article block, scored 0.096-0.116 CLS
   on every post, measured with an in-page layout-shift probe on 8./9.9.2026.
   In the head the rule is part of the first layout and nothing moves. */
.toc-marker-active{width:26px !important;background:#ff6238 !important}
.open-panel-marker-style{transition:width .2s ease,background .2s ease}
.toc-active{color:#f5f4f2 !important}
@media (max-width:767px){
  main#top .blog-post-stack .layout-row-gap-14{
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
  }
}

/* Tools template */
main#top [data-tool-slot] .w-richtext{margin:0}
main#top [data-tool-slot] .w-richtext:before,main#top [data-tool-slot] .w-richtext:after{content:none;display:none}
main#top #faq .post-richtext{margin-top:24px}
main#top #faq .post-richtext h3:first-child{margin-top:0}