/* Home-only composition; existing AVDS form/control and card primitives. */
.home-page .personal-radio{margin:0 0 24px;color:var(--ink,#171d1c)}
.home-page .personal-radio-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0}
.home-page .personal-radio [hidden]{display:none!important}
.home-page .personal-radio .av-button{min-height:44px;white-space:normal;text-align:center}
.home-page .personal-edition,.home-page .personal-question{padding:20px;margin:16px 0;background:var(--paper,#fafbf7);border:1px solid var(--line,#c4ccc7)}
.home-page .personal-edition summary{font-size:1.2rem;font-weight:700;cursor:pointer;min-height:32px}
.home-page .edition-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}
.home-page .personal-radio label{display:block;font-size:.85rem;line-height:1.5;font-weight:600}
.home-page .personal-radio input:not([type=checkbox]),.home-page .personal-radio select{display:block;width:100%;min-height:44px;margin-top:6px;padding:10px;border:1px solid var(--line,#c4ccc7);background:#fff;color:#171d1c;font:inherit;border-radius:var(--av-radius-md,4px)}
.home-page .personal-radio .edition-checkbox{display:flex;gap:10px;align-items:center;margin:18px 0}
.home-page .edition-checkbox input{width:20px;height:20px;margin:0}
.home-page .personal-question h3{font-size:1.3rem;margin:0 0 12px}
.home-page .personal-question form{display:grid;gap:12px;margin:16px 0}
.home-page .personal-question form button{justify-self:start}
.home-page .personal-question blockquote{margin:12px 0;padding:12px 16px;border-left:3px solid var(--walnut,#974333);line-height:1.65;overflow-wrap:anywhere}
.home-page #editionStatus{font-size:.9rem;line-height:1.5;padding:12px 0}
.home-page .personal-radio :focus-visible{outline:3px solid var(--walnut,#974333);outline-offset:3px}
@media(max-width:900px){.home-page .edition-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.home-page .edition-fields{grid-template-columns:1fr}.home-page .personal-radio-actions{align-items:stretch}.home-page .personal-radio-actions button{flex:1 1 100%}.home-page .personal-edition,.home-page .personal-question{padding:16px}}

#listenerMessage {width:100%; box-sizing:border-box; font:inherit; padding:.7rem; border:1px solid var(--border-color,#ccc); border-radius:.4rem; resize:vertical;}
#listenerPrivacy, #listenerMessageStatus, #radioPushStatus {font-size:.85rem;}
#listenerControls h3 {font-size:1rem; margin-top:1.5rem;}