/* Rank With Ajay — shared UI refresh. Existing behavior and API configuration are preserved. */
:root{--rwa-ink:#162438;--rwa-muted:#5b6d83;--rwa-blue:#245be9;--rwa-line:#dce4ee;--rwa-paper:#f5f7fb;--rwa-primary-soft:#eaf0ff}
html{scroll-padding-top:104px}body{background:var(--rwa-paper);color:var(--rwa-ink)}body[data-tool]{font-size:16px;line-height:1.65}.site-header{max-width:none;padding:18px max(28px,calc((100vw - 1200px)/2));min-height:90px;background:#fff;border-bottom:1px solid var(--rwa-line);gap:28px}.brand{gap:12px;letter-spacing:-.5px;font-size:19px;white-space:nowrap}.brand-mark{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;background:var(--rwa-blue);color:white!important;border-radius:11px;font-size:27px;font-weight:600;line-height:1}.brand-caption{display:block;color:var(--rwa-muted)!important;font-size:12px;font-weight:500;letter-spacing:.1px;margin-top:1px}.site-header nav{align-self:stretch;align-items:center;gap:8px}.site-header nav a{font-size:14px;padding:8px 14px;color:var(--rwa-muted);border-radius:7px}.site-header nav a:hover,.site-header nav a.active{background:var(--rwa-primary-soft);color:var(--rwa-blue)}.header-action{display:flex;gap:20px;align-items:center;font-size:14px;font-weight:700;color:var(--rwa-ink);border:1px solid var(--rwa-line);padding:10px 16px;border-radius:8px}.header-action:hover{border-color:var(--rwa-blue);color:var(--rwa-blue)}body[data-tool] main{max-width:1256px;padding:30px 28px 0}.breadcrumb{font-size:13px;color:var(--rwa-muted);margin:0 0 24px}.breadcrumb a:hover{text-decoration:underline}.hero{margin:16px 0 32px;max-width:850px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:1.5px;color:var(--rwa-blue)}.hero h1{font-size:clamp(30px,3.8vw,44px);line-height:1.15;letter-spacing:-1.6px;margin:10px 0 14px;color:var(--rwa-ink)}.hero p{font-size:17px;max-width:660px;color:var(--rwa-muted);margin:0}.work-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:start}.workspace{padding:28px;background:white;border:1px solid var(--rwa-line);border-radius:14px;box-shadow:0 8px 28px #16243804;min-width:0}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--rwa-line);padding-bottom:22px;margin-bottom:24px}.workspace-heading h2{margin:5px 0 0;font-size:21px;letter-spacing:-.5px}.workspace-heading .eyebrow{color:var(--rwa-muted);font-size:11px}.mode-note{font-size:12px;color:var(--rwa-muted);background:var(--rwa-paper);padding:6px 10px;border-radius:6px;white-space:nowrap}.fields{gap:12px 20px}label{font-size:14px;color:var(--rwa-ink);font-weight:650}input,select,textarea{border:1px solid #cbd6e4;min-height:48px;border-radius:8px;margin:8px 0 12px;font-size:16px;box-shadow:0 1px 2px #16243803;background:#fff;padding:12px 14px}input::placeholder,textarea::placeholder{color:#7d8da2;font-weight:400}textarea{min-height:190px;line-height:1.65}textarea#schema,textarea#html{font-family:ui-monospace,monospace;font-size:14px}input:hover,select:hover,textarea:hover{border-color:#98aac2}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--rwa-blue);box-shadow:0 0 0 3px #245be919}button,.button{min-height:46px;border-radius:8px;font-size:14px;background:var(--rwa-blue);padding:11px 20px;transition:background .15s,box-shadow .15s}button:hover,.button:hover{background:#1c49c4}button.secondary{background:#fff;border-color:var(--rwa-line);color:var(--rwa-muted)}button.secondary:hover{background:var(--rwa-paper);color:var(--rwa-ink)}button:disabled{cursor:wait;opacity:.65}.actions{margin:20px 0 4px;gap:10px}.notice{background:#f3f6fb;border:0;border-left:3px solid #92a8cc;border-radius:0 6px 6px 0;color:#4b617c;padding:12px 16px;font-size:14px;font-weight:400;margin-bottom:16px}.error{border:1px solid #fecdd3;background:#fff5f6;color:#9f1239;font-size:14px;line-height:1.6}.help{color:var(--rwa-muted)}#feedback{font-size:14px;margin-top:18px;overflow-wrap:anywhere}#feedback:empty{display:none}#feedback[aria-busy=true]{color:var(--rwa-blue)}#result-placeholder{display:flex;align-items:center;justify-content:center;gap:16px;border:1px dashed #d3deec;border-radius:10px;margin-top:28px;padding:28px 18px;background:#fbfcfe;color:var(--rwa-muted)}#result-placeholder strong{font-size:14px;font-weight:600}#result-placeholder p{font-size:13px;margin:4px 0 0}.placeholder-symbol{font-size:28px;color:#8499b7}.workspace:has(#result:not([hidden])) #result-placeholder{display:none}#result{padding:24px 0 0;border:0;border-top:2px solid var(--rwa-blue);border-radius:0;margin-top:28px;background:white}#result h2{font-size:23px;margin-top:0}#result pre{background:#f6f8fc;border:1px solid #e2e8f0;padding:20px;font-size:14px;line-height:1.75;max-height:480px}#result .actions{border-top:1px solid var(--rwa-line);padding-top:20px;margin-top:24px}.table-wrap{border:1px solid var(--rwa-line);border-radius:8px;margin:16px 0}th{background:#f5f7fb;text-transform:none;font-weight:650;color:#526780;white-space:nowrap}td,th{padding:13px 16px;font-size:14px;border-color:#e7edf5}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f9fbff}.result-badge{display:inline-flex;padding:4px 8px;border-radius:5px;font-size:12px;font-weight:650;white-space:normal}.result-badge.good{background:#e9f6f1;color:#17674a}.result-badge.warn{background:#fff5dc;color:#825514}.result-badge.issue{background:#fff0f2;color:#9f1239}.result-badge.neutral{background:#eef2f7;color:#526780}.metric{color:var(--rwa-ink);font-size:48px;letter-spacing:-2px}.tool-aside{padding:6px 0;color:var(--rwa-muted);font-size:14px}.tool-aside h2{font-size:19px;color:var(--rwa-ink);margin:8px 0 12px}.tool-aside h3{font-size:14px;color:var(--rwa-ink);margin:0 0 10px}.tool-aside p{font-size:14px;line-height:1.8;margin:0}.aside-section{padding:0 0 22px;margin:0 0 22px;border-bottom:1px solid var(--rwa-line)}.page-nav{display:block;padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid var(--rwa-line)}.page-nav a,.aside-related a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;font-size:14px;font-weight:500}.page-nav a:hover,.aside-related a:hover{color:var(--rwa-blue)}.aside-related{border:0}.aside-related a span{color:#8294ad}.education{max-width:calc(100% - 288px);margin:48px 0 32px;background:white;border:1px solid var(--rwa-line);border-radius:14px;padding:30px}.education h2{font-size:21px;letter-spacing:-.5px;margin:30px 0 10px}.education h2:first-child{margin-top:0}.education p{font-size:16px;color:var(--rwa-muted)}.education details{padding:17px 0}.education details:last-child{border:0}.education summary{font-size:15px;font-weight:600;line-height:1.6}.education details[open] summary{color:var(--rwa-blue)}.education details p{font-size:14px;margin:12px 0 0}.related{margin:44px 0 64px}.related>h2{font-size:25px;letter-spacing:-.6px}.related .cards{grid-template-columns:repeat(4,minmax(0,1fr))}.cards{gap:18px}.tool-card{position:relative;padding:24px;background:#fff;border-color:var(--rwa-line);border-radius:12px;box-shadow:none;display:flex;flex-direction:column;align-items:flex-start}.tool-card:hover{border-color:#9eb7f7;box-shadow:0 8px 24px #183e8108}.tool-card:focus-visible{outline:3px solid var(--rwa-blue);outline-offset:3px}.tool-card .icon{background:#edf2ff;color:var(--rwa-blue);border:1px solid #e0e8fc;border-radius:9px;min-width:42px;height:42px;font-family:ui-monospace,monospace;font-size:15px;margin-bottom:10px}.tool-card h3{font-size:18px;letter-spacing:-.3px;line-height:1.4;margin:10px 0}.tool-card p{font-size:14px;line-height:1.75;margin:0 0 24px;color:var(--rwa-muted)}.card-action{margin-top:auto;font-size:13px;font-weight:700;color:var(--rwa-blue)}.related .tool-card{padding:20px}.related .tool-card h3{font-size:16px}body[data-tool=hub] .hero{margin:30px 0 34px;max-width:900px}body[data-tool=hub] .hero h1{font-size:clamp(40px,5.8vw,64px);letter-spacing:-2.8px;line-height:1.07;margin:18px 0 20px}body[data-tool=hub] .hero h1 span{color:var(--rwa-blue)}body[data-tool=hub] .hero p{max-width:580px;font-size:17px}.hub-toolbar{display:flex;align-items:center;gap:24px;background:white;border:1px solid var(--rwa-line);padding:20px 24px;border-radius:12px}.hub-toolbar .filters{grid-template-columns:minmax(0,1fr) 245px;flex:1;gap:24px}.hub-toolbar input,.hub-toolbar select{margin-bottom:0}.hub-toolbar #count{font-size:13px;white-space:nowrap;color:var(--rwa-muted);margin:26px 0 0}.category-shortcuts{display:flex;gap:10px;margin:22px 0 36px;flex-wrap:wrap}.category-shortcuts button{background:transparent;color:var(--rwa-muted);padding:8px 12px;min-height:40px;font-size:13px;border:1px solid transparent;font-weight:600}.category-shortcuts button span{font-size:11px;padding:1px 6px;background:#e7edf5;border-radius:4px;margin-left:8px;color:#5b6d83}.category-shortcuts button[aria-pressed=true]{background:#fff;border-color:var(--rwa-line);color:var(--rwa-ink);box-shadow:0 2px 4px #16243804}.category-shortcuts button:hover{color:var(--rwa-blue);background:#eaf0ff}.group-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:18px}.group-heading h2{font-size:24px;margin:0;letter-spacing:-.6px}.group-heading p{font-size:14px;color:var(--rwa-muted);margin:0}.tool-group{margin:0 0 46px}.tool-group:nth-of-type(2) .icon{color:#357068;background:#edf6f3;border-color:#daebe5}footer{background:#102139;color:#b8c6d8;padding:40px max(28px,calc((100vw - 1200px)/2));border-top:1px solid #243750}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand strong{font-size:18px}footer p{color:#b8c6d8;font-size:14px}footer a:hover{color:white;text-decoration:underline}.repeat-row{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,1.2fr);gap:10px}.repeat-row>button{grid-column:1/-1;justify-self:end;min-height:36px;padding:5px 12px;margin:0 0 8px;font-size:12px}.repeat-row input,.repeat-row select{font-size:14px;padding:9px;min-width:0}body[data-tool=hreflang-generator] .repeat-row{grid-template-columns:2fr 1fr 1fr}.skip:focus{outline:3px solid var(--rwa-blue)}
/* Apply the same visual rhythm to the preserved compiled homepage and six original tools. */
body:not([data-tool]){background:var(--rwa-paper);color:var(--rwa-ink)}body:not([data-tool]) #root header{background:#fff;border-bottom:1px solid var(--rwa-line)}body:not([data-tool]) #root main h1{letter-spacing:-.04em;color:var(--rwa-ink)}body:not([data-tool]) #root main h2{letter-spacing:-.02em}body:not([data-tool]) #root main .rounded-xl,body:not([data-tool]) #root main .rounded-2xl{border-color:var(--rwa-line)}body:not([data-tool]) #root main input,body:not([data-tool]) #root main textarea,body:not([data-tool]) #root main select{border-color:#cbd6e4;border-radius:8px}body:not([data-tool]) #expanded-tools{background:#fff;border:1px solid var(--rwa-line)!important;border-left:4px solid var(--rwa-blue)!important;padding:28px!important}body:not([data-tool]) #expanded-tools p{font-size:16px;color:var(--rwa-muted)}
@media(min-width:1100px){.site-header{position:sticky;top:0;z-index:30}.tool-aside{position:sticky;top:114px}}@media(max-width:1100px){.site-header{padding:18px 24px;gap:16px}.work-layout{grid-template-columns:minmax(0,1fr) 220px;gap:22px}.education{max-width:calc(100% - 242px)}.related .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.group-heading{display:block}.group-heading p{margin-top:6px}.header-action{display:none}}
@media(max-width:800px){body[data-tool] main{padding:24px 20px 0}.work-layout{display:block}.tool-aside{display:none}.education{max-width:none;padding:24px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-toolbar{display:block;padding:20px}.hub-toolbar .filters{grid-template-columns:1fr 210px;gap:16px}.hub-toolbar #count{margin-top:14px}.site-header .brand-caption{display:none}.site-header nav a{padding:8px 10px}.hero h1{letter-spacing:-1px}.category-shortcuts{gap:4px}.workspace{padding:24px}}
@media(max-width:560px){.site-header{padding:16px 18px;display:block;min-height:auto}.brand{font-size:18px;gap:10px}.brand-mark{width:34px;height:34px;font-size:24px;border-radius:8px}.site-header nav{margin-top:14px;display:flex;justify-content:space-between;gap:6px}.site-header nav a{font-size:13px;padding:6px 12px}.site-header nav a:first-child{margin-left:-12px}body[data-tool] main{padding:22px 16px 0}.breadcrumb{font-size:12px;line-height:1.6;margin-bottom:20px}.hero{margin:8px 0 24px}.hero h1{font-size:32px}.hero p{font-size:16px}.workspace{padding:20px 16px}.workspace-heading{align-items:flex-start;gap:10px;flex-direction:column;padding-bottom:18px;margin-bottom:20px}.workspace-heading h2{font-size:20px}.mode-note{padding:0;background:none;font-size:12px}.fields{grid-template-columns:1fr}.notice{font-size:13px}#result-placeholder{padding:20px 12px;gap:10px}#result-placeholder strong{font-size:13px}.cards,.related .cards{grid-template-columns:1fr}.tool-card{padding:22px}.tool-card h3{font-size:18px}.education{padding:24px 20px;margin-top:28px}.education h2{font-size:20px}.education p{font-size:15px}.related{margin-top:32px}.hub-toolbar .filters{grid-template-columns:1fr}.hub-toolbar{padding:18px}.hub-toolbar #count{margin-top:12px}.category-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 30px}.category-shortcuts button{font-size:12px;justify-content:space-between;padding:8px;min-width:0;line-height:1.4;text-align:left}.category-shortcuts button span{margin-left:5px}.group-heading h2{font-size:23px}.group-heading p{font-size:13px}body[data-tool=hub] .hero{margin:12px 0 28px}body[data-tool=hub] .hero h1{font-size:43px;letter-spacing:-1.9px}body[data-tool=hub] .hero p{font-size:16px}.repeat-row,body[data-tool=hreflang-generator] .repeat-row{grid-template-columns:1fr 1fr}.repeat-row label:first-child{grid-column:1/-1}footer{padding:32px 20px}.output-list li{flex-wrap:wrap}.actions button{min-width:110px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Consistent side-by-side generator workspaces. */
.generator-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.generator-panel{background:#fff;border:1px solid var(--rwa-line);border-radius:14px;padding:28px;min-width:0}.generator-panel>h2{font-size:21px;letter-spacing:-.5px;margin:0 0 24px;padding-bottom:18px;border-bottom:1px solid var(--rwa-line)}.generator-panel h3{font-size:15px;margin:22px 0 8px}.generator-panel input,.generator-panel select,.generator-panel textarea{width:100%;font-size:16px;min-width:0}.generator-panel textarea{min-height:130px}.generator-panel legend{font-size:14px;font-weight:650;margin-bottom:14px}.generator-panel fieldset{border:0;padding:16px 0 0}.generator-panel .check-label{display:flex;align-items:flex-start;gap:10px;margin:10px 0;font-size:14px;font-weight:500;cursor:pointer}.generator-panel .check-label input{width:18px;height:18px;min-height:18px;flex-shrink:0;margin:3px 0 0;accent-color:var(--rwa-blue)}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.setting-grid select{font-size:14px}.output-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--rwa-line);padding-bottom:20px;margin-bottom:22px}.output-state{font-size:12px;color:var(--rwa-muted);background:#f3f6fb;border-radius:5px;padding:4px 8px}#empty-output{min-height:240px;display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center;padding:28px 12px;background:#fafbfe;border:1px dashed var(--rwa-line);border-radius:10px}#empty-output h2{font-size:19px;margin:0 0 8px}#empty-output p{font-size:14px;color:var(--rwa-muted);margin:0}.generator-panel pre{max-height:440px;background:#14263e;color:#e4edfa;border-radius:9px;padding:22px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:13px}.generator-panel .url-preview{padding:12px 14px;border:1px solid var(--rwa-line);background:#f8faff;border-radius:7px;font-size:14px;overflow-wrap:anywhere}.output-warnings{background:#fff7e6;color:#805910;border:1px solid #f3e2bb;border-radius:8px;padding:12px 16px;margin-top:20px}.output-warnings p{font-size:13px;margin:6px 0}.generator-panel .actions{flex-wrap:wrap}.generator-panel .actions button{font-size:13px;padding:10px 14px}.generator-panel .help{font-size:13px}.generator-panel .x-options{padding:14px 0}.x-options summary{font-size:14px;margin-bottom:12px}.language-row{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;padding:14px 0;border-bottom:1px solid var(--rwa-line)}.language-row label{font-size:13px}.language-row input{font-size:14px}.language-url{grid-column:1/-1}.remove-language{grid-column:1/-1;justify-self:end;min-height:34px;padding:5px 10px;font-size:12px;margin:0 0 8px}.locale-table{margin-bottom:16px}.social-card{border:1px solid var(--rwa-line);border-radius:9px;overflow:hidden;background:#fff;margin-bottom:20px}.social-image{aspect-ratio:1.91;display:grid;place-items:center;background:#edf2f8;position:relative;color:#667c99;font-size:14px;overflow:hidden}.social-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.social-content{padding:16px;overflow-wrap:anywhere}.social-content small{font-size:12px;color:var(--rwa-muted);display:block}.social-content strong{font-size:17px;line-height:1.4;display:block;margin:7px 0}.social-content p{font-size:14px;color:var(--rwa-muted);margin:0 0 10px}.social-card.summary{display:grid;grid-template-columns:110px minmax(0,1fr)}.social-card.summary .social-image{aspect-ratio:auto;min-height:120px}.final-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#eaf0ff;border:1px solid #d6e1ff;border-radius:12px;padding:28px;margin:0 0 56px}.final-cta h2{font-size:23px;margin:0 0 6px}.final-cta p{font-size:15px;margin:0;color:var(--rwa-muted)}.final-cta a{white-space:nowrap}body[data-generator] .education{max-width:none;display:block}body[data-generator] .education .guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 36px}body[data-generator] .related .cards{grid-template-columns:repeat(3,minmax(0,1fr))}.generator-panel #generator-feedback{font-size:14px;margin-bottom:0}.generator-panel #generator-feedback:empty{display:none}body[data-generator] .hero{margin-bottom:26px}@media(min-width:1050px){.generator-output{position:sticky;top:108px;max-height:calc(100vh - 132px);overflow-y:auto;overscroll-behavior:contain}}@media(max-width:900px){.generator-layout{grid-template-columns:1fr}.generator-panel{padding:24px}.generator-output{position:static;max-height:none;overflow:visible}#empty-output{min-height:140px}}@media(max-width:560px){.generator-panel{padding:20px 16px}.check-grid,.setting-grid{grid-template-columns:1fr}body[data-generator] .education .guide-grid{grid-template-columns:1fr}body[data-generator] .related .cards{grid-template-columns:1fr}.final-cta{display:block;padding:24px}.final-cta a{margin-top:18px}.generator-panel pre{font-size:13px;padding:16px}.output-heading{gap:8px}.output-state{font-size:11px}.social-card.summary{grid-template-columns:90px minmax(0,1fr)}}
.rwa-popular-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}.rwa-home-card{display:flex;flex-direction:column;padding:28px;background:white;border:1px solid var(--rwa-line);border-radius:12px}.rwa-home-card:hover{border-color:#9eb7f7;box-shadow:0 8px 24px #183e8108}.rwa-home-card h3{font-size:19px;font-weight:700;margin:0 0 12px}.rwa-home-card p{font-size:15px;line-height:1.75;color:var(--rwa-muted);margin:0 0 24px}.rwa-home-card span{font-size:14px;font-weight:700;color:var(--rwa-blue);margin-top:auto}.rwa-home-card:focus-visible{outline:3px solid var(--rwa-blue);outline-offset:3px}.generator-panel .actions button,.language-row label{font-size:14px}@media(max-width:800px){.rwa-popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.rwa-popular-grid{grid-template-columns:1fr}}

/* Launch: distinguish each tool's input mode before opening it. */
.tool-card .tool-mode{display:table;width:fit-content;margin-top:auto;margin-bottom:12px;padding:5px 9px;border-radius:6px;background:#eff6ff;color:#1e40af;font-size:.875rem;font-weight:600;line-height:1.4}
.tool-card .card-action{margin-top:0}
@media(max-width:600px){.site-header{gap:12px;flex-wrap:wrap}.site-header nav{order:3;width:100%;justify-content:center;padding-top:8px;border-top:1px solid #e2e8f0}.site-header .header-action{margin-left:auto}.generator-panel{min-width:0}input,select,textarea{max-width:100%}.category-shortcuts button{min-height:44px}}

/* Rank With Ajay: one visual system for the existing app and tool documents. */
:root{--background:220 25% 98%;--foreground:220 35% 15%;--primary:222 76% 47%;--primary-foreground:0 0% 100%;--muted:220 24% 96%;--muted-foreground:218 15% 38%;--border:218 24% 87%;--card:0 0% 100%;--rwa-background:#f8f9fc;--rwa-surface:#fff;--rwa-surface-elevated:#fff;--rwa-primary:#1d4ed8;--rwa-primary-hover:#173ea9;--rwa-text:#192438;--rwa-muted-text:#526176;--rwa-border:#d6deea;--rwa-success:#176347;--rwa-warning:#80520a;--rwa-error:#a51d39;--rwa-secondary:#167366;--rwa-ink:var(--rwa-text);--rwa-muted:var(--rwa-muted-text);--rwa-blue:var(--rwa-primary);--rwa-line:var(--rwa-border);--rwa-paper:var(--rwa-background);--rwa-radius:12px;--rwa-shadow:0 4px 16px #19243806;--rwa-space-1:4px;--rwa-space-2:8px;--rwa-space-3:12px;--rwa-space-4:16px;--rwa-space-6:24px;--rwa-space-8:32px;--rwa-space-12:48px;--rwa-space-16:64px}
html{scroll-behavior:smooth;scroll-padding-top:92px}body,body[data-tool]{background:var(--rwa-background);color:var(--rwa-text);font-family:'DM Sans',system-ui,sans-serif;font-size:16px;line-height:1.65}*,*:before,*:after{box-sizing:border-box}h1,h2,h3{font-weight:700;text-wrap:balance}h1{line-height:1.12}h2{line-height:1.25}p{overflow-wrap:break-word}a,button,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--rwa-primary);outline-offset:4px}button:active,.button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.55}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;min-width:0;min-height:46px;border:1px solid var(--rwa-border);background:var(--rwa-surface);border-radius:8px;padding:11px 13px;color:var(--rwa-text);font:inherit;line-height:1.5}input:focus,textarea:focus,select:focus{outline:3px solid #1d4ed822;outline-offset:0;border-color:var(--rwa-primary)}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--rwa-error)}input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:18px;margin:0 8px 0 0;accent-color:var(--rwa-primary);vertical-align:middle}textarea{min-height:150px}label{font-size:14px;font-weight:600}button,.button{min-height:44px;font-weight:650}pre,code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}pre{max-width:100%;overflow-x:auto}img{max-width:100%}[hidden]{display:none!important}
/* Compact shared navigation. */
.rwa-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--rwa-border)}.rwa-header-inner{max-width:1248px;margin:auto;padding:0 24px;min-height:72px;display:flex;align-items:center;gap:32px}.rwa-brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:750;color:var(--rwa-text);letter-spacing:-.5px;white-space:nowrap}.rwa-brand svg{width:34px;height:34px;padding:7px;color:#fff;background:var(--rwa-primary);border-radius:8px}.rwa-nav{display:flex;align-items:center;gap:6px;margin-left:auto}.rwa-nav a{padding:10px 12px;font-size:14px;font-weight:600;color:var(--rwa-muted)}.rwa-nav a:hover,.rwa-nav a[aria-current=page]{color:var(--rwa-primary);background:#eff4ff;border-radius:6px}.rwa-nav .rwa-nav-cta{background:var(--rwa-primary);color:white;margin-left:16px;padding:11px 18px;border-radius:8px}.rwa-nav .rwa-nav-cta:hover{background:var(--rwa-primary-hover);color:white}.rwa-menu-toggle{display:none;background:#fff;color:var(--rwa-text);border:1px solid var(--rwa-border);padding:8px 12px;margin:0;min-width:70px}.rwa-menu-toggle:hover{background:#eff4ff}.rwa-footer{background:#132237;color:#cfdae8;padding:48px 24px 24px}.rwa-footer-inner{max-width:1200px;margin:auto}.rwa-footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px}.rwa-footer strong,.rwa-footer h3{color:white}.rwa-footer h3{font-size:14px;margin:0 0 16px}.rwa-footer p{max-width:290px;font-size:14px;color:#c0cede}.rwa-footer a{display:table;padding:5px 0;font-size:14px;color:#cfdae8}.rwa-footer-bottom{border-top:1px solid #334359;margin-top:32px;padding-top:20px;font-size:13px}.rwa-footer .rwa-brand{color:white}
/* Directory: useful controls before decoration. */
body[data-tool=hub] .hero{margin:24px 0 28px;max-width:760px}body[data-tool=hub] .hero h1{font-size:clamp(32px,4vw,48px);letter-spacing:-1.6px;margin:10px 0 14px}body[data-tool=hub] .hero p{max-width:670px;font-size:17px}.hub-toolbar{padding:20px;box-shadow:var(--rwa-shadow)}.category-shortcuts{gap:8px;margin:18px 0 32px}.category-shortcuts button{min-height:44px;font-size:14px;border:1px solid var(--rwa-border);background:#fff;padding:8px 12px}.category-shortcuts button[aria-pressed=true]{background:#eaf0ff;color:#173ea9;border-color:#a9bcee}.category-shortcuts button span{font-size:12px}.tool-card,.rwa-home-card{border-radius:var(--rwa-radius);padding:24px;box-shadow:var(--rwa-shadow);transition:border-color .16s,box-shadow .16s,transform .16s}.tool-card:hover,.rwa-home-card:hover{transform:translateY(-2px);border-color:#93ace9;box-shadow:0 8px 24px #1d4ed80b}.tool-card .icon{width:36px;height:36px;min-width:36px;background:#eff4ff;border:0;color:var(--rwa-primary);border-radius:8px}.tool-card .icon svg{width:20px;height:20px}.tool-card h3{font-size:18px}.tool-card p{line-height:1.6;font-size:15px}.tool-card .tool-category{font-size:12px;font-weight:600;letter-spacing:.03em;color:var(--rwa-muted);margin:0 0 8px}.tool-card .tool-mode{font-size:12px;background:#f1f4f8;color:#4a5e78;padding:4px 8px}.card-action{font-size:14px}.rwa-no-results{text-align:center;border:1px dashed var(--rwa-border);padding:40px 24px;background:#fff;border-radius:12px;margin:20px 0 60px}.rwa-no-results h2{font-size:23px;margin:0 0 8px}.rwa-no-results p{color:var(--rwa-muted);margin:0 0 20px}
/* Workspaces: input and result share a predictable reading order. */
.hero h1{font-size:clamp(30px,3.5vw,42px);letter-spacing:-1.2px}.workspace,.generator-panel{border:1px solid var(--rwa-border);border-radius:12px;box-shadow:var(--rwa-shadow);padding:28px}.workspace-heading{padding-bottom:16px;margin-bottom:20px}.workspace-heading .eyebrow{font-size:12px}.workspace-heading h2{font-size:20px}.mode-note{font-size:13px;white-space:normal}.generator-layout{gap:24px}.generator-output{position:static;max-height:none;overflow:visible}.generator-panel pre,#result pre{background:#f3f6fa;color:#233750;border:1px solid var(--rwa-border);border-radius:8px;font-size:14px;padding:20px;line-height:1.7}.generator-panel .help,.help{font-size:14px}.actions{flex-wrap:wrap}.actions button{min-height:44px}.education{padding:32px;margin-top:40px}.education details{border-bottom:1px solid var(--rwa-border);padding:16px 0}.education summary{display:flex;justify-content:space-between;gap:16px;list-style:none;font-size:16px;cursor:pointer}.education summary::-webkit-details-marker{display:none}.education summary:after{content:'+';color:var(--rwa-primary);flex-shrink:0;font-size:20px}.education details[open]>summary:after{content:'−'}.education details p{font-size:15px}.result-badge{font-size:13px}.rwa-inline-feedback{font-size:14px;color:var(--rwa-success);margin:10px 0}.rwa-inline-feedback:empty{display:none}
/* Preserved React pages, including profile, editorial sections and flagship SERP. */
#root main{color:var(--rwa-text)}#root main h1{font-size:clamp(32px,4vw,52px)!important;line-height:1.14!important;letter-spacing:-.035em!important}#root main h2{font-size:clamp(24px,2.5vw,32px);line-height:1.25}#root main .rounded-xl,#root main .rounded-2xl{border-radius:12px;box-shadow:var(--rwa-shadow)}#root main .shadow-xl,#root main .shadow-lg{box-shadow:var(--rwa-shadow)}#root main .text-muted-foreground{color:var(--rwa-muted-text)}#root main .text-xs{font-size:13px;line-height:1.5}#root main .text-sm{font-size:14px}#root header button{background:transparent;color:var(--rwa-text)}#root header{backdrop-filter:none!important;background:#fff!important}#root footer{padding:0 24px;background:#132237}#root footer>div{padding:44px 0 24px;max-width:1200px}#root main section{scroll-margin-top:90px}.rwa-home-hero{background:white!important;border-bottom:1px solid var(--rwa-border)}.rwa-home-hero>div{padding-top:56px!important;padding-bottom:56px!important;gap:48px!important}.rwa-home-hero h1{max-width:620px}.rwa-home-hero p{max-width:590px}.rwa-home-hero .rwa-product-preview{padding:24px;border:1px solid #cfd9e8;border-radius:12px;background:#f6f8fc;box-shadow:0 12px 32px #19243808}.rwa-preview-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--rwa-border);padding-bottom:16px;margin-bottom:18px;font-size:13px;color:var(--rwa-muted)}.rwa-preview-top strong{color:var(--rwa-text);font-size:15px}.rwa-preview-result{background:#fff;border:1px solid var(--rwa-border);padding:20px;border-radius:8px}.rwa-preview-result small{color:var(--rwa-muted);font-size:12px}.rwa-preview-result h3{font-size:20px;color:#1a0dab;margin:8px 0;line-height:1.35}.rwa-preview-result p{font-size:14px;color:#526176;margin:0}.rwa-preview-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.rwa-preview-links a{background:#fff;border:1px solid var(--rwa-border);padding:12px;font-size:14px;border-radius:7px;color:var(--rwa-text)}.rwa-preview-links a:hover{color:var(--rwa-primary);border-color:var(--rwa-primary)}.rwa-preview-caption{font-size:12px;color:var(--rwa-muted);margin:14px 0 0}.rwa-profile section .border-l{border-color:#b9cbed}.rwa-profile section article{background:white;border:1px solid var(--rwa-border);border-radius:12px}.rwa-tool-page pre{border:1px solid var(--rwa-border);background:#f3f6fa;color:#233750;border-radius:8px;padding:20px}.rwa-tool-page main>section:first-child{background:#f8f9fc}.rwa-tool-page [role=tab]{min-height:44px}.rwa-tool-page button{min-height:44px}#expanded-tools{margin-top:32px!important}
@media(max-width:1024px){.rwa-header-inner{gap:16px}.rwa-nav a{padding:10px 8px}.rwa-home-hero>div{gap:28px!important}.rwa-footer-grid{gap:24px}.related .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.rwa-header-inner{min-height:64px;padding:0 16px;flex-wrap:wrap;gap:0}.rwa-menu-toggle{display:block;margin-left:auto}.rwa-nav{display:none;order:3;width:100%;margin:0;padding:8px 0 16px;border-top:1px solid var(--rwa-border);flex-direction:column;align-items:stretch}.rwa-nav.is-open{display:flex}.rwa-nav a{padding:11px 12px;min-height:44px;font-size:16px}.rwa-nav .rwa-nav-cta{margin:4px 0 0;text-align:center}.rwa-footer-grid{grid-template-columns:1fr 1fr}.rwa-footer-grid>div:first-child{grid-column:1/-1}.category-shortcuts{display:flex;flex-wrap:wrap}.category-shortcuts button{font-size:13px}.rwa-home-hero>div{padding-top:32px!important;padding-bottom:32px!important}.work-layout{display:block}.tool-aside{display:none}.education{max-width:none}.generator-layout{grid-template-columns:1fr}.rwa-home-hero .rwa-product-preview{padding:18px}#root main h1{font-size:36px!important}.rwa-tool-page main .grid>div{min-width:0}#root main input,#root main textarea,#root main select{font-size:16px}}
@media(max-width:480px){.rwa-brand{font-size:18px}.workspace,.generator-panel{padding:20px 16px}.education{padding:24px 18px}.cards,.related .cards{grid-template-columns:1fr}.hero h1{font-size:30px}.rwa-footer{padding:32px 20px 20px}.rwa-footer-grid{gap:24px 18px}.actions>button{flex:1 1 auto}.rwa-home-hero .rwa-preview-links{grid-template-columns:1fr 1fr}.rwa-preview-links a{font-size:13px;padding:10px}.repeat-row{grid-template-columns:1fr!important}.repeat-row>*{grid-column:1!important}.table-wrap{max-width:100%;overflow-x:auto}.breadcrumb{font-size:13px}.category-shortcuts button span{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;transform:none!important}}

/* September 15 platform: consistent product navigation and utility-first discovery. */
:root{--rwa-primary:#2354cc;--rwa-primary-hover:#193fa0;--rwa-primary-light:#eef3ff;--rwa-secondary:#16766b;--rwa-background:#f7f9fc;--rwa-text:#17273f;--rwa-muted-text:#53647a;--rwa-border:#dce3ed;--rwa-radius:10px;--primary:223 71% 47%;--rwa-space-section:64px}
body{background:var(--rwa-background)}.rwa-header-inner,#root header>div:first-child{max-width:1248px;min-height:72px;height:auto}.rwa-nav a,#root header nav a{font-size:14px;font-weight:600}#root header nav a[aria-current=page]{color:var(--rwa-primary)}.rwa-brand svg{border-radius:7px}#root main .rwa-home-hero>div{max-width:1248px;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr)}.rwa-home-hero{background:#fff!important}.rwa-home-hero h1{max-width:620px;font-size:clamp(36px,4.1vw,54px)!important;line-height:1.12!important}.rwa-home-hero .rwa-product-preview{box-shadow:0 10px 32px #17273f07;border-top:3px solid var(--rwa-primary);border-radius:10px}.rwa-hero-search{margin:24px 0 0;padding:18px;background:#f7f9fc;border:1px solid var(--rwa-border);border-radius:10px}.rwa-hero-search label{display:block;color:var(--rwa-text);font-size:14px}.rwa-hero-search-row{display:flex;gap:8px;margin-top:8px}.rwa-hero-search-row input{margin:0;background:#fff;flex:1;min-width:0}.rwa-hero-search-row button{background:var(--rwa-primary);color:white;white-space:nowrap}.rwa-hero-matches{display:grid;gap:2px;margin-top:10px}.rwa-hero-matches:empty{display:none}.rwa-hero-matches a{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;background:#fff;border:1px solid var(--rwa-border);border-radius:6px;font-size:14px;color:var(--rwa-text)}.rwa-hero-matches a:hover{color:var(--rwa-primary);border-color:var(--rwa-primary)}.rwa-hero-matches p{font-size:14px}.rwa-values{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--rwa-border);padding:24px 0;color:var(--rwa-muted-text)}.rwa-values span{font-size:14px;text-align:center;border-right:1px solid var(--rwa-border)}.rwa-values span:last-child{border:0}.rwa-values strong{color:var(--rwa-text);font-weight:700}.rwa-catalog-section{max-width:1248px;margin:0 auto;padding:56px 24px}.rwa-section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}.rwa-section-heading h2{margin:0 0 8px;font-size:32px}.rwa-section-heading p{margin:0;color:var(--rwa-muted-text);font-size:16px}.rwa-directory-controls{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:20px;padding:20px;border:1px solid var(--rwa-border);border-radius:10px;background:#fff}.rwa-directory-controls label{display:block}.rwa-directory-controls input,.rwa-directory-controls select{margin:8px 0 0}.rwa-directory-count{margin:16px 0 24px;font-size:14px;color:var(--rwa-muted-text)}.rwa-catalog-grid,.cards,.rwa-popular-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-card,.rwa-home-card{padding:22px;border:1px solid var(--rwa-border);border-radius:10px;box-shadow:none;background:#fff;min-width:0;display:flex;flex-direction:column}.tool-card-top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.tool-card .icon{font-family:ui-monospace,monospace;font-size:12px;font-weight:700;width:42px;height:36px;margin:0;background:#edf2fe;color:#2354cc;display:flex;align-items:center;justify-content:center}.tool-card .tool-mode{margin:0;background:transparent;padding:0;font-size:12px;color:#53647a}.tool-card h3,.rwa-home-card h3{font-size:18px;line-height:1.35;margin:0 0 10px;letter-spacing:-.3px}.tool-card p,.rwa-home-card p{font-size:14px;line-height:1.7;color:var(--rwa-muted-text);margin:0 0 22px}.tool-card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e9edf3;padding-top:14px;margin-top:auto;width:100%;gap:10px}.tool-card-bottom .tool-category{font-size:12px;margin:0;color:#53647a}.tool-card-bottom>span:last-child{color:var(--rwa-primary);font-size:19px}.tool-card:hover .tool-card-bottom>span:last-child{transform:translate(2px,-2px)}.tool-card:hover{border-color:#9eb4e9;box-shadow:0 6px 18px #17325408}.group-heading{border-bottom:1px solid var(--rwa-border);padding-bottom:16px;margin-bottom:20px}.group-heading h2{font-size:23px}.group-heading>span{font-size:14px;color:var(--rwa-muted-text)}.category-shortcuts{gap:8px}.category-shortcuts button{font-size:13px;padding:9px 12px;border-radius:7px}.hub-toolbar .filters{grid-template-columns:minmax(0,1fr) 240px}.rwa-directory-empty{padding:36px;border:1px dashed var(--rwa-border);background:#fff;text-align:center;border-radius:10px}.rwa-directory-empty h3{font-size:22px;margin-bottom:8px}.rwa-directory-empty p{color:var(--rwa-muted-text)}.rwa-directory-empty button{margin-top:16px;color:#fff;background:var(--rwa-primary)}.workspace-heading{border-bottom:1px solid var(--rwa-border)}.work-layout{grid-template-columns:minmax(0,1fr) 220px;gap:32px}.workspace{border-top:3px solid var(--rwa-primary)}.tool-aside{font-size:14px}.tool-aside .page-nav a{min-height:44px}.education{max-width:calc(100% - 252px)}.generator-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.generator-panel{box-shadow:none}.generator-output{background:#f0f4fa;border-color:#d5deec}.generator-output pre{background:#fff}.output-heading h2{font-size:21px}.rwa-tool-page main .rounded-xl{border-color:var(--rwa-border);box-shadow:none}.rwa-profile main section{border-color:var(--rwa-border)}.rwa-profile main h2{padding-bottom:12px}.rwa-editorial main article{border-top:3px solid var(--rwa-primary);box-shadow:none}.rwa-footer,#root footer{background:#17273f}#root main #guides article{border-top:3px solid #b5c8ec}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1024px){.rwa-catalog-grid,.cards,.rwa-popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rwa-home-hero>div{gap:28px!important}.rwa-values{margin:0 24px}.rwa-values span{font-size:13px}.rwa-hero-search-row{flex-wrap:wrap}.rwa-hero-search-row button{flex:1}}
@media(max-width:900px){.generator-layout{grid-template-columns:1fr}.work-layout{display:block}.tool-aside{display:none}.education{max-width:none}#root main .rwa-home-hero>div{grid-template-columns:1fr}.rwa-home-hero .rwa-product-preview{max-width:580px;width:100%}}
@media(max-width:767px){.rwa-header-inner,#root header>div:first-child{min-height:64px}.rwa-directory-controls,.hub-toolbar .filters{grid-template-columns:1fr}.rwa-section-heading{display:block}.rwa-section-heading h2{font-size:27px}.rwa-catalog-section{padding:36px 20px}.rwa-values{grid-template-columns:1fr 1fr;gap:12px;padding:20px 0}.rwa-values span:nth-child(2){border:0}.rwa-hero-search{padding:14px}.rwa-home-hero h1{font-size:36px!important}.rwa-hero-search-row{flex-wrap:nowrap}.rwa-hero-search-row button{flex:0}.rwa-section-heading>a{display:inline-block;margin-top:16px}}
@media(max-width:560px){.rwa-catalog-grid,.cards,.rwa-popular-grid{grid-template-columns:1fr}.rwa-catalog-section{padding:32px 16px}.rwa-directory-controls{padding:16px}.tool-card{padding:20px}.tool-card-top{margin-bottom:14px}.tool-card h3{font-size:18px}.category-shortcuts{display:flex}.category-shortcuts button{font-size:12px}.rwa-values{margin:0 16px}.rwa-hero-search-row button{padding:10px 12px}.rwa-home-hero h1{font-size:34px!important}.rwa-header-inner{padding:0 16px}.generator-panel{padding:20px 16px}}