/* Phone: two slogan lines. Laptop: one slogan line; descriptions wrap naturally. */
.tools-hero-compact{padding:44px 0 28px;max-width:1000px}
.tools-hero-compact .tools-tagline em,.tools-hero-compact .tools-tagline strong,.tools-hero-compact .free-tools-note strong span,.tools-hero-compact .free-tools-note p span,.tools-hero-compact h1 span,.tools-hero-compact .local-badge span{display:block}
.tools-hero-compact>p.tools-tagline{font-size:clamp(13px,2.8vw,17px);line-height:1.55;margin:10px auto 12px}
.tools-hero-compact .free-tools-note{margin:0 auto 16px;gap:7px}
.tools-hero-compact .free-tools-note strong,.tools-hero-compact .free-tools-note strong span{font-size:clamp(16px,3.8vw,20px);line-height:1.4;color:#20396d}
.tools-hero-compact .free-tools-note p{margin:0;font-size:clamp(12px,2.6vw,14px);line-height:1.55}
.tools-hero-compact .free-tools-note p span{font-size:clamp(12px,2.6vw,14px);line-height:1.55;color:#536579}
.tools-hero-compact h1{font-size:clamp(23px,5.6vw,40px);line-height:1.2;letter-spacing:-.6px;margin:12px auto 18px}
.tools-hero-compact>p.local-badge{display:table;width:auto;max-width:100%;padding:10px 18px;margin:0 auto;font-size:clamp(11px,2.5vw,13px);line-height:1.55;color:#536579}
#tools-guide,#pasang-aplikasi{scroll-margin-top:150px}
.tools-hero-compact~.tool-guide{text-align:center}
@media(min-width:761px){.tools-hero-compact .tools-tagline em,.tools-hero-compact .tools-tagline strong,.tools-hero-compact .free-tools-note strong span,.tools-hero-compact .free-tools-note p span,.tools-hero-compact h1 span,.tools-hero-compact .local-badge span{display:inline}.tools-hero-compact h1{max-width:none;font-size:clamp(28px,3.1vw,38px)}.tools-hero-compact .free-tools-note p{line-height:1.55}.tools-hero-compact>p.local-badge{font-size:12px}}
.install-promotion{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center;max-width:1200px;margin:70px auto 35px;padding:58px;border-radius:28px;background:#eaf4f8;border:1px solid #d5e6ee;overflow:hidden}
.install-eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:800;color:#497f98;margin:0 0 16px}
.install-promotion h2{font-size:clamp(30px,3.2vw,44px);line-height:1.14;letter-spacing:-1px;color:#20396d;margin:0 0 20px}
.install-lead{font-size:16px;line-height:1.65;color:#536579;margin:0 0 22px;max-width:540px}
.install-promotion ul{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:16px}
.install-promotion li{position:relative;padding-left:30px;font-size:14px;line-height:1.5;color:#536579}
.install-promotion li:before{content:'✓';position:absolute;left:0;top:0;width:20px;height:20px;border:1.5px solid #368777;border-radius:50%;color:#26806e;text-align:center;font-size:13px;line-height:18px}
.install-promotion li strong,.install-promotion li span{display:block}.install-promotion li strong{color:#20396d;font-size:15px;margin-bottom:3px}
.install-cta{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:15px 22px;min-height:52px;max-width:100%;border:1px solid #20396d;border-radius:10px;background:#20396d;color:white;font:inherit;font-size:15px;font-weight:700;cursor:pointer;text-align:center;line-height:1.4;box-shadow:0 4px 0 #15244b}
.install-cta .tools-action-icon{width:23px;height:23px;flex-shrink:0}.install-cta:hover{background:#2b528c}.install-cta:focus-visible{outline:3px solid #4b93c6;outline-offset:5px}
.install-promotion-note{font-size:11px;line-height:1.6;color:#617686;margin:16px 0 0;max-width:350px}
.install-device-art{position:relative;min-width:0;height:430px;isolation:isolate}
.install-art-orbit{position:absolute;inset:5px 0 15px;border:1px solid #bfd9e5;border-radius:48% 48% 35% 42%;background:#dbeef3;z-index:-1}
.install-laptop{position:absolute;left:0;right:12px;top:45px;border:8px solid #20396d;border-bottom-width:13px;border-radius:17px;background:#fff;padding:12px 18px 20px;box-shadow:0 18px 35px #20396d1a}
.install-device-top{display:flex;gap:4px;margin-bottom:14px}.install-device-top span{width:5px;height:5px;border-radius:50%;background:#c0d5e0}
.install-screen-brand{display:flex;align-items:center;gap:8px;color:#20396d;font-size:16px}.install-screen-brand small{display:block;font-size:9px;font-weight:500;letter-spacing:2px;text-transform:uppercase}.install-laptop>p{font-size:11px;color:#6a8297;margin:14px 0}
.install-mini-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}.install-mini-tools>div{display:flex;align-items:center;gap:8px;padding:12px 8px;border:1px solid #e0e7ef;border-radius:8px;font-size:9px;color:#20396d}.install-mini-tools .tool-icon{width:25px;height:25px}
.install-laptop-base{position:absolute;left:-16px;right:0;top:310px;height:13px;background:#93afc3;border-radius:3px 3px 30px 30px}
.install-phone{position:absolute;right:-7px;bottom:38px;width:132px;height:244px;border:6px solid #15244b;border-radius:25px;background:linear-gradient(150deg,#d4e8ef,#f3f8fb);box-shadow:0 12px 28px #20396d2b;text-align:center}
.install-phone-camera{height:9px;width:42px;margin:0 auto;background:#15244b;border-radius:0 0 8px 8px}.install-phone-time{display:block;font-size:17px;color:#20396d;font-weight:600;margin-top:16px}.install-home-icon{margin:20px auto 0}.install-home-icon img{border-radius:13px;width:49px;height:49px;box-shadow:0 5px 10px #20396d16}.install-home-icon b{display:block;font-size:9px;line-height:1.3;color:#20396d;margin-top:5px}.install-phone-dock{position:absolute;bottom:15px;left:12px;right:12px;display:flex;gap:10px;justify-content:center}.install-phone-dock i{display:block;width:19px;height:19px;border-radius:6px;background:#a6c3d1}
.install-art-label{position:absolute;left:2px;bottom:32px;padding:12px 15px;border-radius:12px;background:white;box-shadow:0 8px 22px #20396d12;color:#20396d;font-size:12px;font-weight:700}.install-art-label span{color:#398c79;margin-right:8px}
.document-tools .tools-footer-expanded{display:block;background:#172d54;color:#d6e5ed;padding:48px 32px 28px;border:0;margin-top:55px;font-size:13px}
.tools-footer-inner{max-width:1320px;margin:0 auto}.footer-brand-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:38px}.tools-footer-expanded .footer-brand{display:flex;align-items:center;gap:12px;color:white;font-size:17px}.footer-brand img{border-radius:10px}.footer-brand b{display:block;color:#9fc4d5;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:500}.footer-brand-row p{font-size:13px;color:#a8c6d6}
.footer-columns{display:grid;grid-template-columns:1.1fr 1fr 1.4fr;gap:30px}.tools-footer-expanded .footer-columns nav{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.footer-columns>nav{min-width:0}.footer-contact{display:grid;gap:6px;max-width:100%;margin-top:4px}.footer-contact>span{font-size:11px;font-weight:700;letter-spacing:.4px;color:#fff}.footer-contact a{overflow-wrap:anywhere;max-width:100%}.footer-columns h2{font-size:12px;letter-spacing:.4px;color:white;line-height:1.5;margin:0 0 5px}.tools-footer-expanded a{color:#d6e5ed;text-decoration:none;line-height:1.55}.tools-footer-expanded a:hover{color:#fff;text-decoration:underline}.tools-footer-expanded a:focus-visible{outline:2px solid #97c5e8;outline-offset:5px;border-radius:3px}
.footer-install p{margin:7px 0 17px;font-size:13px;line-height:1.6;color:#a8c6d6}.footer-install .install-cta{width:100%;background:#d7eaf2;color:#172d54;border-color:#d7eaf2;box-shadow:none;padding:12px 10px;font-size:13px}.footer-install .install-cta:hover{background:#fff}.footer-install>span{display:block;font-size:10px;line-height:1.6;color:#a8c6d6;margin-top:12px}
.footer-support-action{display:flex;align-items:center;gap:9px;font-size:12px}.tools-footer-expanded .footer-support-action .tools-icon-action{width:36px;height:36px;min-width:36px;min-height:36px;padding:7px}
.footer-bottom{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;border-top:1px solid #56718d;margin-top:40px;padding-top:24px}.footer-language{display:inline-flex;gap:11px;align-items:center;border:1px solid #7493ad;border-radius:7px;padding:9px 12px;font-size:12px;justify-self:start}.footer-copyright{font-size:11px;color:#a8c6d6;margin:0;text-align:right;line-height:1.6}
.tools-footer-expanded .tools-socials{width:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:0;border:0;margin:0;min-width:0}.tools-footer-expanded .tools-socials>div:first-child{order:2;text-align:center}.tools-footer-expanded .tools-socials strong{display:none}.tools-footer-expanded .tools-socials p{font-size:10px;color:#a8c6d6;line-height:1.5;margin:0;max-width:370px}.tools-footer-expanded .tools-social-icons{gap:7px}.tools-footer-expanded .tools-community-actions{gap:7px}.tools-footer-expanded .tools-icon-action{background:#203c65;color:#d4e6f0;border-color:#4a6889}.tools-footer-expanded .social-pending{color:#9fb6c8;background:transparent;border-color:transparent}.tools-footer-expanded .tools-socials .tools-icon-action:hover{background:#294971;color:white}.tools-footer-expanded .tool-like[aria-pressed=true]{color:#ff9dbd;background:#432d51;border-color:#b57898}
@media(max-width:1100px){.install-promotion{padding:38px;gap:28px}.footer-columns{grid-template-columns:repeat(2,1fr);gap:28px}.footer-install{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:30px}.footer-install h2,.footer-install p{grid-column:1}.footer-install .install-cta{grid-column:2;grid-row:1/3}.footer-install>span{grid-column:2;margin:0;text-align:center}.footer-bottom{gap:18px}.footer-copyright{max-width:150px}}
@media(max-width:760px){.tools-hero-compact{padding-top:36px}.install-promotion{grid-template-columns:1fr;padding:30px 24px;margin:42px auto 28px;border-radius:22px;gap:18px}.install-promotion h2{font-size:32px}.install-lead{font-size:14px}.install-promotion li{font-size:13px}.install-device-art{height:330px;max-width:380px;width:100%;margin:0 auto}.install-laptop{top:20px;right:18px;padding:10px 14px 15px}.install-laptop-base{top:272px;left:-8px;right:6px}.install-phone{right:-2px;bottom:15px;width:112px;height:208px;border-width:5px;border-radius:23px}.install-phone-time{margin-top:9px;font-size:15px}.install-home-icon{margin-top:13px}.install-home-icon img{width:43px;height:43px}.install-art-label{bottom:13px;font-size:10px;padding:10px}.document-tools .tools-footer-expanded{padding:34px 24px 24px}.footer-brand-row{display:block;margin-bottom:30px}.footer-brand-row p{margin:12px 0 0}.footer-columns{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-columns h2{font-size:11px}.tools-footer-expanded .footer-columns nav{gap:11px}.footer-install{display:block}.footer-install .install-cta{width:auto;min-width:220px}.footer-install>span{text-align:left;margin-top:12px}.footer-bottom{display:flex;flex-wrap:wrap;gap:22px;justify-content:space-between;margin-top:30px}.tools-footer-expanded .tools-socials{order:3;flex-basis:100%;align-items:flex-start}.tools-footer-expanded .tools-socials>div:first-child{text-align:left}.footer-copyright{font-size:10px}.tools-footer-expanded .tools-socials p{max-width:100%}}
@media(max-width:380px){.install-promotion{padding:26px 18px}.install-promotion h2{font-size:28px}.install-promotion .install-cta{width:100%;font-size:14px}.install-promotion-note{font-size:10px}.install-device-art{height:305px}.install-laptop{border-width:6px;left:0;right:5px;padding:10px}.install-mini-tools>div{padding:8px 5px;font-size:8px;gap:5px}.install-laptop-base{top:244px}.install-phone{right:-4px;width:99px;height:188px}.install-phone-time{font-size:13px}.install-home-icon{margin-top:9px}.install-phone-dock{bottom:10px;gap:6px}.install-phone-dock i{width:16px;height:16px}.install-art-label{font-size:9px;padding:8px;max-width:160px}.document-tools .tools-footer-expanded{padding-left:16px;padding-right:16px}.tools-footer-expanded .tools-social-icons,.tools-footer-expanded .tools-community-actions{gap:3px}.tools-footer-expanded .tools-socials .tools-icon-action{width:42px;height:42px;min-width:42px;min-height:42px}.tools-hero-compact>p.local-badge{padding:9px 12px}}

.application-guide{text-align:center}.application-guide>p{max-width:780px;margin-left:auto;margin-right:auto;text-wrap:balance}
.download-actions .tools-community-actions{align-self:center;gap:8px;margin-left:6px}
.download-actions .tools-icon-action{padding:10px;border:1px solid #cbd6e9;border-radius:10px;color:#244e94;background:#fff}
.download-actions .tools-icon-action:hover{background:#edf3fc}.download-actions .tools-action-icon{width:22px;height:22px}
@media(max-width:600px){.download-actions .tools-community-actions{margin-left:0}.application-guide>p{text-wrap:pretty}}

/* A consistent gap between intro rows, regardless of their font size. */
.tools-hero-compact{display:flex;flex-direction:column;align-items:center;gap:16px}
.tools-hero-compact .free-tools-note{display:contents}
.tools-hero-compact .tools-ribbon,.tools-hero-compact>p.tools-tagline,.tools-hero-compact .free-tools-note>strong,.tools-hero-compact .free-tools-note>p,.tools-hero-compact h1,.tools-hero-compact>p.local-badge{margin:0}

@media(min-width:761px){.install-promotion{max-width:1040px;padding:38px 44px;gap:32px;grid-template-columns:1.2fr 1fr}.install-promotion h2{font-size:36px;margin-bottom:16px}.install-eyebrow{margin-bottom:12px}.install-lead{font-size:14px;line-height:1.6;margin-bottom:18px}.install-promotion ul{gap:12px;margin-bottom:20px}.install-promotion li{font-size:12px}.install-promotion li strong{font-size:14px;margin-bottom:2px}.install-promotion-note{font-size:10px;margin-top:12px}.install-device-art{height:360px}.install-laptop{top:28px;padding:10px 12px 15px;border-width:6px}.install-laptop-base{top:280px}.install-phone{width:112px;height:208px;bottom:18px;right:-4px;border-width:5px}.install-home-icon{margin-top:12px}.install-home-icon img{width:45px;height:45px}.install-art-label{bottom:16px;font-size:10px;padding:10px}.install-mini-tools>div{font-size:8px;padding:10px 5px;gap:5px}}
.installed-tools-window .install-promotion{display:none}
@media(display-mode:standalone),(display-mode:minimal-ui),(display-mode:window-controls-overlay){.install-promotion{display:none}}

/* Inter mobile readability: allow content to grow, with comfortable line spacing. */
@media(max-width:760px){
 .tools-header{row-gap:8px}
 .tools-header>nav{gap:8px;align-items:stretch;padding-top:6px}
 .tools-header .top-tool{display:flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;max-width:none;min-height:44px;font-size:11px;line-height:1.4;text-align:center}
 .tools-header>nav>.tools-menu{flex:1 1 0;min-width:0}
 .tools-header .tools-menu>summary{justify-content:center;min-height:44px;font-size:11px;line-height:1.4;gap:4px;text-align:center}
 .tools-header .mega-menu a{font-size:13px;line-height:1.6;min-height:44px}
 .tools-hero-compact .free-tools-note>p{font-size:13px;line-height:1.65}
 .tools-hero-compact .free-tools-note>p>span{font-size:inherit;line-height:inherit}
 .tools-hero-compact>p.local-badge{font-size:12px;line-height:1.65}
 .tool-card{height:auto;min-height:0;padding:18px 16px}
 .tool-card h2{font-size:18px;line-height:1.35;margin-top:18px;margin-bottom:10px;overflow-wrap:break-word}
 .tool-card p{font-size:14px;line-height:1.65;margin:0}
 .category-tabs button{min-height:44px;font-size:13px;line-height:1.5;padding:9px 14px}
 .document-tools .settings label{font-size:14px;line-height:1.5}
 .document-tools .settings input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),.document-tools .settings select,.document-tools .settings textarea{font-size:16px;line-height:1.5;min-height:44px;max-width:100%}
 .document-tools .settings .setting-help{font-size:13px;line-height:1.65}
 .document-tools .settings .process-button{min-height:48px;height:auto;white-space:normal;line-height:1.5}
 .tool-assurance{font-size:12px;line-height:1.65}
 .tools-dialog p{font-size:15px;line-height:1.65}
 .install-promotion li,.install-lead{font-size:14px;line-height:1.65}
 .install-promotion-note{font-size:12px;line-height:1.65}
 .tools-footer-expanded .footer-columns nav{gap:10px;font-size:14px;line-height:1.65}
 .tools-footer-expanded .footer-columns nav>a{padding:4px 0;max-width:100%}
 .footer-contact a{font-size:14px;line-height:1.65}
 .tools-footer-expanded .tools-socials p,.footer-copyright{font-size:12px;line-height:1.65}
 .docs-section p,.docs-section li{font-size:15px;line-height:1.7}
 .docs-page-nav a{font-size:14px;min-height:44px}
 .docs-table-scroll th,.docs-table-scroll td{font-size:13px;line-height:1.6}
}
@media(max-width:380px){.tools-grid{grid-template-columns:minmax(0,1fr)}.tool-card{padding:20px}.tool-card h2{margin-top:14px}}

@media(max-width:480px){.pn-two,.wm-two{grid-template-columns:minmax(0,1fr)}.pn-position-row{align-items:flex-start;flex-direction:column}.pn-position-row>div:last-child{width:100%;flex:auto}}
@media(max-width:380px){.tools-header .tools-brand img{width:114px;height:auto}.tools-header .tools-brand span{font-size:8px;letter-spacing:1.7px}.tools-header .header-actions{gap:4px}}

/* One clear introduction on both desktop and mobile. */
.tools-hero-refined{max-width:1160px;padding:32px 0 22px;gap:12px}
.tools-hero-refined .tools-ribbon{font-size:13px;padding:7px 30px}
.tools-hero-refined h1{max-width:100%;font-size:clamp(28px,3.1vw,38px);line-height:1.25;letter-spacing:-.7px}
.tools-hero-refined>p.tools-tagline{font-size:17px;line-height:1.5}
.tools-hero-refined>p.tools-benefits{font-size:15px;font-weight:700;color:#20396d;line-height:1.55;margin:0}
.tools-hero-refined>p.tools-capacity{font-size:13px;line-height:1.6;margin:-7px 0 0;color:#536579}
.tools-hero-refined>p.local-badge{display:block;font-size:12px;line-height:1.6;padding:8px 16px}
.tools-mobile-toggle{display:none}
.tools-mobile-drawer{padding:0;border:0;margin:0;width:100%;max-width:none;height:100vh;height:100dvh;max-height:none;background:transparent;color:#20396d;overflow:hidden;font:inherit}
.tools-mobile-drawer[open]{display:flex;justify-content:flex-start}
.tools-mobile-drawer[data-side=tools]{justify-content:flex-end}
.tools-mobile-drawer::backdrop{background:#13254666}
.mobile-drawer-panel{width:min(100%,420px);height:100%;min-height:0;background:#fff;display:grid;grid-template-rows:auto minmax(0,1fr);box-shadow:0 0 32px #15274726;animation:tools-menu-from-left .2s ease-out both}
.tools-mobile-drawer[data-side=tools] .mobile-drawer-panel{animation-name:tools-menu-from-right}
.tools-mobile-drawer.is-closing .mobile-drawer-panel{animation:tools-menu-to-left .18s ease-in both}
.tools-mobile-drawer[data-side=tools].is-closing .mobile-drawer-panel{animation-name:tools-menu-to-right}
.mobile-drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(14px + env(safe-area-inset-top)) 18px 14px;border-bottom:1px solid #e1e8f0;background:#f4f8fc}
.mobile-drawer-heading h2{font-size:19px;line-height:1.35;margin:0;font-weight:700}
.mobile-drawer-close{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:1px solid #d2dfea;border-radius:12px;background:#eaf3f8;color:#20396d;font:inherit;font-size:28px;line-height:1}
.mobile-drawer-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:16px 20px calc(24px + env(safe-area-inset-bottom))}
.mobile-drawer-scroll nav{display:flex;flex-direction:column;gap:6px}
.mobile-drawer-scroll a,.mobile-drawer-scroll button{display:flex;align-items:center;gap:14px;width:100%;min-height:52px;padding:12px 10px;border:0;border-radius:10px;background:transparent;color:#20396d;font:inherit;font-size:16px;line-height:1.5;text-align:left;text-decoration:none;overflow-wrap:anywhere}
.mobile-drawer-scroll a:hover,.mobile-drawer-scroll button:hover,.mobile-drawer-scroll a[aria-current=page]{background:#edf4fa}
.mobile-drawer-scroll svg{width:24px;height:24px;flex:0 0 24px}
.mobile-drawer-scroll .tool-icon{width:32px;height:32px;flex:0 0 32px}
.mobile-drawer-scroll section{margin:10px 0 12px}
.mobile-drawer-scroll h3{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#61758a;margin:8px 10px 6px}
.mobile-drawer-scroll .mobile-all-tools{font-size:14px;justify-content:space-between;border-bottom:1px solid #e5ebf1;border-radius:0;margin-bottom:4px}
.mobile-menu-language{display:flex;align-items:flex-start;gap:14px;padding:16px 10px;margin-top:10px;border-top:1px solid #e1e8f0}
.mobile-menu-language strong{font-size:14px;display:block;margin-bottom:8px}
.mobile-menu-language>div>div{display:flex;gap:8px;flex-wrap:wrap}
.mobile-menu-language a,.mobile-menu-language span{width:auto;display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;border:1px solid #d6e1eb;border-radius:9px;font-size:14px;line-height:1.4}
.mobile-menu-language span{background:#20396d;color:#fff;border-color:#20396d}
.mobile-menu-support{align-items:flex-start!important}
.mobile-menu-support strong{display:block;font-size:14px}
.mobile-menu-support small{font-size:14px;color:#536579;line-height:1.6}
.tools-nav-open{overflow:hidden;scrollbar-gutter:stable}
.tools-nav-open body.document-tools{position:fixed;top:var(--tools-nav-scroll-top,0);left:0;right:0;width:100%;overflow:hidden}
@keyframes tools-menu-from-left{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@keyframes tools-menu-from-right{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes tools-menu-to-left{to{transform:translateX(-100%)}}
@keyframes tools-menu-to-right{to{transform:translateX(100%)}}
@media(max-width:760px){
 .tools-mobile-nav-ready .tools-header{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:12px;min-height:72px;padding:10px 16px;align-items:center}
 .tools-mobile-nav-ready .tools-header>nav,.tools-mobile-nav-ready .tools-header>.header-actions{display:none}
 .tools-mobile-nav-ready .tools-header>.tools-brand{justify-self:center;min-width:0;max-width:100%}
 .tools-mobile-nav-ready .tools-header .tools-brand img{width:150px;max-width:100%;height:auto}
 .tools-mobile-nav-ready .tools-header .tools-brand span{font-size:8px;letter-spacing:1.9px;margin-top:3px;white-space:nowrap}
 .tools-mobile-nav-ready .tools-mobile-toggle{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:1px solid #cadce9;border-radius:13px;background:#eaf3f9;color:#20396d;box-shadow:0 2px 4px #20396d14,inset 0 1px 0 #fff}
 .tools-mobile-toggle svg{width:24px;height:24px}
 .tools-mobile-toggle:hover,.tools-mobile-toggle[aria-expanded=true]{background:#dcecf7;border-color:#9bbad3}
 .tools-hero-refined{padding:24px 0 18px;gap:12px}
 .tools-hero-refined .tools-ribbon{font-size:11px;padding:7px 26px}
 .tools-hero-refined h1{font-size:clamp(22px,6vw,28px);line-height:1.25;letter-spacing:-.6px}
 .tools-hero-refined>p.tools-tagline{font-size:14px;line-height:1.6}
 .tools-hero-refined>p.tools-benefits{font-size:13px;line-height:1.6}
 .tools-hero-refined>p.tools-capacity{font-size:12px;line-height:1.6;margin-top:-6px}
 .tools-hero-refined>p.local-badge{font-size:12px;line-height:1.6;padding:8px 12px}
 .tools-hero-refined+.category-tabs{margin:6px 0 22px;gap:8px}
 .tools-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .tool-card{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:12px 14px;min-height:0;padding:20px}
 .tool-card>.tool-icon{width:36px;height:36px;grid-column:1;grid-row:1;margin:0}
 .tool-card h2{grid-column:2;grid-row:1;margin:0;font-size:18px;line-height:1.4}
 .tool-card p{grid-column:1/-1;margin:0;font-size:14px;line-height:1.65}
 .tool-card .card-arrow{display:none}
}
@media(prefers-reduced-motion:reduce){.mobile-drawer-panel,.tools-mobile-drawer.is-closing .mobile-drawer-panel{animation:none}}

/* Only the phone drawers change; desktop navigation keeps its established layout. */
@media(max-width:760px){
 #tools-mobile-drawer .mobile-drawer-scroll nav{gap:0}
 #tools-mobile-drawer .mobile-drawer-scroll a,#tools-mobile-drawer .mobile-drawer-scroll button{min-height:48px;padding:8px 10px;gap:12px}
 #tools-mobile-drawer .mobile-drawer-scroll .tool-icon{width:28px;height:28px;flex:0 0 28px}
 #tools-mobile-drawer .mobile-drawer-scroll section{display:flex;flex-direction:column;margin:0}
 #tools-mobile-drawer .mobile-drawer-scroll section+section{margin-top:16px}
 #tools-mobile-drawer .mobile-drawer-scroll h3{line-height:1.5;margin:0 10px 6px}
 #tools-mobile-drawer .mobile-all-tools{margin-bottom:16px}
 #tools-mobile-drawer .mobile-menu-language{padding:12px 10px;margin-top:12px}
 #tools-mobile-drawer .mobile-menu-language a,#tools-mobile-drawer .mobile-menu-language span{min-height:44px;padding:9px 12px}
 #tools-mobile-drawer .mobile-drawer-panel{width:100%;animation:none;transform:translateX(-100%);transition:transform 220ms cubic-bezier(.22,.61,.36,1)}
 #tools-mobile-drawer[data-side=tools] .mobile-drawer-panel{transform:translateX(100%)}
 #tools-mobile-drawer.is-visible .mobile-drawer-panel{transform:translateX(0)}
 #tools-mobile-drawer.is-closing .mobile-drawer-panel{transition-duration:180ms;transition-timing-function:cubic-bezier(.4,0,1,1)}
 #tools-mobile-drawer::backdrop{animation:none;opacity:0;transition:opacity 220ms ease-out}
 #tools-mobile-drawer.is-visible::backdrop{opacity:1}
 #tools-mobile-drawer.is-closing::backdrop{transition-duration:180ms;transition-timing-function:ease-in}
 /* The right menu uses one JS animation after native dialog focus has settled. */
 #tools-mobile-drawer[data-side=tools]{background:rgba(19,37,70,.4)}
 #tools-mobile-drawer[data-side=tools] .mobile-drawer-panel{transform:translate3d(0,0,0);transition:none;animation:none;will-change:transform}
 #tools-mobile-drawer[data-side=tools]::backdrop{background:transparent;opacity:1;transition:none;animation:none}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){
 #tools-mobile-drawer .mobile-drawer-panel,#tools-mobile-drawer.is-closing .mobile-drawer-panel,#tools-mobile-drawer::backdrop{transition:none}
}

/* Home proportions measured against the reference at 1366px and 390px.
   Keep Inter, EbookIndie content, and accessible mobile touch targets. */
.document-tools .tools-header{height:60px;min-height:60px;padding:7px 24px;gap:24px}
.document-tools .tools-header .tools-brand img{width:128px;height:32px;object-fit:contain}
.document-tools .tools-header .tools-brand span{font-size:8px;line-height:10px;letter-spacing:1.8px;margin-top:2px;white-space:nowrap}
.document-tools .tools-header>nav{gap:24px}
/* Keep the shared desktop navigation compact and aligned with the actions. */
@media(min-width:761px){
 .document-tools .tools-header>nav{margin-left:auto}
 .document-tools .tools-header>.header-actions{margin-left:0}
 .document-tools .tools-header .tools-menu>summary{min-height:44px}
}
.document-tools .tools-header .top-tool,.document-tools .tools-header .tools-menu>summary{font-size:14px;font-weight:500;line-height:18px}
.tools-hub-page .tools-main{max-width:1504px;padding-left:32px;padding-right:32px}
.tools-hub-page .tools-hero-refined{max-width:1160px;padding:24px 0;gap:8px}
.tools-hub-page .tools-hero-refined .tools-ribbon{font-size:11px;line-height:16px;padding:6px 26px}
.tools-hub-page .tools-hero-refined h1{max-width:1100px;font-size:42px;font-weight:600;line-height:52px;letter-spacing:-.5px;margin:0}
.tools-hub-page .tools-hero-refined>p.tools-tagline{max-width:980px;font-size:22px;line-height:32px}
.tools-hub-page .tools-hero-refined>p.tools-benefits{font-size:14px;line-height:22px;font-weight:600}
.tools-hub-page .tools-hero-refined>p.tools-capacity{font-size:12px;line-height:18px;margin-top:-4px}
.tools-hub-page .tools-hero-refined>p.local-badge{font-size:12px;line-height:18px;padding:6px 14px}
.tools-hub-page .category-tabs{gap:16px;margin:0 0 32px}
.tools-hub-page .category-tabs button{font-size:16px;font-weight:500;line-height:26px;padding:4px 16px;min-height:36px;border-radius:999px}
.tools-hub-page .tools-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-auto-rows:1fr;gap:16px}
.tools-hub-page .tool-card{padding:24px;min-height:234px;border-radius:16px}
.tools-hub-page .tool-card>.tool-icon{width:42px;height:42px;margin:0}
.tools-hub-page .tool-card h2{font-size:20px;font-weight:600;line-height:28px;letter-spacing:0;margin:16px 0 8px}
.tools-hub-page .tool-card p{font-size:13px;line-height:18px;letter-spacing:.3px;margin:0}
@media(min-width:761px) and (max-width:1100px){
 .document-tools .tools-header{padding-left:16px;padding-right:16px;gap:16px}
 .document-tools .tools-header>nav{gap:16px}
 .document-tools .tools-header .top-tool,.document-tools .tools-header .tools-menu>summary{font-size:12px}
 .document-tools .tools-header .tools-brand img{width:120px;height:30px}
 .tools-hub-page .tools-hero-refined h1{font-size:clamp(30px,4.1vw,42px);line-height:1.24}
}
@media(max-width:760px){
 .tools-mobile-nav-ready .document-tools .tools-header{height:60px;min-height:60px;padding:7px 16px;gap:12px}
 .tools-mobile-nav-ready .document-tools .tools-header .tools-brand img{width:128px;max-width:100%;height:32px}
 .tools-mobile-nav-ready .document-tools .tools-header .tools-brand span{font-size:7px;line-height:9px;letter-spacing:1.6px;margin-top:1px}
 .tools-hub-page .tools-main{padding-left:24px;padding-right:24px}
 .tools-hub-page .tools-hero-refined{padding:24px 0;gap:8px}
 .tools-hub-page .tools-hero-refined h1{font-size:clamp(20px,6.15vw,24px);line-height:1.4167;letter-spacing:-.5px}
 .tools-hub-page .tools-hero-refined>p.tools-tagline{font-size:16px;line-height:20px}
 .tools-hub-page .tools-hero-refined>p.tools-benefits{font-size:13px;line-height:20px}
 .tools-hub-page .category-tabs{gap:12px;margin:0 0 24px}
 .tools-hub-page .category-tabs button{font-size:14px;line-height:22px;min-height:44px;padding:6px 14px}
 .tools-hub-page .tools-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:16px}
 .tools-hub-page .tool-card{grid-template-columns:32px minmax(0,1fr);gap:12px;min-height:0;padding:12px}
 .tools-hub-page .tool-card>.tool-icon{width:32px;height:32px}
 .tools-hub-page .tool-card h2{font-size:16px;line-height:20px;margin:0}
 .tools-hub-page .tool-card p{font-size:13px;line-height:18px}
}

/* A single readable paragraph carries the hub's benefits and privacy summary. */
.tools-hub-page .tools-hero-refined>p.tools-intro{max-width:860px;margin:8px auto 0;font-size:18px;line-height:1.7;color:#536579;text-align:center;text-wrap:pretty}
@media(max-width:760px){.tools-hub-page .tools-hero-refined>p.tools-intro{max-width:620px;margin-top:6px;font-size:15px;line-height:1.7}.tools-hub-page .tools-hero-refined h1 span{display:block}}
/* Navigation protection and local draft recovery, shared by the bilingual tools. */
.annotation-editor .ae-status:has(.pdf-draft-status){display:flex;flex-wrap:wrap;min-height:24px}.pdf-draft-status:empty{display:none}.pdf-draft-status button{margin-left:8px;min-width:44px;min-height:44px}.annotation-editor[data-bottom-hidden=true]>.ae-status:has(.pdf-draft-status[data-error=true]){display:flex!important}
.tool-exit-dialog{box-sizing:border-box;width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #cbd5e1;border-radius:16px;padding:58px 24px 26px;color:#172b4d;background:#fff;text-align:center;box-shadow:0 20px 60px #15254433}
.tool-exit-dialog::backdrop{background:#172b4d88}.tool-exit-dialog h2{font-size:24px;line-height:1.35;margin:0 0 18px}.tool-exit-dialog p{font-size:16px;line-height:1.6;margin:0 0 24px}.tool-exit-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.tool-exit-dialog button,.pdf-draft-recovery button{font:inherit;min-height:44px;border:1px solid #cbd5e1;border-radius:9px;padding:10px 16px;background:#fff;color:#20396d;cursor:pointer}.tool-exit-dialog button.primary{background:#20396d;color:#fff}.tool-exit-dialog button:disabled{opacity:.6}.tool-exit-dialog .tool-dialog-close{position:absolute;right:12px;top:12px;font-size:24px;width:44px;padding:3px}.pdf-draft-status{font-size:13px;line-height:1.5;flex:1 1 100%;color:#38536d;overflow-wrap:anywhere}.ae-status:has(.pdf-draft-status){flex-wrap:wrap}.pdf-draft-recovery{border:1px solid #cbd5e1;border-radius:12px;padding:18px;margin:0 0 24px;text-align:left;background:#f0f6fc}.pdf-draft-recovery[hidden]{display:none}.pdf-draft-recovery h2{font-size:20px;line-height:1.4;margin:0 0 10px}.pdf-draft-recovery p{font-size:14px;line-height:1.6}.pdf-draft-row{padding:12px 0;border-top:1px solid #ccd8e8;overflow-wrap:anywhere}.pdf-draft-row button{margin:4px 8px 4px 0}.pdf-draft-row strong{display:block}.pdf-draft-row p{margin:6px 0}.tool-exit-dialog button:focus-visible,.pdf-draft-recovery button:focus-visible{outline:3px solid #5583be;outline-offset:2px}