/* Home page header and footer for tool pages. Generated 2026-10-29 by build/tools/site-chrome/build_chrome_css.py; do not edit by hand. */
.rs-header,.rs-mobile-nav,.rs-footer{--rs-font-display:"Google Sans","Google Sans Text",Roboto,"Segoe UI",system-ui,-apple-system,Arial,sans-serif;--rs-font-sans:"Google Sans","Google Sans Text",Roboto,"Segoe UI",system-ui,-apple-system,Arial,sans-serif;--rs-accent:#0b57d0;--rs-accent-strong:#0842a0;--rs-slate-900:#0f172a;--rs-slate-950:#020617;--rs-slate-100:#f1f5f9;--rs-slate-200:#e2e8f0;--rs-slate-300:#cbd5e1;--rs-slate-400:#94a3b8;--rs-border:#dadce0;--rs-border-strong:#c4c7c5;--rs-text:#1f1f1f;--rs-text-muted:#444746;--rs-text-subtle:#5f6368;--rs-bg:#f8fafd;--rs-bg-inset:#f0f4f9;--rs-surface:#fff;--rs-radius-sm:7px;--rs-inverse-bg:#e8f0fe;--rs-inverse-muted:#596581;--rs-inverse-border:#dcd7f3;font-family:var(--rs-font-sans);color:var(--rs-text)}
[data-theme=dark] .rs-header,[data-theme=dark] .rs-mobile-nav,[data-theme=dark] .rs-footer{--rs-border:#24406b;--rs-border-strong:#365686;--rs-text:#e6eefc;--rs-text-muted:#b5c8e6;--rs-text-subtle:#9db3d6;--rs-bg:#0b1a33;--rs-bg-inset:#102341;--rs-surface:#13284a;--rs-accent-strong:#a8c7fa;--rs-inverse-bg:#302c51;--rs-inverse-muted:#c3c9e3;--rs-inverse-border:#504970}
/* Tool pages style bare header/footer elements, some with !important (e.g. "body > header{padding:...!important}").
   Pin the home header/footer box to its final home values so those rules cannot reshape it. */
html body>header.rs-header{display:block!important;position:relative!important;top:auto!important;max-width:none!important;width:auto!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid var(--rs-border)!important;border-radius:0!important;background:var(--rs-surface)!important;box-shadow:0 2px 12px rgba(23,38,75,.016)!important;font-size:16px;line-height:1.5;text-align:left;gap:0;box-sizing:border-box}
html body>footer.rs-footer{display:block!important;max-width:none!important;width:auto!important;margin:0!important;padding:48px 0 0!important;border:0!important;border-top:1px solid var(--rs-border)!important;border-radius:0!important;background:var(--rs-surface)!important;text-align:left!important;font-size:16px;line-height:1.5;box-sizing:border-box}
.rs-header *,.rs-header *::before,.rs-header *::after,.rs-footer *,.rs-footer *::before,.rs-footer *::after,.rs-mobile-nav *{box-sizing:border-box}
/* Baseline for elements inside the chrome. :where() keeps these at one class of specificity: they beat a page's bare
   element rules (footer div{display:flex}, li{line-height:2}, button{font:...}) and lose to the home rules that follow. */
:is(.rs-header,.rs-footer,.rs-mobile-nav) :where(div,nav,section,ul,ol,li,p,h1,h2,h3,h4,h5,h6,details,summary,a,span,small,strong,button){margin:0;padding:0;border:0;background:none;box-shadow:none;max-width:none;min-height:0;width:auto;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;text-transform:none;color:inherit;gap:normal;flex:initial;text-align:inherit;border-radius:0}
:is(.rs-header,.rs-footer,.rs-mobile-nav) :where(div,nav,section,ul,ol,p,h1,h2,h3,h4,h5,h6,details){display:block}
:is(.rs-header,.rs-footer,.rs-mobile-nav) :where(ul,ol){list-style:none}
:is(.rs-header,.rs-footer,.rs-mobile-nav) :where(li){display:list-item;list-style:none}
:is(.rs-header,.rs-footer,.rs-mobile-nav) :where(summary){display:list-item;cursor:pointer}
:is(.rs-header,.rs-footer,.rs-mobile-nav) :where(a,span,small,strong){display:inline}
:is(.rs-header,.rs-footer,.rs-mobile-nav) :where(h1,h2,h3,h4,h5,h6,strong){font-weight:700}
:is(.rs-header,.rs-footer,.rs-mobile-nav) :where(button){cursor:pointer;-webkit-appearance:none;appearance:none}
.rs-header a,.rs-footer a,.rs-mobile-nav a{text-decoration:none}
.rs-header nav,.rs-footer nav{margin:0;padding:0;max-width:none;border:0;background:none;width:auto;box-shadow:none}
.rs-header img,.rs-footer img{max-width:none;display:inline-block;vertical-align:middle}
.rs-footer h2{margin:0 0 10px;color:var(--rs-text);font-family:var(--rs-font-display);line-height:1.15;letter-spacing:-.02em}
.rs-footer p{margin-top:0}
.rs-footer .rs-product-directory{padding:0;margin:0;border-bottom:0;background:none;box-shadow:none;border-radius:0}
html body>header.rs-header,html body>footer.rs-footer,.rs-mobile-nav{line-height:1.6}
.rs-header button{margin:0}
html body .rs-header .rs-icon-btn{color:var(--rs-text-muted);font-size:16.8px;font-weight:400;background-color:transparent;padding:1px 6px;box-shadow:none;min-height:0}
html body .rs-header .rs-icon-btn:hover{color:var(--rs-text);border-color:var(--rs-border-strong);background-color:var(--rs-bg-inset)}
.rs-footer a:focus-visible{outline-color: #fff;}
.rs-container{width: 100%;
    max-width: 1536px;
    margin-inline: auto;
    padding-inline: clamp(1rem, 3vw, 2.5rem);}
.rs-header > .rs-container{max-width: 1536px;
    padding-inline: .8rem;}
.rs-header__inner{width: 100%;}
.rs-btn{display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    font-family: var(--rs-font-display);
    font-size: .95rem;
    font-weight: 600;
    line-height: 1;
    padding: .8rem 1.5rem;
    
    border-radius: 999px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
    white-space: nowrap;}
.rs-btn:active{transform: translateY(1px);}
.rs-btn--primary{background-color: var(--rs-slate-900);
    border-color: var(--rs-slate-900);
    color: #fff;}
.rs-btn--primary:hover{background-color: var(--rs-accent);
    border-color: var(--rs-accent);
    color: #fff;}
[data-theme="dark"] .rs-btn--accent{color: var(--rs-slate-950);}
[data-theme="dark"] .rs-btn--accent:hover{color: var(--rs-slate-950);}
[data-theme="dark"] .rs-btn--primary{background-color: var(--rs-slate-100);
    border-color: var(--rs-slate-100);
    color: var(--rs-slate-950);}
[data-theme="dark"] .rs-btn--primary:hover{background-color: #fff;
    border-color: #fff;
    color: var(--rs-slate-950);}
.rs-btn--secondary{background-color: transparent;
    border-color: var(--rs-border-strong);
    color: var(--rs-text);}
.rs-btn--secondary:hover{border-color: var(--rs-text);
    color: var(--rs-text);
    background-color: var(--rs-bg-inset);}
.rs-btn--accent{background-color: var(--rs-accent);
    border-color: var(--rs-accent);
    color: #fff;}
.rs-btn--accent:hover{background-color: var(--rs-accent-strong);
    border-color: var(--rs-accent-strong);
    color: #fff;}
.rs-btn--sm{padding: .55rem 1rem;
    font-size: .85rem;}
.rs-header{position: sticky;
    top: 0;
    z-index: 1030;
    background-color: transparent;
    border-bottom: 0;
    padding-top: .75rem;
    padding-bottom: .25rem;}
.rs-header__inner{border: 1px solid var(--rs-border);
    border-radius: 2rem;
    background-color: color-mix(in srgb, var(--rs-surface) 85%, transparent);
    backdrop-filter: saturate(180%) blur(16px);
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 12px 32px -12px rgba(15, 23, 42, .12);
    padding: .75rem 1.25rem;}
[data-theme="dark"] .rs-header__inner{box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 32px -12px rgba(0, 0, 0, .6);}
@supports not (background-color: color-mix(in srgb, red 50%, transparent)){.rs-header__inner{background-color: var(--rs-surface);}}
@media (max-width: 768px){.rs-header{padding-top: .5rem;}}
@media (max-width: 768px){.rs-header__inner{border-radius: 1.25rem;
        padding: .6rem .9rem;}}
@media (max-width: 768px){.rs-header > .rs-container{padding-inline: .5rem;}}
.rs-header__inner{display: flex;
    align-items: center;
    gap: 1rem;
    min-height: 4.25rem;}
.rs-brand{display: inline-flex;
    align-items: center;
    gap: .6rem;
    font-family: var(--rs-font-display);
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--rs-text);
    letter-spacing: -.02em;
    margin-right: auto;}
.rs-brand img{height: 3rem;
    width: 3rem;
    flex-shrink: 0;}
.rs-brand__text{display: block;
    line-height: 1.2;}
.rs-brand__name{display: block;
    font-family: var(--rs-font-display);
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: -.02em;
    color: var(--rs-text);}
.rs-brand__tagline{display: block;
    font-family: var(--rs-font-sans);
    font-size: .68rem;
    font-weight: 500;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: var(--rs-text-subtle);
    white-space: nowrap;}
.rs-header__link{font-family: var(--rs-font-display);
    font-size: .88rem;
    font-weight: 600;
    color: var(--rs-text-muted);
    white-space: nowrap;}
.rs-header__link:hover{color: var(--rs-text);}
@media (max-width: 1399px){.rs-brand__tagline{display: none;}}
@media (max-width: 1239px){.rs-header__link{display: none;}}
.rs-nav{display: none;
    align-items: center;
    gap: .35rem;}
.rs-nav a{font-family: var(--rs-font-display);
    font-size: .9rem;
    font-weight: 500;
    color: var(--rs-text-muted);
    padding: .5rem .7rem;
    
    border-radius: 999px;
    transition: color .2s ease, background-color .2s ease;}
.rs-nav a:hover,.rs-nav a[aria-current="page"]{color: var(--rs-text);
    background-color: var(--rs-bg-inset);}
.rs-header__actions{display: flex;
    align-items: center;
    gap: .5rem;
    flex-shrink: 0;}
.rs-icon-btn{display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: var(--rs-radius-sm);
    border: 1px solid var(--rs-border);
    background-color: transparent;
    color: var(--rs-text-muted);
    font-size: 1.05rem;
    line-height: 1;
    cursor: pointer;
    transition: color .15s ease, border-color .15s ease, background-color .15s ease;}
.rs-icon-btn:hover{color: var(--rs-text);
    border-color: var(--rs-border-strong);
    background-color: var(--rs-bg-inset);}
.rs-icon-btn svg{width: 1.05rem;
    height: 1.05rem;
    display: block;}
.rs-theme-toggle .rs-theme-toggle__dark{display: none;}
[data-theme="dark"] .rs-theme-toggle .rs-theme-toggle__dark{display: block;}
[data-theme="dark"] .rs-theme-toggle .rs-theme-toggle__light{display: none;}
.rs-nav-toggle{display: inline-flex;}
.rs-header__cta{display: none;}
@media (min-width: 1120px){.rs-nav{display: flex;}}
@media (min-width: 1120px){.rs-nav-toggle{display: none;}}
@media (min-width: 1120px){.rs-header__cta{display: inline-flex;}}
@media (min-width: 1120px){.rs-nav a[href="/articles.aspx"]{display: none;}}
@media (min-width: 1120px){.rs-header__inner{overflow: hidden;}}
.rs-mobile-nav{display: none;
    border-top: 1px solid var(--rs-border);
    background-color: var(--rs-bg);
    padding: 1rem 0 1.5rem;
    box-shadow: 0 18px 30px -24px rgba(15, 23, 42, .35);}
.rs-mobile-nav.is-open{display: block;}
@media (min-width: 1120px){.rs-mobile-nav,.rs-mobile-nav.is-open{display: none;}}
.rs-mobile-nav a{display: block;
    font-family: var(--rs-font-display);
    font-weight: 600;
    color: var(--rs-text-muted);
    padding: .65rem .25rem;
    border-bottom: 1px solid var(--rs-border);}
.rs-mobile-nav a:last-child{border-bottom: 0;}
.rs-mobile-nav a:hover{color: var(--rs-text);}
.rs-footer{background-color: var(--rs-inverse-bg);
    color: var(--rs-inverse-muted);
    border-top: 1px solid var(--rs-inverse-border);
    padding-block: clamp(3rem, 6vw, 4.5rem) 2rem;}
.rs-footer__grid{display: grid;
    gap: 2.5rem;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));}
.rs-footer__brand{display: inline-flex;
    align-items: center;
    gap: .6rem;
    font-family: var(--rs-font-display);
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 1rem;}
.rs-footer h5{font-family: var(--rs-font-display);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--rs-slate-400);
    margin-bottom: 1rem;}
.rs-footer ul{list-style: none;
    padding: 0;
    margin: 0 0 2rem;}
.rs-footer li{margin-bottom: .55rem;}
.rs-footer a{font-size: .92rem;
    color: var(--rs-slate-300);
    transition: color .15s ease;}
.rs-footer a:hover{color: #fff;}
.rs-footer__note{font-size: .9rem;
    color: var(--rs-slate-400);
    margin-bottom: .5rem;}
.rs-footer__bottom{margin-top: 3rem;
    padding-top: 1.75rem;
    border-top: 1px solid var(--rs-inverse-border);
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.5rem;
    align-items: center;
    justify-content: space-between;}
.rs-footer__legal{display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    list-style: none;
    padding: 0;
    margin: 0;}
.rs-footer__copy{font-size: .85rem;
    
    color: var(--rs-inverse-muted);
    margin: 0;}
@media (max-width: 800px){.rs-container{padding-inline: 1rem;}}
@media (prefers-reduced-motion: reduce){.rs-btn{transition: none;}}
@media(max-width:767px){:is(html,.rs-site) .rs-btn{min-height:44px}}
:is(html,.rs-site) .rs-container{max-width:1376px;padding-inline:48px}
:is(html,.rs-site) .rs-header{position:relative;padding:0;background:var(--rs-bg);border-bottom:1px solid var(--rs-border)}
:is(html,.rs-site) .rs-header__inner{min-height:96px;padding:18px 0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;overflow:visible;gap:30px}
:is(html,.rs-site) .rs-brand{gap:10px}
:is(html,.rs-site) .rs-brand img{width:39px;height:39px}
:is(html,.rs-site) .rs-brand__name{font-size:23px;font-weight:800;letter-spacing:-1px}
:is(html,.rs-site) .rs-brand__tagline{display:block;text-transform:none;letter-spacing:.6px;font-size:9px;margin-top:5px}
:is(html,.rs-site) .rs-nav{gap:18px;margin-inline:auto}
:is(html,.rs-site) .rs-nav a{border-radius:0;font-size:12px;padding:8px 0;color:var(--rs-text-muted);border-bottom:2px solid transparent}
:is(html,.rs-site) .rs-nav a:hover,:is(html,.rs-site) .rs-nav a[aria-current]{color:var(--rs-accent);border-color:var(--rs-accent);background:transparent}
:is(html,.rs-site) .rs-header__actions{gap:15px}
:is(html,.rs-site) .rs-header__link{font-size:11px}
:is(html,.rs-site) .rs-icon-btn{border-radius:50%;width:34px;height:34px}
:is(html,.rs-site) .rs-mobile-nav{box-shadow:none}
:is(html,.rs-site) .rs-mobile-nav .rs-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
:is(html,.rs-site) .rs-mobile-nav a{font-size:13px;padding-block:12px}
:is(html,.rs-site) .rs-btn{border-radius:7px;padding:15px 22px;font-size:12px;font-weight:700;letter-spacing:0;line-height:1.5;gap:22px;box-shadow:none}
:is(html,.rs-site) .rs-btn--primary,:is(html,.rs-site) .rs-btn--accent{background:var(--rs-text);color:var(--rs-bg);border-color:var(--rs-text)}
:is(html,.rs-site) .rs-btn--primary:hover,:is(html,.rs-site) .rs-btn--accent:hover{background:var(--rs-accent);color:var(--rs-bg);border-color:var(--rs-accent);transform:translateY(-2px)}
:is(html,.rs-site) .rs-btn--secondary{background:transparent;color:var(--rs-text);border-color:var(--rs-border-strong)}
:is(html,.rs-site) .rs-btn--secondary:hover{background:var(--rs-bg-inset);color:var(--rs-text)}
:is(html,.rs-site) .rs-btn--sm{padding:10px 15px;font-size:11px;gap:12px}
:is(html,.rs-site) .rs-footer{padding:55px 0 0;background:var(--rs-bg);border-top:1px solid var(--rs-border);color:var(--rs-text-muted)}
.rs-footer-main{display:grid;grid-template-columns:1.35fr 1fr 1.15fr 1fr;gap:50px;padding-bottom:45px}
.rs-footer-main>div>p{font-size:13px;line-height:1.8;margin:20px 0 12px}
.rs-footer-location{font-size:10px;color:var(--rs-text-subtle)}
.rs-footer-main nav{display:flex;flex-direction:column;gap:9px}
.rs-footer-main nav h2{font-size:12px;font-weight:700;margin-bottom:10px}
:is(html,.rs-site) .rs-footer a{color:var(--rs-text-muted);font-size:11px}
:is(html,.rs-site) .rs-footer a:hover{color:var(--rs-accent)}
:is(html,.rs-site) .rs-footer .rs-brand{color:var(--rs-text)}
:is(html,.rs-site) .rs-footer__bottom{border-color:var(--rs-border);margin:0;padding:22px 0;flex-direction:row;justify-content:space-between}
:is(html,.rs-site) .rs-footer__legal a,:is(html,.rs-site) .rs-footer__copy{color:var(--rs-text-subtle);font-size:10px;margin:0}
.rs-product-directory{border-top:1px solid var(--rs-border)}
.rs-product-directory summary{font-size:11px;color:var(--rs-text-muted);cursor:pointer;padding:18px 0}
.rs-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:18px 0 25px}
:is(html,.rs-site) .rs-directory-grid h5{font-size:11px;text-transform:none;color:var(--rs-text);letter-spacing:0}
@media(min-width:1050px){:is(html,.rs-site) .rs-nav{display:flex}}
@media(min-width:1050px){:is(html,.rs-site) .rs-nav-toggle{display:none}}
@media(min-width:1050px){:is(html,.rs-site) .rs-header__cta{display:inline-flex}}
@media(min-width:1050px){:is(html,.rs-site) .rs-mobile-nav{display:none!important}}
@media(max-width:1199px){:is(html,.rs-site) .rs-container{padding-inline:32px}}
@media(max-width:1199px){:is(html,.rs-site) .rs-nav{gap:16px}}
@media(max-width:1199px){:is(html,.rs-site) .rs-header__inner{gap:20px}}
@media(max-width:1199px){.rs-footer-main{gap:30px}}
@media(max-width:1049px){:is(html,.rs-site) .rs-header__inner{min-height:82px}}
@media(max-width:1049px){:is(html,.rs-site) .rs-nav{display:none}}
@media(max-width:1049px){:is(html,.rs-site) .rs-nav-toggle{display:inline-flex}}
@media(max-width:1049px){:is(html,.rs-site) .rs-header__cta{display:inline-flex}}
@media(max-width:1049px){:is(html,.rs-site) .rs-header__link{display:none}}
@media(max-width:767px){:is(html,.rs-site) .rs-container{padding-inline:24px}}
@media(max-width:767px){:is(html,.rs-site) .rs-header__inner{min-height:80px;gap:12px}}
@media(max-width:767px){:is(html,.rs-site) .rs-brand__name{font-size:21px}}
@media(max-width:767px){:is(html,.rs-site) .rs-header__actions{gap:10px}}
@media(max-width:767px){:is(html,.rs-site) .rs-header__cta{display:none}}
@media(max-width:767px){.rs-footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}}
@media(max-width:767px){.rs-footer-main>div{grid-column:1/-1}}
@media(max-width:767px){.rs-footer-main>nav:last-child{grid-column:1/-1}}
@media(max-width:767px){.rs-directory-grid{grid-template-columns:1fr 1fr;gap:30px}}
@media(max-width:767px){:is(html,.rs-site) .rs-footer__bottom{flex-direction:column;align-items:flex-start;gap:15px}}
@media(max-width:479px){:is(html,.rs-site) .rs-container{padding-inline:20px}}
@media(max-width:479px){:is(html,.rs-site) .rs-footer__legal{gap:18px}}
@media(max-width:479px){.rs-directory-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){:is(html,.rs-site) .rs-btn{transition:none}}
@media(prefers-reduced-motion:reduce){:is(html,.rs-site) .rs-btn:hover{transform:none}}
:is(html,.rs-site) .rs-nav a,:is(html,.rs-site) .rs-mobile-nav a{font-size: 15px;}
:is(html,.rs-site) .rs-header__link,:is(html,.rs-site) .rs-btn--sm{font-size: 14px;}
:is(html,.rs-site) .rs-btn{font-size: 15px;}
@media (max-width: 1199px){:is(html,.rs-site) .rs-nav{display: none;}}
@media (max-width: 1199px){:is(html,.rs-site) .rs-nav-toggle{display: inline-flex;}}
@media (max-width: 1199px){:is(html,.rs-site) .rs-mobile-nav.is-open{display: block !important;}}
@media (min-width: 1200px){:is(html,.rs-site) .rs-header__inner{gap: 20px;}}
@media (min-width: 1200px){:is(html,.rs-site) .rs-nav{gap: 14px;}}
:is(html,.rs-site) .rs-footer-main>div>p{font-size:16px;line-height:1.7;color:var(--rs-text)}
:is(html,.rs-site) .rs-footer a,:is(html,.rs-site) .rs-footer__copy,:is(html,.rs-site) .rs-footer-location,:is(html,.rs-site) .rs-footer-main nav h2,:is(html,.rs-site) .rs-product-directory summary,:is(html,.rs-site) .rs-directory-grid h5{font-size:14px}
:is(html,.rs-site) .rs-footer__bottom{flex-wrap:wrap;gap:16px}
:is(html,.rs-site) .rs-header{background:var(--rs-surface);box-shadow:0 2px 12px #17264b04}
:is(html,.rs-site) .rs-header__inner{min-height:84px;padding-block:16px}
:is(html,.rs-site) .rs-brand img{width:43px;height:43px;border-radius:12px}
:is(html,.rs-site) .rs-brand__name{font-weight:800;font-size:24px;letter-spacing:-.8px}
:is(html,.rs-site) .rs-brand__tagline{font-size:10px;letter-spacing:.2px;color:var(--rs-text-muted)}
:is(html,.rs-site) .rs-nav a{font-size:14px;font-weight:600}
:is(html,.rs-site) .rs-btn{border-radius:10px;padding:13px 21px;gap:12px;min-height:44px}
:is(html,.rs-site) .rs-btn--primary,:is(html,.rs-site) .rs-btn--accent{background:linear-gradient(125deg,#0b57d0,#0842a0);border-color:#538de4;color:#fff;box-shadow:0 4px 12px #0b57d019}
:is(html,.rs-site) .rs-btn--primary:hover,:is(html,.rs-site) .rs-btn--accent:hover{background:#0842a0;border-color:#0842a0;color:#fff;transform:none}
:is(html,.rs-site) .rs-btn--secondary{background:var(--rs-surface);border-color:var(--rs-border-strong);color:var(--rs-text)}
:is(html,.rs-site) .rs-btn--sm{padding:10px 15px}
:is(html,.rs-site) .rs-footer{background:var(--rs-surface);border-top:1px solid var(--rs-border)}
@media(max-width:767px){:is(html,.rs-site) .rs-container{padding-inline:20px}}
@media(max-width:767px){:is(html,.rs-site) .rs-header__inner{min-height:76px;gap:12px}}
@media(max-width:767px){:is(html,.rs-site) .rs-brand__name{font-size:21px}}
@media(max-width:767px){:is(html,.rs-site) .rs-btn{white-space:normal}}
@media(max-width:767px){:is(html,.rs-site) .rs-header__actions{gap:9px}}
[data-theme=dark] .rs-btn--primary{background:#0b57d0!important;color:#fff!important;border-color:#82b4ff!important}
[data-theme=dark] .rs-btn--primary:hover{background:#0842a0!important}
.rs-container{max-width:1376px}
@media screen{body:is(.rs-site,body) .rs-header__inner{min-height:84px;gap:24px;padding-block:14px}}
@media screen{body:is(.rs-site,body) .rs-brand__tagline{font-size:10px;letter-spacing:.3px}}
@media screen{body:is(.rs-site,body) .rs-nav a{font-size:13px;font-weight:600;padding-block:12px}}
@media screen{body:is(.rs-site,body) .rs-icon-btn{width:44px;height:44px}}
@media screen{body:is(.rs-site,body) .rs-header__link{font-size:12px}}
@media screen{body:is(.rs-site,body) .rs-btn{min-height:46px;border-radius:11px;gap:14px}}
@media screen{body:is(.rs-site,body) .rs-footer{background:var(--rs-surface);padding-top:48px}}
@media screen{body:is(.rs-site,body) .rs-footer a{text-underline-offset:4px}}
@media screen{@media(max-width:1099px){body:is(.rs-site,body) .rs-header__inner{gap:16px}}}
@media screen{@media(max-width:1099px){body:is(.rs-site,body) .rs-nav{gap:12px}}}
@media screen{@media(max-width:767px){body:is(.rs-site,body) .rs-container{padding-inline:22px}}}
@media screen{@media(max-width:380px){body:is(.rs-site,body) .rs-container{padding-inline:18px}}}
@media screen{@media(max-width:767px){body:is(.rs-site,body) .rs-btn{white-space:normal;text-align:center}}}
:is(html,.rs-site) :is(.rs-btn--primary,.rs-btn--accent){font-weight:600}

/* Tool page typography in the home page's system (Google Sans, #0b57d0 accent, #444746 copy, home heading weight).
   Scoped to pages that carry the shared header; code, textareas and monospace elements keep their own fonts. */
body:has(>header.rs-header) :is(main,nav,aside,section,dialog) :is(button,a,label,summary,select,h1,h2,h3,h4,h5,h6,p,li,dt,dd,th,figcaption,legend,small,strong,b,em,span,output):not(:where(pre,code,kbd,samp,textarea,[class*=mono],[class*=code],[class*=icon]) *):not(:where([class*=mono],[class*=code],[class*=icon],svg *)){font-family:"Google Sans","Google Sans Text",Roboto,"Segoe UI",system-ui,-apple-system,Arial,sans-serif!important}
body:has(>header.rs-header) main h1{font-weight:750;letter-spacing:-.037em;color:#1f1f1f}
body:has(>header.rs-header) main :is(h2,h3){letter-spacing:-.02em}
body:has(>header.rs-header) main :is([class*=eyebrow],[class*=kicker]){color:#0b57d0;letter-spacing:.13em}
body:has(>header.rs-header) main :is(.rs-tool-trail a,a.rs-trail-home){color:#0b57d0;font-family:"Google Sans","Google Sans Text",Roboto,"Segoe UI",system-ui,sans-serif!important}
body:has(>header.rs-header) main :is([class*=hero],.rs-tool-purpose)>p:not([class*=eyebrow]):not([class*=kicker]){color:#444746;font-size:17px;line-height:1.75}
/* The "Use this tool / Jump to inputs" strip read as a second header under the home one; phones keep it as a shortcut past the photos. */
@media (min-width:768px){body:has(>header.rs-header) .rs-workspace-entry{display:none}}
[data-theme=dark] body:has(>header.rs-header) main h1{color:#e6eefc}
[data-theme=dark] body:has(>header.rs-header) main :is([class*=eyebrow],[class*=kicker],.rs-tool-trail a,a.rs-trail-home){color:#a8c7fa}
[data-theme=dark] body:has(>header.rs-header) main :is([class*=hero],.rs-tool-purpose)>p:not([class*=eyebrow]):not([class*=kicker]){color:#b5c8e6}