/* Community details: the posters are manually browsed, with a single compact control bar. */
.community-detail-page{padding-block:34px 64px}.detail-intro{max-width:760px}.detail-intro>.text-link{font-size:13px}.detail-intro h1{font-size:clamp(32px,4vw,48px);line-height:1.3;letter-spacing:-.025em;margin:26px 0 15px}.detail-intro>p{font-size:15px;max-width:65ch}.detail-intro .action-row{margin-top:24px}.detail-value{margin-top:44px;padding-block:28px;border-block:1px solid var(--line)}.community-detail-page h2{font-size:28px;line-height:1.4}.detail-value h2{font-size:22px}.detail-value dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:24px 0 0}.detail-value dt{font-size:16px;font-weight:600}.detail-value dd{font-size:13px;line-height:1.8;color:var(--muted);margin:8px 0 0}.detail-activities,.detail-archives,.detail-join{margin-top:52px}.detail-section-heading{margin-bottom:24px}.detail-section-heading>p{font-size:13px;margin-top:9px;max-width:72ch}.detail-posters{position:relative;margin:0}.detail-posters .poster-image{height:420px;aspect-ratio:auto}.detail-posters .poster-image img{display:block;object-fit:contain}.detail-poster-caption{min-height:80px;display:flex;align-items:center;padding:10px 160px 10px 20px;border-top:1px solid var(--line)}.detail-poster-caption p{color:var(--muted);font-size:13px;line-height:1.6}.detail-poster-caption .text-link{margin-top:5px;font-size:13px;min-height:24px}.detail-poster-caption .text-link svg{width:15px;height:15px}.detail-poster-controls{position:absolute;right:12px;bottom:17px;display:none;align-items:center;gap:3px}.carousel-ready .detail-poster-controls{display:flex}.detail-poster-controls button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:10px;border:0;border-radius:8px;background:transparent;color:var(--cream)}.detail-poster-controls button:hover{background:#421421}.detail-poster-controls button svg{width:20px;height:20px;transform:rotate(45deg)}.detail-poster-controls button:first-child svg{transform:rotate(225deg)}.detail-poster-controls [data-position]{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:36px;text-align:center;color:var(--muted)}.detail-activity-links{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.detail-activity-links .activity-link{padding:18px}.detail-activity-links .activity-link strong{font-size:16px}.detail-activity-links .activity-link small{font-size:12px;line-height:1.8}.detail-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}.detail-archive-grid figure{min-width:0;margin:0}.detail-archive-grid figure>a{display:block;background:#170b10;border-radius:10px;overflow:hidden}.detail-archive-grid img{width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;display:block}.detail-archive-grid figcaption{margin-top:12px}.detail-archive-grid figcaption span{font-size:11px;color:var(--muted)}.detail-archive-grid h3{font-size:15px;font-weight:500;line-height:1.5;margin-top:4px}.detail-join{padding-top:30px;border-top:1px solid var(--line)}.detail-help{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}.detail-help h3{font-size:17px}.detail-help p{font-size:13px;margin:10px 0 14px}.detail-help .text-link{font-size:13px}.detail-help .action-row{gap:20px}.detail-archive-grid a:focus-visible,.detail-poster-controls button:focus-visible{outline:2px solid var(--pink);outline-offset:4px}
.detail-faq{max-width:760px;margin-top:52px}.detail-faq h2{margin-bottom:14px}.detail-faq .faq-list details>div{padding-right:0}.detail-faq .text-link{font-size:inherit}
@media(max-width:800px){.detail-value dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.detail-posters .poster-image{height:auto;aspect-ratio:1.6}.detail-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-activity-links{grid-template-columns:1fr}.detail-help{grid-template-columns:1fr;gap:24px}}
@media(max-width:700px){.community-detail-page{padding-block:24px 40px}.detail-intro h1{margin-top:24px;font-size:32px}.detail-intro>p{font-size:13px;line-height:1.85}.detail-intro .action-row{gap:10px;margin-top:20px}.detail-intro .button{font-size:13px;padding-inline:15px;min-height:46px}.detail-value{margin-top:30px;padding-block:24px}.detail-value h2{font-size:20px}.detail-value dt{font-size:14px}.detail-value dd{font-size:12px;margin-top:6px}.detail-value dl{gap:22px 18px}.detail-activities,.detail-archives,.detail-join{margin-top:36px}.community-detail-page h2{font-size:24px}.community-detail-page .detail-value h2{font-size:20px}.detail-section-heading{margin-bottom:18px}.detail-section-heading>p{font-size:12px;line-height:1.8}.detail-poster-caption{padding:9px 138px 9px 12px;min-height:84px}.detail-poster-caption p{font-size:11px}.detail-poster-caption .text-link{font-size:12px;margin-top:3px}.detail-poster-controls{right:6px;bottom:20px;gap:0}.detail-poster-controls [data-position]{min-width:32px;font-size:11px}.detail-archive-grid{gap:22px 14px}.detail-archive-grid h3{font-size:12px}.detail-archive-grid figcaption{margin-top:8px}.detail-archive-grid figcaption span{font-size:10px}.detail-help h3{font-size:16px}.detail-help p{font-size:12px}.detail-join{padding-top:24px}}
