.app-main[data-v-b05577e8]{flex:1;padding:2rem 1rem;width:100%}.container[data-v-b05577e8]{max-width:780px;margin:0 auto}.names-hero[data-v-b05577e8]{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0 2rem;text-align:center}.logo[data-v-b05577e8]{display:block;max-width:200px;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.page-title[data-v-b05577e8]{margin:.5rem 0 0;font-size:32px;font-weight:600;color:#1d1d1f;letter-spacing:.007em}.lead[data-v-b05577e8]{margin:0;max-width:520px;font-size:15px;line-height:1.6;color:#6e6e73}.letter-group[data-v-b05577e8]{background:#fff;border-radius:18px;padding:1.25rem 1.5rem;margin-bottom:1rem;border:1px solid rgba(0,0,0,.04);box-shadow:0 4px 8px #0000000a}.letter-group h2[data-v-b05577e8]{margin:0 0 .6rem;font-size:20px;font-weight:600;color:#ff3b30}.letter-group ul[data-v-b05577e8]{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.5rem 1rem}.name-link[data-v-b05577e8]{color:#0071e3;text-decoration:none;font-size:15px}.name-link[data-v-b05577e8]:hover{text-decoration:underline}.kanji[data-v-b05577e8]{color:#86868b;margin-inline-start:.35rem}@media (max-width: 768px){.page-title[data-v-b05577e8]{font-size:24px}.letter-group ul[data-v-b05577e8]{grid-template-columns:repeat(2,1fr)}}