/* Safe & Sound Content Types — front-end */
.ssc-single { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: clamp(1.5rem, 4vw, 3.5rem); align-items: start; }
@media (max-width: 900px) { .ssc-single { grid-template-columns: 1fr; } }
.ssc-single__aside { position: sticky; top: calc(var(--ss-header-height, 84px) + 1rem); display: flex; flex-direction: column; gap: 1rem; }
.ssc-aside-card { padding: 1.25rem; background: var(--ss-color-surface, #F7F8FA); border-radius: var(--ss-radius-md, 10px); }
.ssc-aside-card__title { font-size: 1.1rem; margin: 0 0 .75rem; }
.ssc-related { margin-top: 3rem; }
.ssc-video { margin: 2rem 0; border-radius: var(--ss-radius-md, 10px); overflow: hidden; }
.ssc-video iframe { width: 100%; aspect-ratio: 16/9; height: auto; }
.ssc-facts { margin: 0; display: grid; gap: .5rem; }
.ssc-facts dt { font-size: .75rem; text-transform: uppercase; letter-spacing: .08em; color: var(--ss-color-text-muted, #5B6470); }
.ssc-facts dd { margin: 0; font-weight: 600; }
.ssc-taglist { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .4rem; }
.ssc-taglist a { display: inline-block; padding: .3rem .7rem; border-radius: 999px; background: #fff; border: 1px solid var(--ss-color-border, #E3E6EA); text-decoration: none; font-size: .875rem; }
.ssc-docs__filters { display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-end; padding: 1.25rem; background: var(--ss-color-surface, #F7F8FA); border-radius: var(--ss-radius-md, 10px); margin-bottom: 1.5rem; }
.ssc-docs__field { display: flex; flex-direction: column; gap: .3rem; min-width: 10rem; }
.ssc-docs__field--grow { flex: 1 1 16rem; }
.ssc-docs__field label { font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; font-weight: 700; color: var(--ss-color-text-muted, #5B6470); }
.ssc-docs__count { margin: 0 0 .5rem; }
.ssc-docs .ss-docs__desc { margin: .25rem 0 0; font-size: .9rem; color: var(--ss-color-text-muted, #5B6470); }
.ss-logos--color .ss-logos__item img { filter: none; opacity: 1; }