/* brand1 2026-11-03: answer box, tables, streamer showcase, hub grids */
.b1-ans{border:1px solid rgba(120,120,160,.28);border-inline-start:5px solid #6a5cff;border-radius:14px;padding:16px 18px;margin:8px 0 22px;background:rgba(106,92,255,.06);overflow-wrap:anywhere}
.b1-ans-t{font-weight:800;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;margin:0 0 6px;opacity:.8}
.b1-ans p{margin:0 0 10px;line-height:1.6}
.b1-cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0 0!important}
.b1-btn{display:inline-block;max-width:100%;white-space:normal;text-align:center;padding:11px 16px;border-radius:999px;background:#6a5cff;color:#fff!important;font-weight:700;text-decoration:none;line-height:1.25}
.b1-btn.b1-ghost{background:transparent;color:inherit!important;border:1.5px solid currentColor}
.b1-txt{font-size:.92rem;text-decoration:underline}
.b1-tw{max-width:100%;overflow-x:auto;margin:12px 0 16px;-webkit-overflow-scrolling:touch}
.b1-t{width:100%;border-collapse:collapse;font-size:.95rem;min-width:0}
.b1-t th,.b1-t td{border-bottom:1px solid rgba(120,120,160,.25);padding:9px 10px;text-align:start;vertical-align:top;overflow-wrap:anywhere;white-space:normal}
.b1-t thead th{font-size:.85rem;opacity:.85}
@media (max-width:640px){.b1-t thead{display:none}.b1-t,.b1-t tbody,.b1-t tr,.b1-t th,.b1-t td{display:block;width:100%}.b1-t tr{border:1px solid rgba(120,120,160,.25);border-radius:12px;margin:0 0 10px;padding:4px 0}.b1-t td{border:0;padding:4px 12px}.b1-t th[scope=row]{border:0;padding:8px 12px 2px;font-weight:800}.b1-t td::before{content:attr(data-label);display:block;font-size:.78rem;opacity:.7}}
.b1-b ul,.b1-b ol{padding-inline-start:1.2em}
.b1-sc{margin:26px 0}
.b1-sg{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:12px 0}
.b1-st{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:inherit;border:1px solid rgba(120,120,160,.25);border-radius:14px;overflow:hidden;padding-bottom:8px;min-width:0}
.b1-st img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;display:block;margin-bottom:6px}
.b1-st b,.b1-st span,.b1-st small{padding:0 10px;overflow-wrap:anywhere}
.b1-st span,.b1-st small{font-size:.82rem;opacity:.75}
.b1-more{font-weight:700}
.b1-hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:12px 0;padding:0;list-style:none}
.b1-hub li{margin:0}.b1-hub a{display:block;border:1px solid rgba(120,120,160,.28);border-radius:12px;padding:12px 14px;text-decoration:none;font-weight:700;overflow-wrap:anywhere}
.b1-hub a small{display:block;font-weight:400;opacity:.75;margin-top:3px}
.b1-note{font-size:.85rem;opacity:.75;margin:18px 0}
.b1-add{margin:18px 0}
@media (max-width:420px){.b1-sg{grid-template-columns:repeat(2,minmax(0,1fr))}.b1-hub{grid-template-columns:1fr}}
figure[data-cover] img{display:block;max-width:100%;width:100%;height:auto;aspect-ratio:1200/630;border-radius:14px}
/* ---- brand1 mobile redesign 2026-11-03 ---- */
.b1-ans{border-inline-start-color:var(--b1-acc,#6a5cff);background:color-mix(in srgb,var(--b1-acc,#6a5cff) 7%,transparent);padding:14px 16px;margin:6px 0 14px}
.b1-ans p:first-of-type+p{font-size:1.02rem}
.b1-ans p{font-size:.97rem;line-height:1.55}
.b1-btn{background:var(--b1-acc,#6a5cff)}
.b1-cta .b1-btn.pwa-web{font-size:1.02rem;padding:13px 18px;box-shadow:0 6px 18px color-mix(in srgb,var(--b1-acc,#6a5cff) 35%,transparent)}
.b1-kf{margin:12px 0 18px}
.b1-kf ul{display:flex;gap:8px;overflow-x:auto;list-style:none;margin:0;padding:2px 0 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.b1-kf ul::-webkit-scrollbar{display:none}
.b1-kf li{flex:0 0 auto;white-space:nowrap;font-size:.82rem;font-weight:700;padding:7px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--b1-acc,#6a5cff) 45%,transparent);background:color-mix(in srgb,var(--b1-acc,#6a5cff) 10%,transparent);margin:0}
.b1-s{margin:0 0 10px}
.b1-acc{border:1px solid rgba(120,120,160,.25);border-radius:14px;overflow:hidden}
.b1-acc>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px}
.b1-acc>summary::-webkit-details-marker{display:none}
.b1-acc>summary::after{content:"";flex:0 0 10px;width:10px;height:10px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s;opacity:.7;margin-top:-4px}
.b1-acc[open]>summary::after{transform:rotate(-135deg);margin-top:4px}
.b1-acc>summary h2{margin:0!important;font-size:1.08rem!important;line-height:1.3}
.b1-acc>.b1-b{padding:0 16px 12px}
.b1-acc>.b1-b p{margin:0 0 10px;line-height:1.6}
.b1-s:first-of-type .b1-acc{border-color:color-mix(in srgb,var(--b1-acc,#6a5cff) 40%,transparent)}
/* cards: consistent, compact */
#explore-apps{margin:0 0 4px}
#explore-apps article{border-radius:16px!important;border:1px solid color-mix(in srgb,var(--b1-acc,#6a5cff) 30%,rgba(120,120,160,.25))!important}
#explore-apps article[data-rank="1"]{border:2px solid var(--b1-acc,#6a5cff)!important;box-shadow:0 8px 22px color-mix(in srgb,var(--b1-acc,#6a5cff) 22%,transparent)}
#explore-apps article .pwa-web{font-weight:800}
@media (max-width:640px){
 #explore-apps h2{font-size:1.15rem!important;margin-bottom:4px!important}
 #explore-apps .lead,#explore-apps .arc-hd p{font-size:.88rem;margin:0 0 10px!important;opacity:.85}
 #explore-apps article{padding:14px!important;margin-bottom:10px!important}
 #explore-apps article .tags{margin:6px 0!important}
 #explore-apps article .facts{margin:6px 0!important;font-size:.92rem}
 #explore-apps article .facts li{margin:2px 0!important}
}
/* showcase: compact horizontal scroller */
.b1-sc{margin:18px 0}
.b1-sc>h2{font-size:1.1rem!important;margin:0 0 4px!important}
.b1-sc>p:first-of-type{font-size:.88rem;opacity:.8;margin:0 0 8px}
.b1-sg{display:flex!important;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 8px;margin:6px 0;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.b1-st{flex:0 0 132px;scroll-snap-align:start;padding-bottom:6px}
.b1-st img{aspect-ratio:3/4;object-position:50% 20%}
.b1-st b{font-size:.92rem}
.b1-st small{display:none}
/* end CTA */
.b1-end{margin:22px 0 10px;padding:18px 16px;border-radius:18px;text-align:center;background:color-mix(in srgb,var(--b1-acc,#6a5cff) 12%,transparent);border:1px solid color-mix(in srgb,var(--b1-acc,#6a5cff) 40%,transparent)}
.b1-end-h{font-weight:800;font-size:1.15rem;margin:0 0 10px}
.b1-end .b1-btn{display:block;font-size:1.05rem;padding:14px 18px}
@media (max-width:640px){.b1-cta .b1-btn{flex:1 1 100%}}
/* first screen: compact hero so answer + Kiss card are visible early */
@media (max-width:640px){
 body:has(.b1-ans) h1{font-size:1.55rem!important;line-height:1.2!important;margin-bottom:6px!important}
 body:has(.b1-ans) .ph-sub,body:has(.b1-ans) .page-h p,body:has(.b1-ans) .pg-h>p{font-size:.95rem!important;line-height:1.45!important;margin-bottom:8px!important}
 body:has(.b1-ans) .ph,body:has(.b1-ans) .page-h,body:has(.b1-ans) .pg-h{padding-top:14px!important;padding-bottom:10px!important}
 body:has(.b1-ans) .pwa-nb{padding:8px 12px!important;margin:6px 0!important;font-size:.88rem}
 body:has(.b1-ans) figure.ph-cv,body:has(.b1-ans) figure.pg-cv{margin:8px auto 4px!important}
 body:has(.b1-ans) figure.ph-cv img,body:has(.b1-ans) figure.pg-cv img{aspect-ratio:1200/300!important;object-fit:cover;object-position:50% 30%;border-radius:12px!important}
 body:has(.b1-ans) .al-side{margin:0 0 6px!important}
 .b1-ans-t{display:none}
}
/* keep the bold Kiss web CTA (pwa3 ghost/outline styles must not override brand1 buttons) */
a.b1-btn.pwa-web,a.b1-btn.pwa-web:hover,a.b1-btn.pwa-web:visited{background:var(--b1-acc,#6a5cff)!important;color:#fff!important;border:0!important;outline:0;font-weight:800!important}
a.b1-btn.b1-ghost{background:transparent!important;color:inherit!important;border:1.5px solid currentColor!important}