/* Website navigation and editorial community layout. */
.site-brand,.site-nav-footer { display:none; }
.site-nav-items { display:flex; width:100%; }
.site-nav-icon { width:24px;height:24px;flex:none; }
.site-expo-badge { width:42px;height:32px;object-fit:contain; }
.tabbar__item { gap:4px; }
.tabbar__item .site-expo-badge { display:none; }
.site-community .cmty-search { max-width:480px;margin:16px auto 18px;border:0;border-radius:28px;background:var(--fill);box-shadow:none; }
.site-community .cmty-search input { min-height:36px;font-size:14px; }
.site-community .cmty-search button { min-height:36px;background:transparent;color:var(--label-2); }
.site-community .cmty-feedhead { position:static;border:0;background:transparent;backdrop-filter:none; }
.site-community .cmty-card { box-shadow:none;background:transparent;border:0; }
.site-community .cmty-card__title { padding-left:4px;padding-right:4px;font-size:15px;line-height:1.5; }
.site-community .cmty-card__foot { padding-left:4px;padding-right:4px; }
.site-publish-heading { padding:24px; }
.site-publish-heading h2 { font-size:28px;margin:12px 0; }
.site-publish-heading p,.site-publish-heading>span { color:var(--label-2); }
.site-publish-heading a { color:var(--tint); }
.expo-hero { padding:40px 30px;border-radius:24px;background:var(--tint-soft);text-align:center;margin:24px 0; }
.expo-hero img { width:120px;height:90px;object-fit:contain;margin:0 auto 18px; }
.expo-hero h1 { font-size:clamp(25px,3vw,40px);letter-spacing:1px;margin:12px 0; }
.expo-hero p { color:var(--label-2);line-height:1.8; }
.expo-entry-cards { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0; }
.expo-entry-card { border:1px solid var(--separator);border-radius:22px;padding:32px;text-decoration:none;color:var(--label);display:flex;flex-direction:column;gap:12px;min-height:185px;background:var(--bg-elevated);transition:transform .2s,border-color .2s; }
.expo-entry-card:hover { transform:translateY(-3px);border-color:var(--tint); }
.expo-entry-card strong { font-size:26px; }
.expo-entry-card span { font-size:14px;color:var(--label-2);line-height:1.7; }
.expo-entry-card b { color:var(--tint);font-size:30px; }
.expo-entry-card--primary { background:#006b55;color:#fff; }
.expo-entry-card--primary span,.expo-entry-card--primary b { color:#e3f4ef; }
.expo-links { display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin:24px 0; }
.expo-links a { color:var(--tint); }
.expo-steps { display:flex;list-style:none;counter-reset:steps;padding:0;gap:12px;margin:24px 0; }
.expo-steps li { flex:1;background:var(--fill);padding:14px;border-radius:12px;color:var(--label-2);font-size:14px; }
.expo-steps li::before { counter-increment:steps;content:counter(steps);margin-right:8px;font-weight:700; }
.expo-steps li.is-current { color:var(--tint);background:var(--tint-soft);font-weight:700; }
.notice-page { max-width:900px;margin:auto;padding:28px 20px; }
.notice-tabs { display:flex;gap:12px;border-bottom:1px solid var(--separator);padding-bottom:16px;margin-bottom:10px;overflow:auto; }
.notice-tabs button { border:0;padding:12px 18px;border-radius:24px;background:transparent;color:var(--label-2);white-space:nowrap;font:inherit; }
.notice-tabs button.is-active { color:var(--tint);background:var(--tint-soft);font-weight:700; }
.notice-item { display:flex;gap:18px;padding:24px 4px;border-bottom:1px solid var(--separator);text-decoration:none;color:var(--label);align-items:center; }
.notice-avatar { display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;background:var(--tint-soft);color:var(--tint);font-size:20px; }
.notice-item strong { display:block;margin-bottom:6px; }.notice-item p { margin:6px 0;color:var(--label-2);font-size:14px;line-height:1.7; }.notice-item small { color:var(--label-3); }
@media(min-width:900px){
 :root { --site-nav-w:232px; }
 body { background:var(--bg); }
 .app { max-width:none;margin:0;box-shadow:none;padding-left:var(--site-nav-w); }
 .topbar { left:var(--site-nav-w);right:0;top:0;width:auto;max-width:none;background:var(--bg); }
 .topbar__inner { max-width:1360px;margin:auto;padding:0 36px; }
 .view { box-sizing:border-box;max-width:1440px;margin:0 auto;padding:calc(var(--topbar-h) + 22px) 32px 44px; }
 .app.has-tabbar .view,.app.no-bar .view { padding-top:28px;padding-bottom:44px; }
 .app.has-tabbar .topbar { display:none; }
 .page-pad { box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto; }
 #tabbar { display:flex;position:fixed;top:0;left:0;bottom:0;right:auto;width:var(--site-nav-w);max-width:none;flex-direction:column;padding:28px 16px;box-sizing:border-box;border:0;box-shadow:6px 0 20px -12px rgba(20,44,36,.20);background:var(--bg);backdrop-filter:none;align-items:stretch; }
 .site-brand { display:flex;align-items:baseline;gap:10px;padding:6px 16px 34px;text-decoration:none;color:var(--tint); }
 .site-brand>span { font-size:33px;font-weight:800;letter-spacing:2px; }.site-brand small { font-size:10px;letter-spacing:1px; }
 .site-nav-items { flex-direction:column;gap:10px; }
 .tabbar__item { flex:none;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;min-height:56px;max-width:none;gap:16px;padding:12px 18px;border-radius:28px;font-size:17px;white-space:nowrap;color:var(--label); }
 .tabbar__item:hover { background:var(--fill); }.tabbar__item.is-active { background:var(--tint-soft);color:var(--tint);font-weight:700; }
 .tabbar__item .site-expo-badge { display:block;margin-left:auto;width:34px;height:30px; }
 .site-nav-footer { margin-top:auto;display:flex;flex-wrap:wrap;gap:14px;padding:26px 16px;color:var(--label-3);font-size:12px;line-height:1.8; }.site-nav-footer a { color:var(--label-2);text-decoration:none; }.site-nav-footer small { width:100%; }
 .app[data-route="login"] { padding-left:0; }.app[data-route="login"] #tabbar { display:none; }
 .site-community .cmty-search { margin-top:0;margin-bottom:24px; }
 .site-community .cmty-feedhead { margin-bottom:20px; }.site-community .cmty-feedhead__main { max-width:420px; }.site-community .cmty-feedhead__sub { padding-top:10px; }
 .site-community .cmty-feed { padding-left:0;padding-right:0; }.site-community .cmty-col + .cmty-col { margin-left:22px; }.site-community .cmty-card { margin-bottom:26px; }.site-community .cmty-fab { display:none; }
 .cmty-new { max-width:980px;margin:auto;border:1px solid var(--separator);border-radius:24px;background:var(--bg-elevated);padding:24px; }.cmty-new .group { box-shadow:none; }.cmty-new [data-field="images"] { border:1px dashed var(--separator);border-radius:18px;padding:24px; }
 .league { max-width:1000px; }.league-hero { margin-top:0; }
 .me-hero { background:transparent;color:var(--label);padding:24px 40px 32px;min-height:0;box-shadow:none; }.me-hero::before,.me-hero::after { display:none; }
 .me-hero__who { margin-top:20px; }.me-hero__nick,.me-hero__num,.me-hero__tool,.me-hero__tool .me-tile__ic { color:var(--label); }.me-hero__label,.me-hero__meta { color:var(--label-2); }.me-hero__stats { max-width:560px;margin-top:26px; }.me-hero__stat { border-color:var(--separator); }
 .me-hubs { margin:0 auto;padding-top:28px;border-top:1px solid var(--separator);max-width:1040px; }.me-hubs__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.me-hub-card { box-shadow:none;border:1px solid var(--separator);border-radius:18px; }.me-hub-card--featured { margin-top:24px; }
 .action-bar { left:var(--site-nav-w);right:0;width:auto;max-width:none; }.cmty-composer { max-width:1100px;margin:auto; }
}
@media(max-width:899px){
 .site-nav-items { justify-content:space-around; }.tabbar__item { min-width:0;font-size:10px;padding:4px 0; }.site-nav-icon { width:22px;height:22px; }
 .site-community .cmty-search { margin-left:16px;margin-right:16px; }.expo-entry-cards { gap:12px; }.expo-entry-card { padding:20px;min-height:165px; }.expo-entry-card strong { font-size:21px; }
 .expo-hero { padding:26px 14px; }.expo-steps { gap:6px; }.expo-steps li { padding:10px 6px;font-size:12px; }
}

@media(min-width:900px){
 .cmty-imgpick:has(>.cmty-addimg:only-child) { display:flex;justify-content:center;padding:16px; }
 .cmty-imgpick>.cmty-addimg:only-child { width:220px;height:130px;background:var(--tint-soft);color:var(--tint);border-radius:16px;font-size:15px; }
 .cmty-new .form-row__input,.cmty-new textarea { background:transparent; }
}

/* Seven primary entries remain readable on short screens. */
@media(min-width:900px){#tabbar{overflow-y:auto}.site-nav-items{flex-shrink:0}.site-nav-footer{flex-shrink:0}}
@media(max-width:899px){.site-nav-items>.tabbar__item{flex:1 1 0;min-width:0}.tabbar__item>span{white-space:nowrap;font-size:10px}}

.app[data-route="leaderboard"] .large-title{font-size:clamp(24px,5vw,36px);line-height:1.3;white-space:normal;overflow-wrap:break-word;}

/* Community toolbar: actions left, feed tabs centred in the content area. */
.site-community .cmty-feedhead__main {
 display:grid;grid-template-columns:minmax(180px,1fr) minmax(240px,420px) minmax(180px,1fr);
 align-items:center;gap:12px;max-width:none;width:100%;box-sizing:border-box;padding:0;
}
.site-community .cmty-feedhead__main .community-actions {
 justify-content:flex-start;gap:10px;margin:0;min-height:48px;
}
.site-community .cmty-feedhead__main .community-actions .btn {
 width:auto;min-width:76px;padding:10px 18px;min-height:44px;
}
.site-community .cmty-feedhead__main>.seg {width:100%;min-width:0;justify-self:center}
@media(max-width:1100px) and (min-width:701px){
 .site-community .cmty-feedhead__main{grid-template-columns:minmax(160px,1fr) minmax(220px,360px) minmax(160px,1fr);gap:8px}
 .site-community .cmty-feedhead__main .community-actions .btn{min-width:68px;padding:10px 12px}
}
@media(max-width:700px){
 .site-community .cmty-feedhead__main{grid-template-columns:1fr;gap:8px;padding:0 var(--gutter)}
 .site-community .cmty-feedhead__main>.seg{max-width:420px}
}