.mp-extra-settings{display:grid;gap:.65rem;margin-top:1rem;min-width:0}
.mp-extra-settings>details{border:1px solid var(--border-default);border-radius:.4rem;padding:.65rem}
.mp-extra-settings summary,.mp-photo-picker summary{cursor:pointer;font-weight:700;font-size:.85rem}
.mp-extra-form{display:grid;gap:.65rem;padding:.65rem 0}
.mp-extra-form label{display:grid;gap:.2rem;font-size:.82rem}
.mp-extra-settings p,.mp-photo-picker p{font-size:.78rem;color:var(--text-muted);margin:.4rem 0}
.mp-extra-settings :is(input,textarea,select){min-width:0;max-width:100%}
.mp-extra-settings details details{margin:.55rem 0;padding:.5rem;border:1px solid var(--border-default);border-radius:.3rem}
.mp-extra-settings .mp-check,.mp-entry-options .mp-check{display:flex;gap:.4rem;align-items:center;font-size:.8rem}
.mp-check input{width:auto!important;flex:none}
.mp-pick-photo{display:flex;align-items:center;gap:.35rem;border-bottom:1px solid var(--border-default);padding:.3rem 0}
.mp-pick-photo label{display:flex;align-items:center;gap:.35rem;flex:1;min-width:0;font-size:.75rem}
.mp-pick-photo label span{overflow-wrap:anywhere}
.mp-pick-photo img{width:36px;height:30px;object-fit:cover;border-radius:3px;flex:none}
.mp-pick-photo input{width:auto;flex:none}
.mp-pick-photo button{padding:.3rem .5rem;border:1px solid var(--border-default);border-radius:3px}
.mp-photo-picker [data-photo-list]{max-height:18rem;overflow:auto;margin-top:.5rem}
.mp-editor-record{padding:.65rem 0;border-top:1px solid var(--border-default);font-size:.85rem}
.mp-entry-options{display:grid;gap:.5rem;margin:.6rem 0}
#rb-my-page .mp-people{display:grid;gap:.65rem}
#rb-my-page .mp-people a{display:flex;align-items:center;gap:.6rem}
#rb-my-page .mp-people img{border-radius:50%;object-fit:cover;width:36px;height:36px}
#rb-my-page .mp-people small,#rb-my-page .mp-feature-links small,#rb-my-page .mp-album-card small{display:block;color:var(--mp-muted);font-size:.75rem}
#rb-my-page .mp-feature-links{list-style:none;margin:0;padding:0;display:grid;gap:.7rem;font-size:.85rem}
#rb-my-page .mp-feature-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.7rem}
#rb-my-page .mp-feature-cards>article,#rb-my-page .mp-album-card{border:1px solid var(--mp-border);border-radius:.35rem;padding:.65rem;min-width:0}
#rb-my-page .mp-project-cover,#rb-my-page .mp-album-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:.3rem;margin-bottom:.5rem}
#rb-my-page :is(.mp-comments,.mp-event,.mp-poll) :is(textarea,input,select){background:var(--mp-panel);color:var(--mp-text);border:1px solid var(--mp-border);border-radius:.3rem;max-width:100%;font:inherit;font-size:.85rem;padding:.4rem}
#rb-my-page .mp-comments textarea{display:block;width:100%;margin:.4rem 0}
#rb-my-page .mp-action{display:inline-flex;width:auto;align-items:center;justify-content:center;min-height:2rem;padding:.3rem .6rem;border:1px solid var(--mp-border);background:var(--mp-soft);color:var(--mp-text);font-size:.8rem;border-radius:.3rem;font-weight:600}
#rb-my-page .mp-comment{border-top:1px solid var(--mp-border);margin-top:.8rem;padding-top:.65rem;min-width:0}
#rb-my-page .mp-comment-reply{margin-left:clamp(.5rem,2vw,1.25rem);border-left:2px solid var(--mp-border);padding-left:.65rem}
#rb-my-page .mp-comment header{font-size:.83rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.35rem}
#rb-my-page .mp-comment time,#rb-my-page .mp-comment small{font-size:.73rem;color:var(--mp-muted)}
#rb-my-page .mp-comment-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;font-size:.75rem;margin-top:.5rem}
#rb-my-page .mp-comment-actions form{display:flex;gap:.3rem;align-items:center;flex-wrap:wrap}
#rb-my-page .mp-comment-actions details form{display:block}
#rb-my-page .mp-comment-actions summary{cursor:pointer}
#rb-my-page :is(.mp-poll,.mp-event){border-top:1px solid var(--mp-border);padding:.7rem 0;font-size:.85rem}
#rb-my-page :is(.mp-poll,.mp-event) p{margin:.4rem 0}
#rb-my-page .mp-check{display:flex;gap:.4rem;align-items:center;margin:.4rem 0}
#rb-my-page audio{display:block;width:100%;height:36px;margin:.5rem 0}
#rb-my-page [data-audio-status]{font-size:.75rem;color:var(--mp-muted)}
@media(max-width:520px){#rb-my-page .mp-feature-cards{grid-template-columns:1fr}.mp-extra-settings>details{padding:.5rem}}

/* Keep album covers compact even when there is only one album. */
#rb-my-page .mp-feature-cards.mp-album-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem}
#rb-my-page .mp-album-grid .mp-album-card{display:flex;flex-direction:column;align-self:start;padding:.35rem;overflow:hidden;font-size:.8rem;line-height:1.3}
#rb-my-page .mp-album-grid .mp-album-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;margin:0 0 .35rem;flex:none}
#rb-my-page .mp-album-grid .mp-album-card strong{overflow-wrap:anywhere}
#rb-my-page .mp-album-grid .mp-album-card small{font-size:.7rem;margin-top:.2rem}
@media(max-width:900px){#rb-my-page .mp-feature-cards.mp-album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){#rb-my-page .mp-feature-cards.mp-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
#rb-my-page .mp-album-add{margin:.75rem 0;padding:.5rem;border:1px solid var(--mp-border);border-radius:.35rem;font-size:.8rem}
#rb-my-page .mp-album-add summary{cursor:pointer}
#rb-my-page .mp-album-photo-choices{max-height:24rem;overflow:auto;margin:.65rem 0;gap:.5rem}
#rb-my-page .mp-album-photo-choices label{min-width:0;cursor:pointer;font-size:.75rem;overflow-wrap:anywhere}
#rb-my-page .mp-album-photo-choices span{display:flex;align-items:flex-start;gap:.3rem;margin:.3rem 0}
#rb-my-page .mp-album-photo-choices input{width:auto;flex:none;margin-top:.15rem}

#rb-my-page .mp-interest-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:.6rem}
#rb-my-page .mp-interest-card{display:flex;align-items:flex-start;gap:.65rem;padding:.6rem;border:1px solid var(--mp-border);border-left:3px solid var(--mp-accent);border-radius:.35rem;background:var(--mp-soft);min-width:0}
#rb-my-page .mp-interest-photo{display:block;width:64px;height:64px;max-width:30%;object-fit:cover;flex:none;border-radius:.3rem}
#rb-my-page .mp-interest-symbol{display:grid;place-items:center;width:2.2rem;height:2.2rem;flex:none;color:var(--mp-accent)}
#rb-my-page .mp-interest-symbol svg{display:block;width:1.45rem;height:1.45rem}
#rb-my-page .mp-interest-copy{min-width:0;flex:1}
#rb-my-page .mp-interest-copy h3{font-size:.9rem;line-height:1.3;margin:0 0 .3rem}
#rb-my-page .mp-interest-copy p{font-size:.8rem;line-height:1.5;margin:0 0 .4rem;color:var(--mp-text)}
#rb-my-page .mp-interest-copy a,#rb-my-page .mp-interest-edit{font-size:.75rem;overflow-wrap:anywhere}
#rb-my-page .mp-interest-edit{display:inline-block;margin-top:.6rem}

#rb-my-page .mp-interest-card .mp-interest-photo{width:48px;height:48px;aspect-ratio:1;object-fit:contain;border-radius:.2rem}

#rb-my-page .mp-interest-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,5rem),1fr));gap:.7rem .45rem;align-items:start}
#rb-my-page .mp-interest-tile{min-width:0;text-align:center}
#rb-my-page .mp-interest-tile .mp-interest-tile-trigger{display:flex;flex-direction:column;align-items:center;gap:.35rem;width:100%;padding:.3rem .15rem;background:none;border:0;border-radius:.25rem;color:var(--mp-text);text-decoration:none}
#rb-my-page .mp-interest-tile-trigger>img,#rb-my-page .mp-interest-tile-icon{display:block;width:48px;height:48px;object-fit:contain;border-radius:.2rem;flex:none}
#rb-my-page .mp-interest-tile-icon{display:grid;place-items:center;color:var(--mp-accent)}
#rb-my-page .mp-interest-tile-icon svg{width:30px;height:30px}
#rb-my-page .mp-interest-tile-title{font-size:.78rem;line-height:1.3;overflow-wrap:anywhere;font-weight:600}
#rb-my-page .mp-interest-note{position:fixed;inset:auto;margin:0;max-width:calc(100vw - 24px);width:max-content;max-inline-size:min(20rem,calc(100vw - 24px));max-height:min(45vh,20rem);overflow:auto;padding:.7rem;background:var(--mp-panel);color:var(--mp-text);border:1px solid var(--mp-border);border-radius:.35rem;box-shadow:0 4px 16px #0003;font:inherit;font-size:.82rem;line-height:1.5;overflow-wrap:anywhere}
#rb-my-page .mp-interest-note p{margin:.3rem 0;white-space:pre-wrap}
#rb-my-page .mp-interest-note a{color:var(--mp-accent)}
#rb-my-page .mp-interest-note::backdrop{background:transparent;pointer-events:none}