/* Shared visual language for content and utility pages. Product simulations and logic stay intact. */
body.site-refresh{--page-ink:#0f1a2b;--page-paper:#f5f7fa;--page-line:#dce2ea;--page-muted:#526074;margin:0;padding-top:0;background:var(--page-paper);color:var(--page-ink);font-family:Montserrat,system-ui,sans-serif}
.site-refresh :is(.guide-heading,.article-page)>h1{font-size:clamp(34px,4.1vw,56px);font-weight:750;line-height:1.16;letter-spacing:-1.8px;text-wrap:balance;overflow-wrap:anywhere}.site-refresh :is(.guide-heading,.article-page):is(:lang(ar),:lang(hi),:lang(th))>h1{letter-spacing:0;line-height:1.5}
.site-refresh :is(.nav,.tool-header){position:sticky;top:0;left:auto;transform:none;z-index:100;width:100%;max-width:none;margin:0;min-height:88px;padding:18px max(24px,calc((100vw - 1180px)/2));border:0;border-bottom:1px solid var(--page-line);border-radius:0;background:rgba(245,247,250,.97);box-shadow:none;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.site-refresh :is(.nav,.tool-header) .brand{font-size:27px;line-height:1.3;font-weight:700;letter-spacing:-1px;gap:10px;flex-shrink:0}.site-refresh :is(.nav,.tool-header) .brand img{width:36px;height:36px;border-radius:0}.site-refresh .nav nav{display:flex;align-items:center;flex-wrap:wrap;font-size:14px;gap:16px}.site-refresh .nav nav>a{white-space:normal;min-height:44px;display:inline-flex;align-items:center}.site-refresh :is(.guide-nav-actions,.tool-header-actions){margin-inline-start:auto;gap:18px;flex-direction:row;align-items:center;display:flex;flex-wrap:wrap}.site-refresh a[data-download]{display:inline-flex;justify-content:center;align-items:center;gap:10px;background:var(--page-ink);color:#fff;border:1px solid var(--page-ink);border-radius:8px;box-shadow:none;min-height:46px;padding:12px 18px;line-height:1.5;font-weight:650;text-align:center;white-space:normal;text-decoration:none}.site-refresh a[data-download]:hover{background:#23334a}.site-refresh a[data-download]:focus-visible{outline:3px solid #1968e5;outline-offset:3px}
.site-refresh .locale-picker>summary{display:flex;align-items:center;gap:8px;min-height:44px;line-height:1.4;font-size:14px;cursor:pointer}.site-refresh .locale-picker:not([open])>.locale-directory{display:none!important}.site-refresh .locale-directory{background:#fff;color:var(--page-ink);border:1px solid var(--page-line);border-radius:10px;box-shadow:0 14px 32px -18px #0f1a2b44;max-height:65dvh;overflow-y:auto}.site-refresh .locale-directory>a{min-height:44px;display:flex;align-items:center;line-height:1.5;overflow-wrap:anywhere}
.site-refresh .guide-heading .pencil-underline{background:none;padding-bottom:0}.site-refresh .guide-heading .pencil-drawing{display:none}.site-refresh :is(.guide-cta,.guide-list>article){border-radius:12px;box-shadow:none}.site-refresh .guide-cta{background:#edf3ff;border:1px solid var(--page-line)}.site-refresh .guide-cta a[data-download]{color:#fff}.site-refresh .guide-list>article{background:#fff;border:1px solid var(--page-line);padding:28px}.site-refresh .guide-list h2>a:hover{color:#1968e5}.site-refresh .guide-category-link{background:#ffebee;color:#c23a50;border-radius:6px;line-height:1.5;padding:10px 14px}.site-refresh .guide-page{width:min(1180px,calc(100% - 48px));max-width:none;margin:48px auto 72px}.site-refresh .guide-shell{grid-template-columns:minmax(0,790px) minmax(0,240px);gap:64px}.site-refresh .guide-toc{top:116px}.site-refresh .guide-content{color:var(--page-ink);font-size:17px;line-height:1.85}.site-refresh .guide-content :is(h2,h3){scroll-margin-top:120px}.site-refresh .guide-content a:not(.button){text-underline-offset:4px}.site-refresh .guide-list{gap:24px}.site-refresh .guide-footer{width:min(1180px,calc(100% - 48px));margin-inline:auto;font-size:13px;color:var(--page-muted)}
.site-refresh .article-page{width:min(860px,calc(100% - 48px));max-width:none;margin:48px auto 72px;padding:0;font-size:17px;line-height:1.85}.site-refresh .article-page>h1{margin:16px 0 24px}.site-refresh .article-page>h2{font-size:29px;line-height:1.35;letter-spacing:-.6px;margin:44px 0 18px;scroll-margin-top:120px}.site-refresh .article-page>h3{font-size:23px;line-height:1.4;margin:30px 0 16px}.site-refresh .article-page>:is(p,ol,ul){margin-block:18px}.site-refresh .article-page>p:first-of-type{color:var(--page-muted)}.site-refresh .article-page a:not(.button){color:#1968e5;text-underline-offset:4px}.site-refresh .article-page>:is(img,video){max-width:100%;height:auto}.site-refresh.content-page>footer{width:min(1180px,calc(100% - 48px));margin-inline:auto;display:flex;flex-wrap:wrap;gap:20px;align-items:center;color:var(--page-muted);border-top:1px solid var(--page-line);padding:26px 0 36px;font-size:13px}
body.site-refresh.speech-tool-page{background:var(--page-paper);color:var(--page-ink)}.site-refresh.speech-tool-page :is(.tool-main,.tool-footer){width:min(1180px,calc(100% - 48px))}.site-refresh.speech-tool-page .tool-intro{margin:44px auto 32px}.site-refresh.speech-tool-page .tool-intro h1{font-size:clamp(34px,4.1vw,56px);font-weight:750;letter-spacing:-1.8px;line-height:1.16}.site-refresh.speech-tool-page .tool-intro>p{font-size:17px;line-height:1.75}.site-refresh.speech-tool-page .tool-intro .tool-eyebrow{font-size:12px;letter-spacing:.5px}.site-refresh.speech-tool-page .tool-free-badge{background:#edf3ff;color:#1968e5;font-size:13px}.site-refresh.speech-tool-page .tool-content-grid{grid-template-columns:minmax(0,1fr) 310px;gap:28px}.site-refresh.speech-tool-page .tool-workspace{border-radius:16px;border-color:var(--page-line);box-shadow:0 16px 32px -24px #0f1a2b55}.site-refresh.speech-tool-page .tool-toolbar{background:#edf3ff;padding:22px}.site-refresh.speech-tool-page .tool-editor{padding:22px}.site-refresh.speech-tool-page .tool-app-card{border-radius:14px;background:#fff;border:1px solid var(--page-line);border-top:3px solid #ff6274;padding:26px;position:sticky;top:116px}.site-refresh.speech-tool-page .tool-app-card h2{color:var(--page-ink);font-size:26px;line-height:1.35;letter-spacing:-.7px}.site-refresh.speech-tool-page .tool-app-card>img{width:44px;height:44px;margin-bottom:18px}.site-refresh.speech-tool-page .tool-app-card .button{font-size:14px}.site-refresh.speech-tool-page .tool-details{margin-block:24px}.site-refresh.speech-tool-page .tool-privacy{color:var(--page-muted);margin-bottom:56px}.site-refresh.speech-tool-page .tool-privacy h2{color:var(--page-ink)}.site-refresh.speech-tool-page .tool-footer{flex-wrap:wrap;border-top:1px solid var(--page-line);padding-block:26px 36px}
body.site-refresh.legal-page{background:var(--page-paper);color:var(--page-ink)}.site-refresh.legal-page :is(header,main,footer){width:min(820px,calc(100% - 48px));max-width:none;padding:24px 0;margin-inline:auto}.site-refresh.legal-page main{font-size:17px;line-height:1.85}.site-refresh.legal-page header a{color:var(--page-ink)}.site-refresh.legal-page aside{background:#edf3ff;border-radius:12px}.site-refresh.legal-page a{color:#1968e5}.site-refresh.legal-page h1{letter-spacing:-1.5px;line-height:1.2}.site-refresh.legal-page footer{border-color:var(--page-line)}
@media(max-width:1100px){.site-refresh :is(.nav,.tool-header){gap:16px}.site-refresh .nav nav{gap:12px;font-size:13px}.site-refresh :is(.guide-nav-actions,.tool-header-actions){gap:12px}.site-refresh .guide-shell{gap:36px}}
@media(max-width:1000px){.site-refresh .guide-shell{grid-template-columns:minmax(0,1fr);gap:28px}.site-refresh .guide-toc{position:static;top:auto}.site-refresh.speech-tool-page .tool-content-grid{grid-template-columns:minmax(0,1fr);gap:24px}.site-refresh.speech-tool-page .tool-app-card{position:static;max-width:none}.site-refresh.speech-tool-page .tool-app-card h2{max-width:540px}.site-refresh.speech-tool-page .tool-editor textarea{min-height:340px}.site-refresh .guide-page{margin-top:36px}}
@media(max-width:720px){.site-refresh :is(.nav,.tool-header){padding:14px 20px;min-height:76px;gap:12px}.site-refresh :is(.nav,.tool-header) .brand{font-size:24px;gap:8px}.site-refresh :is(.nav,.tool-header) .brand img{width:30px;height:30px}.site-refresh .nav nav{width:100%;order:3;gap:8px 18px}.site-refresh .nav nav>a{font-size:13px;min-height:40px}.site-refresh .guide-nav-actions,.site-refresh .tool-header-actions{gap:10px}.site-refresh .guide-page,.site-refresh .article-page{width:calc(100% - 40px);margin:30px auto 52px}.site-refresh .guide-shell{gap:24px}.site-refresh .guide-list{grid-template-columns:minmax(0,1fr)}.site-refresh .guide-heading{margin-bottom:30px}.site-refresh :is(.guide-heading,.article-page)>h1{font-size:34px;letter-spacing:-1px}.site-refresh .guide-content,.site-refresh .article-page{font-size:16px;line-height:1.85}.site-refresh .guide-toc nav>ul{columns:1}.site-refresh .guide-content h2,.site-refresh .article-page>h2{font-size:26px}.site-refresh .guide-list>article{padding:22px}.site-refresh.speech-tool-page :is(.tool-main,.tool-footer){width:calc(100% - 32px)}.site-refresh.speech-tool-page .tool-header-actions{display:flex;flex-wrap:wrap}.site-refresh.speech-tool-page .tool-header .button.small{width:auto;max-width:180px;font-size:12px;padding:10px 12px}.site-refresh.speech-tool-page .tool-intro{margin-top:28px}.site-refresh.speech-tool-page .tool-intro h1{font-size:34px;letter-spacing:-1px}.site-refresh.speech-tool-page .tool-intro>p{font-size:16px}.site-refresh.speech-tool-page .tool-toolbar,.site-refresh.speech-tool-page .tool-editor{padding:18px}.site-refresh.speech-tool-page .tool-editor textarea{min-height:250px;font-size:18px}.site-refresh.speech-tool-page .tool-app-card{padding:24px}.site-refresh.speech-tool-page .tool-app-card h2{font-size:27px}.site-refresh.legal-page :is(header,main,footer){width:calc(100% - 40px);padding-block:20px}.site-refresh.legal-page main{font-size:16px}.site-refresh.legal-page h1{font-size:34px}.site-refresh .guide-nav .locale-picker>.locale-directory,.site-refresh .tool-header .locale-picker>.locale-directory{position:fixed;top:90px;inset-inline-start:20px;inset-inline-end:20px;width:auto;max-width:none;max-height:65dvh}}
@media(max-width:480px){.site-refresh :is(.nav,.tool-header){padding-inline:16px}.site-refresh .tool-header-actions{flex:1 1 100%;justify-content:space-between;margin-inline-start:0}.site-refresh.speech-tool-page .tool-header .button.small{max-width:calc(100% - 64px)}.site-refresh .guide-nav-actions{gap:8px}.site-refresh .guide-nav .nav-social{display:none}.site-refresh .guide-nav .button.small{display:none}.site-refresh .tool-app-system{overflow-wrap:anywhere}.site-refresh.content-page>footer,.site-refresh .guide-footer{width:calc(100% - 40px)}.site-refresh.legal-page nav{gap:10px 16px}.site-refresh .guide-toc,.site-refresh .guide-content,.site-refresh .article-page{min-width:0;overflow-wrap:anywhere}}
@media(hover:none) and (pointer:coarse){.site-refresh a:not(.guide-content a,.article-page a),.site-refresh summary{touch-action:manipulation}.site-refresh .guide-toc a{display:inline-block;padding-block:6px}}
body.site-refresh :is(.guide-nav,.tool-header) .locale-picker{position:static}body.site-refresh :is(.guide-nav,.tool-header) .locale-picker>.locale-directory{position:absolute;top:calc(100% + 8px);inset-inline-start:auto;inset-inline-end:24px;width:360px;max-width:calc(100vw - 32px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:10px;z-index:101}
@media(max-width:1000px){body.site-refresh :is(.guide-nav,.tool-header) .locale-picker{position:static}body.site-refresh :is(.guide-nav,.tool-header) .locale-picker>.locale-directory{position:absolute;top:calc(100% + 8px);inset-inline-start:16px;inset-inline-end:16px;width:auto;max-width:none;max-height:min(65dvh,500px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:10px;z-index:101}.site-refresh :is(.guide-nav,.tool-header) .locale-directory>a{padding:10px 12px}}