/* Scoped tools styling, using the site's existing palette and self-hosted fonts. */
.tools-page .tools-main{max-width:1160px;margin:0 auto;padding:24px 40px 80px}
.tools-page .tool-skip{position:absolute;left:16px;top:-80px;z-index:50;background:var(--purple);color:#fff;padding:12px 18px;border-radius:8px}
.tools-page .tool-skip:focus{top:12px}
.tools-page :focus-visible{outline:3px solid #937fe9;outline-offset:4px}
.tools-page [hidden]{display:none!important}
.tools-page header nav{display:flex;align-items:center;gap:22px}
.tools-page .tool-crumbs{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:13px;margin:6px 0 30px}
.tools-page .tool-crumbs a{color:var(--muted);text-decoration:none}
.tools-page .tool-crumbs a:hover{text-decoration:underline}
.tools-page .tools-hero{max-width:800px;margin:0 0 38px}
.tools-page .tools-hub-hero{margin:38px 0 44px}
.tools-page .tool-kicker{display:flex;gap:12px;align-items:center;margin-bottom:16px}
.tools-page .tool-kicker .tool-icon{width:42px;height:42px;padding:9px;border-radius:12px;margin:0}
.tools-page .eyebrow{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--purple)}
.tools-page h1,.tools-page h2,.tools-page h3{font-family:'Manrope',sans-serif;letter-spacing:normal;word-spacing:normal;color:var(--ink)}
.tools-page h1{font-size:clamp(32px,4vw,49px);line-height:1.15;letter-spacing:-1.4px;margin:14px 0 20px;max-width:820px;font-weight:800}
.tools-page h2{font-size:24px;line-height:1.3;margin:0 0 16px;letter-spacing:-.5px}
.tools-page h3{font-size:17px;line-height:1.4;margin:0 0 12px;font-weight:750}
.tools-page p{margin:0 0 16px}
.tools-page .tool-intro{font-size:18px;line-height:1.65;color:var(--muted);max-width:760px}
.tools-page .tool-local{font-size:12px;color:var(--green);margin:18px 0 0}
.tools-page .tool-local span{font-weight:700;margin-right:5px}
.tools-page .tool-icon{width:54px;height:54px;background:var(--pale);color:var(--purple);border-radius:15px;padding:13px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:22px}
.tools-page .tool-icon svg{width:100%;height:100%}
.tools-page .tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tools-page .tool-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;display:flex;align-items:flex-start;flex-direction:column;box-shadow:0 4px 12px #25263a03}
.tools-page .tool-card h2{font-size:22px;letter-spacing:-.4px}
.tools-page .tool-card p{color:var(--muted);flex:1;margin-bottom:24px}
.tools-page .tool-card a{color:var(--purple);font-weight:700;text-decoration:none;line-height:1.5}
.tools-page .tool-card a:hover{text-decoration:underline}
.tools-page .tool-hub-note{max-width:780px;margin:52px auto 0;padding:28px 0;border-top:1px solid var(--line)}
.tools-page .tool-hub-note p{color:var(--muted)}
.tools-page .tool-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px;align-items:start}
.tools-page .tool-form,.tools-page .tool-result-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;min-width:0}
.tools-page .tool-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.tools-page .tool-section-heading h2{margin:0;font-size:22px}
.tools-page .tool-reset{font:inherit;font-size:13px;border:0;padding:8px 0 8px 8px;color:var(--purple);background:none;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.tools-page fieldset{border:0;min-width:0;margin:0 0 24px;padding:0 0 24px;border-bottom:1px solid var(--line)}
.tools-page .tool-form>.tool-controls{border:0;padding:0;margin:0;min-width:0}
.tools-page fieldset:last-of-type{margin-bottom:20px;padding-bottom:0;border-bottom:0}
.tools-page legend{font-family:'Manrope',sans-serif;font-size:16px;font-weight:750;margin:0 0 15px;padding:0;color:var(--ink)}
.tools-page .tool-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
.tools-page .tool-field{min-width:0}
.tools-page .tool-field label{display:block;font-weight:650;font-size:13px;line-height:1.45;margin:0 0 8px}
.tools-page .tool-input-unit{position:relative;display:flex;align-items:center}
.tools-page input[type=number],.tools-page select{font:inherit;font-size:15px;line-height:1.3;color:var(--ink);background:#fff;border:1px solid #bfc0cc;border-radius:9px;width:100%;min-height:46px;padding:11px 12px}
.tools-page input[type=number]{padding-right:65px;appearance:textfield;-moz-appearance:textfield}
.tools-page input[type=number]::-webkit-inner-spin-button,.tools-page input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.tools-page input[aria-invalid=true],.tools-page select[aria-invalid=true]{border:2px solid #b2343f}
.tools-page .tool-input-unit>span{position:absolute;right:12px;font-size:12px;color:var(--muted);pointer-events:none}
.tools-page .tool-help{font-size:12px;line-height:1.6;color:var(--muted);margin:7px 0 0}
.tools-page .tool-field .tool-help:empty{display:none}
.tools-page .tool-presets{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 18px}
.tools-page .tool-presets button{font:inherit;font-size:12px;line-height:1.4;border:1px solid #d6d0ee;color:var(--purple);background:var(--pale);border-radius:7px;padding:9px 10px;cursor:pointer;min-height:40px}
.tools-page .tool-presets button:hover{border-color:var(--purple);background:#e6e0fa}
.tools-page .tool-result-button{width:100%;justify-content:center;font-size:14px;padding:14px 16px;border:0;cursor:pointer}
.tools-page .tool-result-panel{background:#f2f0fb;border-color:#e0d9f5;padding:28px}
.tools-page .tool-result-panel>.eyebrow{margin-bottom:10px}
.tools-page .tool-result-panel>h2{font-size:22px;line-height:1.35}
.tools-page .tool-result-hero{padding:24px 0 22px;border-bottom:1px solid #dcd5ee;margin-bottom:22px}
.tools-page .tool-result-hero .tool-big{font-family:'Manrope',sans-serif;font-size:44px;font-weight:800;line-height:1.12;color:var(--purple);letter-spacing:-1.2px;display:block;overflow-wrap:anywhere}
.tools-page .tool-big small{font:600 17px 'DM Sans',sans-serif;letter-spacing:0;color:var(--purple)}
.tools-page .tool-result-label{font-size:13px;color:#5d566f;margin:9px 0 0}
.tools-page .tool-range{font-weight:650;font-size:15px;color:#514473;margin:13px 0 0}
.tools-page .tool-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 22px}
.tools-page .tool-stat{margin:0;background:#ffffffb8;border:1px solid #e6e1f4;border-radius:11px;padding:14px;min-width:0}
.tools-page .tool-stat dt{font-size:12px;line-height:1.4;color:#656178;margin-bottom:7px}
.tools-page .tool-stat dd{margin:0;font-family:'Manrope',sans-serif;font-size:19px;font-weight:750;line-height:1.3;overflow-wrap:anywhere}
.tools-page .tool-stat dd small{font-family:'DM Sans',sans-serif;font-size:12px;font-weight:500}
.tools-page .tool-result-note{font-size:12px;line-height:1.65;color:#655d77}
.tools-page .tool-result-note:last-child{margin-bottom:0}
.tools-page .tool-result-panel ul{padding-left:20px;margin:10px 0 15px}
.tools-page .tool-result-panel li{font-size:13px;margin-bottom:8px}
.tools-page .tool-result-panel h3{font-size:15px;margin-top:22px;margin-bottom:10px}
.tools-page .tool-error,.tools-page .tool-warning{border:1px solid #edc3a9;background:#fff3e6;border-radius:10px;padding:15px;color:#794716;font-size:13px}
.tools-page .tool-error{border-color:#e6b7bb;background:#fff3f3;color:#8c2630}
.tools-page .tool-error:not([hidden]){margin-bottom:18px}
.tools-page .tool-warning h3{font-size:15px;color:#794716;margin:0 0 7px}
.tools-page .tool-warning p:last-child,.tools-page .tool-warning ul:last-child{margin-bottom:0}
.tools-page .tool-notice{background:var(--pale);border:1px solid #ded5fa;padding:20px;border-radius:12px;margin-bottom:24px}
.tools-page .tool-app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 0}
.tools-page .tool-check{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.5;cursor:pointer;background:#faf9fd;border:1px solid #e7e4ed;border-radius:8px;padding:11px;min-height:46px;overflow-wrap:anywhere}
.tools-page .tool-check input{accent-color:var(--purple);width:16px;height:16px;flex:0 0 16px;margin:2px 0 0}
.tools-page .tool-check small{display:block;font-size:11px;color:var(--muted);margin-top:4px}
.tools-page .tool-check:has(input:checked){border-color:#ae9ddd;background:#f0ebfc}
.tools-page .tool-check:has(input:focus-visible){outline:3px solid #937fe9;outline-offset:3px}
.tools-page .tool-app-more{margin:16px 0 0}
.tools-page .tool-app-more summary{font-size:13px;line-height:1.5;color:var(--purple);font-weight:650;cursor:pointer;padding:8px 0}
.tools-page .tool-subheading{margin-top:20px;font-size:13px;font-weight:700}
.tools-page .tool-source-list{margin-top:20px;padding-top:18px;border-top:1px solid #dcd5ee}
.tools-page .tool-source-list summary{font-weight:650;font-size:13px;cursor:pointer;color:var(--purple)}
.tools-page .tool-source-list li{margin-bottom:16px}
.tools-page .tool-source-list li p{font-size:12px;color:#655d77;margin:5px 0}
.tools-page .tool-source-list a{font-size:12px;overflow-wrap:anywhere}
.tools-page .tool-source-list small{display:block;font-size:11px;color:#655d77}
.tools-page .tool-breakdown{display:grid;grid-template-columns:1fr auto;gap:8px 18px;font-size:12px;margin:16px 0 22px}
.tools-page .tool-breakdown dt{margin:0;color:#655d77}
.tools-page .tool-breakdown dd{margin:0;font-weight:650;text-align:right}
.tools-page .tool-reading{border-top:1px solid var(--line);margin-top:48px;padding-top:36px}
.tools-page .tool-reading p{color:#666778;font-size:14px;line-height:1.8}
.tools-page .tool-reading h2{margin-bottom:22px}
.tools-page .tool-reading h3{margin:0 0 12px}
.tools-page .tool-reading code{font-size:13px;background:var(--pale);padding:3px 5px;border-radius:4px;overflow-wrap:anywhere}
.tools-page .tool-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-bottom:15px}
.tools-page .tool-reading .tool-source{font-size:12px}
.tools-page a:not(.brand):not(.primary):not(.nav-blog):not(.nav-link){color:var(--purple);text-underline-offset:3px}
.tools-page .b-faq details{border-bottom:1px solid var(--line);padding:18px 0}
.tools-page .b-faq summary{font-family:'Manrope',sans-serif;font-size:15px;font-weight:700;cursor:pointer;line-height:1.5}
.tools-page .b-faq details p{margin:14px 0 0;max-width:900px}
.tools-page .tool-next{margin-top:40px;background:var(--pale);border-radius:18px;padding:30px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px}
.tools-page .tool-next .eyebrow{margin-bottom:12px}
.tools-page .tool-next h2{font-size:23px}
.tools-page .tool-next p{font-size:14px;color:#655d77;margin:0;max-width:630px}
.tools-page .tool-next-links{display:flex;flex-direction:column;align-items:flex-start;gap:13px;font-size:13px;font-weight:600}
.tools-page .tool-next-links .primary{padding:13px 18px;white-space:nowrap;color:#fff;text-decoration:none}
.tools-page .tool-battery{height:25px;background:#dcd6ec;border:2px solid #b1a3d2;border-radius:7px;position:relative;margin:22px 5px 6px 0;display:flex;padding:3px;gap:2px}
.tools-page .tool-battery:after{content:'';position:absolute;right:-7px;top:5px;width:5px;height:11px;background:#b1a3d2;border-radius:0 3px 3px 0}
.tools-page .tool-battery-reserve{background:#b1a3d2;border-radius:2px}
.tools-page .tool-battery-available{background:var(--purple);border-radius:2px}
.tools-page .tool-visual-caption{font-size:11px;color:#655d77;margin:8px 0 0}
.tools-page .tool-screen-wrap{padding:22px 20px 17px;background:#e8e2f6;border-radius:12px;margin:20px 0;text-align:center}
.tools-page .tool-screen{margin:auto;border:5px solid #4f446a;background:linear-gradient(135deg,#fcfbff,#d5c8f1);border-radius:6px;width:100%;max-width:280px;max-height:220px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.tools-page .tool-screen span{font-size:14px;color:#5d4789;font-weight:700}
.tools-page .tool-screen-stand{height:14px;width:7px;background:#4f446a;margin:0 auto}
.tools-page .tool-screen-base{height:4px;width:60px;background:#4f446a;border-radius:3px;margin:0 auto 12px}
.tools-page .tool-storage-bar{height:15px;border-radius:6px;display:flex;overflow:hidden;background:#dfd7ee;margin:15px 0 10px}
.tools-page .tool-storage-bar span:nth-child(1){background:#5945bd}.tools-page .tool-storage-bar span:nth-child(2){background:#8974cd}.tools-page .tool-storage-bar span:nth-child(3){background:#b4a5df}
.tools-page .tool-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.tools-page header{padding:22px 25px}.tools-page header nav{gap:15px}.tools-page .tools-main{padding:24px 25px 60px}.tools-page .tools-grid{gap:14px}.tools-page .tool-card{padding:22px}.tools-page .tool-layout{gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}.tools-page .tool-form,.tools-page .tool-result-panel{padding:22px}.tools-page .tool-fields{grid-template-columns:1fr}.tools-page .tool-result-hero .tool-big{font-size:38px}.tools-page .tool-app-grid{grid-template-columns:1fr}.tools-page .tool-results-grid{gap:8px}.tools-page .tool-stat{padding:11px}}
@media(max-width:680px){.tools-page header{padding:20px;flex-wrap:wrap;gap:18px}.tools-page header nav{gap:20px;flex-wrap:wrap;width:100%;font-size:13px}.tools-page header nav .nav-link{margin-left:auto}.tools-page .tools-main{padding:20px 20px 48px}.tools-page .tool-crumbs{margin:0 0 24px;font-size:12px}.tools-page h1{font-size:35px;letter-spacing:-1px;line-height:1.16}.tools-page .tool-intro{font-size:16px}.tools-page .tools-hub-hero{margin:16px 0 30px}.tools-page .tools-hero{margin-bottom:28px}.tools-page .tools-grid,.tools-page .tool-layout,.tools-page .tool-method-grid,.tools-page .tool-next{grid-template-columns:1fr}.tools-page .tool-card{padding:26px}.tools-page .tool-icon{margin-bottom:18px}.tools-page .tool-card p{max-width:450px}.tools-page .tool-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.tools-page .tool-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-page .tool-form,.tools-page .tool-result-panel{padding:22px}.tools-page .tool-result-panel>h2{font-size:24px}.tools-page .tool-result-hero .tool-big{font-size:45px}.tools-page .tool-stat dd{font-size:21px}.tools-page .tool-reading{margin-top:36px;padding-top:28px}.tools-page .tool-method-grid{gap:12px}.tools-page .tool-next{padding:24px;gap:22px}.tools-page .tool-local{font-size:11px;line-height:1.8}.tools-page .tool-next-links{width:100%}.tools-page .tool-next-links .primary{align-self:stretch;text-align:center;justify-content:center}.tools-page .tool-hub-note{margin-top:32px;padding-top:28px}}
@media(max-width:390px){.tools-page header nav{gap:12px}.tools-page header nav .nav-link{margin-left:0}.tools-page .tool-fields,.tools-page .tool-app-grid{grid-template-columns:1fr}.tools-page .tools-main{padding-left:16px;padding-right:16px}.tools-page .tool-form,.tools-page .tool-result-panel{padding:19px}.tools-page h1{font-size:32px}.tools-page .tool-result-hero .tool-big{font-size:38px}.tools-page .tool-stat dd{font-size:18px}.tools-page .tool-stat{padding:10px}.tools-page .tool-crumbs{gap:7px}}
@media(prefers-reduced-motion:reduce){.tools-page *{scroll-behavior:auto!important;transition:none!important}}