.slideshow {
    height: 400px;
    object-fit: cover;
}
.surname-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}
.surname-toolbar input{flex:1;border:1px solid #ddd;border-radius:6px;padding:8px 10px}
.surname-toolbar button{border:1px solid #ddd;background:#fff;border-radius:6px;padding:8px 12px}
.surname-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px}
.surname-item{position:relative;display:flex;align-items:center;justify-content:center;height:96px;background:linear-gradient(135deg,#f5e8d8,#ecd9c3);border-radius:10px;border:1px solid #d7c0a6;box-shadow:0 6px 12px rgba(0,0,0,.10),inset 0 2px 0 rgba(255,255,255,.6);color:#d93025;font-weight:700;font-size:28px;letter-spacing:.1em;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;cursor:pointer}
.surname-item:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.12),inset 0 2px 0 rgba(255,255,255,.65)}
.surname-item.active{border-color:#ff7043;box-shadow:0 10px 20px rgba(0,0,0,.15),0 0 0 4px rgba(255,112,67,.15),inset 0 2px 0 rgba(255,255,255,.7);transform:translateY(-3px) scale(1.03)}
.surname-item.tilt{transform:rotateX(6deg) rotateY(-6deg)}
.surname-info-backdrop{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.35);display:none;z-index:999}
.surname-info-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;box-shadow:0 14px 28px rgba(0,0,0,.18);width:420px;max-width:90vw;padding:18px;display:none;z-index:1000}
.surname-info-modal h4{margin:0 0 10px 0;color:#d93025;font-size:24px}
.surname-info-modal .actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}
.surname-info-modal .actions a,.surname-info-modal .actions button{border:1px solid #ddd;background:#fff;border-radius:6px;padding:8px 12px}

.surname-page .card{box-shadow:0 8px 18px rgba(0,0,0,.08)}
.surname-page .card-header{background:#faf5ef;border-bottom:1px solid #e6ddcf}
.surname-page .badge{background:#ff7043}
.surname-page .list-group-item{border-color:#eee}
.surname-page .section-title{color:#b23c2f}
.surname-page .card-body p{margin-bottom:.5rem;line-height:1.8}
.surname-hero{background:linear-gradient(135deg,#fff7f2,#fdeae2);border:1px solid #f5d6c7;box-shadow:0 10px 24px rgba(0,0,0,.08)}
.surname-initial{width:64px;height:64px;border-radius:50%;background:#ff7043;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;box-shadow:0 8px 16px rgba(0,0,0,.12)}
.chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid #f0cbb9;background:#fff;color:#8a4b3a;font-size:12px}