/* Shared additions for the Valcenra seller tool sites (loaded after each site's styles.css) */
main{display:block}
.nav{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14px}
.nav a{color:var(--ink2);text-decoration:none}
.nav a[aria-current=page],.nav a:hover{color:var(--brand);text-decoration:underline}
.crumbs{font-size:13px;color:var(--muted);padding-top:14px}
.crumbs a{color:var(--muted)}
.hero{padding:32px 0 16px}
.offer{border:2px solid var(--brand);background:var(--brand-soft);border-radius:var(--radius);padding:16px 20px;margin:0 0 16px}
.offer h3{margin:0 0 6px}
.offer p{margin:6px 0}
.offers{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:8px 0 16px}
.offers .offer{margin:0}
.offer-alt{border-color:var(--line);background:var(--surface)}
.buy{margin-right:10px}
.buy-off{background:var(--surface);color:var(--ink);border:1px dashed var(--muted);cursor:default;font-weight:700}
.buy-note{display:inline-block;font-size:13px;color:var(--muted);vertical-align:middle}
.only-us{font-size:13px;color:var(--muted)}
.product{display:grid;gap:16px}
.feat{list-style:none;padding:0;margin:0 0 12px}
.feat li{padding-left:24px;position:relative;margin:6px 0}
.feat li:before{content:"✓";position:absolute;left:0;color:var(--good);font-weight:800}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:12px 0 24px}
.cards a.card{display:block;text-decoration:none;color:var(--ink);margin:0}
.cards a.card:hover{border-color:var(--brand)}
.cards .card h3{margin:0 0 4px;font-size:17px;color:var(--brand)}
.cards .card p{margin:0;font-size:14px;color:var(--ink2)}
.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:14px 0 4px}
.kv div{background:var(--bg);border-radius:10px;padding:10px 12px;border:1px solid var(--line)}
.kv dt{font-size:13px;color:var(--muted)}
.kv dd{margin:2px 0 0;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}
.kv .key{border-color:var(--brand);background:var(--brand-soft)}
.formula{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 10px;overflow-x:auto;white-space:pre-wrap;word-break:break-word}
.src{font-size:13px;color:var(--muted)}
.pill-note{display:inline-block;font-size:12px;border-radius:99px;padding:2px 10px;background:var(--brand-soft);color:var(--brand);font-weight:700}
.chk{display:flex;gap:8px;align-items:flex-start;font-size:15px}
.chk input{margin-top:5px}
.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.toolbar .btn{margin:0}
input[type=email],input[type=url],input[type=tel],input[type=search],input[type=password]{font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);min-width:0;max-width:100%}
.prose ul,.prose ol{padding-left:22px}
.split>*,.grid2>*,.offers>*,.cards>*{min-width:0}
#actState{white-space:normal;display:inline-block;max-width:100%}
.tbl input{min-width:90px;width:100%}
.designs{list-style:none;padding:0;margin:0}
.designs li{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0}
.license{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;word-break:break-all}
@media (max-width:560px){.top-in{align-items:flex-start}.nav{gap:4px 10px}.buy-note{display:block;margin-top:4px}}