/* Chapter 13 only: lead context and next actions. */
#leads-follow-up.leads-reference { position:relative; isolation:isolate; overflow:hidden; padding:0; color:#101d3d; background:radial-gradient(ellipse at 77% 25%,#e5f4ff,transparent 55%),linear-gradient(125deg,#fbfdff,#f2f9ff 65%,#f9fcff); }
#leads-follow-up.leads-reference::before { content:''; position:absolute; z-index:-1; right:-80px; top:80px; width:70%; height:420px; background:#dbeeff55; clip-path:polygon(0 45%,65% 0,100% 17%,100% 80%,35% 44%); }
#leads-follow-up.leads-reference::after { content:''; position:absolute; z-index:-1; right:-50px; bottom:0; width:300px; height:130px; background:#e1f0ff88; border-radius:100% 0 0 0; }
#leads-follow-up .lf-shell { max-width:2000px; margin:auto; padding:32px clamp(32px,5vw,100px) 28px; }
#leads-follow-up .section-label { color:#2668d8; font-size:12px; letter-spacing:.07em; line-height:1.6; margin-bottom:16px; }
#leads-follow-up .lf-header { display:grid; grid-template-columns:1.24fr 1fr 160px; gap:34px; align-items:center; margin-bottom:26px; }
#leads-follow-up h2 { max-width:none; font-size:clamp(30px,2.5vw,48px); line-height:1.4; letter-spacing:-.025em; font-weight:700; text-wrap:initial; }
#leads-follow-up .lf-header > p { font-size:clamp(14px,.95vw,18px); line-height:1.85; color:#4c638a; border-left:1px solid #d5e4f7; padding-left:28px; }
#leads-follow-up .lf-side-note { display:block; color:#5477b0; font-size:11px; letter-spacing:.08em; line-height:1.8; padding:0 0 0 18px; border-left:1px solid #8db4ff; justify-self:end; }
#leads-follow-up .lf-side-note::after { content:''; display:block; width:30px; height:1px; background:#79a4f3; margin-top:10px; }
#leads-follow-up .lf-workspace { display:grid; grid-template-columns:1.3fr 1fr; gap:16px; align-items:stretch; }
#leads-follow-up .lf-panel { border:1px solid #dceaff; border-radius:14px; background:#ffffffc4; box-shadow:0 9px 25px #ccdefa25; padding:18px; min-width:0; }
#leads-follow-up h3 { font-size:16px; line-height:1.5; font-weight:650; }
#leads-follow-up .lf-list-head { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:14px; margin-bottom:16px; }
#leads-follow-up .lf-list-head h3 > span,#leads-follow-up .lf-detail-head h3 > span { color:#1972ff; }
#leads-follow-up .lf-list-head p,#leads-follow-up .lf-detail-head p { font-size:12px; color:#526d96; line-height:1.7; margin-top:3px; }
#leads-follow-up .lf-tools { display:flex; gap:9px; align-items:center; }
#leads-follow-up .lf-search { display:flex; align-items:center; gap:8px; border:1px solid #d8e5f7; background:#fff9; border-radius:7px; padding:8px 10px; width:190px; }
#leads-follow-up .lf-search svg { width:15px; height:15px; color:#6280ae; flex:0 0 auto; }
#leads-follow-up .lf-search input { min-width:0; width:100%; border:0; padding:0; background:transparent; font:inherit; font-size:11px; color:#173567; outline:none; }
#leads-follow-up .lf-search input::placeholder { color:#58719a; opacity:1; }
#leads-follow-up .lf-search:focus-within { outline:2px solid #267bff; outline-offset:2px; }
#leads-follow-up select { border:1px solid #d8e5f7; background:#fbfdff; color:#456087; border-radius:7px; font:inherit; font-size:11px; padding:8px 5px; min-height:34px; }
#leads-follow-up .lf-table-scroll { overflow-x:auto; border:1px solid #e3ecf9; border-radius:10px; }
#leads-follow-up .lf-table { width:100%; min-width:660px; border-collapse:separate; border-spacing:0; table-layout:auto; font-size:11px; line-height:1.6; text-align:left; }
#leads-follow-up .lf-table th { padding:13px 10px; font-size:11px; font-weight:500; color:#526b96; white-space:nowrap; }
#leads-follow-up .lf-table td { padding:16px 10px; border-top:1px solid #e3edfb; color:#47628a; vertical-align:middle; }
#leads-follow-up .lf-table td small { display:block; font-size:10px; color:#586f93; margin-top:3px; }
#leads-follow-up .lf-table td:first-child { width:24%; }
#leads-follow-up .lf-table tr.lf-selected td { background:#ebf4ff; border-top-color:#d7e7ff; }
#leads-follow-up .lf-company { display:flex; align-items:center; gap:10px; border:0; background:transparent; text-align:left; font:inherit; color:inherit; cursor:pointer; padding:0; width:100%; }
#leads-follow-up .lf-company > span:last-child { min-width:0; }
#leads-follow-up .lf-company strong { display:block; color:#102245; font-weight:650; font-size:12px; }
#leads-follow-up .lf-company small { font-size:10px; white-space:nowrap; }
#leads-follow-up .lf-company:hover strong { color:#0865ee; }
#leads-follow-up .lf-logo { display:grid; place-items:center; flex:0 0 auto; width:38px; height:38px; border:1px solid #e3edfa; background:#fff; border-radius:12px; font-size:26px; line-height:1; font-weight:800; color:#1477ff; }
#leads-follow-up .lf-logo-air { color:#0668ff; font-style:italic; }
#leads-follow-up .lf-logo-nova { color:#844cdb; background:#f4efff; }
#leads-follow-up .lf-logo-bright { color:#d48c00; background:#fff9eb; }
#leads-follow-up .lf-logo-cloud { color:#138fca; background:#eef9ff; }
#leads-follow-up .lf-pill { display:inline-block; padding:4px 10px; border-radius:20px; color:#3a6293; background:#e8f2ff; font-size:11px; line-height:1.4; white-space:nowrap; }
#leads-follow-up .lf-high { color:#18784d; background:#dcf5e9; }
#leads-follow-up .lf-match { color:#285d9d; background:#e5f1ff; }
#leads-follow-up .lf-low,#leads-follow-up .lf-muted { color:#546079; background:#edf0f5; }
#leads-follow-up .lf-unknown,#leads-follow-up .lf-purple { color:#7452b5; background:#f0eaff; }
#leads-follow-up .lf-blue { color:#145ec9; background:#e0edff; }
#leads-follow-up .lf-amber { color:#9b5b16; background:#fff1db; }
#leads-follow-up figcaption { display:flex; flex-wrap:wrap; justify-content:space-between; gap:5px 12px; color:#5e7698; font-size:10px; line-height:1.7; margin-top:12px; }
#leads-follow-up .lf-empty { padding:28px 18px; color:#536c93; font-size:13px; }
#leads-follow-up [hidden] { display:none!important; }
#leads-follow-up .lf-detail-head { display:flex; align-items:start; justify-content:space-between; gap:12px; margin-bottom:12px; }
#leads-follow-up .lf-detail-mark { font-size:10px; color:#6480a8; padding-top:5px; white-space:nowrap; }
#leads-follow-up .lf-company-summary { display:flex; align-items:center; gap:15px; padding:12px 14px; border:1px solid #e0eafa; border-radius:10px; background:#ffffffb3; }
#leads-follow-up .lf-company-summary .lf-logo { width:48px; height:48px; border-radius:50%; font-size:32px; }
#leads-follow-up .lf-company-summary > div { min-width:0; flex:1; }
#leads-follow-up h4 { font-size:17px; line-height:1.5; font-weight:650; }
#leads-follow-up .lf-company-summary p { font-size:12px; line-height:1.6; color:#58729a; }
#leads-follow-up .lf-company-summary small { font-size:10px; color:#5f7498; line-height:1.6; }
#leads-follow-up .lf-detail-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:10px; }
#leads-follow-up .lf-detail-cell { padding:13px 12px; border:1px solid #e0eafa; background:linear-gradient(130deg,#fff,#f7fbff); border-radius:9px; min-width:0; }
#leads-follow-up h5 { display:flex; align-items:center; gap:8px; font-size:11px; font-weight:650; line-height:1.5; margin:0 0 10px; }
#leads-follow-up h5 svg { width:18px; height:18px; color:#075be3; flex:0 0 auto; }
#leads-follow-up .lf-detail-cell p,#leads-follow-up .lf-detail-cell ul { color:#4b6287; font-size:12px; line-height:1.8; margin:0; }
#leads-follow-up .lf-detail-cell ul { padding-left:15px; }
#leads-follow-up .lf-next { background:#eaf4ff; border-color:#c8e0ff; }
#leads-follow-up .lf-next h5 { color:#075fe9; }
#leads-follow-up .lf-next p { color:#28528c; }
#leads-follow-up .lf-reading { display:grid; grid-template-columns:1fr 260px; gap:24px; padding:17px 22px; border:1px solid #e1ecfa; border-radius:13px; background:#ffffffb3; margin-top:15px; }
#leads-follow-up .lf-reading h3 { color:#216ce6; font-size:12px; font-weight:500; }
#leads-follow-up .lf-reading h3 span { color:#4a73b7; }
#leads-follow-up .lf-reading ol { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); list-style:none; gap:20px; padding:0; margin:10px 0 0; }
#leads-follow-up .lf-reading li { position:relative; display:flex; gap:12px; align-items:center; }
#leads-follow-up .lf-reading li:not(:last-child)::after { content:'›'; position:absolute; right:-11px; top:8px; font-size:17px; color:#6484b4; }
#leads-follow-up .lf-reading li > span { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:#e3f1ff; color:#0668ff; font-size:15px; flex:0 0 auto; }
#leads-follow-up .lf-reading strong { display:block; color:#455f88; font-size:11px; font-weight:500; line-height:1.7; }
#leads-follow-up .lf-reading small { display:block; color:#5f779d; font-size:10px; line-height:1.5; }
#leads-follow-up .lf-reading-note { display:flex; gap:16px; align-items:center; border-left:1px solid #dbe8f8; padding-left:22px; font-size:12px; line-height:1.8; color:#546d92; }
#leads-follow-up .lf-reading-note svg { width:26px; height:26px; flex:0 0 auto; color:#617eab; }
#leads-follow-up .lf-boundaries { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:14px; }
#leads-follow-up .lf-boundaries > div { display:flex; align-items:center; gap:17px; padding:15px 18px; border:1px solid #e1ecfa; border-radius:12px; background:#ffffffb8; }
#leads-follow-up .lf-icon { display:grid; place-items:center; width:44px; height:44px; flex:0 0 auto; border-radius:50%; background:#e7f2ff; color:#0870f8; }
#leads-follow-up .lf-icon svg { width:25px; height:25px; }
#leads-follow-up .lf-boundaries h3 { font-size:17px; }
#leads-follow-up .lf-boundaries p { color:#516c96; font-size:12px; line-height:1.7; margin-top:3px; }
#leads-follow-up .lf-scope { margin:9px 4px 0; font-size:10px; color:#597293; line-height:1.7; }
#leads-follow-up .lf-takeaways { display:grid; grid-template-columns:1.55fr 1fr 1fr 1fr .65fr; align-items:center; gap:16px; margin-top:18px; }
#leads-follow-up .lf-conclusion { padding-left:18px; border-left:2px solid #89adff; }
#leads-follow-up .lf-conclusion h3 { font-size:clamp(22px,1.55vw,30px); line-height:1.5; font-weight:700; letter-spacing:-.02em; }
#leads-follow-up .lf-conclusion p { font-size:11px; line-height:1.7; color:#526e97; margin-top:7px; max-width:47ch; }
#leads-follow-up .lf-principle { display:flex; gap:12px; align-self:stretch; padding:15px 12px; border:1px solid #e1ecfa; border-radius:10px; background:#fff9; }
#leads-follow-up .lf-principle .lf-icon { width:35px; height:35px; }
#leads-follow-up .lf-principle .lf-icon svg { width:22px; height:22px; }
#leads-follow-up .lf-principle h4 { font-size:13px; }
#leads-follow-up .lf-principle p { font-size:11px; color:#536e97; line-height:1.7; margin-top:4px; }
#leads-follow-up .lf-takeaways > .lf-side-note { font-size:10px; }
#leads-follow-up .lf-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
#leads-follow-up button:focus-visible,#leads-follow-up select:focus-visible,#leads-follow-up .lf-table-scroll:focus-visible { outline:2px solid #126afa; outline-offset:3px; }
#leads-follow-up .lf-detail-empty { display:none; padding:36px 20px; color:#526d96; font-size:14px; line-height:1.8; }
#leads-follow-up .lf-no-selection .lf-company-summary,#leads-follow-up .lf-no-selection .lf-detail-grid { display:none; }
#leads-follow-up .lf-no-selection .lf-detail-empty { display:block; }
@media(max-width:1500px) { #leads-follow-up .lf-header { grid-template-columns:1.2fr 1fr; gap:30px; } #leads-follow-up .lf-header > .lf-side-note { display:none; } #leads-follow-up .lf-panel { padding:14px; } #leads-follow-up .lf-workspace { grid-template-columns:1.25fr 1fr; gap:12px; } #leads-follow-up .lf-detail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } #leads-follow-up .lf-table { min-width:0; } #leads-follow-up .lf-table th,#leads-follow-up .lf-table td { padding-inline:8px; } #leads-follow-up .lf-company { gap:7px; } #leads-follow-up .lf-company small { white-space:normal; } #leads-follow-up .lf-reading { grid-template-columns:1fr; gap:14px; } #leads-follow-up .lf-reading-note { border-left:0; border-top:1px solid #e3ecfa; padding:10px 0 0; font-size:11px; } #leads-follow-up .lf-reading-note br { display:none; } #leads-follow-up .lf-reading-note svg { width:20px; height:20px; } #leads-follow-up .lf-takeaways { grid-template-columns:1.5fr 1fr 1fr 1fr; } #leads-follow-up .lf-takeaways > .lf-side-note { display:none; } }
@media(max-width:1150px) { #leads-follow-up .lf-shell { padding:30px 5vw; } #leads-follow-up .lf-workspace { grid-template-columns:1fr; gap:18px; } #leads-follow-up .lf-header { grid-template-columns:1fr; gap:16px; } #leads-follow-up .lf-header > p { border:0; padding:0; max-width:75ch; } #leads-follow-up .lf-list-head { flex-wrap:nowrap; } #leads-follow-up .lf-detail-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } #leads-follow-up .lf-table { min-width:660px; } #leads-follow-up .lf-table td { padding:16px 12px; } #leads-follow-up .lf-reading ol { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px 24px; } #leads-follow-up .lf-reading li:nth-child(3)::after { display:none; } #leads-follow-up .lf-takeaways { grid-template-columns:repeat(3,minmax(0,1fr)); } #leads-follow-up .lf-conclusion { grid-column:1/-1; } }
@media(max-width:700px) { #leads-follow-up .lf-shell { padding:26px 5vw; } #leads-follow-up .section-label { font-size:11px; } #leads-follow-up h2 { font-size:clamp(25px,5.5vw,36px); } #leads-follow-up .lf-header { margin-bottom:20px; } #leads-follow-up .lf-header > p { font-size:14px; } #leads-follow-up .lf-panel { padding:14px 12px; } #leads-follow-up .lf-list-head { display:block; } #leads-follow-up .lf-tools { margin-top:14px; } #leads-follow-up .lf-search { flex:1; width:auto; min-width:0; } #leads-follow-up .lf-search input,#leads-follow-up select { font-size:12px; } #leads-follow-up .lf-table { font-size:12px; } #leads-follow-up .lf-detail-head { flex-wrap:wrap; } #leads-follow-up .lf-detail-mark { display:none; } #leads-follow-up .lf-company-summary { gap:10px; padding:10px; flex-wrap:wrap; } #leads-follow-up .lf-company-summary .lf-logo { width:36px; height:36px; font-size:26px; } #leads-follow-up .lf-company-summary small { font-size:10px; } #leads-follow-up .lf-detail-grid { grid-template-columns:1fr; } #leads-follow-up .lf-detail-cell { padding:15px; } #leads-follow-up h5 { font-size:13px; } #leads-follow-up .lf-detail-cell p,#leads-follow-up .lf-detail-cell ul { font-size:14px; } #leads-follow-up .lf-reading { padding:16px; } #leads-follow-up .lf-reading ol { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 12px; } #leads-follow-up .lf-reading li { gap:8px; } #leads-follow-up .lf-reading li::after { display:none; } #leads-follow-up .lf-reading strong { font-size:12px; } #leads-follow-up .lf-reading small { font-size:10px; } #leads-follow-up .lf-reading-note { font-size:12px; gap:12px; } #leads-follow-up .lf-boundaries { grid-template-columns:1fr; } #leads-follow-up .lf-boundaries > div { align-items:start; padding:16px; gap:12px; } #leads-follow-up .lf-boundaries h3 { font-size:17px; } #leads-follow-up .lf-boundaries p { font-size:13px; } #leads-follow-up .lf-scope { font-size:11px; margin-top:12px; } #leads-follow-up .lf-takeaways { grid-template-columns:1fr; gap:12px; } #leads-follow-up .lf-conclusion { margin-bottom:5px; } #leads-follow-up .lf-conclusion h3 { font-size:22px; } #leads-follow-up .lf-conclusion p { font-size:12px; } #leads-follow-up .lf-principle { padding:16px; } #leads-follow-up .lf-principle h4 { font-size:14px; } #leads-follow-up .lf-principle p { font-size:13px; } }

#leads-follow-up .lf-scroll-hint { display:none; }
@media(max-width:700px) { #leads-follow-up .lf-scroll-hint { display:block; margin-top:9px; font-size:11px; line-height:1.6; color:#526d96; } }
