/* The Buyer brief at the top of search results (public/brief.js). Mobile first. */
.sbuyer{min-width:0}
.bb{display:grid;gap:16px;padding:18px 14px;border:1px solid var(--line);border-top:3px solid var(--brass);border-radius:6px;background:var(--pit);min-width:0}
.bb a{color:inherit;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:2px}
.bb a:hover{text-decoration-color:currentColor}
.bb p{margin:0}
.bb-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.bb-top>div{display:grid;gap:6px;min-width:0}
.bb-top h2{font-family:var(--display);font-size:clamp(1.35rem,4.6vw,2rem);letter-spacing:-.03em;line-height:1.12;font-weight:400;text-wrap:balance}
.bb-lede{color:var(--smoke);font-size:.86rem;line-height:1.55}
.bb-tog{flex:0 0 auto;min-height:40px;white-space:nowrap}
.bb-fold{gap:0}
.bb-body{display:grid;gap:14px;min-width:0}
.bb-body[hidden]{display:none}
.bb-grid{display:grid;grid-template-columns:1fr;gap:12px;min-width:0}

.bb-card{display:grid;gap:10px;align-content:start;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--pit2);min-width:0}
.bb-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.bb-h h3{font-family:var(--body);font-size:.95rem;font-weight:700;letter-spacing:0;color:var(--chalk);margin:0}
.bb-tag{flex:0 0 auto;font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:var(--pit3);color:var(--smoke)}
.bb-tag.bb-us{background:var(--pit);color:var(--chalk);box-shadow:0 0 0 1px var(--line)}
.bb-tag.bb-aitag{background:var(--brass);color:var(--pit)}
.bb-b{display:grid;gap:10px;min-width:0}
.bb-src{font-size:.72rem;line-height:1.5;color:var(--dim)}
.bb-none{font-size:.86rem;line-height:1.55;color:var(--smoke)}
.bb-line{font-size:.82rem;color:var(--smoke);overflow-wrap:anywhere}

.bb-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.bb-tile{display:grid;gap:2px;align-content:start;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--pit);min-width:0}
.bb-tile .v{font-size:1.2rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2;color:var(--chalk)}
.bb-tile .k{font-size:.74rem;line-height:1.4;color:var(--smoke);overflow-wrap:anywhere}
.bb-big{grid-column:1/-1}
.bb-big .v{font-family:var(--display);font-weight:400;font-size:2.2rem;letter-spacing:-.03em;color:var(--brass)}
.bb-two .bb-tile{grid-column:auto}
.bb-dl{display:grid;gap:8px;margin:0}
.bb-dl div{display:grid;grid-template-columns:minmax(96px,34%) 1fr;gap:10px;align-items:baseline;padding-top:8px;border-top:1px solid var(--line);min-width:0}
.bb-dl div:first-child{border-top:0;padding-top:0}
.bb-dl dt{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--smoke)}
.bb-dl dd{margin:0;font-size:.88rem;line-height:1.45;color:var(--chalk);overflow-wrap:anywhere}
.bb-dl dd span{color:var(--dim);font-size:.78rem}
.bb-sum{font-size:.88rem;line-height:1.6;color:var(--chalk);display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}

/* AI advice */
.bb-ai{background:var(--pit);border-color:var(--brass-deep,var(--line))}
.bb-ailab{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:8px;background:var(--pit2);border:1px solid var(--line);font-size:.8rem;font-weight:600;line-height:1.45;color:var(--chalk)}
.bb-ailab svg{flex:0 0 auto;color:var(--brass);margin-top:1px}
.bb-fit{font-size:.92rem;line-height:1.6;color:var(--chalk)}
.bb-aigrid{display:grid;grid-template-columns:1fr;gap:14px}
.bb-ais{display:grid;gap:8px;min-width:0}
.bb-ais h4{font-family:var(--body);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--smoke);margin:0}
.bb-ais ol,.bb-ais ul{margin:0;padding-inline-start:20px;display:grid;gap:6px}
.bb-ais li{font-size:.88rem;line-height:1.55;color:var(--chalk)}
.bb-ais li::marker{color:var(--brass);font-weight:700}
.bb-aioff{font-size:.8rem;color:var(--dim)}

/* rich advice: weak point cards, cost chips, service table */
.bb-curtag{background:var(--chalk);color:var(--pit)}
.bb-gen{font-size:.9rem;line-height:1.5;color:var(--chalk)}
.bb-gen b{font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--smoke);margin-right:6px}
.bb-intro{font-size:.84rem;line-height:1.55;color:var(--smoke)}
.bb-genh{font-family:var(--body);font-size:.95rem;font-weight:700;color:var(--brass);margin:6px 0 0;padding-top:12px;border-top:1px solid var(--line)}
.bb-ais ol.bb-wps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:10px}
.bb-wp{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--pit2);min-width:0}
.bb-wph{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.bb-wph h5{font-family:var(--body);font-size:.92rem;font-weight:700;line-height:1.35;color:var(--chalk);margin:0;min-width:0;overflow-wrap:anywhere}
.bb-what{font-size:.86rem;line-height:1.55;color:var(--chalk)}
.bb-row{font-size:.84rem;line-height:1.55;color:var(--chalk)}
.bb-row b{display:block;font-size:.64rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--smoke);margin-bottom:1px}
.bb-why{font-size:.76rem;line-height:1.45;color:var(--dim)}
.bb-wsrc{font-size:.72rem;line-height:1.45;color:var(--dim);overflow-wrap:anywhere}
.bb-chip{flex:0 0 auto;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px;white-space:nowrap;background:var(--pit3);color:var(--smoke)}
.bb-c-medium{background:var(--pit);color:var(--chalk);box-shadow:0 0 0 1px var(--brass)}
.bb-c-high{background:var(--brass);color:var(--pit)}
.bb-svcw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.bb-svc{width:100%;border-collapse:collapse;font-size:.82rem;line-height:1.45}
.bb-svc th,.bb-svc td{text-align:left;vertical-align:top;padding:7px 8px 7px 0;border-top:1px solid var(--line)}
.bb-svc thead th{border-top:0;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--smoke)}
.bb-svc tbody th{font-weight:700;color:var(--chalk);width:42%}
.bb-svc tbody th span{display:block;font-weight:400;font-size:.74rem;color:var(--dim);margin-top:2px}
.bb-svc td{color:var(--chalk)}
.bb-tsrc{display:block;font-size:.7rem;color:var(--dim);margin-top:2px}
.bb-curlab svg{color:var(--chalk)}
@media (min-width:760px){
 .bb-ais ol.bb-wps{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* loading */
.bb-skel{display:grid;gap:8px}
.bb-skel i{display:block;height:13px;border-radius:3px;background:linear-gradient(90deg,var(--pit2),var(--pit3),var(--pit2));background-size:200% 100%;animation:aishim 1.4s ease-in-out infinite}
.bb-card .bb-skel i{background:linear-gradient(90deg,var(--pit),var(--pit3),var(--pit));background-size:200% 100%}
.bb-skel i.w{height:34px;width:60%}
.bb-skel i:last-child{width:75%}
.bb-note{font-size:.76rem;color:var(--dim);line-height:1.5}
.bb-dots{color:var(--dim)}
@media (prefers-reduced-motion:reduce){.bb-skel i{animation:none}}

@media (min-width:760px){
 .bb{padding:24px}
 .bb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bb-aigrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bb-aigrid .bb-ais:first-child{grid-row:span 2}
 .bb-card{padding:16px}
}
@media (min-width:1100px){
 .bb-aigrid{grid-template-columns:1.3fr 1fr 1fr}
 .bb-aigrid .bb-ais:first-child{grid-row:auto}
}
