/* Keep expansion local and prevent browser scroll anchoring from fighting it. */
details, .comparison-scroll {box-sizing:border-box;overflow-anchor:none;}
.comparison-scroll.is-disclosure-animating {overflow-y:hidden;}
body[class] .about-faq-group details[data-disclosure-open="false"]>summary::after {content:'+';}
body[class] .about-faq-group details[data-disclosure-open="true"]>summary::after {content:'−';}
#security .trust-card details[data-disclosure-open="false"] .trust-detail-toggle {transform:rotate(0);}
#security .trust-card details[data-disclosure-open="true"] .trust-detail-toggle {transform:rotate(45deg);}

/* Icons have one weight and sit beside the first line, including on mobile. */
#for-you .audience-solution {display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:start;}
#for-you .audience-solution svg {display:block;width:20px;height:20px;margin-top:2px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;color:var(--accent);}
body.home-refresh #comparison-summary .represent-column>strong {font-weight:400;}

/* A level edge under the tabs; it is independent of their rounded hit areas. */
body[class] #compact-journey-root .cj-tabs {
 border-radius:0;border-bottom:0;padding-bottom:2px;
 background:linear-gradient(90deg,var(--paper,#f5f3f0),var(--accent,var(--brand-burgundy))) left bottom / 100% 1px no-repeat;
}
body[class] #compact-journey-root .cj-tab {border-radius:6px 6px 0 0;}
body[class] #compact-journey-root .cj-tab::after {display:none;}

/* Underlining is reserved for links. */
body[class] u:not(a u),
body[class] .editorial-emphasis,
body[class] .cj-prose-rule p span.is-current,
#security .trust-card summary>span {text-decoration:none;}

@media(max-width:640px) {
 #for-you .audience-solution {grid-template-columns:18px minmax(0,1fr);gap:8px;}
 #for-you .audience-solution svg {width:18px;height:18px;margin-top:3px;}
}
