:root{--bg:#f3f4f6;--surface:#ffffff;--surface-alt:#f8fafc;--line:#d1d5db;--line-strong:#9ca3af;--text:#111827;--muted:#4b5563;--accent:#1d4ed8;--success:#166534;--warning:#a16207;--danger:#b91c1c;--footer-height:4.25rem;font-family:Tahoma,Verdana,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;display:flex;flex-direction:column;min-height:100vh;color:var(--text);background:var(--bg);line-height:1.5}button,input,select{font:inherit}a{color:var(--accent)}a:hover{text-decoration:underline}.skip-link{position:absolute;left:1rem;top:-10rem;z-index:100;padding:.75rem 1rem;color:var(--text);background:#fff;border:1px solid var(--line-strong)}.skip-link:focus{top:1rem}.shell-wrap{width:min(1360px,calc(100% - 2rem));margin-inline:auto}.site-header{border-bottom:1px solid var(--line);background:var(--surface)}.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.5rem}.brand-link{color:var(--text);font-size:1.45rem;font-weight:700;letter-spacing:-.02em;text-decoration:none}.site-nav{display:flex;flex-wrap:wrap;gap:1rem}.site-nav a{color:var(--muted);font-size:.95rem;font-weight:700;text-decoration:none}.site-nav a:hover,.site-nav a:focus-visible{color:var(--accent);text-decoration:underline}.top-banner{padding-top:1rem}.app-shell{flex:1 0 auto;padding:1.25rem 0 2rem}.page-grid{display:grid;gap:1.25rem;grid-template-columns:1fr;grid-template-areas:"main" "right" "left"}.main-column{grid-area:main;min-width:0}.left-rail{grid-area:left}.right-rail{grid-area:right}.rail-stack{display:grid;gap:1rem}.content-panel,.sidebar-panel,.tool-console,.result-card,.legal-page{border:1px solid var(--line);background:var(--surface);border-radius:4px}.content-panel,.sidebar-panel,.legal-page{padding:1.25rem}.page-intro{margin-bottom:1rem}.page-title{margin:0;color:var(--text);font-size:clamp(1.9rem,4vw,2.7rem);line-height:1.15}.page-summary,.tagline,.home-intro,.sidebar-copy{margin:.85rem 0 0;color:var(--muted);font-size:1rem}.section-heading{margin-bottom:1rem}.section-heading h2,.panel-title,.result-card h2{margin:0;color:var(--text);font-size:1.1rem;line-height:1.3}.section-heading p,.panel-title+p{margin:.5rem 0 0;color:var(--muted)}.related-tools-panel h2{margin:0 0 .85rem;color:var(--text);font-size:1.1rem}.related-tools-list{margin:0;padding-left:1.1rem;color:var(--text)}.related-tools-list li+li{margin-top:.45rem}.tool-browser{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.tool-tile,.sidebar-link{display:grid;gap:.4rem;padding:1rem;color:var(--text);text-decoration:none;border:1px solid var(--line);border-radius:4px;background:var(--surface-alt)}.tool-tile:hover,.tool-tile:focus-visible,.sidebar-link:hover,.sidebar-link:focus-visible{border-color:var(--line-strong);background:#fff;text-decoration:none}.tool-tile strong,.sidebar-link strong{color:var(--text);font-size:1.05rem}.tool-tile span:last-child,.sidebar-link span{color:var(--muted);font-size:.94rem;line-height:1.45}.sidebar-nav{display:grid;gap:.75rem}.sidebar-link.is-active{border-color:var(--accent);background:#fff}.breadcrumb{margin:0 0 1rem;font-size:.92rem}.breadcrumb a{text-decoration:none}.breadcrumb a:hover,.breadcrumb a:focus-visible{text-decoration:underline}.ad-slot{min-height:160px;background:0 0}.ad-slot-leaderboard{min-height:112px}.ad-slot-rectangle{min-height:250px}.ad-slot-tall{min-height:320px}.tool-console{overflow:hidden}.tool-intro{padding:1.25rem 1.25rem 0}.url-form,.ab-form,.sample-form{padding:1.25rem}.url-form label,.ab-form label,.sample-form label{display:block;margin-bottom:.45rem;font-weight:700}.input-row{display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr)auto}#url-input,.ab-form input,.sample-form input,.sample-form select{width:100%;min-height:3rem;padding:.75rem .85rem;color:var(--text);border:1px solid var(--line-strong);border-radius:4px;background:#fff}.ab-form input[type=color]{min-height:3.1rem;padding:.25rem;cursor:pointer}button{min-height:3rem;padding:.7rem 1rem;color:#fff;background:var(--accent);border:1px solid var(--accent);border-radius:4px;cursor:pointer;font-weight:700}button:hover,button:focus-visible{background:#1e40af;border-color:#1e40af}button:disabled{opacity:.65;cursor:not-allowed}.secondary{color:var(--text);background:#fff;border-color:var(--line-strong)}.secondary:hover,.secondary:focus-visible{background:var(--surface-alt);border-color:var(--line-strong)}.button-row,.ab-actions,.chart-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.button-row{margin-top:.75rem}.status{margin:.9rem 0 0;color:var(--muted);font-size:.94rem}.results-grid{display:grid;gap:1rem;margin-top:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.result-card{min-height:0;padding:1rem;overflow-wrap:anywhere}.result-card.wide{grid-column:1/-1}.result-card h2{margin-bottom:.8rem;padding-bottom:.6rem;border-bottom:1px solid var(--line)}.result-card h3{margin:1rem 0 .6rem;color:var(--text);font-size:1rem}.empty-state{color:var(--muted)}.kv-table{width:100%;border-collapse:collapse;font-size:.94rem}.kv-table th,.kv-table td{padding:.6rem;border:1px solid var(--line);text-align:left;vertical-align:top}.kv-table th{width:12rem;background:var(--surface-alt)}.pill-list{display:flex;flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none}.pill-list li{padding:.3rem .55rem;border:1px solid var(--line);border-radius:999px;background:var(--surface-alt);font-size:.9rem}.notice{padding:.75rem;border:1px solid #f59e0b;border-radius:4px;background:#fffbeb;line-height:1.45}.code-box{display:block;margin-top:.55rem;padding:.7rem;overflow-x:auto;color:#e5e7eb;background:#111827;border-radius:4px;font-family:courier new,Courier,monospace;font-size:.88rem}.ab-console{margin-bottom:1rem}.ab-form{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}.ab-form fieldset,.sample-form fieldset{display:grid;gap:.55rem;margin:0;padding:1rem;border:1px solid var(--line);border-radius:4px;background:var(--surface-alt)}.ab-form legend,.sample-form legend{padding:0 .35rem;color:var(--text);font-weight:700}.sample-form{display:grid;gap:1rem;border-top:1px solid var(--line)}.sample-actions,.sample-form .status{grid-column:1/-1}.sample-results-grid{display:grid;gap:1rem;padding:0 1.25rem 1.25rem;grid-template-columns:repeat(2,minmax(0,1fr))}.sample-help-panel{padding:0 1.25rem 1.25rem}.sample-help-panel h2{margin:0 0 .85rem;color:var(--text);font-size:1.1rem}.sample-help-list{grid-template-columns:repeat(2,minmax(0,1fr))}.control-fieldset,.variants-container,.ab-actions,.ab-form .status{grid-column:1/-1}.variants-container{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.remove-variant{justify-self:start}.ab-results-grid{display:grid;gap:1rem;padding:0 1.25rem 1.25rem;grid-template-columns:minmax(18rem,.82fr)minmax(0,1.18fr)}.metric-list{display:grid;gap:.7rem;margin:0;padding:0;list-style:none}.metric-list li{padding:.75rem;border:1px solid var(--line);border-radius:4px;background:var(--surface-alt)}.metric-list strong{display:block;margin-bottom:.15rem;color:var(--text);font-size:1.05rem}.significance-win{border-left:4px solid var(--success)!important}.significance-watch{border-left:4px solid var(--warning)!important}.significance-loss{border-left:4px solid var(--danger)!important}.chart-card{min-height:0}.chart-header{display:flex;flex-wrap:wrap;gap:.6rem;align-items:baseline;justify-content:space-between;margin-bottom:.5rem}#chart-caption{color:var(--muted);font-size:.9rem}#ab-chart{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:4px;background:#fff}.legal-page .page-title{margin-bottom:1rem}.legal-content{max-width:820px;color:var(--text)}.legal-content h2,.legal-content h3{margin-top:1.6rem;color:var(--text)}.site-footer{margin-top:auto;border-top:1px solid var(--line);background:var(--surface)}.site-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:var(--footer-height);padding:.75rem 0}.site-footer p{margin:0;color:var(--muted);font-size:.9rem}.site-footer a{color:inherit}@media(min-width:780px){.page-grid{grid-template-columns:minmax(0,1fr)260px;grid-template-areas:"main right"}}@media(min-width:1140px){.page-grid{grid-template-columns:220px minmax(0,1fr)260px;grid-template-areas:"left main right"}.side-rail{position:sticky;top:1rem;align-self:start}}@media(max-width:900px){.input-row,.results-grid,.ab-form,.ab-results-grid,.sample-results-grid{grid-template-columns:1fr}.control-fieldset,.variants-container,.ab-actions,.ab-form .status,.sample-actions,.sample-form .status,.result-card.wide{grid-column:auto}}@media(max-width:720px){.shell-wrap{width:calc(100% - 1rem)}.site-header-inner,.site-footer-inner{flex-direction:column;align-items:flex-start;justify-content:center}.site-nav{gap:.75rem}.content-panel,.sidebar-panel,.legal-page{padding:1rem}.tool-intro,.url-form,.ab-form,.sample-form,.sample-help-panel,.ab-results-grid,.sample-results-grid{padding-left:1rem;padding-right:1rem}.sample-help-list{grid-template-columns:1fr}}