/* 既存記事の水色・濃紺に合わせ、名前と読みを主役にする。 */
.name-finder{--nf-ink:#175475;--nf-muted:#526477;--nf-line:#9cbccc;--nf-paper:#f3fbff;--nf-focus:#e78220;margin:24px 0;padding:20px;border-top:4px solid var(--nf-ink);background:var(--nf-paper);color:var(--nf-ink)}
.name-finder [hidden]{display:none!important}.name-finder #name-finder-title{margin:0 0 10px;font-size:2rem;line-height:1.5}.name-finder p{font-size:1.4rem;line-height:1.8}.name-finder__form{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.name-finder__form label{display:flex;flex-direction:column;gap:5px;font-size:1.3rem;font-weight:700;min-width:0;flex:1 1 180px}.name-finder__form .name-finder__query{flex:2 1 240px}
.name-finder input,.name-finder select{box-sizing:border-box;width:100%;min-height:44px;padding:9px;border:1px solid var(--nf-line);border-radius:6px;background:#fff;color:var(--nf-ink);font-weight:400;line-height:1.5;font-family:inherit;font-size:16px}
.name-finder button{font-family:inherit;font-size:1.3rem;font-weight:700;line-height:1.5;min-height:44px;padding:9px 14px;border:1px solid var(--nf-ink);border-radius:6px;background:var(--nf-ink);color:#fff;cursor:pointer}.name-finder button:hover{filter:brightness(.92)}.name-finder button:disabled{opacity:.65;cursor:wait}.name-finder .name-finder__secondary,.name-finder [data-nf-copy]{background:#fff;color:var(--nf-ink)}
.name-finder :is(input,select,button,a):focus-visible{outline:3px solid var(--nf-focus);outline-offset:3px}.name-finder__actions{display:flex;flex-wrap:wrap;gap:8px;flex-basis:100%}.name-finder__status{color:var(--nf-muted);min-height:1.8em}.name-finder .name-finder__results{list-style:none;padding:0;margin:0}.name-finder .name-finder__results li{padding:14px 0;margin:0;border-top:1px solid var(--nf-line);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:start}.name-finder__name{font-size:2.3rem;line-height:1.4;overflow-wrap:anywhere}.name-finder__reading{font-size:1.4rem;color:var(--nf-muted)}.name-finder .name-finder__meaning{grid-column:1/-1;margin:2px 0;font-size:1.35rem;overflow-wrap:anywhere}.name-finder__source{grid-column:1/-1;font-size:1.3rem;justify-self:start;line-height:2;min-height:32px}.name-finder__copy{grid-row:1/3;grid-column:2}.name-finder a{color:var(--nf-ink);text-underline-offset:3px}.name-finder__links{margin-bottom:0}.name-finder__links a{display:inline-block;padding:5px 0}
@media(max-width:480px){.name-finder{padding:16px 12px}.name-finder__name{font-size:2.1rem}.name-finder .name-finder__results li{gap:4px 8px}.name-finder button{padding:9px 10px}}

.name-finder__form .name-finder__category{display:flex;flex-direction:column;gap:5px;flex:1 1 180px;min-width:0}.name-finder__category label{flex:none}