/* Pre-Call Briefs: the public /briefs page, the sample panel and the account section. Blue palette:
   accent text #1D4ED8, bars and rules #3B82F6, light blue tints. */
.briefs-page .lede{font-size:1.125rem;max-width:62ch}
.briefs-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.briefs-cta .button{margin-top:0}
.brief-prompts li{margin:8px 0;overflow-wrap:anywhere}
.precall-panel{margin:24px auto;padding:24px;border:1px solid #cbd5e1;border-top:4px solid #3B82F6;border-radius:12px;background:#fff;max-width:1168px;box-sizing:border-box}
.precall-panel h2{margin-top:0}
.precall-panel a,.briefs-page a:not(.button),#briefs a:not(.button){color:#1D4ED8}
.precall-label{background:#EFF4FF;border-left:4px solid #3B82F6;padding:12px 14px;border-radius:6px}
.brief-grid,.precall-mini{border-collapse:collapse;width:100%;font-size:14px;margin:12px 0}
.brief-grid caption,.precall-mini caption{text-align:left;font-weight:700;color:#1D4ED8;padding:4px 0}
.brief-grid th,.brief-grid td,.precall-mini th,.precall-mini td{border:1px solid #dbe3f0;padding:8px;text-align:left;vertical-align:top}
.brief-grid thead th,.precall-mini thead th{background:#EFF4FF}
.brief-grid .v-vendor,.precall-mini .v-vendor{background:#F2F7FF}
.brief-grid .v-skipped,.precall-mini .v-skipped{color:#475467}
.precall-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
#briefs fieldset{border:1px solid #dbe3f0;border-radius:8px;padding:12px;margin:12px 0}
#briefs .field{margin:10px 0}
#briefs .field input,#briefs .field textarea,#briefs .field select{width:100%;box-sizing:border-box}
#briefs .check{display:flex;gap:8px;align-items:flex-start;margin:10px 0}
#briefs .crm-note{width:100%;box-sizing:border-box;font-family:"Geist Mono",ui-monospace,monospace;font-size:13px}
#briefs .brief{border-top:1px solid #dbe3f0;padding-top:16px;margin-top:16px}
/* Phones: one card per question, each product on its own line with its label. */
@media (max-width:640px){.brief-grid,.precall-mini,.brief-grid tbody,.precall-mini tbody,.brief-grid tr,.precall-mini tr{display:block;width:auto}.brief-grid caption,.precall-mini caption{display:block}.brief-grid thead,.precall-mini thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.brief-grid tr,.precall-mini tr{border:1px solid #dbe3f0;border-radius:8px;margin:10px 0;padding:6px 10px}.brief-grid th[scope=row],.precall-mini th[scope=row]{display:block;border:0;padding:4px 0}.brief-grid td,.precall-mini td{display:flex;justify-content:space-between;gap:12px;border:0;border-top:1px solid #eef2f8;padding:6px 0;overflow-wrap:normal;word-break:normal}.brief-grid td::before,.precall-mini td::before{content:attr(data-label);font-weight:600;color:#475467;flex:0 0 42%}.brief-grid td a,.precall-mini td a{text-align:right}}