/* Let controls and text take their natural height instead of overlapping. */
.account-quiet-bar{margin:12px 4px 18px;min-height:46px;padding:5px 3px;gap:12px;position:relative;overflow:visible;align-items:center}.account-quiet-bar .account-quiet-status{min-width:0;flex:1 1 auto;overflow-wrap:anywhere;line-height:1.65}.account-quiet-bar>button{flex-shrink:0}.account-quiet-bar .activity-bell{display:inline-flex;flex:0 0 38px;width:38px;height:38px;min-width:38px;min-height:38px;padding:8px;margin:3px 1px;align-items:center;justify-content:center;line-height:1;overflow:visible}.account-quiet-bar .activity-bell svg{display:block;flex-shrink:0;width:19px;height:19px}.account-quiet-bar .activity-count{top:-3px;right:-3px;line-height:1.2}.account-quiet-bar.has-error{align-items:center}.topbar{min-height:0;height:auto}.topbar>div{min-width:0}.topbar strong{line-height:1.4;overflow-wrap:anywhere}.topbar .search{min-width:0;max-width:100%}.topbar .search input{min-width:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;vertical-align:middle;line-height:1.5;white-space:normal;overflow-wrap:anywhere;max-width:100%;text-align:center}.btn.soft,.btn.purple{line-height:1.5}dialog a.btn{display:flex;width:fit-content;max-width:100%;margin:14px 0 16px;line-height:1.6;padding:12px 18px}dialog a.btn+p,dialog .btn+.tiny{margin-top:12px}dialog p,dialog label,dialog summary{overflow-wrap:anywhere}dialog p{line-height:1.7}dialog .dialog-top{gap:16px;margin-bottom:12px}dialog .dialog-top h2{flex:1;min-width:0;line-height:1.3;margin-bottom:12px;overflow-wrap:anywhere}dialog .close{flex-shrink:0;min-height:36px;align-self:flex-start}.personal-form>label{line-height:1.5}.personal-form input,.personal-form select,.personal-form textarea{max-width:100%;box-sizing:border-box}.personal-check>span,.calendar-preferences>span,.collection-check>span{min-width:0;overflow-wrap:anywhere;line-height:1.6}
.section-head{flex-wrap:wrap;row-gap:14px}.section-head>div{min-width:0;flex:1 1 220px}.section-head h1,.section-head h2{line-height:1.3;overflow-wrap:anywhere}.section-head p{line-height:1.7}.post-head{align-items:center;row-gap:10px}.post-head>div:not(.avatar){min-width:0}.post-head strong,.post-head small,.post-copy,.profile-tab-panel,.board-card,.collection-card,.collection-item,.day-item{overflow-wrap:anywhere}.post-copy{line-height:1.75}.post-copy .text-link{line-height:1.6;max-width:100%;white-space:normal}.personal-tools,.pin-buttons,.collection-tools,.feed-control-actions,.entry-tools{row-gap:12px}.phone-section-switch{flex-wrap:wrap;gap:8px}.phone-section-switch button{flex:1 1 80px;line-height:1.45;white-space:normal;min-width:0}.personal-tabs button{line-height:1.5;white-space:normal}.friends-person-head strong,.activity-copy strong{overflow-wrap:anywhere;line-height:1.6}.friends-person-head{min-width:0}.friends-person .personal-tools{margin-top:15px}.activity-item{gap:17px;line-height:1.6}.activity-copy{min-width:0}.activity-copy small{line-height:1.6;margin-top:8px}.profile-edit-choice{line-height:1.6;overflow-wrap:anywhere}.profile-setting-group>summary{line-height:1.6}.calendar-heading{align-items:center}.calendar-heading h2{min-width:0;line-height:1.4}.day-section h4{line-height:1.5}.milestone strong,.milestone p{line-height:1.6;overflow-wrap:anywhere}.goal-card .goal-copy{min-width:0}.goal-card h3{line-height:1.4}.goal-card .text-link{line-height:1.6;margin-right:10px}.friend-note-tile{min-width:0}.friend-note-bubble{line-height:1.6;height:auto}.friend-note-tile strong{line-height:1.5}.friends-notes-row{align-items:flex-start;padding-top:12px!important;padding-bottom:16px!important}.friend-note-tile .profile-identity{flex-shrink:0}.discover-curated-grid{align-items:stretch}.discover-curated-grid .discover-card{display:flex;flex-direction:column;height:auto;min-width:0}.discover-card .pin-art{flex-shrink:0}.discover-card .pin-copy{height:auto;min-width:0;flex:1 0 auto;gap:0}.discover-card .pin-kind{display:block;line-height:1.65;overflow-wrap:anywhere}.discover-card-title{line-height:1.35;white-space:normal;overflow-wrap:anywhere;max-width:100%}.discover-card-description{display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;overflow:visible;line-height:1.75;margin-bottom:18px!important}.discover-card-actions{padding-top:5px;gap:10px;flex-wrap:wrap}.discover-card-menu[open]>button{line-height:1.5;min-height:44px}.discover-card-menu[open]>button+button{top:84px}.personal-pin .pin-copy h3{line-height:1.4;overflow-wrap:anywhere}.personal-pin .pin-copy p{line-height:1.75}.personal-intro h2,.personal-intro p{overflow-wrap:anywhere}.personal-intro:has(.discover-pip){min-height:150px}.discover-pip{pointer-events:none}.word-row{flex-wrap:wrap;row-gap:12px}.word-row>input{min-width:120px;flex:1 1 140px;max-width:100%}.word-row>.btn{flex:0 0 auto}
@media(max-width:760px){.account-quiet-bar{margin:10px 3px 16px;padding:5px 3px;gap:10px;min-height:46px}.account-quiet-status{line-height:1.65}.topbar>div{min-width:0}.topbar{row-gap:14px}.topbar .search{flex:1 1 165px}.section-head{margin-bottom:23px}.personal-intro:has(.discover-pip){min-height:145px}.activity-item{padding:17px 14px}.profile-tab-panel>.feed-controls{row-gap:12px}.calendar-heading h2{font-size:clamp(19px,5vw,25px)}}
@media(max-width:380px){.discover-curated-grid{grid-template-columns:minmax(0,1fr)}.discover-card .pin-art{height:145px!important}.discover-card-title{font-size:23px}.account-quiet-bar{column-gap:8px}.account-quiet-bar .account-quiet-status{font-size:10px}.personal-intro:has(.discover-pip){padding-right:75px}.section-head h1{font-size:32px}.dialog-top h2{font-size:25px}}

/* Consistent breathing room between independent surfaces. */
#feed .friends-notes.notes-surface{margin-bottom:20px}
#feed>.find-people-welcome{margin-top:0;margin-bottom:20px}
#feed>.daily-prevail{margin-top:0;margin-bottom:24px}
.page>.personal-intro,.page>.phone-section-switch{margin-bottom:24px}
.page>:is(section,article,details)+:is(section,article,details){margin-top:20px}
#feed>:is(.friends-notes,.find-people-welcome,.daily-prevail)+:is(.find-people-welcome,.daily-prevail){margin-top:0}
#feed-list{display:grid;gap:22px}#feed-list>.post{margin-bottom:0}
.profile-tab-panel>.profile-setting-group+.profile-setting-group{margin-top:14px}
.friend-suggestion-grid,.discover-curated-grid{gap:18px}
.friends-person+.friends-person,.day-item+.day-item,.collection-item+.collection-item{margin-top:16px}
dialog>section+section,dialog>details+details{margin-top:20px}
@media(max-width:480px){#feed-list{gap:20px}.friend-suggestion-grid,.discover-curated-grid{gap:16px}}

/* Standalone panels also need separation from grids and closing messages. */
.page>.panel{margin-top:24px;margin-bottom:24px}
.page>.end-note{margin-top:24px;margin-bottom:24px}
.page>.panel:last-child{margin-bottom:0}
.profile-tab-panel>.panel{margin-top:24px;margin-bottom:24px}
.page>:is(.post-grid,.book-grid,.personal-masonry,.journal-list)+.panel{margin-top:24px}
@media(max-width:480px){.page>.panel,.page>.end-note,.profile-tab-panel>.panel{margin-top:20px;margin-bottom:20px}.page>.panel:last-child{margin-bottom:0}}