.community-layout{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,2fr);gap:24px}.community-panel,.community-profile,.budget-panel{padding:24px;margin-bottom:24px;min-width:0}.community-panel h2,.community-profile h2,.budget-panel h2{font-size:20px}.community-profile form{display:flex;align-items:end;gap:12px}.community-profile form .field{flex:1;margin:0}.community-panel form{margin-top:20px}.community-panel details{margin:16px 0}.community-panel summary{cursor:pointer}.room-card{display:grid;gap:7px;width:100%;text-align:left;background:#f7f9f2;border:1px solid #dce6d3;border-radius:12px;padding:15px;margin:12px 0;cursor:pointer;color:inherit}.room-card:hover,.room-card.selected{border-color:#64845b;background:#eff4e6}.room-card small{color:#64745c}.room-card span,.room-message p{overflow-wrap:anywhere;white-space:pre-wrap}.room-messages{max-height:520px;overflow:auto;margin-top:24px}.room-message{border-bottom:1px solid #e1e7dc;padding:16px 0}.room-message time{display:block;font-size:11px;color:#7d8776;margin-top:5px}.room-message .text-btn{display:block;font-size:12px;margin-top:8px}.leaderboard{padding-left:22px}.leaderboard li{padding:12px 0}.leaderboard li strong{float:right}.graph-lesson{padding:20px;border-radius:14px;border:1px solid #d4dfc9;background:#f0f5e7;margin:18px 0;line-height:1.65}.graph-lesson small{font-variant-numeric:tabular-nums}.allowance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:20px 0}.allowance-grid>div{padding:15px;background:#f1f5e9;border-radius:12px}.allowance-grid strong,.allowance-grid small{display:block}.budget-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;align-items:end}.budget-form .field{margin:0}.budget-panel .table-wrap{margin-top:20px;max-height:340px;overflow:auto}.lab-controls input[list]{min-width:0;width:100%}.public-pricing{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}[hidden]{display:none!important}
@media(min-width:1300px){.public-pricing{grid-template-columns:repeat(4,minmax(0,1fr))}.public-price{padding:25px 20px}.scholar-ribbon{right:8px;font-size:7px}}
@media(max-width:760px){.community-layout{grid-template-columns:1fr}.community-profile form{display:block}.community-profile form button{margin-top:14px}.community-panel,.community-profile,.budget-panel{padding:18px}.public-pricing,.pricing-grid{grid-template-columns:1fr}.community-page .page-head{display:block}.room-messages{max-height:420px}}
