/* A clear way in, a familiar way out. Shared shell stays five-tab. */
.ci-hub,.ci-sport-entry,.ci-portal,.ci-community-entry,.ci-event-origin { color:#203b2c; }
[class^="ci-"] svg,[class*=" ci-"] svg { width:19px;height:19px;flex-shrink:0;stroke-width:1.7; }
.ci-hub button,.ci-sport-entry button,.ci-portal button,.ci-community-entry button,.ci-event-origin button { font:inherit;color:inherit;cursor:pointer; }
.ci-hub button:focus-visible,.ci-sport-entry button:focus-visible,.ci-platform-button:focus-visible,.ci-portal button:focus-visible { outline:3px solid #668644;outline-offset:2px; }
.ci-hub { padding:22px 18px 28px; }
.ci-hub-intro>small { font-size:9px;letter-spacing:1.8px;color:#7b8774; }
.ci-hub-intro h2 { font-size:27px;margin:11px 0 8px;letter-spacing:-.6px; }
.ci-hub-intro p,.ci-empty p { font-size:12px;line-height:1.8;color:#7a8375;margin:0; }
.ci-section { margin-top:26px; }
.ci-section-head { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px; }
.ci-section-head h2 { font-size:15px;font-weight:650;margin:0; }
.ci-section-head>span { font-size:11px;color:#818a7d; }
.ci-section-head button { display:flex;align-items:center;gap:3px;background:none;border:0;font-size:11px;min-height:40px;padding:0; }
.ci-section-head button svg { width:14px;height:14px; }
.ci-mark { width:42px;height:42px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;background:var(--cx-soft,#edf2e7);color:var(--cx-brand,#466643);font-size:22px;font-weight:750; }
.ci-hub .ci-club-card { width:100%;border:1px solid #e0e5db;border-radius:16px;background:white;display:flex;align-items:center;gap:12px;padding:15px;margin-top:10px;text-align:left; }
.ci-club-card>span:nth-child(2) { flex:1;min-width:0; }
.ci-club-card b { display:block;white-space:normal;font-size:14px;line-height:1.5; }
.ci-club-card small { display:block;font-size:11px;line-height:1.6;color:#7e877a;margin-top:3px; }
.ci-club-card small:last-child { color:var(--cx-brand,#466643); }
.ci-find { width:100%;display:flex;align-items:center;gap:9px;padding:13px 0;margin-top:19px;border:0;border-block:1px solid #e5e9df;background:none;font-size:13px!important;min-height:52px; }
.ci-find span { flex:1;font-size:10px;color:#85907e;text-align:right; }
.ci-link { display:flex;align-items:center;gap:12px;width:100%;border:0;border-bottom:1px solid #e4e8df;background:none;padding:16px 0;text-align:left; }
.ci-link span { flex:1;min-width:0; }
.ci-link b { display:block;font-size:13px; }
.ci-link small { display:block;font-size:10px;color:#7e8878;margin-top:5px;line-height:1.7; }
.ci-footnote { font-size:11px;color:#85907e;line-height:1.8;margin:23px 0 0; }
.ci-empty { padding:22px 18px;border-radius:16px;background:#edf2e7; }
.ci-empty>b { font-size:17px;display:block;margin-bottom:9px; }
.ci-empty button { margin-top:15px;border:0;background:#28583f;color:white;border-radius:10px;min-height:44px;padding:9px 13px;display:flex;align-items:center;gap:12px;font-size:12px; }
.ci-sport-entry { margin:16px 0 20px; }
.ci-sport-club { width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:14px 13px;border:1px solid #dee5d9;border-radius:15px;background:white; }
.ci-sport-club>span:nth-child(2) { flex:1;min-width:0; }
.ci-sport-club b { display:block;font-size:14px;line-height:1.4; }
.ci-sport-club small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#7e8878;margin-top:6px; }
.ci-enter { display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px; }
.ci-me-count { display:block;font-size:9px;color:#7a866e;margin-top:4px; }
.ci-community-entry { display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #e1e6da;margin-top:5px; }
.ci-community-entry button { display:flex;align-items:center;gap:7px;border:0;background:none;min-height:44px;padding:0;font-size:12px; }
.ci-community-entry button:first-child { flex:1;flex-wrap:wrap; }
.ci-community-entry button>span { font-size:10px;color:#86927f; }
.ci-community-entry button:last-child { font-size:11px; }
.ci-chat-home { display:flex;align-items:center;gap:10px;width:100%;padding:14px 16px;border:0;border-bottom:1px solid #e1e5dc;background:white;text-align:left;color:#244a35;cursor:pointer; }
.ci-chat-home>span:nth-child(2) { flex:1;min-width:0; }
.ci-chat-home b { font-size:13px; }
.ci-chat-home small { display:block;font-size:10px;color:#82917b;margin-top:5px; }
.ci-event-origin { margin:16px 18px 0;padding-bottom:12px;border-bottom:1px solid #e0e6db; }
.ci-event-origin>small { font-size:10px;color:#7f8b77; }
.ci-event-origin>button { display:flex;align-items:center;gap:10px;width:100%;min-height:52px;text-align:left;background:none;border:0;padding:7px 0; }
.ci-event-origin .ci-mark { width:30px;height:30px;font-size:17px;border-radius:9px; }
.ci-event-origin b { flex:1;font-size:12px;line-height:1.5; }
.ci-platform-button { display:flex;align-items:center;gap:2px;border:1px solid #dfe5da;border-radius:20px;background:white;color:#426041;font:inherit;font-size:12px;min-height:38px;padding:0 10px;cursor:pointer; }
.ci-platform-button svg { width:13px;height:13px; }
.ci-portal-shade { position:absolute;inset:0;z-index:100;background:#0e211c66;display:flex;align-items:flex-end;isolation:isolate; }
.ci-portal { width:100%;max-height:92%;overflow-y:auto;overscroll-behavior:contain;border-radius:24px 24px 0 0;background:#fafbf7;padding:23px 22px max(18px,env(safe-area-inset-bottom));box-sizing:border-box; }
.ci-portal-top { display:flex;align-items:flex-start;gap:8px; }
.ci-portal-top>div { flex:1;min-width:0; }
.ci-portal-top small { font-size:10px;color:#7f8a77; }
.ci-portal-top h2 { font-size:20px;line-height:1.4;margin:8px 0 20px; }
.ci-portal-top>button { border:0;background:none;min-width:40px;min-height:40px;display:grid;place-items:center; }
.ci-portal-clubs { display:flex;align-items:center;gap:10px;width:100%;border:1px solid #dee6d4;background:#edf3e6;border-radius:13px;padding:14px 12px;min-height:50px;text-align:left;font-size:13px!important; }
.ci-portal-clubs>svg:last-child { margin-left:auto; }
.ci-destinations { margin-top:13px; }
.ci-destinations button { display:flex;align-items:center;gap:13px;width:100%;text-align:left;border:0;border-bottom:1px solid #e4e8dd;background:none;min-height:58px;padding:9px 2px; }
.ci-destinations button>span { flex:1; }
.ci-destinations b { font-size:13px;display:block; }
.ci-destinations small { font-size:10px;color:#86907e;display:block;margin-top:5px; }
.ci-portal>p { font-size:10px;color:#86907e;line-height:1.7;text-align:center;margin:18px 0 8px; }
.ci-stay { width:100%;min-height:44px;border:0;border-radius:12px;background:#e9eee3;font-size:12px!important; }
.ci-post-club { display:flex;align-items:center;gap:8px;width:100%;border:0;border-top:1px solid #e6eadf;background:#f1f5eb;padding:12px;text-align:left;color:#42613f;cursor:pointer;min-height:48px;box-sizing:border-box; }
.ci-post-club>span { flex:1;min-width:0;font-size:11px; }
.ci-post-club small { display:block;font-size:9px;color:#849178;line-height:1.5;margin-top:4px; }
.ci-compose-origin { display:flex;align-items:center;gap:8px;border:1px solid #dfe7d4;background:#f0f5e8;padding:13px;border-radius:12px;font-size:11px;margin-bottom:16px; }
.ci-compose-origin>span { flex:1;min-width:0;line-height:1.7; }
.ci-compose-origin svg { width:15px;height:15px;vertical-align:middle;margin-right:6px; }
.ci-compose-origin small { display:block;font-size:10px;color:#849178; }
.ci-compose-origin button { min-width:44px;min-height:44px;border:0;background:none;color:#667854; }
@media(max-width:350px) { .ci-hub{padding:18px 14px}.ci-sport-club{gap:8px;padding:12px 10px}.ci-sport-club b{font-size:12px}.ci-community-entry button>span{display:none}.ci-platform-button{padding:0 8px}.ci-portal{padding:18px 16px}.ci-portal-top h2{font-size:18px}.ci-mark{width:36px;height:36px;font-size:19px} }

/* A primary entry, not an icon lost among utilities. */
.ci-primary-entry { margin:12px 0 18px;border:1px solid #d7e2c9;border-radius:20px;overflow:hidden;background:#183d2b;color:#f4faeb; }
.ci-primary-entry button { width:100%;border:0;cursor:pointer;font:inherit;text-align:left; }
.ci-primary-link { display:flex;align-items:center;gap:13px;padding:18px;background:transparent;color:inherit;min-height:94px; }
.ci-primary-link>span:nth-child(2) { flex:1;min-width:0; }
.ci-primary-link strong { display:block;font-size:23px;font-weight:750;letter-spacing:.2px; }
.ci-primary-link small { display:block;font-size:11px;line-height:1.6;color:#cadbbf;margin-top:5px; }
.ci-primary-symbol { display:grid;place-items:center;width:47px;height:47px;border-radius:15px;background:#c4ea85;color:#1e422b;flex-shrink:0; }
.ci-primary-symbol svg { width:27px;height:27px; }
.ci-recent-link { display:flex;gap:10px;align-items:center;background:#edf4e5;color:#214931;padding:12px 16px;min-height:65px; }
.ci-recent-link>span:nth-child(2) { flex:1;min-width:0; }
.ci-recent-link b { font-size:13px;display:block;line-height:1.5; }
.ci-recent-link small { display:block;font-size:10px;color:#667a59;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.ci-recent-link>span:last-child { display:flex;align-items:center;font-size:11px; }
.ci-recent-link .ci-mark { width:33px;height:33px;border-radius:10px;font-size:17px; }
.ci-hub-intro h2 { font-size:23px;line-height:1.4; }
.ci-hub-actions { display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:21px 0 8px; }
.ci-hub-actions button { display:flex;align-items:center;flex-wrap:wrap;gap:8px;border:1px solid #dce4d3;background:#fff;border-radius:14px;padding:14px;min-height:86px;text-align:left;font-size:14px;font-weight:650; }
.ci-hub-actions small { display:block;width:100%;font-size:10px;line-height:1.6;font-weight:400;color:#78866f; }
.ci-upcoming { display:flex;flex-direction:column;gap:8px;width:100%;padding:17px;border:0;border-radius:15px;background:#eef4e3;text-align:left;margin-top:18px; }
.ci-upcoming>small { font-size:10px;color:#6b7e54; }
.ci-upcoming>b { font-size:16px; }
.ci-upcoming>span { display:flex;align-items:center;font-size:11px;gap:7px; }
.ci-upcoming svg { margin-left:auto; }
.ci-primary-entry button:focus-visible,.ci-hub-actions button:focus-visible { outline:3px solid #82b64f;outline-offset:-4px; }
@media(max-width:350px) { .ci-primary-link{padding:15px 13px;gap:10px}.ci-primary-link strong{font-size:22px}.ci-primary-link small{font-size:10px}.ci-primary-symbol{width:42px;height:42px}.ci-recent-link{padding:11px 12px}.ci-hub-actions button{padding:12px} }