/* Shared page-native interview treatment; deliberately inherits the page typography. */
.cb-first-person { color: var(--clvr-text); scroll-margin-top: 100px; }
.cb-first-person--directory { max-width: var(--clvr-wide-width); margin: 0 auto; padding: 0 0 48px; }
.cb-first-person .cb-first-person__intro { color: var(--clvr-text-secondary); margin: 0 0 24px; }
.cb-first-person__cards { display: grid; gap: 24px; }
.cb-first-person .cb-first-person__card { background: var(--clvr-bg); border: 1px solid var(--clvr-border-light); border-radius: var(--clvr-radius); padding: 28px; min-width: 0; overflow-wrap: anywhere; }
.cb-first-person .cb-first-person__eyebrow { color: var(--clvr-blue); font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; margin: 0 0 12px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.cb-first-person .cb-first-person__preview { background: var(--clvr-bg-tint); border-radius: var(--clvr-radius-sm); padding: 3px 7px; font-size: 11px; letter-spacing: 0; text-transform: none; }
.cb-first-person .cb-first-person__card h3 { font-size: 21px; line-height: 1.35; color: var(--clvr-blue); margin: 0 0 4px; }
.cb-first-person .cb-first-person__attribution { margin: 0 0 20px; font-size: 14px; color: var(--clvr-text-secondary); }
.cb-first-person .cb-first-person__card p { line-height: 1.65; }
.cb-first-person .cb-first-person__card blockquote { margin: 20px 0; padding: 16px 20px; border: 0; border-left: 3px solid var(--clvr-blue); background: var(--clvr-bg-subtle); color: var(--clvr-blue); font-size: 18px; font-style: normal; font-family: inherit; }
.cb-first-person .cb-first-person__card blockquote p { margin: 0; }
.cb-first-person .cb-first-person__note { color: var(--clvr-text-secondary); font-size: 13px; margin: 12px 0; }
.cb-first-person__details { border-top: 1px solid var(--clvr-border-light); margin-top: 20px; }
.cb-first-person__details summary { color: var(--clvr-blue); font-weight: 600; padding: 16px 0 0; cursor: pointer; min-height: 44px; }
.cb-first-person__details summary:hover { color: var(--clvr-link); }
.cb-first-person__details summary:focus-visible { outline: 2px solid var(--clvr-blue); outline-offset: 4px; border-radius: var(--clvr-radius-sm); }
.cb-first-person .cb-first-person__answers h4 { margin: 24px 0 8px; font-size: 16px; line-height: 1.5; }
.cb-first-person .cb-first-person__answers p { margin: 0 0 14px; }
@media (max-width: 600px) {
 .cb-first-person--directory { padding: 0 0 32px; }
 .cb-first-person .cb-first-person__card { padding: 20px; }
 .cb-first-person .cb-first-person__card blockquote { padding: 12px 16px; font-size: 17px; }
}

.cb-first-person--directory > h2 { font-family: var(--clvr-font-heading); font-size: 1.5rem; line-height: 1.3; margin: 0 0 16px; color: var(--clvr-blue); }

.cb-first-person .cb-first-person__headshot { display: block; width: 80px; height: 80px; object-fit: cover; border-radius: 50%; margin: 0 16px 16px 0; }
.cb-first-person .cb-first-person__attribution + p { clear: both; }

/* SBR Owner Q&A: part of About; existing seller/directory treatment remains independent. */
.cb-sbr-v1 .cb-owner-qa { scroll-margin-top:100px; }
.cb-sbr-v1 .cb-owner-qa__person { display:flex; align-items:center; gap:var(--clvr-sp-4,16px); margin-bottom:var(--clvr-sp-4,16px); }
.cb-sbr-v1 .cb-owner-qa__headshot { flex:none; width:64px; height:64px; border-radius:var(--clvr-radius-pill,9999px); object-fit:cover; border:1px solid var(--clvr-border-light,#dde4ed); }
.cb-sbr-v1 .cb-owner-qa__name { margin:0; color:var(--clvr-blue,#202e5b); font-weight:var(--clvr-weight-bold,700); font-size:var(--cb-fs-body,16px); }
.cb-sbr-v1 .cb-owner-qa__attribution { margin:var(--clvr-sp-1,4px) 0 0; color:var(--clvr-text-secondary,#4b698b); font-size:var(--cb-fs-small,14px); line-height:1.5; }
.cb-sbr-v1 .cb-owner-qa__summary { margin:0 0 var(--clvr-sp-6,24px); padding:var(--clvr-sp-3,12px) var(--clvr-sp-4,16px); border:1px solid var(--clvr-border-light); border-radius:var(--clvr-radius-sm); background:var(--clvr-bg-subtle); color:var(--clvr-text); font-size:var(--cb-fs-small,14px); line-height:1.6; }
.cb-sbr-v1 .cb-owner-qa__summary p { margin:0; font:inherit; color:inherit; }
.cb-sbr-v1 .cb-owner-qa__person > .cb-owner-qa__headshot { width:80px; height:80px; }
/* Ten body-line equivalents, including question/paragraph spacing; complete text stays in the dialog. */
.cb-sbr-v1 .cb-owner-qa__preview { max-height:16em; overflow:hidden; font-size:var(--cb-fs-body,16px); line-height:1.6; overflow-wrap:anywhere; }
.cb-sbr-v1 .cb-owner-qa__preview.is-clipped { -webkit-mask-image:linear-gradient(to bottom,#000 60%,transparent 100%); mask-image:linear-gradient(to bottom,#000 60%,transparent 100%); }
.cb-sbr-v1 .cb-owner-qa__preview h4 { margin:0 0 var(--clvr-sp-2,8px); font:inherit; font-weight:var(--clvr-weight-semibold); color:var(--clvr-text); }
.cb-sbr-v1 .cb-owner-qa__preview p { margin:0 0 var(--clvr-sp-3,12px); font:inherit; color:var(--clvr-text); }
.cb-sbr-v1 .cb-owner-qa__preview section + section { margin-top:var(--clvr-sp-4,16px); }
@media (max-width:600px) { .cb-sbr-v1 .cb-owner-qa__person > .cb-owner-qa__headshot { width:64px; height:64px; } }
.cb-sbr-v1 .cb-owner-qa__quote { margin:var(--clvr-sp-4,16px) 0; padding:var(--clvr-sp-4,16px) var(--clvr-sp-6,24px); border:1px solid var(--clvr-border-light,#dde4ed); border-left:4px solid var(--clvr-orange,#3878ff); border-radius:var(--clvr-radius,8px); background:var(--clvr-bg-subtle,#f5f8fc); color:var(--clvr-blue,#202e5b); font:inherit; font-size:1.125rem; line-height:1.6; }
.cb-sbr-v1 .cb-owner-qa__quote p { margin:0; }
.cb-sbr-v1 .cb-owner-qa__note { margin:var(--clvr-sp-3,12px) 0; color:var(--clvr-text-secondary,#4b698b); font-size:var(--cb-fs-caption,13px); line-height:1.55; }
.cb-sbr-v1 .cb-owner-qa__open { display:inline-flex; align-items:center; gap:var(--clvr-sp-2,8px); min-height:44px; padding:var(--clvr-sp-2,8px) 0; margin-top:var(--clvr-sp-1,4px); border:0; background:transparent; color:var(--clvr-orange-dark,#2f65d6); font:inherit; font-weight:var(--clvr-weight-semibold,600); cursor:pointer; text-decoration:none; transition:color var(--clvr-transition,200ms ease); }
.cb-sbr-v1 .cb-owner-qa__arrow { display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; font-size:16px; line-height:1; }
.cb-sbr-v1 .cb-owner-qa__open:hover, .cb-sbr-v1 .cb-owner-qa__open:focus-visible { color:var(--clvr-blue,#202e5b); text-decoration:none; }
.cb-sbr-v1 .cb-owner-qa__open:focus-visible, .cb-sbr-v1 .cb-owner-qa__close:focus-visible { outline:2px solid var(--clvr-orange,#3878ff); outline-offset:4px; border-radius:var(--clvr-radius-sm,4px); }
.cb-sbr-v1 .cb-owner-qa__dialog { box-sizing:border-box; position:fixed; inset:0; margin:auto; padding:0; width:calc(100% - 2rem); max-width:46rem; max-height:calc(100dvh - 2rem); border:1px solid var(--clvr-border-light,#dde4ed); border-radius:var(--clvr-radius-lg,12px); background:var(--clvr-bg,#fff); color:var(--clvr-text,#22293b); box-shadow:var(--clvr-shadow-lg,0 16px 48px #12244833); font:400 1rem/1.65 var(--clvr-font,Inter,Arial,sans-serif); overflow:auto; overscroll-behavior:contain; }
.cb-sbr-v1 .cb-owner-qa__dialog:not([open]) { display:none; }
.cb-sbr-v1 .cb-owner-qa__dialog::backdrop { background:color-mix(in srgb,var(--clvr-blue-dark,#122448) 45%,transparent); }
.cb-sbr-v1 .cb-owner-qa__dialog-head { position:sticky; top:0; z-index:1; display:flex; align-items:flex-start; gap:var(--clvr-sp-4,16px); justify-content:space-between; padding:var(--clvr-sp-6,24px); background:var(--clvr-bg,#fff); border-bottom:1px solid var(--clvr-border-light,#dde4ed); }
.cb-sbr-v1 .cb-owner-qa__dialog-head h3 { font-family:var(--clvr-font-heading,Rubik,Inter,sans-serif); font-size:1.25rem; margin:0; color:var(--clvr-blue,#202e5b); }
.cb-sbr-v1 .cb-owner-qa__dialog-head p { font-size:var(--cb-fs-small,14px); line-height:1.5; margin:var(--clvr-sp-1,4px) 0 0; color:var(--clvr-text-secondary,#4b698b); }
.cb-sbr-v1 .cb-owner-qa__close { display:grid; place-items:center; flex:none; width:44px; height:44px; padding:var(--clvr-sp-2,8px); border:1px solid var(--clvr-border-light,#dde4ed); border-radius:var(--clvr-radius,8px); background:var(--clvr-bg,#fff); color:var(--clvr-blue,#202e5b); cursor:pointer; }
.cb-sbr-v1 .cb-owner-qa__close:hover { background:var(--clvr-bg-tint,#f0f5fa); }
.cb-sbr-v1 .cb-owner-qa__close-icon { width:20px; height:20px; }
.cb-sbr-v1 .cb-owner-qa__answers { padding:var(--clvr-sp-6,24px); overflow-wrap:anywhere; }
.cb-sbr-v1 .cb-owner-qa__answers section + section { margin-top:var(--clvr-sp-6,24px); padding-top:var(--clvr-sp-6,24px); border-top:1px solid var(--clvr-border-light,#dde4ed); }
.cb-sbr-v1 .cb-owner-qa__answers h4 { font-size:1rem; font-weight:var(--clvr-weight-semibold,600); margin:0 0 var(--clvr-sp-2,8px); }
.cb-sbr-v1 .cb-owner-qa__answers p { margin:0 0 var(--clvr-sp-3,12px); }
.cb-sbr-v1 .cb-owner-qa__tile-quote { margin:0 0 var(--clvr-sp-4,16px); padding:0; border:0; color:var(--clvr-blue,#202e5b); background:transparent; font:inherit; font-size:var(--cb-fs-body,16px); font-style:italic; line-height:1.5; }
.cb-sbr-v1 .cb-owner-qa__tile-quote p { margin:0; }
.cb-sbr-v1 .cb-owner-qa__tile-summary { font-size:var(--cb-fs-small,14px); line-height:1.6; margin-bottom:var(--clvr-sp-4,16px); }
.cb-sbr-v1 .cb-owner-qa__tile-headshot { display:block; width:64px; height:64px; flex:none; margin:0; object-fit:cover; border:1px solid var(--clvr-border-light,#dde4ed); border-radius:var(--clvr-radius-pill,9999px); }
.cb-sbr-v1 .cb-owner-qa__tile-person { display:flex; align-items:center; gap:var(--clvr-sp-3,12px); margin-bottom:var(--clvr-sp-4,16px); }
.cb-sbr-v1 .cb-owner-qa__tile-person strong { display:block; color:var(--clvr-blue,#202e5b); font-size:var(--cb-fs-small,14px); }
.cb-sbr-v1 .cb-owner-qa__tile-person span { display:block; margin-top:var(--clvr-sp-1,4px); color:var(--clvr-text-secondary,#4b698b); font-size:var(--cb-fs-caption,13px); line-height:1.4; }

.cb-sbr-v1 .cb-owner-qa__dialog-person { display:flex; align-items:center; gap:var(--clvr-sp-3,12px); min-width:0; }
.cb-sbr-v1 .cb-owner-qa__dialog-person .cb-owner-qa__headshot { width:56px; height:56px; }
@media (max-width:600px) {
 .cb-sbr-v1 .cb-owner-qa__dialog-head, .cb-sbr-v1 .cb-owner-qa__answers { padding:var(--clvr-sp-4,16px); }
 .cb-sbr-v1 .cb-owner-qa__quote { padding:var(--clvr-sp-4,16px); font-size:1rem; }
}

.cb-sbr-v1 .cb-owner-qa__date { color:var(--clvr-text-secondary); }

/* Preserve respondent line breaks in multi-line answers and lists. */
.cb-sbr-v1 .cb-owner-qa__preview p, .cb-sbr-v1 .cb-owner-qa__answers p { white-space:pre-line; }

/* Owner quote matches tile body scale with a subtle Clever blue accent. */
.cb-sbr-v1 .cb-owner-qa__tile-quote { font-size:var(--cb-fs-small,14px); margin-bottom:var(--clvr-sp-4,16px); border-left:2px solid var(--clvr-orange,#3878ff); padding-left:var(--clvr-sp-3,12px); }
