/* AI Visibility app. Same tokens and components as the API console + the mockups (plan D26). */
:root{--bg:#f6f7f9;--panel:#fff;--border:#e3e6ea;--text:#1c2430;--muted:#68717d;--accent:#E67E21;--accent-ink:#b4530a;--accent-soft:#fdf1e6;--good:#1a7f49;--good-soft:#e6f4ec;--bad:#b33a3a;--bad-soft:#fbeaea;--blue:#2f6fd6;--blue-soft:#e9f0fc;--grey-soft:#eef0f3;--grey-ink:#4a535f;--pick:#fffaf5;--mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
[data-theme="dark"]{--bg:#101318;--panel:#181d24;--border:#262d37;--text:#e8ebef;--muted:#8b95a1;--accent:#f08a2c;--accent-ink:#f5a35a;--accent-soft:#2a2118;--good:#2fbf71;--good-soft:#16281f;--bad:#e05c5c;--bad-soft:#2c1a1a;--blue:#5b95ec;--blue-soft:#18233a;--grey-soft:#222932;--grey-ink:#aab3be;--pick:#221c15}
@media (prefers-color-scheme:dark){[data-theme=""]{--bg:#101318;--panel:#181d24;--border:#262d37;--text:#e8ebef;--muted:#8b95a1;--accent:#f08a2c;--accent-ink:#f5a35a;--accent-soft:#2a2118;--good:#2fbf71;--good-soft:#16281f;--bad:#e05c5c;--bad-soft:#2c1a1a;--blue:#5b95ec;--blue-soft:#18233a;--grey-soft:#222932;--grey-ink:#aab3be;--pick:#221c15}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 var(--sans);min-height:100dvh}
a{color:var(--accent-ink);text-decoration:none}
[x-cloak]{display:none!important}
h1,h2,h3{margin:0;line-height:1.25}
h1{font-size:22px}h2{font-size:16px}h3{font-size:14px}
.hdr{background:var(--panel);border-bottom:1px solid var(--border);position:relative;z-index:2}
.hdr-in{max-width:1100px;margin:0 auto;padding:0 16px;height:56px;display:flex;align-items:center;gap:12px}
.logo{display:flex;align-items:center;gap:6px;flex:none;color:inherit}
.logo img{height:18px;width:auto;display:block}
.logo .path{font-family:var(--mono);font-size:13px;color:var(--text)}
[data-theme="dark"] .logo img{filter:none}
@media (prefers-color-scheme:dark){[data-theme=""] .logo img{filter:none}}
.sp{flex:1}
.av{width:32px;height:32px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;flex:none;border:0;cursor:pointer}
.tbtn{background:none;border:1px solid var(--border);color:var(--muted);border-radius:7px;padding:5px 9px;cursor:pointer;font-size:13px}
.wrap{max-width:1100px;margin:0 auto;padding:20px 16px 64px;display:flex;flex-direction:column;gap:16px}
.narrow{max-width:620px;padding-top:28px}.mid{max-width:960px;padding-top:28px}
.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px}
.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:12px}
.row{display:flex;align-items:center;gap:10px}
.between{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.stack{display:flex;flex-direction:column;gap:10px}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:9px;padding:9px 14px;font:600 14px var(--sans);cursor:pointer;border:1px solid transparent;background:var(--accent);color:#fff;white-space:nowrap;transition:filter .12s,opacity .12s}
.btn:hover{filter:brightness(1.05)}
.btn.sec{background:var(--panel);border-color:var(--border);color:var(--text);font-weight:500}
.btn.ghost{background:none;color:var(--accent-ink);padding:6px 8px}
.btn.block{width:100%;padding:11px}
.btn:disabled{opacity:.5;cursor:default}
.pill{display:inline-flex;align-items:center;gap:4px;border-radius:20px;padding:2px 9px;font-size:12px;font-weight:600;white-space:nowrap;border:0;font-family:var(--sans)}
.p-good{background:var(--good-soft);color:var(--good)}.p-bad{background:var(--bad-soft);color:var(--bad)}.p-acc{background:var(--accent-soft);color:var(--accent-ink)}.p-grey{background:var(--grey-soft);color:var(--grey-ink)}.p-blue{background:var(--blue-soft);color:var(--blue)}
button.pill{cursor:pointer;font-weight:500}
.field{display:flex;flex-direction:column;gap:5px}
.field label,legend{font-size:13px;color:var(--muted)}
input[type=text],input[type=email],input[type=search],input[type=number],input:not([type]),select,textarea{width:100%;background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:9px 11px;font:14px var(--sans);color:var(--text)}
input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:0;border-color:var(--accent)}
input[type=radio]{accent-color:var(--accent);flex:none}
input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:none;width:34px;height:20px;margin:0;border-radius:20px;background:color-mix(in srgb,var(--muted) 45%,var(--panel));border:1px solid transparent;position:relative;cursor:pointer;transition:background .15s,border-color .15s}
input[type=checkbox]::before{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .15s}
input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}
input[type=checkbox]:checked::before{transform:translateX(14px)}
input[type=checkbox]:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}
input[type=checkbox]:disabled{opacity:.5;cursor:default}
@media (prefers-reduced-motion:reduce){input[type=checkbox],input[type=checkbox]::before{transition:none}}
fieldset{border:0;padding:0;margin:0}
.list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--panel)}
.list>*{padding:11px 14px;border-top:1px solid var(--border)}
.list>*:first-child{border-top:0}
.list label{cursor:pointer}
.list .on,.choice.on{background:var(--pick);border-color:var(--accent)}
.choice{padding:10px 12px;cursor:pointer}
.g{width:18px;height:18px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23FFC107' d='M43.6 20.1H42V20H24v8h11.3C33.7 32.7 29.2 36 24 36c-6.6 0-12-5.4-12-12s5.4-12 12-12c3.1 0 5.8 1.2 7.9 3.1l5.7-5.7C34 6.1 29.3 4 24 4 13 4 4 13 4 24s9 20 20 20 20-9 20-20c0-1.3-.1-2.6-.4-3.9z'/%3E%3Cpath fill='%23FF3D00' d='M6.3 14.7l6.6 4.8C14.7 15.1 19 12 24 12c3.1 0 5.8 1.2 7.9 3.1l5.7-5.7C34 6.1 29.3 4 24 4 16.3 4 9.7 8.3 6.3 14.7z'/%3E%3Cpath fill='%234CAF50' d='M24 44c5.2 0 9.9-2 13.4-5.2l-6.2-5.2C29.2 35.1 26.7 36 24 36c-5.2 0-9.6-3.3-11.3-7.9l-6.5 5C9.5 39.6 16.2 44 24 44z'/%3E%3Cpath fill='%231976D2' d='M43.6 20.1H42V20H24v8h11.3c-.8 2.2-2.2 4.2-4.1 5.6l6.2 5.2C37 39.2 44 34 44 24c0-1.3-.1-2.6-.4-3.9z'/%3E%3C/svg%3E") center/contain no-repeat}
.ics{display:flex;align-items:center;flex:none;min-width:32px}.ics .ci{width:20px;height:20px;flex:none;border-radius:50%;background-color:var(--panel);background-position:center;background-size:cover;background-repeat:no-repeat;border:2px solid var(--panel)}.ics .ci+.ci{margin-left:-8px}.ics .ci.g{background-size:13px}.ics span{font-size:11px;color:var(--muted);margin-left:4px}
.bar{height:8px;border-radius:5px;background:var(--grey-soft);overflow:hidden;flex:1}
.bar>span{display:block;height:100%;background:var(--accent);border-radius:5px;transition:width .6s ease}
@media (prefers-reduced-motion:reduce){.bar>span{transition:none}}
.steps{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted);flex-wrap:wrap}
.steps b{display:inline-flex;width:22px;height:22px;border-radius:50%;align-items:center;justify-content:center;background:var(--grey-soft);color:var(--grey-ink);font-size:12px;margin-right:4px}
.steps .on{color:var(--text);font-weight:600}.steps .on b{background:var(--accent);color:#fff}
.steps .done b{background:var(--good);color:#fff}
.steps .sep{width:18px;height:1px;background:var(--border)}
.msg{border-radius:9px;padding:10px 13px;font-size:14px}
.msg.ok{background:var(--good-soft);color:var(--good)}
.msg.err{background:var(--bad-soft);color:var(--bad)}
.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:300;max-width:calc(100% - 32px);box-shadow:0 8px 24px rgba(0,0,0,.18)}
.sk{background:linear-gradient(90deg,var(--grey-soft) 25%,color-mix(in srgb,var(--grey-soft) 55%,var(--panel)) 50%,var(--grey-soft) 75%);background-size:200% 100%;animation:sk 1.2s ease-in-out infinite;border-radius:7px;height:14px}
@keyframes sk{to{background-position:-200% 0}}
.spin{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:sp .7s linear infinite;vertical-align:-2px}
@keyframes sp{to{transform:rotate(360deg)}}
.fade{animation:fd .18s ease-out}
@keyframes fd{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.sk,.spin,.fade{animation:none}}
.menu{position:absolute;right:16px;top:52px;background:var(--panel);border:1px solid var(--border);border-radius:10px;min-width:190px;display:flex;flex-direction:column;padding:6px;z-index:50;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.menu a,.menu button{display:block;width:100%;text-align:left;background:none;border:0;color:var(--text);font:14px var(--sans);padding:8px 12px;border-radius:7px;cursor:pointer}
.menu a:hover,.menu button:hover{background:var(--bg)}
.menu hr{border:0;border-top:1px solid var(--border);margin:5px 4px}
.price{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums}
.price small{font-size:15px;color:var(--muted);font-weight:500}
.lines{display:flex;flex-direction:column;gap:6px;font-size:14px;font-variant-numeric:tabular-nums}
.q{display:flex;flex-direction:column;gap:8px}
textarea.qtext{display:block;resize:none;overflow:hidden;font-size:15px;line-height:1.5;padding:10px 12px;background:var(--bg);field-sizing:content;transition:border-color .15s}
textarea.qtext:hover{border-color:color-mix(in srgb,var(--muted) 45%,var(--border))}
.q:not(.on) textarea.qtext{color:var(--muted)}
select{appearance:none;-webkit-appearance:none;padding-right:34px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' fill='none' stroke='%238b95a1' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:12px}
select:hover{border-color:color-mix(in srgb,var(--muted) 50%,var(--border))}
select:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:1px}
@media (max-width:760px){
 .g2{grid-template-columns:1fr}
 h1{font-size:19px}
 .card{padding:14px;border-radius:10px}
 .wrap{padding:14px 12px 96px;gap:12px}
 .hdr-in{padding:0 12px;gap:8px}
 .logo .path{display:none}
 .hide-m{display:none!important}
}

/* assistant logos (simple-icons 13.21.0, CC0) as masks so they follow the theme */
.al{display:inline-block;flex:none;width:18px;height:18px;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;background:var(--muted)}
.al-chatgpt{--m:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z'/%3E%3C/svg%3E");background:var(--text)}
.al-gemini{--m:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.04 19.32Q12 21.51 12 24q0-2.49.93-4.68.96-2.19 2.58-3.81t3.81-2.55Q21.51 12 24 12q-2.49 0-4.68-.93a12.3 12.3 0 0 1-3.81-2.58 12.3 12.3 0 0 1-2.58-3.81Q12 2.49 12 0q0 2.49-.96 4.68-.93 2.19-2.55 3.81a12.3 12.3 0 0 1-3.81 2.58Q2.49 12 0 12q2.49 0 4.68.96 2.19.93 3.81 2.55t2.55 3.81'/%3E%3C/svg%3E");background:linear-gradient(135deg,#4285f4,#9b72cb 60%,#d96570)}
.al-claude{--m:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4.7144 15.9555 4.7174-2.6471.079-.2307-.079-.1275h-.2307l-.7893-.0486-2.6956-.0729-2.3375-.0971-2.2646-.1214-.5707-.1215-.5343-.7042.0546-.3522.4797-.3218.686.0608 1.5179.1032 2.2767.1578 1.6514.0972 2.4468.255h.3886l.0546-.1579-.1336-.0971-.1032-.0972L6.973 9.8356l-2.55-1.6879-1.3356-.9714-.7225-.4918-.3643-.4614-.1578-1.0078.6557-.7225.8803.0607.2246.0607.8925.686 1.9064 1.4754 2.4893 1.8336.3643.3035.1457-.1032.0182-.0728-.164-.2733-1.3539-2.4467-1.445-2.4893-.6435-1.032-.17-.6194c-.0607-.255-.1032-.4674-.1032-.7285L6.287.1335 6.6997 0l.9957.1336.419.3642.6192 1.4147 1.0018 2.2282 1.5543 3.0296.4553.8985.2429.8318.091.255h.1579v-.1457l.1275-1.706.2368-2.0947.2307-2.6957.0789-.7589.3764-.9107.7468-.4918.5828.2793.4797.686-.0668.4433-.2853 1.8517-.5586 2.9021-.3643 1.9429h.2125l.2429-.2429.9835-1.3053 1.6514-2.0643.7286-.8196.85-.9046.5464-.4311h1.0321l.759 1.1293-.34 1.1657-1.0625 1.3478-.8804 1.1414-1.2628 1.7-.7893 1.36.0729.1093.1882-.0183 2.8535-.607 1.5421-.2794 1.8396-.3157.8318.3886.091.3946-.3278.8075-1.967.4857-2.3072.4614-3.4364.8136-.0425.0304.0486.0607 1.5482.1457.6618.0364h1.621l3.0175.2247.7892.522.4736.6376-.079.4857-1.2142.6193-1.6393-.3886-3.825-.9107-1.3113-.3279h-.1822v.1093l1.0929 1.0686 2.0035 1.8092 2.5075 2.3314.1275.5768-.3218.4554-.34-.0486-2.2039-1.6575-.85-.7468-1.9246-1.621h-.1275v.17l.4432.6496 2.3436 3.5214.1214 1.0807-.17.3521-.6071.2125-.6679-.1214-1.3721-1.9246L14.38 17.959l-1.1414-1.9428-.1397.079-.674 7.2552-.3156.3703-.7286.2793-.6071-.4614-.3218-.7468.3218-1.4753.3886-1.9246.3157-1.53.2853-1.9004.17-.6314-.0121-.0425-.1397.0182-1.4328 1.9672-2.1796 2.9446-1.7243 1.8456-.4128.164-.7164-.3704.0667-.6618.4008-.5889 2.386-3.0357 1.4389-1.882.929-1.0868-.0062-.1579h-.0546l-6.3385 4.1164-1.1293.1457-.4857-.4554.0608-.7467.2307-.2429 1.9064-1.3114Z'/%3E%3C/svg%3E");background:#d97757}
.al-perplexity{--m:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.3977 7.0896h-2.3106V.0676l-7.5094 6.3542V.1577h-1.1554v6.1966L4.4904 0v7.0896H1.6023v10.3976h2.8882V24l6.932-6.3591v6.2005h1.1554v-6.0469l6.9318 6.1807v-6.4879h2.8882V7.0896zm-3.4657-4.531v4.531h-5.355l5.355-4.531zm-13.2862.0676 4.8691 4.4634H5.6458V2.6262zM2.7576 16.332V8.245h7.8476l-6.1149 6.1147v1.9723H2.7576zm2.8882 5.0404v-3.8852h.0001v-2.6488l5.7763-5.7764v7.0111l-5.7764 5.2993zm12.7086.0248-5.7766-5.1509V9.0618l5.7766 5.7766v6.5588zm2.8882-5.0652h-1.733v-1.9723L13.3948 8.245h7.8478v8.087z'/%3E%3C/svg%3E");background:#20808d}
.al-maps{--m:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 1.5c-4.14 0-7.5 3.3-7.5 7.38 0 5.6 6.6 12.62 6.88 12.92a.85.85 0 0 0 1.24 0c.28-.3 6.88-7.32 6.88-12.92 0-4.08-3.36-7.38-7.5-7.38zm0 10.13a2.75 2.75 0 1 1 0-5.5 2.75 2.75 0 0 1 0 5.5z'/%3E%3C/svg%3E");background:#34a853}
/* results */
.hero{display:flex;align-items:center;gap:22px;padding:22px}
.ring{--p:0%;flex:none;width:112px;height:112px;border-radius:50%;background:conic-gradient(var(--accent) var(--p),var(--grey-soft) 0);display:grid;place-items:center}
.ring>div{width:86px;height:86px;border-radius:50%;background:var(--panel);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}
.ring b{font-size:26px;font-weight:700}.ring span{font-size:11px;color:var(--muted)}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.h2{font-size:15px;font-weight:650;margin:0}
.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid var(--border);background:var(--panel)}
.chip.yes{background:var(--good-soft);border-color:transparent;color:var(--good)}
.chip.no{color:var(--muted)}.chip.no .al{opacity:.55}
.vrow{display:flex;align-items:center;gap:12px}
.cav{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;background:var(--blue-soft);color:var(--blue)}
.vrow.you .cav{background:var(--accent-soft);color:var(--accent-ink)}.vrow.you .ell{font-weight:600}
.fav{flex:none;width:22px;height:22px;border-radius:5px;background:var(--grey-soft)}
.bar.thin{height:6px}.bar.alt>span{background:var(--blue)}
.ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
@media (max-width:520px){.hero{flex-direction:column;align-items:flex-start}}
.stack>.bar{flex:none;width:100%}
.chart{width:100%;height:auto;display:block;overflow:visible}
.chart .grid{stroke:var(--border);stroke-width:1}.chart .lab{fill:var(--muted);font-size:11px;font-family:var(--sans)}
.chart .area{fill:color-mix(in srgb,var(--accent) 12%,transparent)}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%}
/* overview tabs, trial bar, locked rows */
.tabs{display:flex;gap:4px;margin:0 -18px;padding:0 12px;border-top:1px solid var(--border);overflow-x:auto}
.tabs a{padding:11px 10px;font-size:14px;font-weight:600;color:var(--muted);text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}
.tabs a.on{color:var(--text);border-bottom-color:var(--accent)}.tabs a:hover{color:var(--text)}
@media (max-width:520px){.tabs{gap:0;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs a{padding:10px 8px;font-size:13px}} /* one scrollable row; Overview and Questions stay in view */
.trialbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--pick);border-color:var(--accent)}
.locked{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-style:dashed}
.lock{flex:none;display:inline-block;width:14px;height:14px;background:var(--muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10V7a5 5 0 0 1 10 0v3h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1zm2 0h6V7a3 3 0 0 0-6 0z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10V7a5 5 0 0 1 10 0v3h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1zm2 0h6V7a3 3 0 0 0-6 0z'/%3E%3C/svg%3E") center/contain no-repeat}
.dim{opacity:.6}
button.chip{cursor:pointer;font:600 13px var(--sans);color:var(--text)}
.ans{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}
.md{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.md p{margin:0 0 8px}.md ul{margin:0 0 8px;padding-inline-start:20px}.md li{margin:2px 0}
.md mark{background:var(--accent-soft);color:var(--accent-ink);border-radius:3px;padding:0 2px;font-weight:600}
.md.clamp{max-height:9.6em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
.src{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:3px 8px;border:1px solid var(--border);border-radius:999px;color:var(--text);text-decoration:none;background:var(--panel)}
.src img{width:14px;height:14px;border-radius:3px}a.src:not([href]){cursor:default}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.stat{display:flex;flex-direction:column;gap:2px}.stat .price{font-size:28px}
.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.bcard{display:flex;flex-direction:column;gap:14px;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.bcard:hover,.bcard:focus-visible{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:0 4px 16px rgba(0,0,0,.06);outline:0}
.ring.sm{width:58px;height:58px}.ring.sm>div{width:44px;height:44px}.ring.sm b{font-size:14px}
.gconnect{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}
.gconnect .gtext{flex:1 1 200px;min-width:0}.gconnect>.btn{margin-left:auto}
@media (max-width:560px){.gconnect{align-items:flex-start}.gconnect>.btn{flex:1 1 100%;margin-left:0}}
.imp{display:flex;gap:14px;align-items:flex-start}
.imp .mark{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:14px;background:var(--accent-soft);color:var(--accent-ink)}
.imp.done .mark{background:var(--good-soft);color:var(--good)}.imp.info .mark{background:var(--blue-soft);color:var(--blue)}
.imp.done{opacity:.85}
.snip{border:1px solid var(--border);border-radius:9px;background:var(--bg);padding:8px 10px}
.snip pre{margin:6px 0 0;max-height:220px;overflow:auto;font:12px/1.5 var(--mono);white-space:pre-wrap;word-break:break-word}
.inv{padding:12px 16px;border-top:1px solid var(--border);gap:12px;flex-wrap:wrap}.inv:first-child{border-top:0}
@media (prefers-reduced-motion:reduce){.bcard{transition:none}}
.pricebox{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}
.confirm{border-color:var(--accent);background:var(--pick)}
.prow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-top:1px solid var(--border);font-size:14px}.prow:first-child{border-top:0}.prow>span{flex:none;font-weight:600}
.bands{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.brow .small{white-space:nowrap}.brow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-top:1px solid var(--border)}
.bav{position:relative;flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--grey-soft);color:var(--grey-ink);font-weight:700;font-size:11px;overflow:hidden}
.bav img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--panel)}
.bav.lg{width:40px;height:40px;font-size:15px}
.hamb{display:none;background:none;border:1px solid var(--border);color:var(--text);border-radius:8px;padding:5px 8px;cursor:pointer}.hamb svg{display:block}
@media (max-width:760px){.hdr .hamb{display:inline-flex;align-items:center}.hdr .av{display:none}
  .menu{left:0;right:0;top:56px;border-radius:0;border-left:0;border-right:0;min-width:0;padding:8px 10px 12px}.menu a,.menu button{padding:11px 12px;font-size:15px}
  .logo .path{display:inline!important;font-size:12px}}
.rtable{width:100%;border-collapse:collapse;font-size:14px}.rtable th,.rtable td{text-align:left;padding:11px 14px;border-top:1px solid var(--border);vertical-align:top}.rtable th{border-top:0;font-size:12px;color:var(--muted)}
@media print{.hdr,.noprint,.toast,.menu{display:none!important}body{background:#fff}.card{break-inside:avoid;box-shadow:none}.report-print{max-width:none;padding:0}}

/* sources list */
.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -2px;padding:2px}.chips::-webkit-scrollbar{display:none}.chips .chip{flex:none}
.srcs{padding:4px 16px}.srow{display:flex;gap:12px;align-items:flex-start;padding:14px 0}.srow+.srow{border-top:1px solid var(--border)}.srow .fav{margin-top:2px}
.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.locrow{display:flex;align-items:center;gap:12px;width:100%;background:none;border:0;border-top:1px solid var(--border);padding:10px 0;font:inherit;color:inherit;text-align:left;cursor:pointer}
.locrow:first-of-type{border-top:0}.locbar{flex:0 0 30%;height:6px;border-radius:3px;background:var(--grey-soft);overflow:hidden}.locbar span{display:block;height:100%;background:var(--accent)}
.htools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.htools input[type=search]{flex:1 1 220px;width:auto}.htools select{width:auto}.htools .chips{flex:0 1 auto}
.btable{padding:0;overflow:hidden}.brow{display:flex;align-items:center;gap:12px;padding:12px 16px;color:inherit;text-decoration:none}.brow+.brow{border-top:1px solid var(--border)}.brow:hover{background:var(--bg)}
.brow .bmain{flex:1;min-width:0;display:flex;flex-direction:column}.brow .bsurf{display:flex;gap:10px}.brow .bpct{width:48px;text-align:right;font-size:17px}
@media (max-width:640px){.brow .bsurf{display:none}.brow{padding:12px}}
.brow .bdelta{width:52px;text-align:right;flex:none}
.spark{width:100%;height:32px}.spark polyline{fill:none;stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke}
.feed{display:flex;align-items:center;gap:10px;padding:9px 0;color:inherit;text-decoration:none}.feed+.feed{border-top:1px solid var(--border)}.feed .pill{flex:none;min-width:28px;justify-content:center}
.setup{display:flex;gap:12px;align-items:flex-start;padding:8px 0;color:inherit;text-decoration:none}.setup .tick{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid var(--border);display:grid;place-items:center;font-size:12px;color:#fff}
.setup.done{opacity:.6}.setup.done .tick{background:var(--good);border-color:var(--good)}.setup.done b{text-decoration:line-through}
.summary{display:flex;gap:20px;align-items:center}.summary .ring{width:128px;height:128px}.summary .ring>div{width:98px;height:98px}.summary .ring b{font-size:30px}
@media (max-width:520px){.summary{flex-direction:column;align-items:stretch}.summary .ring{align-self:center}}
.minis{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px}.minis .mini{display:flex;flex-direction:column;gap:0;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:var(--panel);color:inherit;text-decoration:none}
.minis .mini b{font-size:20px}.minis .mini span{font-size:12px;color:var(--muted)}a.mini b{color:var(--accent-ink)}
@media (max-width:640px){.htools input[type=search]{flex-basis:100%}.htools .chips{flex-basis:100%;order:5}}
html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.chip,.pill.pw{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left}
.vrow.cmp>.cnts{flex:none}
.youcard{border-color:var(--accent)}
@media (max-width:420px){.vrow.cmp{flex-wrap:wrap}.vrow.cmp>.cnts{flex-basis:100%;padding-inline-start:42px}}
/* products and categories card */
.plist{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.prow{display:flex;align-items:center;gap:12px;padding:10px 12px;min-width:0}.prow+.prow{border-top:1px solid var(--border)}
.pico{flex:none;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue)}.pico.cat{background:var(--accent-soft);color:var(--accent-ink)}
.ppanel{border-top:1px solid var(--border);padding-top:12px}
.seg{display:inline-flex;align-self:flex-start;padding:3px;border-radius:10px;background:var(--grey-soft)}
.seg button{border:0;background:none;font:600 13px var(--sans);color:var(--muted);padding:6px 14px;border-radius:8px;cursor:pointer}.seg button.on{background:var(--panel);color:var(--text);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.addchip span:first-child{color:var(--accent-ink);font-weight:700}.addchip:hover{border-color:var(--accent)}.addchip:disabled{opacity:.55;cursor:default}
.sugl{display:flex;flex-direction:column;gap:6px}
.sug{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;border:1px solid var(--border);border-radius:10px;background:var(--panel);padding:9px 12px;font:500 14px var(--sans);color:var(--text);cursor:pointer;min-width:0}.sug:hover{border-color:var(--accent)}.sug:disabled{opacity:.55;cursor:default}
/* tab badges: Competitors (n), Sources (n), Improve (n to do) */
.tabn{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:999px;background:var(--grey-soft);color:var(--grey-ink);font-size:11px;font-weight:700;line-height:1;vertical-align:1px}.tabn.acc{background:var(--accent);color:#fff}
/* settings > users */
.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.roles div{border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:var(--panel);display:flex;flex-direction:column;gap:2px}.roles b{font-size:13px}.roles span{font-size:12px;color:var(--muted)}
@media (max-width:640px){.roles{grid-template-columns:1fr}}
.avs{display:flex;flex:none}.avs .cav{box-shadow:0 0 0 2px var(--panel)}.avs .cav+.cav{margin-left:-8px}
.urow{border-top:1px solid var(--border);padding-top:12px}
.seg.sm{flex:none}.seg.sm button{padding:5px 10px;font-size:12px}
.give{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:12px}
/* account menu: who you are, icons, the page you're on */
.menu{min-width:240px}
.menu a,.menu button{display:flex;align-items:center;gap:10px}.menu a svg,.menu button svg{color:var(--muted);flex:none}
.menu a.on{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.menu a.on svg{color:var(--accent-ink)}
.menu .mout{color:var(--muted)}.menu .mout:hover{color:var(--bad)}.menu .mout:hover svg{color:var(--bad)}
.mhead{display:flex;align-items:center;gap:10px;padding:8px 10px 10px;border-bottom:1px solid var(--border);margin-bottom:6px}
.av.lgav{width:36px;height:36px;font-size:14px;cursor:default}
.av{font-size:12px;letter-spacing:.02em}
/* free-text question filter */
.qfilter{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:10px;background:var(--panel);padding:0 10px;color:var(--muted)}.qfilter input{border:0;background:none;padding:8px 0;flex:1;min-width:0;box-shadow:none;outline:none}.qfilter:focus-within{border-color:var(--accent)}
/* account menu anchored to the centred header row, under the avatar */
.hdr-in{position:relative}@media (min-width:761px){.menu{top:calc(100% + 6px)}}
/* product scope (business header) + Questions tab bar */
.scopesel{width:auto;max-width:220px;flex:none}
.scopenote{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border-radius:10px;background:var(--accent-soft);color:var(--accent-ink);font-size:14px;font-weight:600}
.pcard{cursor:pointer}.pcard:hover{border-color:var(--accent)}
.qbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.qctl{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.qctl .qfilter{width:240px}
@media (max-width:640px){.qctl{flex-wrap:wrap;width:100%}.qctl .qfilter{width:100%}.scopesel{max-width:140px}}
/* styled dropdowns (select enhancer): the button looks like the select, the list is a panel */
.sx{position:relative;display:block;width:100%;min-width:0}
.sxsel{position:absolute!important;inset:0;width:100%!important;height:100%;opacity:0;pointer-events:none}
.sxbtn{display:flex;align-items:center;width:100%;min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:9px 34px 9px 11px;font:14px var(--sans);color:var(--text);text-align:left;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' fill='none' stroke='%238b95a1' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:12px}
.sxbtn:hover{border-color:color-mix(in srgb,var(--muted) 50%,var(--border))}.sxbtn:focus-visible,.sx.open .sxbtn{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:0;border-color:var(--accent)}
.sxbtn:disabled{opacity:.6;cursor:default}
.sxt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.sxp{position:absolute;z-index:60;left:0;top:calc(100% + 4px);min-width:100%;width:max-content;max-width:min(360px,92vw);max-height:320px;overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.16);padding:4px}
.sxp.up{top:auto;bottom:calc(100% + 4px)}.sxp.right{left:auto;right:0}
.sxo{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:8px 10px 8px 28px;border:0;border-radius:7px;background:none;font:14px var(--sans);color:var(--text);cursor:pointer;position:relative;white-space:nowrap}
.sxo.act{background:var(--bg)}.sxo.on{font-weight:600;color:var(--accent-ink)}.sxo.on::before{content:'';position:absolute;left:10px;top:50%;width:10px;height:6px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-70%) rotate(-45deg)}
.sxo:disabled{opacity:.45;cursor:default}
.sxg{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:10px 10px 4px}
.sxs{position:sticky;top:0;width:100%;margin-bottom:4px;border:1px solid var(--border);border-radius:8px;padding:7px 10px;font:14px var(--sans);background:var(--panel);color:var(--text)}
/* scope bar (product / location) */
.scopenote{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:var(--accent-soft);color:var(--accent-ink);font-size:14px;font-weight:600;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}
.scopeclr{display:inline-flex;align-items:center;gap:6px;flex:none;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);background:var(--panel);color:var(--accent-ink);font:600 13px var(--sans);padding:6px 10px;border-radius:999px;cursor:pointer}.scopeclr:hover{border-color:var(--accent)}.scopeclr span:last-child{font-size:15px;line-height:1}
.linkbtn{background:none;border:0;padding:0;font:inherit;color:var(--accent-ink);font-weight:600;cursor:pointer}.linkbtn:hover{text-decoration:underline}
.why{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px}
.why>.tiny{margin-right:2px}
.whyi{display:inline-block;padding:3px 10px;border-radius:8px;background:var(--grey-soft);color:var(--grey-ink);font-size:12px;font-weight:500;line-height:1.4;max-width:100%;overflow-wrap:anywhere}
.htools .sx{width:auto;flex:0 0 190px}
.hbreak{flex-basis:100%;height:0}
.seg{background:var(--grey-soft);border-radius:10px;padding:3px;gap:2px;margin:0}
.seg .chip{border:0;background:none;color:var(--muted);font-weight:600;padding:5px 12px;border-radius:8px}
.seg .chip:hover{color:var(--text)}
.seg .chip.yes{background:var(--panel);color:var(--text);box-shadow:0 1px 2px rgba(0,0,0,.08),0 0 0 1px var(--border)}
@media (max-width:640px){.htools .sx{flex:1 1 140px}}
.menu .mlangs{display:flex;justify-content:space-between;gap:2px;padding:6px 6px 2px}
.menu .mlangs button{display:flex;align-items:center;justify-content:center;width:auto;padding:4px;border:0;border-radius:7px;background:none;cursor:pointer;opacity:.75;transition:opacity .12s,background .12s}
.menu .mlangs button:hover{opacity:1;background:var(--bg)}
.menu .mlangs button.on{opacity:1;background:var(--accent-soft);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}
.menu .mlangs img{display:block;width:22px;height:22px}
@media (max-width:640px){.menu .mlangs{justify-content:flex-start;gap:8px;padding:8px 12px 4px}.menu .mlangs button{padding:6px}}
.qtop{display:flex;gap:8px;align-items:center}.qtop .qfilter{flex:1;min-width:0;margin:0}
.qgh{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-weight:700;font-size:15px;padding:0 2px}
.fsave{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:40;display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:8px 8px 8px 16px;box-shadow:0 10px 30px rgba(0,0,0,.18);max-width:calc(100vw - 32px)}
@media (max-width:640px){.fsave{bottom:84px}}
/* questions settings: one quiet row per question; text edits in place */
.list>.qrow{display:flex;align-items:flex-start;gap:12px;padding:10px 10px 10px 14px;background:var(--panel)}
/* question rows hold dropdowns: the list can't clip them, so the rows carry the rounded corners */
.list:has(>.qrow){overflow:visible}.list>.qrow:first-child{border-radius:10px 10px 0 0}.list>.qrow:last-child{border-radius:0 0 10px 10px}.list>.qrow:only-child{border-radius:10px}
.qrow>input[type=checkbox]{margin-top:9px}
.qmain{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.qrow textarea.qtext{border:1px solid transparent;background:none;padding:6px 8px;margin:0 -8px;font-size:14.5px;line-height:1.5;border-radius:8px;color:var(--text)}
.qrow textarea.qtext:hover{background:var(--bg);border-color:transparent}
.qrow textarea.qtext:focus{background:var(--panel);border-color:var(--accent)}
.qrow.off textarea.qtext{color:var(--muted)}
.qprod{align-self:flex-start;font-size:11.5px;font-weight:600;color:var(--accent-ink);background:var(--accent-soft);border-radius:6px;padding:1px 7px}
.qrm{flex:none;width:30px;height:30px;margin-top:3px;border:0;border-radius:8px;background:none;color:var(--muted);font-size:16px;cursor:pointer;opacity:.6}
.qrow:hover .qrm,.qrm:focus-visible{opacity:1}.qrm:hover{background:var(--bg);color:var(--text)}
.qrm.sure{width:auto;padding:0 10px;font-size:12.5px;font-weight:600;color:var(--bad);opacity:1}
.qgh{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.qgh>span:first-child{color:var(--text)}
.qgh>.tiny{text-transform:none;letter-spacing:0;font-weight:500}
.btable .brow:first-child{border-top:0}
.hstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.hstat{display:flex;flex-direction:column;gap:8px;text-align:left;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--panel);color:inherit;text-decoration:none;font:inherit;cursor:pointer;min-width:0}
.hstat:hover{border-color:color-mix(in srgb,var(--muted) 45%,var(--border))}
.hsl{font-size:12px;font-weight:600;color:var(--muted)}
.hbar{display:flex;gap:3px;height:10px}.hbar i{border-radius:3px;min-width:6px}
.hb-hi{background:var(--good)}.hb-mid{background:#e0a32e}.hb-lo{background:var(--bad)}
.hleg{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--muted)}.hleg>span{display:inline-flex;align-items:center;gap:5px}.hleg i{width:8px;height:8px;border-radius:2px;display:inline-block}.hleg b{color:var(--text)}
.hmove{display:flex;gap:18px}.hmove>span{display:flex;flex-direction:column}.hmove b{font-size:20px;line-height:1.2}.hmove>span>span{font-size:12px;color:var(--muted)}
.hmove .up b{color:var(--good)}.hmove .down b{color:var(--bad)}
.hweak{display:flex;align-items:center;gap:8px;min-width:0}.hweak b{font-size:16px;min-width:0}
.setupt{color:inherit;text-decoration:none}a.setupt[href]:hover b{text-decoration:underline}
.setupb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}.setupb .chip{font-size:12px;padding:3px 9px;text-decoration:none;color:var(--accent-ink)}
.btable>.brow:first-of-type{border-top:0}
.hdr select.bizsw{width:auto;max-width:240px;padding:5px 30px 5px 10px;font-size:13px;border-radius:7px;background-position:right 9px center}
.hdr .sx.bizsw{display:inline-block;width:auto;max-width:240px;min-width:0}.hdr .sx.bizsw .sxbtn{padding:5px 30px 5px 10px;font-size:13px;border-radius:7px;background-position:right 9px center}
@media (max-width:640px){.hdr select.bizsw,.hdr .sx.bizsw{max-width:42vw}}
.sadd{border-style:dashed;background:none;color:inherit;text-decoration:none;box-shadow:none}.sadd:hover{border-color:var(--accent);background:var(--panel)}.sadd .al{opacity:.6}
/* plan: assistant picker */
.lbl{font-size:13px;font-weight:600}
.aipick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.aiopt{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px 10px;border:1px solid var(--border);border-radius:12px;background:var(--panel);color:var(--text);font:inherit;cursor:pointer;text-align:center;transition:border-color .12s,background .12s}
.aiopt .al{width:26px;height:26px}.aiopt b{font-size:13.5px}
.aiopt:not(.on) .al{opacity:.45}.aiopt:not(.on) b{color:var(--muted)}
.aiopt:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}
.aiopt.on{border-color:var(--accent);background:var(--pick)}
.aiopt.base{cursor:default;background:var(--bg);border-color:var(--border)}
.aichk{position:absolute;top:8px;right:8px;width:16px;height:16px;border-radius:50%;border:1.5px solid var(--border);background:var(--panel)}
.aiopt.on .aichk{background:var(--accent);border-color:var(--accent)}.aiopt.on .aichk::after{content:"";position:absolute;left:4.5px;top:2px;width:4px;height:7px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.aiopt.base .aichk{background:var(--muted);border-color:var(--muted);opacity:.6}
@media (max-width:640px){.aipick{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sadd>.row{flex-wrap:wrap;row-gap:6px;min-width:0}.sadd>.row>.pill{white-space:nowrap}
/* tone */
.tbar{display:flex;gap:3px;height:12px}.tbar i{border-radius:4px;min-width:6px}
.tb-pos{background:var(--good)}.tb-neu{background:color-mix(in srgb,var(--muted) 45%,var(--grey-soft))}.tb-neg{background:var(--bad)}
.tleg{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:13px;color:var(--muted)}
.tleg>span,.tleg>a{display:inline-flex;align-items:center;gap:6px}.tleg i{width:9px;height:9px;border-radius:2px;display:inline-block}.tleg b{color:var(--text)}
.tleg>a{color:var(--bad);text-decoration:none;font-weight:600}.tleg>a b{color:var(--bad)}.tleg>a:hover span{text-decoration:underline}
.spark.tone{width:90px;height:22px}.spark.tone polyline{stroke:var(--good)}
.said{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.sayi{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:8px;font-size:13.5px}
.sayi.good{background:var(--good-soft)}.sayi.bad{background:var(--bad-soft)}.sayi b{font-size:12px;color:var(--muted);flex:none}

/* mobile header: the business switch takes the logo's path text; business head puts the pickers on their own row */
.hdr-in>*{flex-shrink:0}.hdr-in>.sp{flex-shrink:1}
@media (max-width:760px){.hdr-in.hasbiz .logo .path{display:none!important}.hdr-in.hasbiz .sx.bizsw,.hdr-in.hasbiz select.bizsw{flex:1 1 auto;flex-shrink:1;max-width:none;min-width:0}.hdr-in.hasbiz>.sp{display:none}}
@media (max-width:640px){.bizhead{flex-wrap:wrap;row-gap:10px}.bizhead>div{flex:1 1 180px!important}.bizhead>.scopesel,.bizhead>.sx.scopesel{order:5;flex:1 1 140px;max-width:none}}
@media (pointer:coarse){.sxo{padding:11px 12px 11px 30px;font-size:15px}.sxs{font-size:16px;padding:9px 11px}.sxp{max-height:min(360px,60vh)}}
/* footer */
.afoot{border-top:1px solid var(--border);margin-top:8px}
.afoot-in{max-width:1100px;margin:0 auto;padding:18px 16px 28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;font-size:13px;color:var(--muted)}
.afoot-l{display:flex;flex-wrap:wrap;gap:6px 18px}.afoot-l a{color:var(--muted);text-decoration:none}.afoot-l a:hover{color:var(--text);text-decoration:underline}
@media (max-width:640px){.afoot-in{flex-direction:column-reverse;align-items:flex-start;padding:16px 12px 24px}}

/* question filed under a category or product (questions page) */
.sx.qcat .sxbtn{padding:2px 26px 2px 9px;font-size:12px;border-radius:999px;color:var(--muted);min-height:0}

/* icon tooltips */
.tipbox{position:absolute;z-index:200;background:var(--text);color:var(--bg);font:600 12px/1.3 var(--sans);padding:5px 9px;border-radius:7px;pointer-events:none;white-space:nowrap;box-shadow:0 4px 14px rgba(0,0,0,.18)}