/* WE-048: private taste directions with visibly attributed research cues. */
.recommendation-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:64px;padding-top:24px}.recommendation-controls,.recommendation-results-area{min-width:0}.recommendation-controls h2,.recommendation-results-area>h2{font-size:2.5rem;line-height:1.25;margin-block:24px}.recommendation-controls label:not(.recommendation-check){display:grid;gap:10px;margin-block:24px;font-size:.875rem;line-height:1.8}.recommendation-controls select,.recommendation-controls input:not([type=checkbox]){width:100%;min-width:0;max-width:100%;font:inherit;background:var(--white);color:var(--ink);border:1px solid var(--line);padding:12px}.recommendation-check{display:flex;gap:12px;align-items:flex-start;font-size:.875rem;line-height:1.9;margin-block:20px}.recommendation-check input,.recommendation-entry input{width:20px;height:20px;min-width:20px;margin-top:4px;accent-color:var(--ink)}.recommendation-controls fieldset{padding:20px;border:1px solid var(--line);margin-block:28px}.recommendation-controls legend{padding-inline:8px;font-size:.875rem}.recommendation-workspace .small{font-size:.8125rem;line-height:1.95}.recommendation-controls .actions{gap:22px;align-items:flex-start}.recommendation-controls button{max-width:100%;white-space:normal;line-height:1.7}.recommendation-controls button:disabled{opacity:.55;cursor:not-allowed}.recommendation-feedback{border-block:1px solid var(--line);margin-block:48px;padding-block:24px}.recommendation-feedback p,.recommendation-method p{font-size:.9375rem;line-height:1.95}.recommendation-entry{display:grid;grid-template-columns:20px minmax(0,1fr);gap:14px;font-size:.875rem;line-height:1.8;border-block-end:1px solid var(--line);padding-block:20px}.recommendation-entry .small{grid-column:2}.recommendation-entry:has(input:disabled){opacity:.65}.recommendation-method summary{cursor:pointer;padding-block:12px;line-height:1.8}#recommendation-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-block:28px}.recommendation-choice{min-width:0;border:1px solid var(--line);padding:26px;background:var(--white)}.recommendation-choice h3{font-size:1.75rem;line-height:1.35;margin-block:24px}.recommendation-choice .underlink{font-size:.8125rem;line-height:1.9;overflow-wrap:anywhere}.recommendation-choice h3 .underlink{display:inline;font:inherit;line-height:inherit;letter-spacing:normal}.recommendation-reasons{padding-left:20px}.recommendation-reasons li{font-size:.875rem;line-height:1.9;margin-block:20px;overflow-wrap:anywhere}.recommendation-choice .collection-facts>div{grid-template-columns:1fr;gap:6px}.recommendation-image{margin:0 0 28px}.recommendation-image img{width:100%;height:auto;max-height:180px;object-fit:contain;background:var(--sand)}.recommendation-image figcaption{font-size:.75rem;line-height:1.9;margin-top:12px}.recommendation-table-wrap{overflow:auto;max-width:100%;margin-block:24px}.recommendation-table-wrap table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse}.recommendation-table-wrap tr>th:first-child{width:50%;min-width:0;font-size:inherit}.recommendation-table-wrap td .underlink{display:inline;font:inherit;overflow-wrap:anywhere}.recommendation-table-wrap th,.recommendation-table-wrap td{min-width:0;width:50%;text-align:left;vertical-align:top;padding:16px;border:1px solid var(--line);font-size:.8125rem;line-height:1.9;overflow-wrap:anywhere}#recommendation-comparison{border-block:1px solid var(--line);padding-block:24px}#recommendation-comparison h3{font-size:1.7rem;line-height:1.35}#recommendation-error{line-height:1.9;color:var(--red)}#recommendation-profile h3{font-size:1.6rem;line-height:1.4}#recommendation-profile p{overflow-wrap:anywhere}#recommendation-status,#recommendation-journal-status{line-height:1.9;font-size:.9375rem}
@media(max-width:1100px){#recommendation-results{grid-template-columns:1fr}.recommendation-workspace{gap:32px}}@media(max-width:760px){.recommendation-workspace{grid-template-columns:1fr;gap:40px}.recommendation-choice{padding:24px 20px}.recommendation-controls h2,.recommendation-results-area>h2{font-size:2rem}.recommendation-table-wrap th,.recommendation-table-wrap td{padding:12px 9px;font-size:.75rem}.recommendation-image img{max-height:220px}}
