/* One shared Toolkit appearance. Sync keeps its own app colors. */
:root{--tk-bg:#f4f3ef;--tk-card:#fff;--tk-ink:#263238;--tk-muted:#627078;--tk-line:#d9deda;--tk-accent:#245e64;--tk-soft:#e9f1ee;--tk-header:#faf9f6;--tk-on-accent:#fff}
body:not([data-toolkit-section="sync"]){--paper:var(--tk-bg);--bg:var(--tk-bg);--card:var(--tk-card);--ink:var(--tk-ink);--muted:var(--tk-muted);--line:var(--tk-line);--border:var(--tk-line);--accent:var(--tk-accent);--soft:var(--tk-soft);background:var(--tk-bg);color:var(--tk-ink)}
body:not([data-toolkit-section="sync"]) :is(.card,.tool-card,.toolcard,.directory-card,.calculator,.calc-card,.calc-panel,.calculator-panel,.result-panel,.resultpanel,.result-card,.home-sample,.sample-result,.class-card,.project-card,.project-preview,.garage-card,.panel,.category-card,.dashboard-card,.price-card,.option,.table-card){background:var(--tk-card);color:var(--tk-ink);border-color:var(--tk-line);border-radius:14px;box-shadow:0 3px 16px #26323807}
body:not([data-toolkit-section="sync"]) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){border-color:var(--tk-line);border-radius:9px;max-width:100%;min-width:0}
body:not([data-toolkit-section="sync"]) :is(.btn,.button,.primary){border-radius:9px;min-height:44px;font-weight:600;line-height:1.3;padding:11px 17px;max-width:100%}
body:not([data-toolkit-section="sync"]) :is(.btn:not(.secondary),.button:not(.secondary),button.primary){background:var(--tk-accent);border-color:var(--tk-accent);color:#fff}
body:not([data-toolkit-section="sync"]) :is(.btn,.button,.primary):hover{filter:brightness(.94)}
body:not([data-toolkit-section="sync"]) :is(.btn.secondary,.button.secondary){background:#fff;color:var(--tk-ink);border-color:#bfcac5}
body:not([data-toolkit-section="sync"]) :is(.category-card,.tool-card,.dashboard-card):hover{border-color:#aebfb6;box-shadow:0 6px 20px #2632380e}
body:not([data-toolkit-section="sync"]) :is(.notice,.info-panel,.quick-result,.calculator-result,.result-box){background:var(--tk-soft);border-color:var(--tk-line)}
body:not([data-toolkit-section="sync"]) header[data-context-header]{background:#fff;border-bottom:1px solid var(--tk-line);color:var(--tk-ink)}
body:not([data-toolkit-section="sync"]) header[data-context-header] :is(.brand,.logo){color:var(--tk-ink)}
body[data-toolkit-section="home-projects"]{--section-accent:#567657}body[data-toolkit-section="gradecalc"]{--section-accent:#3966a6}body[data-toolkit-section="cars"]{--section-accent:#3f617d}body[data-toolkit-section="personal-finance"]{--section-accent:#327868}body[data-toolkit-section="business"]{--section-accent:#3c537a}body[data-toolkit-section="creators"]{--section-accent:#806296}
body:not([data-toolkit-section="sync"]) :is(.tag,.tool-icon,.category-icon){color:var(--section-accent,var(--category,var(--tk-accent)))}
#hub .hero{padding:38px 30px;margin:24px 0 0;gap:44px;background:#e9efeb;border:1px solid #d4dfd7;border-radius:20px}
#hub .hero h1{font-size:clamp(38px,4.7vw,62px);max-width:650px;letter-spacing:-1.9px;line-height:1.08;margin-bottom:18px}
#hub .hero h1 em{color:#245e64}#hub .hero .intro{margin:18px 0;font-size:16px;color:#55656a;max-width:470px}
#hub .hero .eyebrow{margin-bottom:15px;letter-spacing:1.4px;color:#52685d}#hub .hero-note{margin-top:18px}#hub .quick-wrap:before{background:#dce7df;border-color:#c6d5ca}#hub .quick{background:#fff;border-color:#ced9d2;box-shadow:0 12px 35px #294f3a10;padding:24px}
#hub .tabs{background:#f0f3ef}#hub .tabs button.active{background:#fff;color:#245e64}#hub .quick-result{background:#edf3ef}#hub .quick-result small,#hub .quick-result span{color:#536960}
#hub .section-grid{align-items:stretch}#hub .category-card{padding:22px;min-height:210px;border-top:3px solid color-mix(in srgb,var(--category),white 30%)}#hub .category-top{margin-bottom:18px}#hub .category-card h3{line-height:1.35}#hub .category-card p{color:#627078;max-width:none}#hub .category-link{gap:14px}#hub .category-link>span{flex-shrink:0}
#hub .divider{margin-top:32px}#hub .pro-strip{background:#e9efeb;border:1px solid #d4dfd7;border-radius:14px;padding:24px}#hub .price-card.featured{background:#edf3ef;color:#263238;border:2px solid #8ea99e}#hub .price-card.featured :is(p,small,.eyebrow){color:#52675e}#hub .price-card.featured .btn{background:#245e64;color:#fff;border-color:#245e64}#hub .included-sections{border-top:1px solid #cbdcd2;padding-top:18px;font-size:13px;line-height:1.8}#hub .feature-list{margin:20px 0}#hub .feature-list li:before{color:#245e64}
#hub .section-head{flex-wrap:wrap}#hub .section-head .text-link{white-space:normal}.fields>*{min-width:0}#hub .home-search{background:#fff;border-color:#bdcec4;box-shadow:0 3px 10px #26323806}#hub .search-examples a{color:#3d665a}
/* Accommodate longer labels without changing the controls or their values. */
html:not([lang="en"]) :is(.btn,.button,button.primary,.text-link,.category-link){font-size:13px;letter-spacing:0;gap:8px}
html:not([lang="en"]) :is(.actions,.button-row,.form-actions,.calculator-actions){gap:10px;flex-wrap:wrap}
html:not([lang="en"]) :is(.btn,.button){white-space:normal;text-align:center;width:auto;flex-shrink:0}
html:not([lang="en"]) :is(.btn,.button)[data-copy-length="medium"]{font-size:12.5px;padding-left:14px;padding-right:14px}
html:not([lang="en"]) :is(.btn,.button)[data-copy-length="long"]{font-size:12px;line-height:1.35;flex-basis:auto}
html:not([lang="en"]) h1{font-size:clamp(30px,4.3vw,52px);line-height:1.15;letter-spacing:-.9px}
html:not([lang="en"]) #hub .hero h1{font-size:clamp(34px,4.2vw,55px);line-height:1.13}
html:not([lang="en"]) h1[data-copy-length="long"]{font-size:clamp(29px,3.8vw,46px)}
html:not([lang="en"]) :is(.category-card,.tool-card,.dashboard-card) h3{font-size:16px;line-height:1.4;overflow-wrap:break-word}
html:not([lang="en"]) :is(.category-card,.tool-card,.dashboard-card) h3[data-copy-length="long"]{font-size:15px}
html:not([lang="en"]) :is(.category-card,.tool-card,.dashboard-card){min-width:0}
html:not([lang="en"]) :is(.category-card,.tool-card,.dashboard-card) :is(p,a,span){overflow-wrap:break-word}
html:not([lang="en"]) header[data-context-header] nav{gap:12px;flex-wrap:wrap}
html:not([lang="en"]) header[data-context-header] nav a{font-size:12px!important;white-space:nowrap}
html[lang="zh"] :is(h1,h2,h3,.eyebrow,.tag,button,a){letter-spacing:normal!important}html[lang="zh"] :is(h1,h2,h3){line-height:1.35}
body[data-toolkit-section="sync"] :is(.button,.btn,button){max-width:100%}body[data-toolkit-section="sync"] :is(.plan-card,.day-card,.sidebar) :is(h2,h3,a,button){overflow-wrap:break-word}
.loading-skeleton{display:grid;gap:14px;padding:32px 0;max-width:800px}.loading-skeleton span{display:block;border-radius:10px;background:#e7eae5;height:28px}.loading-skeleton span:first-child{width:65%;height:42px}.loading-skeleton span:last-child{width:80%}
@media(max-width:1000px){#hub .hero{gap:28px;padding:30px 24px}html:not([lang="en"]) .category-filter{font-size:12px}}
@media(max-width:750px){#hub .hero{padding:28px 24px;gap:24px;margin-top:18px}#hub .hero h1{font-size:clamp(37px,7vw,49px)}#hub .quick-wrap{max-width:500px;padding:4px 4px 14px}#hub .category-card{min-height:210px}.directory-toolbar{flex-wrap:wrap}html:not([lang="en"]) #hub .hero h1{font-size:clamp(33px,6.8vw,45px)}}
@media(max-width:480px){#hub{padding-left:16px!important;padding-right:16px!important}#hub .hero{padding:24px 19px}#hub .hero h1{font-size:39px}#hub .section-grid,#hub .tools-grid,#hub .dashboard-grid{grid-template-columns:1fr}#hub .category-card{min-height:0;padding:21px}#hub .category-top{margin-bottom:15px}#hub .category-card p{margin-bottom:18px}#hub .hero .actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}#hub .hero .actions .btn{font-size:13px;padding:11px 10px}#hub .quick-wrap:before{inset:5px 0 0 14px}#hub .quick{padding:20px}#hub .tabs button{font-size:12px;padding:9px 4px}#hub .price-card{padding:24px}#hub .price-options{grid-template-columns:1fr}html:not([lang="en"]) #hub .hero h1{font-size:34px}html:not([lang="en"]) #hub .hero .actions .btn{font-size:12px}html:not([lang="en"]) .tabs button{font-size:11px;line-height:1.3;min-width:0}html:not([lang="en"]) header[data-context-header] nav{gap:8px}html:not([lang="en"]) .section-head h2{font-size:22px}#hub .sync-banner{padding:24px}#hub .sync-banner h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

html:not([lang="en"]) :is(.btn,.button):not([data-copy-length="long"]){white-space:nowrap}
@media(max-width:480px){html:not([lang="en"]) #hub .hero .actions{grid-template-columns:1fr}html:not([lang="en"]) #hub .hero .actions .btn{width:100%;font-size:13px}}
body[data-toolkit-section="cars"] .result-panel{background:#e9f1ee;color:#263238}body[data-toolkit-section="cars"] .result-panel :is(.eyebrow,small,.result-breakdown span){color:#52685d}
body[data-toolkit-section="home-projects"] .feature-band{background:#e9efeb}
body[data-toolkit-section="home-projects"] nav[aria-label="Popular tools"]{max-width:1160px;margin:24px auto 40px;padding:0 24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}body[data-toolkit-section="home-projects"] nav[aria-label="Popular tools"] p{margin:0}body[data-toolkit-section="home-projects"] nav[aria-label="Popular tools"] a{display:block;background:#fff;border:1px solid #d9deda;border-radius:10px;padding:15px;font-size:13px;color:#245e64;line-height:1.5;height:100%}@media(max-width:750px){body[data-toolkit-section="home-projects"] nav[aria-label="Popular tools"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:400px){body[data-toolkit-section="home-projects"] nav[aria-label="Popular tools"]{grid-template-columns:1fr}}
/* Focused homepage polish: compact introduction, search and useful routes first. */
#hub .hero.home-hero{grid-template-columns:minmax(0,1fr) auto;gap:28px;padding:30px 32px;margin-top:24px;align-items:center;border-radius:16px;background:#e9efeb}
#hub .home-hero h1{font-size:clamp(32px,3.7vw,46px);line-height:1.14;letter-spacing:-1.3px;max-width:710px;margin:0 0 12px}#hub .home-hero .eyebrow{margin-bottom:12px;font-size:10px;letter-spacing:1.5px}#hub .home-hero .intro{font-size:15px;line-height:1.6;max-width:640px;margin:0}#hub .home-hero .actions{flex-direction:column;align-items:stretch;min-width:155px}#hub .home-hero .btn{white-space:nowrap}
#hub .home-find{margin:24px 0 0}#hub .home-search{max-width:none;margin:0;min-height:62px;padding:8px 10px 8px 20px;gap:14px;border-color:#aabeb3;border-radius:12px;box-shadow:0 4px 18px #25463809}#hub .home-search input{font-size:16px;min-height:42px;min-width:0}#hub .home-search>span{font-size:24px;color:#245e64}#hub .home-search .btn{flex-shrink:0;min-width:94px;min-height:44px}#hub .search-examples{margin:10px 3px 0;gap:8px 16px;font-size:12px}
#hub .home-section{margin:36px 0 0}#hub .home-section>.section-head{margin:0 0 18px}#hub .home-section h2{font-size:24px;line-height:1.3;letter-spacing:-.5px}#hub .home-section .text-link{font-size:12px;white-space:nowrap}#hub .section-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#hub .category-card{min-height:205px;padding:22px;border-radius:13px;border-top-width:2px}#hub .category-card>.category-icon{width:36px;height:36px;font-size:20px;margin-bottom:15px}#hub .category-card h3{font-size:17px;margin:0 0 8px}#hub .category-card p{line-height:1.55;max-width:290px;margin:0 0 18px;font-size:13px;flex:1}#hub .category-card .category-link{font-size:12px;margin-top:auto}#hub .category-card:hover{transform:translateY(-2px)}
#hub .category-card.sync-category{grid-column:1/-1;min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;background:#f0ecf6;border:1px solid #d9cfe5;padding:19px 22px}#hub .sync-category>.category-icon{margin:0;background:#e4dced}#hub .sync-category h3{margin:0 0 3px}#hub .sync-category p{max-width:none;margin:0}#hub .sync-category .category-link{margin:0;gap:20px}
#hub .home-section .tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#hub .tool-card{padding:20px;min-height:185px}#hub .tool-card-top{margin-bottom:13px;align-items:flex-start}#hub .tool-card .tag{line-height:1.4;max-width:calc(100% - 30px);overflow-wrap:break-word}#hub .tool-card h3{font-size:16px;line-height:1.4}#hub .tool-card p{line-height:1.55}#hub .tool-card .star{flex-shrink:0}
#hub .home-quick{border:1px solid #d9deda;border-radius:11px;background:#fff;margin-top:16px}#hub .home-quick>summary{padding:15px 20px;font-size:13px;color:#245e64;cursor:pointer;font-weight:600}#hub .home-quick .quick{border:0;box-shadow:none;border-top:1px solid #e5e9e5;border-radius:0 0 11px 11px;padding:22px;max-width:720px;margin:auto}#hub .home-quick .fields{grid-template-columns:repeat(3,minmax(0,1fr))}#hub .home-quick .tabs{max-width:500px}#hub .home-quick .quick-result{padding:17px;margin-top:18px}#hub .home-quick .quick-result strong{font-size:28px}
#hub .sync-banner.home-sync{margin:36px 0 0;padding:26px 28px;grid-template-columns:minmax(0,1.4fr) minmax(220px,.8fr);border-radius:14px;gap:30px;background:#f0ecf6}#hub .home-sync h2{font-size:29px;line-height:1.2;margin-bottom:12px}#hub .home-sync p{font-size:14px;color:#6d627c;max-width:480px}#hub .home-sync .btn.secondary{background:transparent;color:#58456f;border-color:#c6b9d7}#hub .sync-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px}#hub .sync-shortcuts a{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#faf8fd;border:1px solid #d9cfe5;padding:15px;border-radius:10px;color:#58456f;font-size:13px}#hub .sync-shortcuts a:hover{background:#fff;border-color:#ab95c3}
#hub .pro-strip{margin-top:36px;padding:23px 25px;border:1px solid #d9deda;background:#efefea;gap:25px}#hub .pro-strip p{max-width:630px;font-size:13px}#hub .pro-short{display:flex;gap:20px;align-items:center;white-space:nowrap}#hub .pro-short strong{font-size:22px}#hub .pro-short small{font-size:12px;font-weight:400}
.section-browser{width:min(1160px,calc(100% - 48px));margin:0 auto 36px;padding:24px;border:1px solid #d9deda;border-radius:14px;background:#fff;box-shadow:0 3px 16px #26323805;color:#263238}.section-browser-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.section-browser-head h2{font:600 21px/1.35 Inter,system-ui,sans-serif;letter-spacing:-.4px;margin:0 0 6px;color:#263238}.section-browser-head p{font:13px/1.5 Inter,system-ui,sans-serif;margin:0;color:#627078}.section-browser-head>a{font:600 13px/1.4 Inter,system-ui,sans-serif;color:var(--section-color,#245e64);white-space:nowrap;border:1px solid #d5ded8;padding:11px 14px;border-radius:9px;background:#f8faf8}.section-search{margin:0 0 18px}.section-search>label{display:block;font:600 12px/1.5 Inter,system-ui,sans-serif;margin-bottom:7px;color:#52635b}.section-search>div{display:flex;align-items:stretch;gap:10px}.section-search input{flex:1;width:0;min-width:0;border:1px solid #bdcec4;border-radius:9px;background:#fafbf9;padding:11px 13px;font:14px/1.5 Inter,system-ui,sans-serif;color:#263238}.section-search button{border:1px solid #245e64;border-radius:9px;padding:10px 20px;min-height:44px;background:#245e64;color:#fff;font:600 13px/1.4 Inter,system-ui,sans-serif;white-space:nowrap}.topic-links{display:flex;flex-wrap:wrap;gap:8px}.topic-links a{display:inline-flex;border:1px solid #d9deda;background:#f7f8f5;border-radius:7px;padding:8px 12px;font:13px/1.35 Inter,system-ui,sans-serif;color:#465a51;max-width:100%;overflow-wrap:break-word}.topic-links a:hover{background:#eaf1ed;border-color:#a9bfb1}.section-browser-bottom{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:18px;padding-top:17px;border-top:1px solid #e5e9e5}.section-browser-bottom a{font:600 12px/1.5 Inter,system-ui,sans-serif;color:#245e64}.section-activity{margin-top:17px}.section-activity h3{font:600 12px/1.5 Inter,system-ui,sans-serif;margin:0 0 8px;color:#627078}.section-activity>div{display:flex;flex-wrap:wrap;gap:8px 18px}.section-activity a{font:13px/1.5 Inter,system-ui,sans-serif;color:#245e64;text-decoration:underline;text-underline-offset:3px}
.sync-entry-links{display:flex;flex-wrap:wrap;gap:12px;max-width:1180px;padding:12px 24px 32px;margin:0 auto}.sync-entry-links a{border:1px solid #dcd6ec;border-radius:9px;padding:12px 20px;background:#fff;color:#6753e8;font-size:14px}.sync-entry-links a:hover{background:#f0edff}
html:not([lang="en"]) #hub .home-hero h1{font-size:clamp(30px,3.3vw,43px);line-height:1.17}html:not([lang="en"]) #hub .home-hero .actions{min-width:180px}html:not([lang="en"]) .section-browser-head h2{font-size:19px}html:not([lang="en"]) .section-browser-head>a{font-size:12px}html:not([lang="en"]) .topic-links a{font-size:12px}html[lang="zh"] #hub .home-hero h1{letter-spacing:normal}
@media(max-width:1000px){#hub .hero.home-hero{gap:22px;padding:26px}#hub .home-hero h1{font-size:38px}#hub .sync-banner.home-sync{gap:24px}#hub .home-hero .intro{max-width:560px}}
@media(max-width:750px){#hub .hero.home-hero{grid-template-columns:1fr;gap:20px;padding:25px}#hub .home-hero .actions{flex-direction:row;justify-content:flex-start;min-width:0}#hub .home-hero h1{font-size:38px;max-width:580px}#hub .home-hero .intro{font-size:14px}#hub .section-grid,#hub .home-section .tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#hub .category-card{min-height:215px}#hub .sync-banner.home-sync{grid-template-columns:1fr}#hub .home-sync h2{font-size:28px}#hub .home-quick .fields{grid-template-columns:repeat(2,minmax(0,1fr))}#hub .home-section{margin-top:30px}.section-browser{width:calc(100% - 32px);padding:20px}.section-browser-head{gap:15px;flex-wrap:wrap}.section-browser-head>a{white-space:normal}.section-browser-head h2{font-size:20px}.topic-links a{padding:8px 10px}.sync-entry-links{padding-left:20px;padding-right:20px}}
@media(max-width:480px){#hub .hero.home-hero{padding:23px 20px;margin-top:16px}#hub .home-hero h1{font-size:34px;letter-spacing:-1px}#hub .home-hero .actions{display:flex;flex-wrap:wrap;gap:9px}#hub .home-hero .actions .btn{width:auto;flex:1;font-size:13px;min-width:0}#hub .home-find{margin-top:18px}#hub .home-search{padding:7px 8px 7px 12px;gap:8px;min-height:58px}#hub .home-search input{font-size:13px;line-height:1.4}#hub .home-search>span{display:none}#hub .home-search .btn{font-size:12px;min-width:68px;padding:10px}#hub .search-examples{font-size:11px;gap:8px 12px}#hub .section-grid,#hub .home-section .tools-grid{grid-template-columns:1fr}#hub .category-card{min-height:0;padding:20px}#hub .category-card h3{font-size:17px}#hub .category-card>.category-icon{margin-bottom:13px}#hub .category-card p{max-width:none}#hub .category-card.sync-category{grid-template-columns:auto minmax(0,1fr);gap:13px;padding:19px}#hub .sync-category .category-link{grid-column:2;font-size:12px}#hub .sync-category>.category-icon{margin:0;align-self:start}#hub .home-section>.section-head{gap:10px}#hub .home-section h2{font-size:22px}#hub .tool-card{min-height:0;padding:20px}#hub .home-quick .quick{padding:18px}#hub .home-quick .fields{grid-template-columns:1fr 1fr}#hub .home-sync .btn{margin:4px 0}#hub .sync-banner.home-sync{padding:23px 20px}#hub .home-sync h2{font-size:26px}#hub .pro-short{justify-content:space-between;width:100%}html:not([lang="en"]) #hub .home-hero h1{font-size:31px}html:not([lang="en"]) #hub .home-hero .actions{min-width:0;display:flex}html:not([lang="en"]) #hub .home-hero .actions .btn{width:auto;flex:auto;font-size:12px;padding:11px 13px}html:not([lang="en"]) #hub .home-search input{font-size:12px}.section-browser{padding:18px}.section-search>div{gap:8px}.section-search input{font-size:13px;padding:10px}.section-search button{font-size:12px;padding:10px 14px}.topic-links{gap:7px}.topic-links a{font-size:12px}.section-browser-bottom{gap:10px 17px}.section-browser-head h2{font-size:19px}.section-browser-head>a{font-size:12px}.sync-entry-links a{font-size:13px;flex:1;text-align:center}}
body[data-toolkit-section]:not([data-toolkit-section=""]):not([data-toolkit-section="sync"]) main>:is(.hero,.home-top,.home-intro){padding-top:36px;padding-bottom:36px;gap:36px}
body[data-toolkit-section]:not([data-toolkit-section=""]):not([data-toolkit-section="sync"]) main>:is(.hero,.home-top,.home-intro) h1{font-size:clamp(33px,4vw,46px);line-height:1.15;letter-spacing:-1.4px;max-width:650px}
body[data-toolkit-section="home-projects"] .hero-photo{min-height:280px}
@media(max-width:650px){body[data-toolkit-section]:not([data-toolkit-section=""]):not([data-toolkit-section="sync"]) main>:is(.hero,.home-top,.home-intro){padding-top:26px;padding-bottom:26px;gap:26px}body[data-toolkit-section]:not([data-toolkit-section=""]):not([data-toolkit-section="sync"]) main>:is(.hero,.home-top,.home-intro) h1{font-size:34px;letter-spacing:-1px}body[data-toolkit-section="home-projects"] .hero-photo{min-height:220px}}
.public-tool-guide,.public-calculator,.public-directory,.public-sync{max-width:1160px;margin:26px auto 40px;padding:26px;background:#fff;border:1px solid #d9deda;border-radius:14px;color:#263238}.public-tool-guide{line-height:1.65}.public-tool-guide h2{font-size:23px;line-height:1.35;margin:24px 0 12px}.public-tool-guide h2:first-child{margin-top:0}.public-tool-guide p{color:#58666c;max-width:900px}.public-preview-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.public-preview-form label{font-size:14px;min-width:0}.public-preview-form input,.public-preview-form select{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #ccd7d0;border-radius:8px;background:#fafbf9;color:#263238}.public-preview-form button{justify-self:start;border:1px solid #c9d7d0;border-radius:9px;padding:12px 20px;background:#eef2ef;color:#52665c;min-height:44px}.public-example{max-width:700px;margin:18px 0}.public-example>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;border-bottom:1px solid #e6eae6;padding:10px 0}.public-example dd{margin:0;font-weight:600;text-align:right;overflow-wrap:anywhere}.public-disclaimer{font-size:13px}.public-related{display:flex;flex-wrap:wrap;gap:10px 20px}.public-related h2{flex-basis:100%;margin-bottom:0}.public-related a{color:#245e64;text-decoration:underline;text-underline-offset:3px}.public-crumbs{display:flex;flex-wrap:wrap;gap:10px;color:#52675e;font-size:13px;margin-bottom:15px}.public-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:18px 0 26px}.public-tool-grid>a{padding:20px;border:1px solid #d9deda;border-radius:12px;background:#fff}.public-tool-grid h3{font-size:17px;margin-bottom:8px;line-height:1.4}.public-tool-grid p{font-size:13px;margin:0;color:#627078}.public-directory section>h2{font-size:24px;margin-top:28px}.public-directory .page-heading .actions{margin:18px 0 24px}.public-sync{background:#faf8fd;border-color:#ded7eb}.public-sync h1{font-size:clamp(32px,4vw,52px);max-width:780px}.public-sync .btn{background:#6753e8;color:#fff;padding:12px 20px;border-radius:10px}.public-sync .btn.light{background:#fff;color:#58456f;border:1px solid #d9cfe5}.public-sync-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 40px;padding-left:24px;margin:30px 0}.public-sync-steps h2{font-size:21px}.public-notice{font-size:13px;padding:16px;border:1px solid #dcd6e8;border-radius:10px;background:#fff}.consent-notice{position:fixed;bottom:80px;right:20px;max-width:360px;margin:15px;padding:18px;background:#fff;border:1px solid #becdc3;box-shadow:0 8px 30px #26323818;border-radius:12px;z-index:100;font:14px/1.5 system-ui,sans-serif}.consent-notice p{margin:0 0 10px}.consent-notice a{color:#245e64;text-decoration:underline}[data-consent-settings] .check{display:flex;align-items:center;gap:10px;margin:20px 0 10px}[data-consent-settings] input[type="checkbox"]{width:20px;height:20px;flex:none}[data-ad-region]{max-width:100%;margin:24px 0;min-width:0}[data-ad-region][hidden]{display:none!important}
body[data-public-tool="true"] main>section.explanation{display:none}
@media(max-width:750px){.public-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-tool-guide,.public-calculator,.public-directory,.public-sync{margin:20px 16px 30px;padding:22px}.public-sync-steps{grid-template-columns:1fr}}
@media(max-width:480px){.public-tool-grid,.public-preview-form{grid-template-columns:1fr}.public-tool-guide,.public-calculator,.public-directory,.public-sync{padding:20px}.public-tool-guide h2{font-size:21px}.public-example>div{grid-template-columns:1fr;gap:4px}.public-example dd{text-align:left}.public-sync h1{font-size:33px}.consent-notice{left:16px;right:16px;bottom:76px;margin:0;max-width:none}}