/* Lot 3 — quiet, contextual recommendations using the shared light/dark tokens. */
.context-recommendations{display:grid;gap:16px;min-width:0;margin:24px 0}
.context-rec{display:flex;align-items:center;gap:24px;min-width:0;padding:24px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-sm)}
.context-rec-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;align-self:flex-start;border:1px solid var(--border);border-radius:12px;background:var(--surface-subtle);color:var(--text-secondary)}
.context-rec-icon svg{width:18px;height:18px}
.context-rec-copy{min-width:0;flex:1}
.context-rec-label{display:block;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}
.context-rec h2{font-size:17px;font-weight:600;letter-spacing:-.3px;line-height:1.4;margin:0 0 4px;color:var(--text);overflow-wrap:anywhere}
.context-rec-summary{font-size:13px;line-height:1.6;margin:0;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.context-rec-budget{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;font-size:11px;line-height:1.5;color:var(--text-muted)}
.context-rec-budget strong{color:var(--text-secondary);font-weight:500}
.context-rec>.btn{flex-shrink:0;font-size:12px;min-height:40px}
.outcomes-stack .context-recommendations{margin:0}
.visibility-with-recommendations{min-width:0;display:grid;gap:24px}
.visibility-with-recommendations .context-recommendations{margin:0}
.overview-outcomes .context-rec,.grid-main .context-rec{flex-wrap:wrap;gap:16px}
.overview-outcomes .context-rec-copy,.grid-main .context-rec-copy{flex-basis:calc(100% - 56px)}
.overview-outcomes .context-rec>.btn,.grid-main .context-rec>.btn{margin-left:56px}
main[data-screen^="module-"]>.context-recommendations{order:8}
.rec-placement-fields{padding:24px;margin:24px 0;border:1px solid var(--border);border-radius:12px;min-width:0}
.rec-placement-fields legend{padding:0 8px;font-size:14px;font-weight:600}
.rec-placement-fields>.micro{margin:0 0 16px;line-height:1.6}
.rec-placement-caption{display:block;font-size:12px;font-weight:600;margin:24px 0 8px}
.rec-placement-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.rec-placement-option{display:flex!important;gap:12px;align-items:flex-start;margin:0!important;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);cursor:pointer}
.rec-placement-option:has(input:checked){border-color:var(--text-secondary);background:var(--surface-subtle)}
.rec-placement-option input[type="checkbox"]{width:16px!important;height:16px;flex:0 0 16px;margin:2px 0 0;accent-color:var(--text)}
.rec-placement-option strong{display:block;font-size:12px;font-weight:500;line-height:1.6}
.rec-placement-option small{display:block;font-size:11px;color:var(--text-muted);line-height:1.6}
.rec-placement-intro{display:grid;gap:8px;margin:0}
.rec-placement-intro strong{font-size:16px;font-weight:500}.rec-placement-intro span{font-size:12px;color:var(--text-muted)}
.rec-facts .rec-budget{display:flex;gap:8px;flex-wrap:wrap}.rec-budget small{font-size:inherit;color:var(--text-muted)}
.rec-card .rec-facts{padding:16px 24px 20px;margin-top:0}
@media(max-width:1050px){.visibility-with-recommendations{order:-1}}
@media(max-width:700px){.context-rec{gap:16px;flex-wrap:wrap}.context-rec>.btn{margin-left:56px}.context-rec-copy{flex-basis:calc(100% - 56px)}.context-rec-summary{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.context-recommendations{margin:16px 0}.context-rec h2{font-size:16px}}
@media(max-width:480px){.context-rec{padding:16px}.context-rec>.btn{width:calc(100% - 56px);justify-content:center}.rec-card .rec-facts{padding:16px 20px}.rec-placement-fields{padding:16px}.rec-placement-services{grid-template-columns:1fr}.rec-placement-fields select{max-width:100%}.visibility-with-recommendations{gap:16px}}