/* Extend the existing paper-and-rose storybook theme for optional discovery. */
.personal-dialog,.discover-page { font-family:var(--font); }
.personal-dialog { width:min(620px,calc(100% - 32px)); border-color:var(--soft-line); border-radius:6px; padding:30px; }
.personal-dialog h2 { line-height:1.5; }
.personal-dialog h2:focus { outline:none; }
.personal-dialog p { font-size:14px; }
.personal-dialog .eyebrow { margin-bottom:12px; }
.personal-form { display:grid; gap:8px; margin-top:20px; }
.personal-form label { font-size:14px; font-weight:600; margin-top:6px; }
.personal-form input,.personal-form select { width:100%; min-height:46px; border:1px solid var(--soft-line); background:var(--card); border-radius:4px; padding:10px 12px; }
.personal-form .field-help { font-size:12px; margin:0 0 5px; line-height:1.75; }
.personal-form>.button { margin-top:12px; justify-self:start; }
.personal-form-error { margin:8px 0; }
.discover-intro { display:flex; gap:30px; justify-content:space-between; align-items:center; margin:16px 0 30px; padding-bottom:28px; border-bottom:1px solid var(--soft-line); }
.discover-intro h1 { font-size:38px; margin-bottom:12px; }
.discover-intro p { max-width:650px; color:var(--muted); }
.discover-bookmark { flex:none; border:1px solid var(--soft-line); background:var(--b-soft); color:var(--rose-dark); padding:20px 28px; transform:rotate(3deg); text-align:center; line-height:1.9; }
.discover-layout { display:grid; grid-template-columns:minmax(0,1fr) 310px; align-items:start; gap:30px; }
.discover-content,.discover-account { min-width:0; }
.discover-account { border:1px solid var(--soft-line); background:var(--card); padding:23px; border-radius:5px; }
.discover-account h2 { font-size:20px; margin-bottom:12px; }
.discover-account p { font-size:13px; }
.discover-account .button-row { gap:10px; }
.discover-account .button { padding:10px 15px; font-size:13px; }
.discover-account .text-link { text-align:left; }
.discover-account hr { border:0; border-top:1px solid var(--soft-line); margin:22px 0; }
.discover-state { padding:30px; background:var(--b-soft); border:1px solid var(--soft-line); border-radius:5px; margin-bottom:24px; }
.discover-state h2 { font-size:23px; margin-bottom:10px; }
.discover-state p { color:var(--muted); }
.discover-state .eyebrow { margin-bottom:10px; }
.discover-section-heading { display:flex; justify-content:space-between; align-items:baseline; gap:15px; margin:24px 0 16px; }
.discover-section-heading h2 { font-size:23px; }
.discovery-list { display:grid; gap:20px; }
.discovery-card { background:var(--card); border:1px solid var(--soft-line); border-radius:5px; padding:25px; box-shadow:var(--paper-shadow); overflow-wrap:anywhere; }
.discovery-card h3 { font-size:22px; margin:9px 0 12px; }
.discovery-card .recommendation-reason { margin:12px 0; font-size:14px; }
.discovery-card details { border-top:1px solid var(--soft-line); margin-top:18px; padding-top:12px; }
.discovery-card summary { color:var(--rose-dark); cursor:pointer; min-height:44px; padding:8px 0; font-weight:600; }
.catalog-content { font-size:15px; line-height:1.95; white-space:pre-wrap; padding:12px 0; }
.discovery-card .feedback-actions { display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin-top:15px; }
.discovery-card .feedback-actions button { min-height:44px; padding:8px 13px; border:1px solid var(--soft-line); background:var(--card); border-radius:4px; }
.preference-card { padding:20px 0; border-bottom:1px solid var(--soft-line); overflow-wrap:anywhere; }
.preference-card h3 { font-size:17px; margin:10px 0; }
.preference-evidence { border-left:2px solid var(--gold); margin:12px 0; padding:3px 0 3px 14px; }
.preference-evidence blockquote { margin:3px 0 8px; white-space:pre-wrap; font-size:14px; }
.preference-evidence cite { font-style:normal; font-size:12px; color:var(--muted); }
.preference-actions { display:flex; gap:16px; flex-wrap:wrap; }
.discover-page .app-header nav { flex-wrap:wrap; }
.discover-status { font-size:14px; min-height:26px; margin:12px 0; color:var(--rose-dark); }
.discover-error { margin-bottom:22px; }
.discover-delete-dialog { border-color:var(--soft-line); border-radius:6px; }
@media(max-width:950px){.discover-layout{grid-template-columns:minmax(0,1fr) 280px;gap:22px}.discover-account{padding:20px}.discover-bookmark{display:none}}
@media(max-width:720px){.discover-page .app-header{flex-wrap:wrap}.discover-page .app-header nav{gap:20px;margin-left:auto}.discover-intro{margin-top:6px;padding-bottom:22px}.discover-intro h1{font-size:30px}.discover-intro p{font-size:14px}.discover-layout{grid-template-columns:1fr;gap:25px}.discover-account{grid-row:1}.discover-state{padding:23px}.discover-state h2{font-size:21px}.discovery-card{padding:21px}.discovery-card h3{font-size:21px}.personal-dialog{padding:24px;max-height:90dvh}.personal-dialog h2{font-size:23px}.personal-dialog .button-row{align-items:stretch}.personal-dialog .button{flex:1 1 100%}.personal-form>.button{justify-self:stretch}.discover-section-heading{align-items:start}.discover-section-heading h2{font-size:21px}.discover-intro .eyebrow{font-size:10px}}
@media(max-width:390px){.audience-page .app-header{flex-wrap:wrap}.audience-page .app-header nav{margin-left:auto;gap:20px}}
@media(max-width:720px){.discover-page.has-viewer .discover-account{grid-row:auto}}