.clubs-page{padding-bottom:55px}.clubs-page .page-intro h1{max-width:820px}.clubs-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:30px;align-items:start}.club-sidebar{background:#102d66;color:white;padding:30px;border-radius:14px}.club-sidebar .language-icon{background:#fff;color:#103a90}.club-sidebar h2{font-size:1.65rem;line-height:1.25;margin:24px 0 12px}.club-sidebar>p{font-size:1rem;color:#dce6ff;line-height:1.7;margin:20px 0}.club-sidebar .club-level{font-weight:700;color:#ffdb64}.club-sidebar .help-text{font-size:.875rem;padding-top:22px;border-top:1px solid #ffffff30}#club-content{min-width:0;border:1px solid #dce3ef;border-radius:14px;overflow:hidden;background:#fff;min-height:350px}.club-account{padding:18px 22px;background:#f6f8fd;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:1rem;font-weight:600}.club-account>span{overflow-wrap:anywhere}.club-account>div{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.club-account .btn{padding:5px 0}.club-account a{font-size:.875rem}.club-empty{padding:30px;text-align:left;line-height:1.7}.club-empty h2{font-size:1.6rem;margin-bottom:18px}.club-empty p{margin:0 0 20px;color:var(--muted)}.club-empty .accept-line{margin-bottom:22px}.club-profile-form{margin-top:20px}.club-tabs{display:flex;gap:5px;padding:12px 16px;border-bottom:1px solid var(--line);overflow-x:auto}.club-tabs button{border:0;background:transparent;color:#465879;font:inherit;white-space:nowrap;padding:10px 14px;border-radius:8px;cursor:pointer;font-size:.9rem}.club-tabs button.selected{background:#123dc9;color:white}.club-chat-toolbar{padding:12px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:.875rem;color:var(--muted)}.club-chat-toolbar .btn{padding:4px 0;font-size:.875rem}.club-messages{height:430px;overflow-y:auto;overscroll-behavior:contain;padding:8px 20px 24px;scroll-behavior:auto;background:#fcfdff}.club-message{padding:16px 18px;background:#f0f3f9;border-radius:3px 14px 14px;margin:14px 45px 14px 0;overflow-wrap:anywhere}.club-message.own{margin-left:45px;margin-right:0;border-radius:14px 3px 14px 14px;background:#e7efff}.message-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.875rem}.message-meta time{color:#556480;font-size:.875rem}.message-meta .pill{font-size:.875rem}.message-body{white-space:pre-wrap;font-size:1rem;line-height:1.6;margin-top:9px;overflow-wrap:anywhere}.message-body.deleted{font-style:italic;color:#5e6c82}.message-actions{display:flex;gap:16px;margin-top:10px}.message-actions button{background:none;border:0;padding:4px 0;font:inherit;font-size:.875rem;color:#345587;text-decoration:underline;cursor:pointer}.club-composer{padding:18px 22px;border-top:1px solid var(--line)}.club-composer .field{margin-bottom:8px}.club-composer>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.club-new{display:block;margin:10px auto;background:#163ee8;border:0;color:#fff;padding:10px 18px;border-radius:22px;cursor:pointer;font:inherit}.club-new[hidden],#club-older[hidden]{display:none}.club-management{padding:6px 22px 22px}.club-member{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:22px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.club-member>span{font-size:.9rem}.club-member .field{margin:0;width:100%;max-width:320px}.club-member-actions{display:flex;gap:12px;flex-wrap:wrap}#club-error{margin:0;padding:0 22px}#club-error:not(:empty){padding:14px 22px;background:#fff2ef}.club-profile-form .btn{margin-bottom:12px}.modal-content .club-profile-form{margin-bottom:15px}.nav{overflow-x:auto}.nav a{flex-shrink:0}
@media(max-width:900px){.clubs-layout{grid-template-columns:1fr}.club-sidebar{display:block;padding:24px}.club-sidebar h2{margin:12px 0}.club-sidebar .language-icon{float:right}.club-sidebar>p{margin:12px 0}.club-sidebar .help-text{padding-top:12px}.club-sidebar .club-level{margin-top:0}.nav{gap:15px}}
@media(max-width:480px){.club-account,.club-composer{padding:16px}.club-messages{padding:8px 12px 18px;height:380px}.club-message{margin-right:16px;padding:13px}.club-message.own{margin-left:16px}.club-tabs{padding:10px}.club-tabs button{font-size:.875rem;padding:9px 10px}.club-empty{padding:23px}.club-management{padding:5px 16px 18px}.club-member-actions .btn{font-size:.875rem}.club-chat-toolbar{padding-inline:16px}.nav{justify-content:flex-start!important;gap:18px!important}.nav a{font-size:.85rem!important}}