.category-hero-banner { padding: 24px 0; }
.category-page-title { font-size: clamp(28px,3.2vw,42px); margin: 8px 0 10px; }
.category-page-lead { font-size: 14px; margin-bottom: 10px; }
.category-watermark { font-size: 170px; bottom: -48px; }
.breadcrumb-trail { margin-bottom: 10px; }
.archive-section { padding-top: 24px; }
.category-featured-card { margin-bottom: 28px; }
.category-featured-card .story-photo img { min-height: 260px; max-height: 340px; }
.nav-links { overflow: visible; gap: 17px; }
.nav-group { display: flex; align-items: center; gap: 3px; position: relative; }
.nav-group details summary { cursor: pointer; list-style: none; padding: 8px 2px; }
.nav-group details summary::-webkit-details-marker { display: none; }
.nav-dropdown { position: absolute; z-index: 100; top: 100%; left: 0; min-width: 185px; padding: 12px; border: var(--border-hairline); border-radius: 12px; background: var(--surface-graphite); box-shadow: var(--elevation-panel); }
.nav-dropdown a { display: block; padding: 9px; }
.community-content { padding-top: 32px; padding-bottom: 64px; }
.community-layout { display: grid; grid-template-columns: 2fr 1fr; gap: 28px; align-items: start; }
.community-content h2 { font-size: 26px; margin-bottom: 16px; }
.community-content p { margin: 14px 0; color: var(--color-fog); }
.community-content form { display: grid; gap: 18px; }
.community-content label { display: grid; gap: 8px; font-size: 13px; }
.community-content input:not([type=checkbox]), .community-content textarea, .community-content select { width: 100%; padding: 13px; border-radius: 8px; border: var(--border-hairline); background: var(--surface-charcoal); color: var(--color-snow); font: inherit; }
.community-content .check-label { display: flex; align-items: center; }
.community-content textarea { resize: vertical; }
.account-card { max-width: 520px; margin: 0 auto; padding: 32px; }
.sambatan-feed { margin-top: 34px; }
.sambatan-post { margin: 16px 0; padding: 24px; border: var(--border-hairline); border-radius: 12px; background: var(--surface-graphite); }
.sambatan-post p { white-space: pre-wrap; overflow-wrap: anywhere; }
.sambatan-post small { color: var(--color-steel); }
.video-channel { padding: 40px; background: var(--surface-graphite); border: var(--border-hairline); border-radius: 20px; display: grid; grid-template-columns: 1fr 2fr; gap: 32px; align-items: center; }
.video-symbol { display: grid; place-items: center; min-height: 220px; font-size: 72px; color: #fff; border-radius: 14px; background: #1e40af; }
.contact-options { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.contact-number { display: block; font-size: clamp(24px,3vw,40px); color: var(--color-snow); margin: 24px 0 8px; }
.contact-service { display: flex; justify-content: space-between; padding: 18px 0; border-bottom: var(--border-hairline); color: var(--color-snow); }
.contact-footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 32px; }
.contact-footer-grid h3 { margin-bottom: 22px; }
.contact-footer-grid a { display: block; color: var(--color-fog); margin: 14px 0; }
.contact-footer-card { background: var(--surface-graphite); border-radius: 24px; padding: 28px; }
.contact-footer-card h2 { font-size: 28px; margin: 14px 0; }
.contact-footer-card p { color: var(--color-fog); }
.footer-contact-big { padding: 52px 0 20px; }
.footer-contact-big span { font-size: 11px; letter-spacing: .16em; color: var(--color-steel); }
.footer-contact-big a { display: block; font-family: var(--font-title); font-size: clamp(30px,6.5vw,88px); color: var(--color-snow); }
.footer-contact-big .footer-email { font-family: var(--font-body); font-size: clamp(15px,2.5vw,30px); overflow-wrap: anywhere; }
.footer-wordmark { font-family: var(--font-title); font-size: clamp(48px,12vw,170px); line-height: 1.1; letter-spacing: -.06em; color: var(--color-snow); padding: 30px 0; }
@media(max-width:1200px) { .nav-links { flex-wrap: wrap; gap: 10px 20px; } }
@media(max-width:760px) { .community-layout,.contact-options,.video-channel { grid-template-columns: 1fr; } .contact-footer-grid { grid-template-columns: 1fr 1fr; } .contact-footer-card { grid-column: 1 / -1; } .nav-dropdown { left: auto; right: 0; } .video-channel { padding: 24px; } }