/* Family Book — Family Spotlight */
.family-spotlight{display:none}

@media(min-width:1180px){
  .family-spotlight{
    display:block;
    margin:18px 8px 0;
    padding:14px;
    border:1px solid var(--fb-shell-border);
    border-radius:17px;
    background:linear-gradient(180deg,color-mix(in srgb,var(--fb-shell-panel) 96%,var(--fb-shell-accent-soft)),var(--fb-shell-panel));
    color:var(--fb-shell-text);
    box-shadow:var(--fb-shell-shadow);
  }
  .family-spotlight::before{content:"";display:block;height:1px;background:var(--fb-shell-border);margin:-23px -6px 18px}
  .family-spotlight-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
  .family-spotlight-head>div{display:grid;gap:2px;min-width:0}
  .family-spotlight-head small{font-size:.59rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--fb-shell-muted)}
  .family-spotlight-head strong{font-size:.84rem;line-height:1.25;color:var(--fb-shell-text)}
  .family-spotlight-head>svg{width:17px;height:17px;color:var(--fb-shell-accent);flex:0 0 auto;margin-top:2px}

  .family-spotlight-photo{position:relative;width:100%;height:132px;padding:0;border:0;border-radius:13px;overflow:hidden;background:#101410;cursor:pointer;display:block}
  .family-spotlight-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .22s ease,opacity .22s ease}
  .family-spotlight-photo:hover img{transform:scale(1.025);opacity:.94}
  .family-spotlight-photo::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(8,12,9,.78));pointer-events:none}
  .family-spotlight-photo span{position:absolute;left:9px;bottom:8px;z-index:2;padding:4px 7px;border-radius:999px;background:rgba(17,24,19,.82);backdrop-filter:blur(7px);color:#eef4ef;font-size:.53rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}

  .family-spotlight-copy{display:grid;gap:3px;padding:10px 1px 9px;min-width:0}
  .family-spotlight-copy>strong{font-size:.8rem;line-height:1.3;color:var(--fb-shell-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .family-spotlight-copy>small{font-size:.64rem;line-height:1.35;color:var(--fb-shell-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  .family-spotlight-actions{display:flex;align-items:center;gap:7px}
  .family-spotlight-actions button{height:32px;border:1px solid var(--fb-shell-border);border-radius:10px;background:var(--fb-shell-panel-2);color:var(--fb-shell-accent);font:800 .62rem Inter,system-ui,sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 9px}
  .family-spotlight-actions button:first-child{flex:1}
  .family-spotlight-actions button:last-child:not(:first-child){width:32px;padding:0;flex:0 0 32px}
  .family-spotlight-actions button:hover{background:var(--fb-shell-accent-soft)}
  .family-spotlight-actions svg{width:13px;height:13px}

  .family-spotlight-week{display:grid;gap:2px;margin-top:11px;padding-top:10px;border-top:1px solid var(--fb-shell-border)}
  .family-spotlight-week span{font-size:.55rem;letter-spacing:.06em;text-transform:uppercase;font-weight:900;color:var(--fb-shell-muted)}
  .family-spotlight-week strong{font-size:.62rem;line-height:1.4;color:var(--fb-shell-text);font-weight:700}

  .family-spotlight-empty{display:grid;justify-items:center;text-align:center;gap:8px;padding:15px 8px 4px;color:var(--fb-shell-muted)}
  .family-spotlight-empty>svg{width:27px;height:27px;color:var(--fb-shell-accent)}
  .family-spotlight-empty p{margin:0;font-size:.7rem;line-height:1.4}
  .family-spotlight-empty button{border:0;border-radius:9px;background:var(--fb-shell-accent-soft);color:var(--fb-shell-accent);font:800 .64rem Inter,system-ui,sans-serif;padding:8px 10px;cursor:pointer}
}

@media(min-width:1180px) and (max-width:1320px){
  .family-spotlight{margin-left:4px;margin-right:4px;padding:11px}
  .family-spotlight-photo{height:112px}
  .family-spotlight-copy>strong{font-size:.74rem}
}