/* why: adviser radio cards + Our advisers band; radio is the real input, card is its label */
.mf-advisers{border:0;margin:0;padding:0;min-width:0;width:100%}
.mf-advisers legend{padding:0;margin:0 0 var(--s-8);font:400 var(--t-14)/1.4 var(--sans);color:var(--ink-3)}
.mf-advisers__grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:row dense;gap:var(--s-8)}
.mf-form .mf-adviser{position:relative;display:flex;flex-direction:column;gap:2px;padding:var(--s-12);background:var(--field);border:1px solid var(--line-control);border-radius:var(--r-control);cursor:pointer;min-width:0}
.mf-form .mf-adviser>input[type=radio]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.mf-adviser:has(input:checked){border-color:var(--accent-ink);background:var(--accent-tint);box-shadow:inset 0 0 0 1px var(--accent-ink)}
.mf-adviser:has(input:focus-visible){outline:2px solid var(--accent-ink);outline-offset:2px}
.mf-adviser:has(input:checked){grid-column:1/-1}
.mf-adviser__d{display:none;flex-direction:column;gap:var(--s-8);margin-top:var(--s-8);padding-top:var(--s-12);border-top:1px solid var(--line-control)}
.mf-adviser:has(input:checked) .mf-adviser__d{display:flex}
.mf-adviser__b{font:400 var(--t-14)/1.5 var(--sans);color:var(--ink)}
.mf-adviser__r{display:grid;grid-template-columns:9rem 1fr;gap:var(--s-8);font:400 var(--t-13)/1.4 var(--sans)}
.mf-adviser__k{color:var(--ink-3)}
.mf-adviser__v{color:var(--ink)}
@media (max-width:480px){.mf-adviser__r{grid-template-columns:1fr;gap:0}}
.mf-adviser__n{font:600 var(--t-14)/1.3 var(--sans);color:var(--ink)}
.mf-adviser__t,.mf-adviser__s{font:400 var(--t-13)/1.35 var(--sans);color:var(--ink-2)}
.mf-adviser__s{color:var(--ink-3)}
.mf-adviser:has(input:checked) .mf-adviser__s{display:none}
.mf-adviser__rows{display:flex;flex-direction:column;gap:var(--s-8)}
/* why: exclusive <details name>; open card spans the row like the picker cards.
   trap: Book a call stays outside <summary> or it would toggle the card. */
.svc-advisers{align-items:start;grid-auto-flow:row dense}
.svc-adviser{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-16);min-width:0}
.svc-adviser:has(details[open]){grid-column:1/-1}
.svc-adviser details{width:100%}
.svc-adviser summary{position:relative;display:flex;flex-direction:column;gap:var(--s-4);padding-right:var(--s-32);cursor:pointer;list-style:none}
.svc-adviser summary::-webkit-details-marker{display:none}
.svc-adviser summary::after{content:"";position:absolute;right:var(--s-8);top:var(--s-4);width:8px;height:8px;border:solid var(--ink-3);border-width:0 2px 2px 0;transform:rotate(45deg)}
.svc-adviser summary:hover::after{border-color:var(--ink)}
.svc-adviser details[open] summary::after{top:var(--s-8);transform:rotate(-135deg)}
.svc-adviser summary:focus-visible{outline:2px solid var(--accent-ink);outline-offset:var(--s-8);border-radius:var(--r-control)}
.svc-adviser__n{font:600 var(--t-16)/1.3 var(--sans);color:var(--ink)}
.svc-adviser__t{font:400 var(--t-16)/1.4 var(--sans);color:var(--ink-2)}
.svc-adviser__s{font:400 var(--t-14)/1.4 var(--sans);color:var(--ink-3)}
.svc-adviser details[open] .svc-adviser__s{display:none}
.svc-adviser .mf-adviser__d{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--s-48);margin-top:var(--s-24);padding-top:var(--s-24);border-top:1px solid var(--line)}
.svc-adviser .mf-adviser__b{font:400 var(--t-16)/1.6 var(--sans);color:var(--ink-2);max-width:var(--measure)}
.svc-adviser .mf-adviser__r{grid-template-columns:9rem 1fr}
.svc-adviser .btn{height:40px;padding:0 var(--s-16);display:inline-flex;align-items:center}
@media(max-width:760px){
.svc-adviser .mf-adviser__d{grid-template-columns:1fr;gap:var(--s-16)}
.svc-adviser .mf-adviser__r{grid-template-columns:7.5rem 1fr}
}
.mf-adviser-profile{max-width:44rem;display:flex;flex-direction:column;gap:var(--s-4,4px)}
.mf-adviser-profile h3{margin:0}
.mf-adviser-profile p{margin:0;color:var(--ink-3)}
.mf-adviser-profile .mf-adviser__d{display:flex;border-top:0;padding-top:0;margin-top:var(--s-12)}
/* why: single-adviser landers: intro under the form heading; closer with profile card */
.lp-form h2:has(+.mf-adviser-intro){margin-bottom:var(--s-12)}
.mf-adviser-intro{margin:0 0 var(--s-24);padding-bottom:var(--s-24);border-bottom:1px solid var(--line)}
.mf-adviser-intro p{margin:0}
.mf-adviser-intro__c{display:flex;flex-wrap:wrap;gap:0 var(--s-16);font:500 var(--t-13)/1.5 var(--sans);color:var(--ink)}
.mf-adviser-intro__c span+span{font-weight:400;color:var(--ink-3)}
.mf-adviser-intro__c+.mf-adviser-intro__b{margin-top:var(--s-8);font:400 var(--t-14)/1.5 var(--sans);color:var(--ink-2)}
.lp-closer__grid{display:grid;grid-template-columns:7fr 5fr;gap:var(--s-64);align-items:start}
.lp-closer--adviser h2{margin-bottom:var(--s-24)}
.lp-closer--adviser .lp-lede{margin-bottom:var(--s-32)}
.lp-closer__grid .mf-adviser__rows{margin-top:var(--s-8)}
.lp-closer__grid .mf-adviser-profile{max-width:none;padding:var(--s-32);background:var(--tint);border:1px solid var(--line);border-radius:var(--r-container)}
.lp-closer__grid .mf-adviser-profile h3{font-size:var(--t-28);line-height:1.2;font-weight:500}
.lp-closer__grid .mf-adviser-profile p{font-size:var(--t-16)}
.lp-closer__grid .mf-adviser__b{font-size:var(--t-16);line-height:1.6;color:var(--ink-2)}
@media(max-width:900px){.lp-closer__grid{grid-template-columns:1fr;gap:var(--s-32)}}
@media(max-width:760px){.lp-closer__grid .mf-adviser-profile{padding:var(--s-24)}}
