.dkl-social{color:var(--text-primary);font-family:Open Sans,sans-serif}.dkl-social button,.dkl-social a{-webkit-tap-highlight-color:transparent}.dkl-social button:focus-visible,.dkl-social a:focus-visible,.social-dialog button:focus-visible,.social-dialog a:focus-visible{outline:3px solid var(--dkl-orange);outline-offset:3px}.social-heading{text-align:center;max-width:800px;margin:0 auto 24px}.social-heading h2{text-wrap:balance;margin:20px 0 16px;font-family:Montserrat,sans-serif;font-size:clamp(28px,3vw,42px);font-weight:800;line-height:1.2}.social-heading h2 span{color:var(--dkl-orange)}.social-heading p{color:var(--text-secondary);font-size:16px;line-height:1.7}.social-profile{border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font:700 13px Montserrat,sans-serif;text-decoration:none;display:inline-flex}.social-profile svg{color:var(--dkl-orange)}.social-filters{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px;display:flex}.social-filters button{border:1px solid var(--border-subtle);background:var(--bg-card);min-height:44px;color:var(--text-primary);cursor:pointer;border-radius:12px;padding:10px 16px;font:700 13px Montserrat,sans-serif;transition:border-color .2s}.social-filters button:hover{border-color:var(--dkl-orange)}.social-filters button[aria-pressed=true]{color:#fff;background:var(--dkl-blue);border-color:var(--dkl-orange)}.social-status{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;gap:12px;margin:24px 0;font-size:13px;display:flex}.social-mosaic{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:160px;gap:12px;display:grid}.social-tile{border:1px solid var(--border-subtle);background:var(--dkl-blue);cursor:pointer;text-align:left;color:#fff;border-radius:15px;width:100%;min-width:0;display:block;position:relative;overflow:hidden;box-shadow:0 4px 20px -2px #162e4c14}.social-tile.social-featured{grid-area:span 2/span 2}.social-tile>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .2s}.social-tile:hover>img{transform:scale(1.025)}.social-tile-copy{background:linear-gradient(#0000 25%,#08132033 45%,#081320f0 100%);justify-content:space-between;align-items:flex-end;gap:12px;padding:12px;display:flex;position:absolute;inset:0}.social-tile-copy>span{min-width:0}.social-tile-copy strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font:700 13px/1.4 Montserrat,sans-serif;display:-webkit-box;overflow:hidden}.social-tile-copy>svg{border:1px solid #fff6;border-radius:10px;flex:none;width:32px;height:32px;padding:7px}.social-featured .social-tile-copy{padding:20px}.social-featured .social-tile-copy strong{font-size:20px}.social-tile-date{margin-top:8px;font-size:13px;display:block}.social-badges{flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:12px;left:12px;right:12px}.social-badges>span{background:var(--dkl-blue);border:1px solid #ffffff40;border-radius:10px;align-items:center;gap:5px;padding:5px 8px;font-size:12px;display:inline-flex}.social-badges svg{flex:none}.social-image-fallback{text-align:center;justify-content:center;align-items:center;height:100%;padding:16px;font-size:13px;display:flex}.social-control{background:var(--bg-card);width:44px;height:44px;color:var(--text-primary);border:1px solid var(--border-subtle);cursor:pointer;border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.social-control:disabled{opacity:.45;cursor:default}.social-scroll-controls{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:13px;display:none}.social-button{border:1px solid var(--border-subtle);background:var(--dkl-blue);color:#fff;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:12px 18px;font:700 14px Montserrat,sans-serif;text-decoration:none;display:inline-flex}.social-button:hover,.social-control:hover{border-color:var(--dkl-orange)}.social-actions{color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;font-size:15px;display:flex}.social-archive .social-actions{justify-content:center}.social-empty{text-align:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:15px;padding:32px 20px}.social-empty h3{font:700 20px Montserrat,sans-serif}.social-empty p{margin:12px 0 20px;line-height:1.7}.social-empty a:not(.social-button){text-decoration:underline}.social-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.social-card{border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:15px;min-width:0;overflow:hidden;box-shadow:0 4px 20px -2px #162e4c14}.social-card-image{aspect-ratio:1;background:var(--bg-body)}.social-card-image img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.social-card-body{padding:20px}.social-meta{color:var(--text-secondary);font-size:13px;line-height:1.7}.social-card h3{margin:12px 0;font:700 19px/1.4 Montserrat,sans-serif}.social-card-body>p:not(.social-meta){overflow-wrap:anywhere;font-size:15px;line-height:1.7}.social-read{cursor:pointer;align-items:center;gap:8px;min-height:44px;margin-top:12px;font:700 14px Montserrat,sans-serif;display:inline-flex}.social-dialog{border:1px solid var(--border-subtle);background:var(--bg-card);width:calc(100% - 32px);max-width:1020px;max-height:calc(100dvh - 32px);color:var(--text-primary);border-radius:15px;margin:auto;padding:0;overflow:auto;box-shadow:0 24px 80px #0006}.social-dialog::backdrop{background:#081320cc}.social-dialog-top{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:12px;display:flex}.social-dialog-content{grid-template-columns:1fr 1fr;display:grid}.social-dialog-media{background:var(--bg-body);flex-direction:column;justify-content:center;gap:16px;min-width:0;display:flex;position:relative}.social-dialog-media>img{-o-object-fit:contain;object-fit:contain;width:100%;height:auto;max-height:65dvh}.social-dialog-media>iframe,.social-dialog-media>video{aspect-ratio:9/16;border:0;width:100%;max-height:65dvh}.social-dialog-media>p{text-align:center;padding:24px}.social-dialog-text{min-width:0;padding:28px}.social-dialog-text h3{margin:12px 0 20px;font:700 24px/1.4 Montserrat,sans-serif}.social-caption{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:24px;font-size:15px;line-height:1.8}.social-play{margin:0 auto 16px}.social-slide-controls{justify-content:center;align-items:center;gap:16px;padding:12px;font-size:13px;display:flex}@media (min-width:768px) and (max-width:1023px){.social-mosaic{grid-template-columns:repeat(3,minmax(0,1fr))}.social-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.social-filters{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.social-archive .social-filters button:first-child{grid-column:span 2}.social-mosaic{scroll-snap-type:x mandatory;scrollbar-color:var(--dkl-orange) var(--bg-surface);scrollbar-width:thin;align-items:flex-start;gap:12px;padding:5px 4px 14px;scroll-padding-inline:4px;display:flex;overflow:auto hidden}.social-tile{scroll-snap-align:start;flex:0 0 192px;width:192px;height:192px}.social-tile.social-featured{flex-basis:256px;width:256px;height:256px}.social-featured .social-tile-copy{padding:12px}.social-featured .social-tile-copy strong{font-size:16px}.social-tile-date{font-size:12px}.social-scroll-controls{display:flex}.social-actions{flex-direction:column;align-items:stretch}.social-archive-grid,.social-dialog-content{grid-template-columns:1fr}.social-dialog-text{padding:20px}.social-dialog-text h3{font-size:20px}}@media (prefers-reduced-motion:reduce){.social-tile>img,.social-filters button{transition:none}.social-mosaic{scroll-behavior:auto}}