.audience-shortcuts{padding:22px;border:1px solid var(--border,#dbe3dc);border-radius:18px;background:var(--card,#fff);margin:24px 0}.audience-shortcuts h3{margin:0 0 8px}.audience-shortcuts p{font-size:14px;line-height:1.55}.audience-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.audience-options button{display:flex;flex-direction:column;gap:6px;text-align:left;padding:14px;border:1px solid #d7e2db;border-radius:12px;background:transparent;color:inherit;min-width:0}.audience-options button[aria-pressed=true]{background:#e8f3ec;color:#173d30;border-color:#346749}.audience-options small{font-size:12px;line-height:1.5}.audience-shortcuts.compact{padding:15px}.audience-shortcuts.compact .audience-options{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.collection-grid button{text-align:left;background:var(--card,#fff);border:1px solid #dbe3dc;border-radius:16px;overflow:hidden;color:inherit;min-width:0}.collection-grid img{width:100%;aspect-ratio:16/9;object-fit:cover}.collection-grid button>div{padding:16px}.collection-grid h3{font-size:18px;margin:0 0 8px}.collection-grid p,.collection-grid small{font-size:13px;line-height:1.6}.collection-grid small{display:block;opacity:.8}.collection-grid span{display:block;margin-top:16px;font-weight:600;font-size:13px}.suitability-details dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.suitability-details dl>div{padding:12px;border:1px solid #dbe3dc;border-radius:10px}.suitability-details dt{font-size:13px}.suitability-details dd{margin:6px 0 0;font-weight:600}.suitability-filter-options{display:grid;gap:10px}.suitability-filter-options label{display:flex;align-items:center;gap:8px}.suitability-filter-options input{width:auto;flex-shrink:0}.suitability-editor{margin:20px 0}.audience-options button:focus-visible,.collection-grid button:focus-visible{outline:3px solid #d39345;outline-offset:3px}@media(max-width:900px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.audience-shortcuts{padding:16px}.audience-options{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-grid,.suitability-details dl{grid-template-columns:1fr}}.planner-audience>summary{padding:12px 0;font-size:14px;line-height:1.55;cursor:pointer}.planner-audience>summary span{font-weight:600}.planner-audience .audience-shortcuts{margin:8px 0 18px}
