/* Warm beige across navigation, tools, reading pages and the offline copy. */
:root{--canvas:#f3ecdf;--surface:#fcf8f0;--raised:#e9dfce;--ink:#342e25;--subtle:#6b6050;--edge:#d9ccb8;--control-edge:#9c8c70;--accent:#783548;--blue:#783548;--blue-dark:#5b2636;--blue-soft:#e9dfce;--warm:#e9dfce;--navy:var(--ink);--text:var(--ink);--muted:var(--subtle);--line:var(--edge);--soft:var(--raised);--premium-surface:var(--surface);--premium-edge:var(--edge);--premium-wash:var(--raised);color-scheme:light}
:root[data-theme=dark]{--canvas:#29251f;--surface:#332e26;--raised:#40392f;--ink:#f5ecdd;--subtle:#c9bda8;--edge:#594f40;--control-edge:#9f8d71;--accent:#e5afba;--blue:#e5afba;--blue-dark:#f0ccd3;--blue-soft:#51343e;--warm:#51343e;color-scheme:dark}
:root body,:root .app-shell{background:var(--canvas);color:var(--ink)}:root :is(input,select,textarea){accent-color:#783548}:root :focus-visible{outline-color:#91465a}:root .brand,:root .wordmio-name{color:var(--ink);text-shadow:none}:root .wordmio-name span{color:var(--accent)}:root .wordmio-symbol svg rect{fill:#783548}
:root .header.hub-header :is(.theme-toggle,.header-menu-toggle){background:var(--surface);border-color:var(--control-edge);color:var(--ink)}:root .header.hub-header :is(.theme-toggle,.header-menu-toggle) svg{color:var(--ink);stroke:currentColor}:root .header.hub-header .header-menu{background:var(--canvas)}
:root .directory-page .premium-hero{background:radial-gradient(ellipse at 8% 0%,#cbb88c24,transparent 55%),radial-gradient(ellipse at 95% 90%,#bc96781a,transparent 55%),var(--surface)}:root .premium-hero h1,:root .premium-hero h1 span{color:var(--ink)}:root .premium-hero h1 em{color:var(--accent);background:none;-webkit-text-fill-color:currentColor}:root .premium-hero .hub-kicker{background:var(--raised);border-color:var(--edge);color:var(--accent)}:root .premium-hero .hub-kicker i{background:var(--accent);box-shadow:none}:root .hero-search-shell{background:var(--canvas);border-color:var(--control-edge)}:root #tool-search{color:var(--ink)}:root #tool-search::placeholder{color:var(--subtle);opacity:1}:root .hero-search-shell:focus-within{border-color:var(--accent);outline-color:var(--accent)}:root :is(.search-shortcut,.hero-motion-toggle){background:var(--raised);color:var(--accent);border-color:var(--edge)}:root :is(.hero-suggestion,.hero-try,.search-accessibility,.search-accessibility summary,.section-eyebrow){color:var(--subtle)}
:root :is(.button.primary,button.primary,.header-cta,.wm-panel input[type=file]::file-selector-button){background:#783548;color:#fff9ee;border-color:#783548;box-shadow:none}:root :is(.button.primary,button.primary,.header-cta):hover{background:#5b2636;color:#fff9ee;border-color:#5b2636}:root :is(.button.primary,button.primary):disabled{background:var(--raised);color:var(--subtle);border-color:var(--edge)}:root .download-button{background:#556448;color:#fff9ee;border-color:#556448}:root .button.primary svg,:root .header-cta svg{color:inherit}
:root :is(.tool-command,.command-menu){background:var(--surface);color:var(--ink);border-color:var(--control-edge)}:root .command-categories button{color:var(--subtle)}:root .command-categories button[aria-pressed=true]{background:var(--raised);color:var(--ink);border-color:var(--control-edge)}:root [data-command-tool][aria-selected=true]{background:var(--raised);color:var(--ink)}
:root :is(.files-panel,.settings-panel,.pdf-workspace,.pdf-settings,.organize-panel,.organize-settings,.utility-panel,.finance-form,.finance-results,.wm-panel,.tool-help,.tool-faq,.article-body,.article-toc,.support-note,.support-topics){background:var(--surface);border-color:var(--edge);color:var(--ink)}:root :is(.field-group input,.field-group select,.field-group textarea,.wm-fields input,.wm-fields select,.finance-field input,.finance-field select){background:var(--canvas);border-color:var(--control-edge);color:var(--ink)}:root :is(.dropzone,.pdf-drop,.organize-drop){background:var(--canvas);border-color:var(--control-edge)}:root .tool-directory .tool-card{--card-glow:#9c865d}:root .tool-status{background:var(--raised);color:var(--accent);border-color:var(--edge)}:root :is(.document-main,.article-body,.tool-help,.tool-faq,.tool-landing) a:not(.button){color:var(--accent)}
:root .site-footer.footer-minimal{--footer-bg:#e5dac7;--footer-ink:#645944;--footer-heading:#342e25;--footer-accent:#783548;--footer-line:#c6b79d;--focus-color:#91465a;background:var(--footer-bg);color:var(--footer-ink);border-color:var(--footer-line)}:root[data-theme=dark] .site-footer.footer-minimal{--footer-bg:#332d24;--footer-ink:#c9bda8;--footer-heading:#f5ecdd;--footer-accent:#e5afba;--footer-line:#594f40}:root .site-footer :is(.brand,.wordmio-name,.wordmio-lockup){color:var(--footer-heading)}:root .site-footer a:hover{color:var(--footer-heading)}:root .footer-copyright{color:var(--footer-ink)}
:root .landing-page{--canvas:#f3ecdf;--surface:#fcf8f0;--ink:#342e25;--subtle:#6b6050;--edge:#d9ccb8;--accent:#783548}:root .landing-page .header.hub-header{background:#f3ecdf;border-color:#d9ccb8}:root .landing-page .header.hub-header nav a:nth-child(n){color:#62563e}:root .landing-page .wordmio-name{color:#342e25}:root .landing-page .quiet-eyebrow,:root .landing-page .quiet-baseline{color:#6b6050}.quiet-hero h1 em{color:#783548}.quiet-cta{background:#783548}.quiet-cta:hover{background:#5b2636}.quiet-art{filter:sepia(.65) saturate(.6)}
@media(forced-colors:active){:root :is(.button.primary,button.primary,.header-cta,.quiet-cta){border:1px solid ButtonText}}
@media print{:root body{background:#fff;color:#111}}
.quiet-home{overflow:clip}
:root :is(.presets button,.preview-tabs button,.file-count,.free-badge){background:var(--surface);border-color:var(--edge);color:var(--subtle)}:root :is(.presets button.active,.presets button[aria-pressed=true],.preview-tabs button.active){background:var(--raised);color:var(--ink);border-color:var(--accent)}:root .workflow-steps li.current>span{background:var(--accent);border-color:var(--accent);color:var(--surface);box-shadow:0 0 0 4px var(--raised)}:root :is(.text-button,.sample-button,.settings-panel summary,.file-count,.breadcrumb,.workspace-art-label,.workflow-steps,.supported-formats){color:var(--subtle)}:root .input-unit,:root .select-wrap{background:var(--canvas);border-color:var(--control-edge)}:root .input-unit input{color:var(--ink)}:root .input-unit>span{color:var(--subtle);border-color:var(--control-edge)}:root .advanced-settings{border-color:var(--edge)}
/* Original uploaded identity, with beige and maroon around the artwork. */
:root{--accent:#783548;--blue:#783548;--blue-dark:#5b2636;--blue-soft:#efdee0;--warm:#efdee0}:root[data-theme=dark]{--accent:#e5afba;--blue:#e5afba;--blue-dark:#f0ccd3;--blue-soft:#51343e;--warm:#51343e}
:root .wordmio-symbol,:root .wordmio-symbol svg{width:47px;height:40px;flex-basis:47px}:root .wordmio-symbol{mix-blend-mode:multiply}:root[data-theme=dark] .wordmio-symbol{mix-blend-mode:normal;background:#fffaf0;border-radius:9px}:root .landing-page .wordmio-symbol{mix-blend-mode:multiply;background:transparent}:root .wordmio-name .brand-dot{color:#783548}
:root .uploaded-tool-art{mix-blend-mode:multiply;filter:none;border-radius:13px}:root[data-theme=dark] .uploaded-tool-art{mix-blend-mode:normal;background:#faf9f5}:root .tool-directory .tool-card{--card-glow:#a56574}:root .category-filter{color:var(--accent);background:var(--surface);border-color:var(--edge)}:root .tool-directory .category-filter[aria-pressed=true]{background:#783548;color:#fff7ed;border-color:#783548}:root .tool-directory .category-filter[aria-pressed=true] svg,:root .tool-directory .category-filter[aria-pressed=true] small{color:#fff7ed}:root .tool-directory .category-filter[aria-pressed=true] small{background:#ffffff1c}:root .category-filter:hover{background:var(--raised);border-color:var(--accent)}:root .category-filter[aria-pressed=true]:hover{background:#5b2636}:root .command-categories button[aria-pressed=true]{background:#783548;color:#fff7ed;border-color:#783548}:root .tool-status{color:var(--accent);background:var(--raised)}
:root .landing-page{--accent:#783548}:root .landing-page .quiet-hero h1{color:#392a29}:root .landing-page .quiet-hero h1 em{color:#783548}:root .landing-page .quiet-cta{background:#783548;color:#fff8ee}:root .landing-page .quiet-cta:hover{background:#5b2636}:root .landing-page .quiet-eyebrow>span{background:#783548;box-shadow:0 0 0 5px #ebdbd6}:root .landing-page .header.hub-header nav a[aria-current]{color:#783548;text-decoration-color:#ae7b85}:root .landing-page .header.hub-header nav a:hover{color:#783548}
.quiet-art.workspace-illustration{filter:none;aspect-ratio:600/570;max-width:580px}.workspace-illustration>svg{display:block;width:100%;height:auto;overflow:visible}:root .directory-page .premium-hero{background:radial-gradient(ellipse at 8% 0%,#a5657414,transparent 55%),radial-gradient(ellipse at 95% 90%,#bc96781a,transparent 55%),var(--surface)}
@media(max-width:900px){.quiet-art.workspace-illustration{max-width:370px;width:90%}}
/* Readable search guidance and trust labels at every viewport size. */
:root .directory-page .premium-hero .hero-search-meta{font-size:16px;line-height:1.6;gap:16px;margin-top:20px;align-items:center;flex-wrap:wrap}
:root .directory-page .premium-hero .hero-examples,:root .directory-page .premium-hero .hero-try,:root .directory-page .premium-hero .hero-suggestion{font-size:16px;line-height:1.6}
:root .directory-page .premium-hero .hero-suggestions{min-height:27px}
:root .directory-page .premium-hero .hero-motion-toggle{font-size:15px;min-width:104px;min-height:46px;padding:10px 16px;gap:9px}
:root .directory-page .premium-hero .hero-motion-toggle svg{width:16px;height:16px}
:root .directory-page .premium-hero .search-accessibility{font-size:15px;line-height:1.6;gap:12px 24px;margin-top:20px;flex-wrap:wrap}
:root .directory-page .premium-hero .search-accessibility summary{font-size:15px;min-height:44px;display:flex;align-items:center;cursor:pointer}
:root .directory-page .premium-hero .search-accessibility :is(label,p){font-size:14px;line-height:1.6}
:root .directory-page .premium-hero .hub-trust{font-size:15px;line-height:1.6;gap:14px 26px;max-width:none;margin-top:30px}
:root .directory-page .premium-hero .hub-trust span{gap:9px}
:root .directory-page .premium-hero .hub-trust svg{width:20px;height:20px;flex:none;color:var(--accent)}
@media(max-width:600px){:root .directory-page .premium-hero :is(.hero-search-meta,.hero-examples,.hero-try,.hero-suggestion){font-size:14px}:root .directory-page .premium-hero .hero-search-meta{gap:12px}:root .directory-page .premium-hero .hero-motion-toggle{font-size:14px;min-width:92px;padding:9px 12px}:root .directory-page .premium-hero .search-accessibility,:root .directory-page .premium-hero .search-accessibility summary{font-size:14px}:root .directory-page .premium-hero .hub-trust{font-size:14px;justify-content:flex-start;gap:13px;margin-top:26px}:root .directory-page .premium-hero .hub-trust svg{width:19px;height:19px}}
/* Stronger toolbox hierarchy and crisp footer typography. */
:root .directory-page .tool-directory .section-eyebrow{font-size:14px;font-weight:750;letter-spacing:.13em;margin-bottom:12px;color:var(--accent)}
:root .directory-page .tool-directory .tools-section-heading h2{font-size:38px;line-height:1.18;font-weight:750;letter-spacing:-.035em}
:root .directory-page .tool-directory .section-description{display:block;max-width:380px;font-size:16px;line-height:1.7;color:var(--ink)}
:root .directory-page .tool-directory .tools-section-heading{gap:22px;align-items:center;margin-bottom:26px}
:root .directory-page .tool-directory .directory-bar{gap:18px;padding:18px 0 24px;margin-bottom:28px}
:root .directory-page .tool-directory .category-filters{gap:10px}
:root .directory-page .tool-directory .category-filter{min-height:52px;padding:12px 18px;font-size:16px;font-weight:650;line-height:1.4;gap:9px}
:root .directory-page .tool-directory .category-filter svg{width:19px;height:19px;flex:none}
:root .directory-page .tool-directory .category-filter small{font-size:14px;line-height:1.4;font-weight:700;padding:3px 7px;min-width:25px;border-radius:6px}
:root .directory-page .tool-directory .directory-count{font-size:14px;line-height:1.5;color:var(--subtle)}
:root .site-footer.footer-minimal,:root[data-theme=dark] .site-footer.footer-minimal{--footer-bg:#e5dac7;--footer-ink:#111111;--footer-heading:#111111;--footer-accent:#783548;--footer-line:#c6b79d;--focus-color:#91465a;color:#111;background:var(--footer-bg);font-family:'Segoe UI Variable Text','Segoe UI',system-ui,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
:root .site-footer.footer-minimal .footer-column h2{color:#111;font-size:15px;font-weight:750;letter-spacing:.04em;line-height:1.5;margin-bottom:14px}
:root .site-footer.footer-minimal .footer-column a{color:#111;font-size:16px;font-weight:550;line-height:1.6;padding:9px 0;min-height:46px;letter-spacing:0}
:root .site-footer.footer-minimal .footer-tagline{font-size:16px;font-weight:650;color:#111;line-height:1.65}
:root .site-footer.footer-minimal :is(.footer-supporting,.footer-local,.footer-copyright){font-size:14px;font-weight:500;color:#111;line-height:1.7}
:root .site-footer.footer-minimal :is(.wordmio-name,.footer-brand,.wordmio-lockup){color:#111}
:root .site-footer.footer-minimal .footer-column a:is(:hover,:focus-visible){color:#783548;text-decoration-color:currentColor}
@media(max-width:760px){:root .directory-page .tool-directory .tools-section-heading{align-items:flex-start;flex-direction:column;gap:13px}:root .directory-page .tool-directory .tools-section-heading h2{font-size:30px}:root .directory-page .tool-directory .section-description{font-size:15px;max-width:100%;margin:0}:root .directory-page .tool-directory .category-filter{font-size:15px;padding:11px 14px;min-height:50px}:root .directory-page .tool-directory .category-filter small{font-size:13px}:root .directory-page .tool-directory .section-eyebrow{font-size:13px}:root .directory-page .tool-directory .directory-count{font-size:14px}}
@media(forced-colors:active){:root .site-footer.footer-minimal,:root[data-theme=dark] .site-footer.footer-minimal{background:Canvas;color:CanvasText}:root .site-footer.footer-minimal :is(h2,a,p,.wordmio-name){color:CanvasText}}
/* Reading contrast for shared controls and theme-independent surfaces. */
:root body .skip-link{background:#783548;color:#fff9ee}
:root[data-theme=dark] .site-footer.footer-minimal :is(.footer-tagline,.footer-supporting,.footer-local,.footer-local span,.footer-copyright){color:var(--footer-ink)}
:root .journal-card .journal-card-top{color:var(--subtle)}
:root .sidebar .sidebar-signature{color:var(--subtle)}
/* Finance landing: balanced opening layout with legible feature copy. */
:root .finance-home{max-width:1320px;padding:36px 32px 0}
:root .finance-home .finance-hero{grid-template-columns:minmax(0,1.25fr) minmax(300px,.9fr);gap:42px;align-items:center;padding:44px;margin:24px 0 48px;border:1px solid var(--edge);border-radius:26px;background:var(--surface);min-height:480px}
:root .finance-home .finance-hero>div{min-width:0}
:root .finance-home .finance-hero .section-kicker{font-size:13px;font-weight:750;letter-spacing:.12em;color:var(--accent)}
:root .finance-home .finance-hero h1{font-size:clamp(42px,4.5vw,62px);line-height:1.12;font-weight:750;letter-spacing:-.045em;margin:20px 0 24px;color:var(--ink)}
:root .finance-home .finance-hero h1 span{color:var(--accent)}
:root .finance-home .finance-hero>div>p:last-of-type{font-size:18px;line-height:1.75;color:var(--ink);max-width:560px}
:root .finance-home .finance-trust{gap:12px 19px;font-size:14px;line-height:1.6;margin-top:26px;color:var(--ink)}
:root .finance-home .finance-trust svg{width:18px;height:18px;color:var(--accent);flex:none}
:root .finance-home .finance-intro-card{padding:32px;background:#eee1cf;border:1px solid #d6bda9;color:#111;border-radius:20px;min-width:0}
:root .finance-home .finance-intro-card>.finance-intro-art{width:64px;height:64px;background:none;margin-bottom:22px}
:root .finance-home .finance-intro-card>.finance-intro-art svg{width:64px;height:64px}
:root .finance-home .finance-intro-card h2{font-size:30px;font-weight:750;line-height:1.2;letter-spacing:-.025em;color:#111;margin:0}
:root .finance-home .finance-intro-card p{font-size:17px;font-weight:500;line-height:1.75;color:inherit;margin:18px 0 22px}
:root .finance-home .finance-intro-card a{font-size:16px;font-weight:700;line-height:1.5;color:#111;min-height:48px;padding:10px 0;text-decoration:underline;text-underline-offset:5px;gap:12px}
:root .finance-home .finance-intro-card a svg{width:20px;height:20px;flex:none;color:#783548}
:root .finance-home .finance-intro-card a:hover{color:#783548}
/* Keep the feature card and its copy on the same theme palette. */
:root[data-theme=dark] .finance-home .finance-intro-card{background:var(--surface);border-color:var(--edge);color:var(--ink)}
:root[data-theme=dark] .finance-home .finance-intro-card :is(h2,p){color:var(--ink)}
:root[data-theme=dark] .finance-home .finance-intro-card a,
:root[data-theme=dark] .finance-home .finance-intro-card a svg{color:var(--accent)}
:root[data-theme=dark] .finance-home .finance-intro-card a:is(:hover,:focus-visible){color:var(--ink)}
:root .finance-home .finance-directory-heading h2{font-size:30px;line-height:1.25;font-weight:750;color:var(--ink)}
:root .finance-home .finance-directory-heading>span{font-size:15px;color:var(--subtle)}
@media(max-width:1050px){:root .finance-home .finance-hero{gap:28px;padding:32px;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr)}:root .finance-home .finance-intro-card{padding:26px}:root .finance-home .finance-hero h1{font-size:48px}}
@media(max-width:800px){:root .finance-home{padding:26px 20px 0}:root .finance-home .finance-hero{grid-template-columns:minmax(0,1fr);gap:30px;padding:28px;margin-top:22px;min-height:0}:root .finance-home .finance-hero h1{font-size:46px}:root .finance-home .finance-hero>div>p:last-of-type{font-size:17px}:root .finance-home .finance-intro-card h2{font-size:28px}}
@media(max-width:430px){:root .finance-home{padding:24px 16px 0}:root .finance-home .finance-hero{padding:24px 20px;border-radius:20px;gap:26px}:root .finance-home .finance-hero h1{font-size:39px}:root .finance-home .finance-hero>div>p:last-of-type{font-size:16px}:root .finance-home .finance-intro-card{padding:24px 20px}:root .finance-home .finance-intro-card h2{font-size:26px}:root .finance-home .finance-intro-card p{font-size:16px}:root .finance-home .finance-trust{font-size:13px}:root .finance-home .finance-directory-heading h2{font-size:27px}}
/* Site-wide reading contrast; brand accents and reversed controls stay distinct. */
:root:not([data-theme=dark]){--ink:#111111;--subtle:#202020;--text:#111111;--navy:#111111;--muted:#202020}
:root:not([data-theme=dark]) body :is(p,label,legend,li,td,th,caption,summary,blockquote,figcaption,dt,dd){color:#111111}
:root:not([data-theme=dark]) body :is(h2,h3,h4){color:#111111}
:root:not([data-theme=dark]) body :is(.field-help,.field-group label,.range-labels,.settings-note,.settings-panel .eyebrow,.supported-formats,.workspace-footnote,.file-meta,.file-metrics,.file-name,.file-count,.card-bottom,.card-label,.finance-card-link,.finance-field-note,.finance-stat span,.finance-stat small,.finance-directory-heading>span,.section-description,.directory-count,.utility-caption,.utility-optional,.utility-local,.utility-metrics span,.breadcrumb,.breadcrumb span:last-child,.back-to-tools,.search-accessibility,.hero-try,.hero-suggestion,.hub-trust,.finance-trust,.footer-supporting,.document-info span,.article-meta,.journal-meta,.source-note){color:#111111}
:root:not([data-theme=dark]) body :is(input,select,textarea){color:#111111}
:root:not([data-theme=dark]) body :is(input,textarea)::placeholder{color:#444444;opacity:1}
:root:not([data-theme=dark]) .header.hub-header nav a:nth-child(n){color:#111111}
:root:not([data-theme=dark]) .sidebar :is(.tool-link,.tool-link small){color:#111111}
:root:not([data-theme=dark]) body :is(.section-kicker,.section-eyebrow,.quiet-eyebrow,.hub-kicker){color:#783548}
:root:not([data-theme=dark]) .finance-home .finance-hero>div>p:last-of-type,:root:not([data-theme=dark]) .premium-hero .hero-description,:root:not([data-theme=dark]) .quiet-description{color:#111111}
:root .tool-directory .tool-card>p{font-size:14px;line-height:1.75}
:root .tool-directory .card-bottom{font-size:13px;line-height:1.6}
:root .tool-status{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 9px;border:1px solid #b9959e;border-radius:7px;background:#efdee0;color:#111111;font-size:12px;font-weight:750;line-height:1.3;letter-spacing:.015em;white-space:nowrap}
:root .tool-directory .tool-status{color:#111111;font-size:12px;font-weight:750;background:#efdee0;border-color:#b9959e}
:root .tool-directory .card-label{font-size:12px;font-weight:700;line-height:1.5;letter-spacing:.025em;max-width:112px}
:root:not([data-theme=dark]) .tool-directory .card-label{color:#111111}
:root[data-theme=dark] .tool-directory .card-label{color:#f5ecdd}
:root .tool-directory .category-filter[aria-pressed=true] small{color:#fff7ed}
:root :is(.button.primary,.header-cta,.quiet-cta,.download-button){color:#fff9ee}
:root:not([data-theme=dark]) .finance-home .finance-intro-card :is(h2,p,a){color:#111111}
:root:not([data-theme=dark]) :is(.finance-stat>strong,.utility-metrics strong,.utility-metrics small,.panel-title h2,.finance-table-wrap tbody th,.finance-table-wrap td,.finance-table-wrap caption,.finance-chart figcaption span,.finance-actions button,.preview-tabs button,.text-button,.sample-button){color:#111111}
:root:not([data-theme=dark]) .finance-chart svg text{fill:#111111}
:root .hub-main .tool-status{color:#111111;background:#efdee0;border-color:#b9959e;font-size:12px;font-weight:750;line-height:1.3}
/* Clear, confident main navigation. */
:root .header.hub-header nav{gap:10px;align-items:center}
:root .header.hub-header nav a:nth-child(n){font-size:16px;font-weight:650;line-height:1.4;letter-spacing:-.015em;min-height:46px;padding:11px 14px;border-radius:9px;color:var(--ink);text-decoration:none;transition:background .18s,color .18s}
:root .header.hub-header nav a:nth-child(n):hover{color:var(--accent);background:var(--raised)}
:root .header.hub-header nav a[aria-current=page]{color:var(--accent);background:var(--raised);box-shadow:inset 0 -2px var(--accent)}
:root .landing-page .header.hub-header nav a:nth-child(n){font-size:16px;font-weight:650;min-height:46px;padding:11px 16px;color:#111}
:root .landing-page .header.hub-header nav a[aria-current=page]{color:#783548;background:#ebdfcf;text-decoration:none;box-shadow:inset 0 -2px #783548}
@media(max-width:1150px) and (min-width:761px){:root .header.hub-header nav{gap:4px}:root .header.hub-header nav a:nth-child(n){font-size:15px;padding-inline:10px}}
@media(max-width:760px){:root .header.hub-header nav{gap:6px}:root .header.hub-header nav a:nth-child(n),:root .landing-page .header.hub-header nav a:nth-child(n){font-size:16px;min-height:48px;padding:12px 15px}}
/* Homepage hero inspired by the supplied composition. */
.landing-page .showcase-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:24px;max-width:1600px;min-height:calc(100svh - 98px);margin:auto;padding:60px 0 66px;isolation:isolate}
.showcase-copy{position:relative;z-index:2}.showcase-kicker{display:flex;align-items:center;gap:13px;font-size:11px;font-weight:700;letter-spacing:.16em;margin:0 0 34px}.showcase-kicker>span{width:7px;height:7px;background:#783548;border-radius:50%;box-shadow:0 0 0 6px #e8d6ce;flex:none}
.landing-page .showcase-hero h1{color:#241d19;font-size:clamp(58px,5.7vw,88px);line-height:1.04;letter-spacing:-.058em;font-weight:750;margin:0 0 28px;text-wrap:balance}.showcase-hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#783548;letter-spacing:-.055em}.showcase-description{font-size:19px;line-height:1.75;max-width:540px;margin:0 0 32px}.showcase-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.showcase-actions .quiet-cta{font-size:17px;padding:20px 27px;gap:35px;background:linear-gradient(135deg,#783548,#612437);box-shadow:0 12px 30px #78354822}.showcase-actions .quiet-cta:hover{background:#5b2636}.showcase-actions button{border:0;background:none;display:inline-flex;align-items:center;gap:11px;font-size:14px;font-weight:650;color:#4d3037;padding:5px 0;cursor:pointer;min-height:48px}.showcase-actions button[hidden]{display:none}.showcase-motion-icon{display:grid;place-items:center;width:43px;height:43px;border:2px solid #d8bdb3;border-radius:50%;font-size:16px;color:#783548}.showcase-benefits{display:flex;gap:18px;margin-top:46px}.showcase-benefits>div{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.showcase-benefits>div+div{border-left:1px solid #d9c6b5;padding-left:18px}.showcase-benefits>div>span{display:grid;place-items:center;flex:none;width:37px;height:37px;border-radius:50%;background:#ebd8d2;color:#783548;font-size:24px}.showcase-benefits p{margin:0;line-height:1.4}.showcase-benefits strong{display:block;font-size:13px;font-weight:750}.showcase-benefits small{display:block;font-size:11px;margin-top:5px;line-height:1.5;color:#4b4038}
.showcase-visual{position:relative;aspect-ratio:1;min-width:0;width:100%;max-width:740px;margin:auto;isolation:isolate}.showcase-aura{position:absolute;inset:13%;border-radius:50%;background:linear-gradient(140deg,#ead9cb,#dcc0b5);box-shadow:0 25px 90px #78354815}.showcase-orbit-line{position:absolute;inset:12%;border:1px dashed #b9858d80;border-radius:50%;pointer-events:none}.showcase-orbit-line.orbit-line-two{inset:5% 17%;transform:rotate(-38deg);border-style:solid;border-color:#c6a29455}
.showcase-window{position:absolute;left:11%;top:23%;width:78%;min-height:52%;background:linear-gradient(145deg,#fffaf2,#eee2d3);border:1px solid #fffdf8;border-radius:20px;box-shadow:0 22px 48px #62323b20,0 0 0 5px #d6bdb31f;transform:perspective(1100px) rotateY(-9deg) rotateZ(-5deg);z-index:2;overflow:hidden}.showcase-window-bar{height:50px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 19px;border-bottom:1px solid #ddcdbb}.showcase-window-bar>strong{font-size:19px;letter-spacing:-.04em;color:#30251f}.showcase-window-bar>strong>span{color:#783548}.showcase-window-dots{display:flex;gap:5px}.showcase-window-dots i{width:7px;height:7px;background:#8f4459;border-radius:50%}.showcase-window-dots i:nth-child(2){background:#d9b06c}.showcase-window-dots i:nth-child(3){background:#8ea472}.showcase-window-mark{color:#783548}.showcase-window-body{display:grid;grid-template-columns:100px minmax(0,1fr);min-height:280px}.showcase-mini-nav{display:flex;flex-direction:column;gap:10px;padding:19px 9px;border-right:1px solid #e3d6c6}.showcase-mini-nav a{display:flex;align-items:center;gap:6px;font-size:9px;min-height:35px;text-decoration:none;color:#30251f}.showcase-mini-nav a svg{width:21px;height:21px;flex:none}.showcase-mini-home{padding:10px 7px;color:#783548;background:#eedbd5;border-radius:9px;font-size:11px;font-weight:700}.showcase-mini-content{padding:24px 15px}.showcase-mini-content h2{font-size:17px;letter-spacing:-.035em;line-height:1.35;text-align:center;margin:2px 0 20px}.showcase-mini-search{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px;padding:8px 8px 8px 13px;border:1px solid #e2cdbd;border-radius:28px;color:#51443a;background:#fffbf5;text-decoration:none;box-shadow:0 4px 9px #4d202b0b}.showcase-mini-search b{display:grid;place-items:center;background:#783548;color:#fff8ed;width:30px;height:30px;border-radius:50%;font-size:18px;flex:none}.showcase-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:20px}.showcase-mini-grid a{display:flex;flex-direction:column;align-items:center;padding:12px 4px;border:1px solid #e7d8c6;border-radius:12px;background:#fff9ef;color:#211b17;text-align:center;text-decoration:none}.showcase-mini-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#ecd9d4;margin-bottom:8px}.showcase-mini-icon svg{width:29px;height:29px;border-radius:50%}.showcase-mini-grid strong{font-size:9px;line-height:1.5}.showcase-mini-grid small{font-size:8px;line-height:1.5;margin-top:5px}.showcase-mini-grid a:hover,.showcase-mini-nav a:hover{background:#eedbd5}
.showcase-orbit{position:absolute;inset:0;z-index:3;pointer-events:none}.showcase-orbit-arm{position:absolute;left:12%;top:50%;width:76%;height:0;transform:rotate(var(--orbit-angle));animation:showcase-orbit 12s linear infinite;animation-play-state:paused}.showcase-orbit-link{position:absolute;left:100%;top:0;transform:translate(-50%,-50%) rotate(calc(-1 * var(--orbit-angle)));display:flex;flex-direction:column;align-items:center;justify-content:center;width:112px;height:112px;padding:10px;border-radius:50%;border:1px solid #fffaf2;background:linear-gradient(145deg,#fffdf8,#eeded1);box-shadow:0 10px 28px #713b4520;pointer-events:auto;text-decoration:none;color:#30251f;animation:showcase-counter 12s linear infinite;animation-play-state:paused}.showcase-orbit-icon{display:block;width:48px;height:48px;margin-bottom:5px}.showcase-orbit-icon svg{display:block;width:48px;height:48px;border-radius:50%}.showcase-orbit-link strong{font-size:12px;line-height:1.4}.showcase-orbit-link:hover{border-color:#9d6373;box-shadow:0 12px 30px #78354833}.showcase-spark{position:absolute;color:#783548;font-size:35px}.spark-a{right:5%;top:20%}.spark-b{left:8%;bottom:19%;font-size:24px}
.showcase-hero[data-motion=running] :is(.showcase-orbit-arm,.showcase-orbit-link){animation-play-state:running}@keyframes showcase-orbit{from{transform:rotate(var(--orbit-angle))}to{transform:rotate(calc(var(--orbit-angle) + 360deg))}}@keyframes showcase-counter{from{transform:translate(-50%,-50%) rotate(calc(-1 * var(--orbit-angle)))}to{transform:translate(-50%,-50%) rotate(calc(-1 * var(--orbit-angle) - 360deg))}}
@media(min-width:1600px){.showcase-mini-content{padding:30px 20px}.showcase-window-body{min-height:330px}.showcase-mini-grid strong{font-size:11px}.showcase-mini-grid small{font-size:10px}.showcase-mini-content h2{font-size:21px}.showcase-mini-search{font-size:12px}.showcase-mini-nav a{font-size:11px}}
@media(max-width:1100px){.landing-page .showcase-hero{grid-template-columns:minmax(0,1fr);padding:46px 0 35px;gap:20px}.showcase-copy{max-width:760px;margin:auto;text-align:center}.showcase-kicker{justify-content:center}.landing-page .showcase-hero h1{font-size:72px}.showcase-hero h1 em br{display:none}.showcase-description{margin-inline:auto}.showcase-actions{justify-content:center}.showcase-benefits{max-width:600px;margin:32px auto 0;text-align:left}.showcase-visual{max-width:640px}}
@media(max-width:600px){.landing-page .showcase-hero{padding-top:36px;gap:22px}.showcase-kicker{font-size:8px;letter-spacing:.11em;margin-bottom:26px;gap:10px}.landing-page .showcase-hero h1{font-size:clamp(43px,10.5vw,62px);line-height:1.08;margin-bottom:22px}.showcase-hero h1 em br{display:block}.showcase-description{font-size:16px;line-height:1.7}.showcase-actions{gap:12px 20px}.showcase-actions .quiet-cta{font-size:15px;padding:17px 23px}.showcase-actions button{font-size:12px}.showcase-motion-icon{width:35px;height:35px}.showcase-benefits{gap:12px}.showcase-benefits>div{flex-direction:column;text-align:center;gap:8px}.showcase-benefits>div+div{padding-left:12px}.showcase-benefits strong{font-size:11px}.showcase-benefits small{font-size:10px}.showcase-benefits>div>span{width:32px;height:32px;font-size:21px}.showcase-window{left:10%;width:80%;top:21%;border-radius:14px}.showcase-window-bar{height:34px;padding:0 10px}.showcase-window-bar>strong{font-size:14px}.showcase-window-dots{gap:3px}.showcase-window-dots i{width:5px;height:5px}.showcase-window-body{display:block;min-height:0}.showcase-mini-nav{display:none}.showcase-mini-content{padding:15px 10px}.showcase-mini-content h2{font-size:13px;margin-bottom:12px}.showcase-mini-search{font-size:9px;padding:5px 5px 5px 9px}.showcase-mini-search b{width:24px;height:24px;font-size:15px}.showcase-mini-grid{gap:5px;margin-top:12px}.showcase-mini-grid a{padding:9px 2px;border-radius:8px}.showcase-mini-grid strong{font-size:8px}.showcase-mini-grid small{display:none}.showcase-mini-icon{width:29px;height:29px;margin-bottom:4px}.showcase-mini-icon svg{width:25px;height:25px}.showcase-orbit-link{width:76px;height:76px;padding:7px}.showcase-orbit-icon,.showcase-orbit-icon svg{width:34px;height:34px}.showcase-orbit-link strong{font-size:9px}.showcase-spark{font-size:23px}.spark-b{font-size:18px}}
@media(prefers-reduced-motion:reduce){.showcase-orbit-arm,.showcase-orbit-link{animation:none!important}.showcase-actions button{display:none}}
@media(forced-colors:active){.showcase-aura,.showcase-spark{display:none}.showcase-orbit-link,.showcase-window{border:1px solid CanvasText;background:Canvas;color:CanvasText}}
/* Stable homepage canvas: no scroll bounce or blank background at the edges. */
html:has(body.landing-page){background:#f3ecdf;overscroll-behavior-y:none;overflow-x:clip}
body.landing-page{margin:0;min-height:100dvh;overscroll-behavior-y:none;overflow-x:clip}
.landing-page .quiet-home{margin-bottom:0;padding-bottom:0}
@media(min-width:1101px) and (min-height:700px){.landing-page .showcase-hero{min-height:calc(100dvh - var(--header-height,98px));padding:32px 0;box-sizing:border-box}.landing-page .showcase-visual{max-width:min(100%,calc(100dvh - var(--header-height,98px) - 64px))}.landing-page .showcase-hero h1{font-size:clamp(48px,min(5.7vw,8dvh),88px)}}
@media(min-width:1101px) and (min-height:700px) and (max-height:820px){.landing-page .showcase-kicker{margin-bottom:24px}.landing-page .showcase-hero h1{font-size:clamp(48px,7.8dvh,64px);margin-bottom:20px}.landing-page .showcase-description{font-size:17px;margin-bottom:24px}.landing-page .showcase-benefits{margin-top:28px}.landing-page .showcase-actions .quiet-cta{padding:17px 24px}}

/* Prevent edge bounce across the site without disabling normal scrolling. */
html{overscroll-behavior:none;min-height:100%;background:var(--canvas,#f3ecdf)}
body{overscroll-behavior:none;min-height:100dvh;background:var(--canvas,#f3ecdf)}
/* A clean, solid-colour accent for the directory headline in both themes. */
:root .directory-page .premium-hero h1 em{font-family:'Segoe UI Variable Display','Segoe UI',system-ui,sans-serif;font-style:normal;font-weight:650;letter-spacing:-.045em;color:#783548;background:none;-webkit-text-fill-color:currentColor;text-shadow:none}
:root[data-theme=dark] .directory-page .premium-hero h1 em{color:#efbdca;background:none;-webkit-text-fill-color:#efbdca}
/* Clean homepage lettering and a background-free W in both themes. */
:root .landing-page .showcase-hero h1,:root .landing-page .showcase-hero h1 em{font-family:'Segoe UI Variable Display','Segoe UI',system-ui,sans-serif;font-style:normal;letter-spacing:-.05em}
:root .landing-page .showcase-hero h1{font-weight:750}
:root .landing-page .showcase-hero h1 em{font-weight:600;color:#783548}
:root .wordmio-symbol,:root[data-theme=dark] .wordmio-symbol,:root .landing-page .wordmio-symbol{background:transparent;border-radius:0;mix-blend-mode:normal;box-shadow:none}
:root[data-theme=dark] .header .wordmio-symbol{filter:brightness(1.8) saturate(.8)}
:root[data-theme=dark] .landing-page .header .wordmio-symbol,:root .site-footer .wordmio-symbol{filter:none}

/* Consistent card hierarchy and comfortable touch layouts. */
:root .tool-directory .tool-card{border-radius:18px;border-color:var(--edge);box-shadow:0 3px 12px #211b1805}
:root .tool-directory .tool-card h2{line-height:1.3;letter-spacing:-.025em}
:root .tool-directory .card-bottom{margin-top:auto;padding-top:16px;border-top:1px solid var(--edge);color:var(--subtle)}
:root .tool-directory .tool-card:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 :root .tool-directory .tool-card{transition:transform .18s,border-color .18s,box-shadow .18s}
 :root .tool-directory .tool-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 10px 26px #211b1812}
}
@media(max-width:760px){
 :root .header.hub-header{padding-inline:max(16px,env(safe-area-inset-left));gap:8px}
 :root .hub-header[data-menu-ready] .header-menu{border-color:var(--edge);padding:12px;border-radius:18px}
 :root .header.hub-header nav a:nth-child(n){min-height:50px;font-size:16px;padding:12px 14px}
 :root .header-menu .header-actions{border-color:var(--edge);padding:14px 0 0;margin-top:12px}
 :root body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea){font-size:16px!important}
 :root body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select){min-height:48px}
 :root body :is(.input-unit,.select-wrap){min-height:50px;height:auto}
 :root body :is(.button,.text-button,.sample-button,.presets button,.finance-actions button,.preview-tabs button){min-height:44px}
 :root body :is(.button,.sample-button,.finance-actions button){font-size:15px}
 :root .shrink-option{min-height:48px;align-items:center;padding:12px}
 :root .shrink-option input{width:20px;height:20px;flex:none}
 :root .directory-page .premium-hero{padding:28px 20px;border-radius:22px}
 :root .directory-page .hero-search-shell{padding:6px 6px 6px 12px;gap:6px}
 :root .directory-page .hero-search-shell .hub-search{flex:1;min-width:0}
 :root .directory-page #tool-search{font-size:16px;min-height:48px}
 :root .directory-page .hero-cta{min-width:48px;min-height:48px}
 :root .directory-page .hero-search-meta{font-size:12px;line-height:1.65}
 :root .directory-page .tool-directory .directory-bar{padding-bottom:20px}
 :root .directory-page .tool-directory .category-filters{gap:8px}
 :root .directory-page .tool-directory .category-filter{font-size:14px;padding:10px 12px;min-height:46px}
 :root .directory-page .tool-grid{gap:14px}
 :root .directory-page .tool-card{padding:22px;min-height:0}
 :root .directory-page .tool-card .card-top{margin-bottom:16px}
 :root .directory-page .tool-card h2{font-size:20px;margin-bottom:10px}
 :root .directory-page .tool-card>p{font-size:15px;line-height:1.7;margin-bottom:18px}
 :root .directory-page .card-bottom{font-size:13px}
 :root .site-footer.footer-minimal .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
 :root .site-footer.footer-minimal .footer-column h2{font-size:12px;letter-spacing:.08em;margin-bottom:8px}
 :root .site-footer.footer-minimal .footer-column a{font-size:14px;min-height:44px;padding:9px 0}
 :root .site-footer.footer-minimal .footer-content{gap:28px}
 :root .site-footer.footer-minimal .footer-identity{padding-bottom:22px;border-bottom:1px solid var(--footer-line)}
 :root .finance-results .finance-result-actions{flex-wrap:wrap;gap:10px}
 :root .showcase-kicker{font-size:10px;line-height:1.6}
 :root .showcase-benefits strong{font-size:13px}
 :root .showcase-benefits small{font-size:11px;line-height:1.5}
}