/* Account and community layouts, using shared design tokens. */
.account-login{width:100%;max-width:560px;margin:0 auto 24px}
.account-login-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.account-login-actions>.btn{width:100%}
.account-login-actions>.link{align-self:center;display:inline-flex;align-items:center;min-height:44px}
.account-login-actions>p{margin:0}
.account-login form{margin-top:24px;padding-top:24px;border-top:1px solid var(--color-surface-border)}
.account-login #passkey-feedback:empty{display:none}
.account-login form+.small{margin-top:16px}
.account-section{margin-block:32px}
.detail-layout{max-width:800px;margin-inline:auto}
.detail-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:16px}
.account-detail{margin:0}
.account-detail>.badge{margin-bottom:12px}
.account-detail h1{margin-bottom:12px}
.account-detail>.small{margin-bottom:24px}
.account-detail>.user-content{margin:0;line-height:1.8}
.account-detail>.actions{margin-top:16px;align-items:center}
#like-feedback:empty{display:none}
.detail-discussion{border-top:1px solid var(--color-border);margin-top:24px;padding-top:24px}
.detail-discussion h2{font-size:var(--font-h3);margin-bottom:12px}
.detail-discussion>p{font-size:var(--font-label);margin-bottom:16px}
.detail-discussion .comment:last-of-type{margin-bottom:24px}
.detail-discussion .comment p{margin-bottom:0}
.detail-discussion #account-comment{margin-top:16px}
.application{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-block:24px;border-bottom:1px solid var(--color-surface-border)}
.application .actions{flex-shrink:0}.application>div{min-width:0}
.team-options{display:grid;gap:16px;margin-bottom:24px}.team-choice{display:flex;gap:16px;align-items:start;margin:0;cursor:pointer}
.team-choice input{flex-shrink:0;margin:0}.team-choice>span{min-width:0}.team-choice small{display:block;margin-top:8px}.team-choice p{white-space:pre-wrap}
.team-choice:has(input:checked){outline:2px solid var(--color-primary);outline-offset:-2px}
.team-choice:has(input:disabled){opacity:.55;cursor:default}
.wall-compose-layout{display:grid;grid-template-columns:1fr;gap:var(--grid-gap)}
#account-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap);align-items:stretch}
.wall-note-message{white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-block:24px}
.compose-toggle{display:block;width:100%;text-align:left}.compose-body{display:flex;flex-direction:column;gap:12px;flex:1}
.compose-body>h2,.compose-body>p{margin:0}.compose-body>a.btn{margin-top:auto}
#quick-idea{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:12px}
#quick-idea label,#quick-idea p,#quick-idea textarea{margin:0}
#quick-idea .check{align-items:center}
#quick-idea textarea,#quick-idea .check,#quick-idea .form-feedback,#quick-idea .btn{grid-column:1/-1}
#quick-idea>.small{align-self:center;text-align:right}
#account-page>form{max-width:800px;margin-inline:auto}
@media(max-width:1000px){#account-notes{grid-template-columns:repeat(2,minmax(0,1fr))}.application{align-items:start;flex-direction:column}}
@media(max-width:600px){#account-notes{grid-template-columns:1fr}.wall-page .filterbar{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:8px}.wall-page .filterbar select{width:100%}#wall-count{grid-column:1/-1}.compose-note{padding:0}.compose-toggle{display:block;width:100%;text-align:left}.compose-note:not(.compose-expanded) .compose-body{display:none}.compose-expanded .compose-body{padding:16px}.compose-privacy{display:none}}

/* Content determines height; creation tools no longer stretch browsing cards. */
.wall-page .compose-note{padding:0;min-height:0;box-shadow:none}
.compose-note:not(.compose-expanded) .compose-body{display:none}
.compose-expanded .compose-body{padding:var(--card-padding);max-width:800px;width:100%;margin-inline:auto}
.participation-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px;align-items:start}
.participation-main,.participation-aside{display:flex;flex-direction:column;gap:24px;min-width:0}
.participation-columns .account-section{margin:0}
.account-security button{margin:0 8px 8px 0}
#account-page:has(#account-signup)>:is(h1,p,.eyebrow){display:block;max-width:800px;width:100%;margin-inline:auto}
@media(max-width:1000px){.participation-columns{grid-template-columns:1fr;gap:16px}.participation-main,.participation-aside{gap:16px}}

@media(min-width:601px){
 #quick-idea{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px 24px;align-items:start}
 #quick-idea textarea{grid-column:1;grid-row:1/3;height:100%}
 #quick-idea>label:not(.check){grid-column:2;grid-row:1}
 #quick-idea>.small{grid-column:2;grid-row:2;text-align:left}
 #quick-idea .check{grid-column:1;grid-row:3;margin:0}
 #quick-idea .btn{grid-column:2;grid-row:3}
 #quick-idea .form-feedback{grid-column:1/-1;grid-row:4}
}

/* Shared content rhythm for account cards and nested choices. */
.account-section h2{font-size:var(--font-h3)}
.account-section>p:last-child,.team-choice p:last-child{margin-bottom:0}
.application .actions,.head>.actions{margin-top:0}
#account-signup+.small{margin-top:16px}
.form .team-choice,.form .empty{background:transparent}
#account-notes>.empty{grid-column:1/-1}

#account-page>.head>.actions{display:flex;width:auto}
#account-page>.head>.actions>*{width:auto}
.account-section>.application:last-child{border-bottom:0;padding-bottom:0}

#email-login-content>.small{margin-top:8px}
#email-login-section{margin-bottom:24px}

/* Keep registration aligned and compact, with two columns on wider screens. */
#account-page:has(#account-signup){max-width:760px;padding-top:28px}
#account-page:has(#account-signup)>h1{margin-bottom:12px}
#account-page:has(#account-signup)>.eyebrow{margin-bottom:8px}
#account-signup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:24px}
#account-signup>.form-row,#account-signup>section,#account-signup>.check,#account-signup>.form-feedback,#account-signup>label:has(select){grid-column:1/-1}
#account-signup>.form-row{gap:16px}
#account-signup>:is(label,section,.form-row){margin:0}
#account-signup>.btn{grid-column:1/-1;justify-self:start;min-width:140px}
#account-signup .check{font-size:12px;line-height:1.6}
@media(max-width:600px){#account-page:has(#account-signup){padding-top:24px}#account-signup{grid-template-columns:1fr;padding:20px;gap:16px}#account-signup>.btn{width:100%}}

/* Participation prioritizes the next action; supporting information stays quiet. */
.participation-page>.head{align-items:center}
.participation-page>.head p{font-size:var(--font-label)}
.participation-page>.head .link{font-size:var(--font-label);padding-inline:8px}
.participation-main>.account-section:first-child h2{font-size:var(--font-h2)}
.participation-applications-intro{margin:24px 0 0}
.account-summary h2{font-size:var(--font-h3);margin-bottom:8px}
.account-summary p{font-size:var(--font-label);margin-bottom:12px}
.account-summary>p:last-child{margin-bottom:0}
.account-summary+.account-summary{border-top:1px solid var(--line);padding-top:24px}
@media(max-width:600px){.participation-page>.head{align-items:start}}

@media(min-width:1001px){.participation-aside{padding-top:calc(var(--card-padding) + 1px)}}