/* Company > 커뮤니티 — Figma 904:33638. Shared buttons, type and navigation. */
.community-page { -webkit-tap-highlight-color: transparent; }
.community-page :is(:focus, :focus-visible) { outline: none; }
.community-page .nav-card:hover { border-color: var(--nav-border); }
.community-hero h1 { margin-top: 0; }
.community-page :is(h1,h2,h3,p) { word-break: keep-all; overflow-wrap: break-word; }
.community-heading { text-align: center; }
.community-heading .doc-lead { margin: 10px auto 0; max-width: 1060px; }
.community-channels-section-grid { display: grid; grid-template-columns: 797.4fr 385.2fr; gap: 20px; margin-top: 80px; align-items: stretch; }
.community-videos { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 19.525px 16.862px; align-content: start; }
.community-video { min-width: 0; }
.video-featured { grid-column: 1 / -1; }
.video-stage { position: relative; aspect-ratio: 16 / 9; border-radius: 4px; background: #000; }
.video-poster { display: block; position: absolute; inset: 0; border-radius: inherit; overflow: hidden; }
.video-poster img { display: block; width: 100%; height: 100%; object-fit: cover; }
.community-channels { display: grid; grid-template-rows: repeat(3,minmax(0,1fr)); gap: 20.984px; }
.community-channel { display: flex; flex-direction: column; align-items: flex-start; min-height: 214px; padding: 34.624px 38.821px 33.575px; border-radius: 4px; }
.channel-github { background: var(--green); }
.channel-youtube { color: #fff; background: #000; }
.channel-blog { background: #f1f1f1; }
.channel-label { display: flex; align-items: center; gap: 8.394px; min-height: 25.737px; font-size: 17px; line-height: 1.2; letter-spacing: -.68px; }
.channel-github-icon { width: 25.737px; height: 25.737px; opacity: .7; }
.channel-blog .channel-label { color: #6c6c6c; }
.community-page .community-channel h3 { display: flex; align-items: flex-start; gap: 9px; margin-top: 10px; font-size: 30px; line-height: 1.2; letter-spacing: -1.2px; }
.community-channel > p { margin-top: auto; padding-top: 24px; font-size: 17px; line-height: 1.2; letter-spacing: -.68px; }
.channel-blog > p { color: rgb(0 0 0 / 60%); }
.community-arrow { flex: none; position: relative; width: 12.591px; height: 12.591px; margin-top: 5.41px; transition: transform .2s; }
.community-arrow img { position: absolute; max-width: none; }
.community-arrow .arrow-corner { left: 0; top: -1.049px; }
.community-arrow .arrow-stem { left: -.742px; top: -.742px; }
.community-channel:hover .community-arrow { transform: translate(2px,-2px); }
.community-books, .community-connect { background: #f7f7f7; }
.community-books-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 26.632px; margin-top: 80px; }
.community-book { min-width: 0; border-radius: 4.7px; }
.community-book-cover { position: relative; overflow: hidden; aspect-ratio: 177.807 / 240.47; border-radius: 4.7px; transition: box-shadow .2s; }
.community-book-cover img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; max-width: none; }
.book-langgraph .community-book-cover img { height: 100.92%; object-fit: fill; }
.book-dify .community-book-cover img { top: -3.21%; height: 104.28%; object-fit: fill; }
.book-tensorflow .community-book-cover img { left: -1.47%; width: 102.95%; object-fit: fill; }
.community-book-copy { position: relative; margin-top: 14.099px; }
.community-page .community-book h3 { padding-right: 10px; font-size: 15px; line-height: 1.4; letter-spacing: -.6px; }
.community-book-copy p { margin-top: 14px; color: rgb(0 0 0 / 38%); font-size: 14px; line-height: 1.6; letter-spacing: -.56px; }
.book-arrow { position: absolute; top: 0; right: 0; transition: transform .2s; }
.community-book:hover .book-arrow { transform: translate(2px,-2px); }
.community-book:hover .community-book-cover { box-shadow: 0 6px 20px rgb(0 0 0 / 12%); }
.community-event-content { display: grid; grid-template-columns: minmax(0,1fr); gap: 50px; margin-top: 80px; }
.community-photo { position: relative; overflow: hidden; border-radius: 4px; }
.community-photo > img { position: absolute; width: 100%; height: 100%; object-fit: cover; max-width: none; }
.log-main { aspect-ratio: 1372 / 872; border-radius: 6px; }
.log-main > img { left: -.02%; top: -11.55%; width: 100.04%; height: 112.28%; object-fit: fill; }
.community-topics { display: grid; align-items: start; gap: 32px; }
.log-topics { grid-template-columns: 1.12fr 1.08fr 1fr .86fr 1fr; }
.community-topic-icon { display: grid; place-items: center; width: 48px; height: 48px; background: var(--pale); border-radius: 14px; margin-bottom: 10px; }
.community-page .community-topics h3 { font-family: var(--english); font-size: 26px; line-height: 1.3; letter-spacing: -1.04px; }
.community-topics p { margin-top: 10px; font-size: 17px; line-height: 1.6; letter-spacing: -.68px; color: var(--muted); }
.log-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.log-badges, .log-speaker { aspect-ratio: 4096 / 2731; }
.log-speaker > img { left: -15.34%; top: -.58%; width: 115.51%; height: 115.51%; }
.log-stage { grid-column: 1 / -1; aspect-ratio: 1200 / 725; }
.connect-gallery { display: grid; gap: 26px; }
.connect-banner { display: flex; align-items: center; justify-content: center; aspect-ratio: 1200 / 371; background: #00191d; border-radius: 6px; }
.connect-banner > img { width: 53.167%; height: auto; }
.connect-photo { aspect-ratio: 1200 / 774.052; border-radius: 0; }
.connect-photo > img { top: -3.38%; height: 103.36%; object-fit: fill; }
.connect-topics { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 50px; }
.connect-topics .community-topic-icon { background: white; }
.community-contact { padding-block: 0; min-height: 450px; display: flex; align-items: center; }
@media (max-width: 1250px) {
  .community-channel { padding: 28px; min-height: 190px; }
  .community-page .community-channel h3 { font-size: 25px; }
  .community-topics { gap: 24px; }
  .community-page .community-topics h3 { font-size: 24px; }
  .community-topics br { display: none; }
  .community-topics h3 br { display: block; }
  .community-books-grid { gap: 20px; }
}
@media (max-width: 1024px) {
  .community-channels-section-grid { grid-template-columns: 1fr; gap: 28px; }
  .community-channels { grid-template-columns: repeat(3,minmax(0,1fr)); grid-template-rows: auto; gap: 16px; }
  .community-channel { padding: 26px 20px; min-height: 200px; }
  .community-page .community-channel h3 { font-size: 24px; }
  .community-channel > p { font-size: 15px; }
  .community-books-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 40px 28px; }
  .community-books-grid .community-book h3 { font-size: 18px; }
  .log-topics { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; }
  .connect-topics { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 36px; }
  .community-heading .doc-lead br { display: none; }
}
@media (max-width: 760px) {
  .community-channels-section-grid, .community-books-grid, .community-event-content { margin-top: 40px; }
  .community-videos { grid-template-columns: 1fr; gap: 12px; }
  .community-channels { grid-template-columns: 1fr; gap: 12px; }
  .community-channel { padding: 28px; min-height: 175px; }
  .community-page .community-channel h3 { font-size: 28px; }
  .community-heading .doc-lead { font-size: 18px; letter-spacing: -.72px; margin-top: 16px; }
  .community-books-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px 20px; }
  .community-books-grid .community-book h3 { font-size: 15px; }
  .community-event-content { gap: 32px; }
  .log-topics, .connect-topics { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 20px; }
  .community-page .community-topics h3 { font-size: 22px; letter-spacing: -.88px; }
  .community-topics p { font-size: 16px; letter-spacing: -.64px; }
  .log-gallery { gap: 12px; }
  .connect-gallery { gap: 12px; }
  .connect-banner > img { width: 65%; }
  .community-contact { min-height: 360px; padding-block: 70px; }
}
@media (prefers-reduced-motion: reduce) {
  .community-page :is(.community-channel,.community-arrow,.community-book-cover,.book-arrow) { transition: none; }
}