.community-page{background:var(--color-page-background);align-content:start;gap:22px;display:grid}.community-detail,.community-comments{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px}.community-detail-header h1{color:var(--color-text-strong);margin:0;font-size:28px;line-height:1.25}.community-detail-content,.community-comment-body{max-width:none;color:var(--color-text-subtle);margin:0;line-height:1.65}.community-primary-link{min-height:42px;color:var(--color-text-inverse);background:var(--color-brand);font:inherit;white-space:nowrap;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0 15px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.community-primary-link:hover,.community-report-submit:hover,.community-comment-login-cta:hover,.community-write-login a:hover{color:var(--color-text-inverse);filter:brightness(.97)}.community-top-bar{gap:16px;display:grid}.community-top-search-section{padding-top:1px}.community-top-search{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;grid-template-columns:minmax(0,1fr);min-width:0;display:grid;overflow:hidden}.community-top-search:focus-within{border-color:var(--color-text-strong);box-shadow:0 0 0 3px var(--color-brand-soft)}.community-top-search label{align-items:center;gap:14px;min-width:0;min-height:48px;padding:0 16px;display:flex}.community-top-search svg{color:var(--color-text-muted);flex:none}.community-top-search input[type=search]{width:100%;min-width:0;color:var(--color-text-strong);font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:15px;font-weight:800}.community-section-nav-row{border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;gap:20px;min-width:0;min-height:52px;display:flex}.community-sticky-nav-state{display:none}.community-section-nav{scrollbar-width:none;flex:auto;align-items:stretch;gap:28px;min-width:0;min-height:52px;padding:0 3px;scroll-padding-inline:3px;display:flex;overflow-x:auto}.community-section-nav::-webkit-scrollbar{display:none}.community-section-nav a{min-height:52px;color:var(--color-text-muted);white-space:nowrap;background:0 0;border-bottom:2px solid #0000;flex:none;justify-content:center;align-items:center;padding:1px 0 0;font-size:14px;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.community-section-nav a:hover{color:var(--color-text-strong);background:0 0}.community-section-nav a.active{border-color:var(--color-brand);color:var(--color-text-strong);background:0 0}.community-section-nav a:focus-visible{border-radius:var(--radius-xs);outline:3px solid var(--color-brand-soft);outline-offset:-3px}.community-section-nav-action{flex:none;align-items:center;display:inline-flex}.community-top-actions{flex:none;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.community-top-write-link{border:1px solid var(--color-brand);border-radius:var(--radius-pill);min-height:36px;color:var(--color-text-inverse);background:var(--color-brand);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.community-top-write-link svg{flex:none}.community-top-write-link:hover{color:var(--color-text-inverse);background:var(--color-brand-hover);border-color:var(--color-brand-hover)}.community-mobile-write-cta{display:none}.community-mobile-write-cta.floating{z-index:39;width:58px;height:58px;color:var(--color-text-inverse);background:var(--color-brand);box-shadow:var(--color-shadow-soft);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:fixed;bottom:32px;right:28px}.community-mobile-write-cta.floating:hover{color:var(--color-text-inverse);background:var(--color-brand-hover)}.community-mobile-write-cta.floating span{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.community-empty{border:1px dashed var(--color-border-strong);background:var(--color-panel);text-align:center;border-radius:8px;gap:5px;padding:24px;display:grid}.community-empty strong{color:var(--color-text-strong);font-size:14px}.community-empty span{color:var(--color-text-muted);font-size:12px;font-weight:800}.community-empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;min-width:0;margin-top:8px;display:flex}.community-empty-action{border:1px solid var(--color-border);border-radius:var(--jdsc-radius-pill);min-height:34px;color:var(--color-text-strong);background:var(--color-surface);justify-content:center;align-items:center;padding:0 13px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.community-empty-action.primary{border-color:var(--color-brand);color:var(--color-text-inverse);background:var(--color-brand)}.community-pagination{margin-top:20px}.community-list-search{justify-content:center;min-width:0;margin-top:12px;display:flex}.community-list-search-form{justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.community-list-search-form input[type=search]{border:1px solid var(--color-border);width:min(100%,240px);min-width:0;min-height:42px;color:var(--color-text-strong);background:var(--color-panel);font:inherit;border-radius:8px;padding:0 14px;font-size:14px;font-weight:800}.community-list-search-form input[type=search]::placeholder{color:var(--color-text-placeholder)}.community-list-search-form input[type=search]:focus{border-color:var(--color-brand);outline:3px solid var(--color-brand-soft)}.community-list-search-form button{border-radius:var(--radius-pill);min-height:42px;color:var(--color-text-strong);background:var(--color-panel);font:inherit;white-space:nowrap;cursor:pointer;border:0;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:900;display:inline-flex}.community-list-search-form button:hover{color:var(--color-brand);background:var(--color-brand-soft)}@media (min-width:1025px),(min-width:761px) and (min-height:641px){.web-page-shell.community-home-page,.web-page-shell.community-board-page,.web-page-shell.community-magazine-route{padding-top:20px}.community-home-page .community-section-nav-row,.community-board-page .community-section-nav-row,.community-magazine-route .community-section-nav-row,.community-home-page .community-section-nav,.community-board-page .community-section-nav,.community-magazine-route .community-section-nav,.community-home-page .community-section-nav a,.community-board-page .community-section-nav a,.community-magazine-route .community-section-nav a{min-height:48px}.community-section-nav a[href=\/events]{margin-right:8px}}@media (max-width:760px),(max-width:1024px) and (max-height:640px){.community-home-page .community-home-chrome,.community-home-page .community-top-bar,.community-board-page .community-top-bar,.community-magazine-route .community-top-bar{display:contents}.community-top-bar{gap:18px}.community-home-page .community-top-bar .community-section-nav-row,.community-board-page .community-top-bar .community-section-nav-row,.community-magazine-route .community-top-bar .community-section-nav-row{z-index:51;top:env(safe-area-inset-top);width:calc(100% + var(--web-content-gutter) + var(--web-content-gutter));min-height:var(--jdsc-mobile-app-bar-h);margin-right:calc(var(--web-content-gutter) * -1);margin-left:calc(var(--web-content-gutter) * -1);border-bottom:1px solid var(--color-border);background:var(--color-surface);box-shadow:0 1px 0 color-mix(in srgb, var(--color-border) 55%, transparent);isolation:isolate;flex-direction:row;align-items:flex-end;gap:0;display:flex;position:sticky}.community-board-page .community-top-bar .community-section-nav-row,.community-magazine-route .community-top-bar .community-section-nav-row{z-index:72}.community-home-page .community-top-bar .community-section-nav,.community-board-page .community-top-bar .community-section-nav,.community-magazine-route .community-top-bar .community-section-nav{width:100%;min-height:var(--jdsc-mobile-app-bar-h);overscroll-behavior-inline:contain;padding:0 max(20px, env(safe-area-inset-right)) 0 max(20px, env(safe-area-inset-left));align-items:stretch;gap:24px;scroll-padding-inline:20px}.community-home-page .community-top-bar .community-section-nav a,.community-board-page .community-top-bar .community-section-nav a,.community-magazine-route .community-top-bar .community-section-nav a{min-height:var(--jdsc-mobile-app-bar-h);color:var(--color-text-muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:0 1px;font-size:14px;font-weight:900}.community-home-page .community-top-bar .community-section-nav a:hover,.community-board-page .community-top-bar .community-section-nav a:hover,.community-magazine-route .community-top-bar .community-section-nav a:hover{color:var(--color-text-strong);background:0 0;border-color:#0000}.community-home-page .community-top-bar .community-section-nav a.active,.community-board-page .community-top-bar .community-section-nav a.active,.community-magazine-route .community-top-bar .community-section-nav a.active{border-color:var(--color-brand);color:var(--color-text-strong);background:0 0}.community-home-page .community-top-bar .community-section-nav a:focus-visible,.community-board-page .community-top-bar .community-section-nav a:focus-visible,.community-magazine-route .community-top-bar .community-section-nav a:focus-visible{border-radius:var(--radius-xs);outline:3px solid var(--color-brand-soft);outline-offset:-3px}.community-home-page .community-top-bar .community-section-nav-action,.community-board-page .community-top-bar .community-section-nav-action,.community-magazine-route .community-top-bar .community-section-nav-action{display:none}.community-top-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.community-list-search-form{flex-wrap:wrap;width:100%}.community-list-search-form input[type=search]{flex:180px;width:auto}.community-mobile-write-cta{right:18px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:39;border-radius:var(--radius-pill);min-height:44px;color:var(--color-surface);background:var(--color-text-strong);box-shadow:var(--color-shadow-soft);white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex;position:fixed}.community-mobile-write-cta:hover{color:var(--color-text-inverse);background:var(--color-brand)}.community-mobile-write-cta.floating{right:18px;bottom:calc(84px + env(safe-area-inset-bottom));width:52px;height:52px;padding:0}}