#names-directory{margin:28px 0;border:1px solid #deded8;border-radius:12px;padding:20px;background:#fcfcf8;color:#27342e}
#names-directory [hidden]{display:none!important}
#names-directory .names-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;background:#f0f2eb;border-radius:9px;margin-bottom:16px}
#names-directory .names-control{min-width:0}
#names-directory .names-control label{display:block;font-size:13px;font-weight:700;margin-bottom:6px;color:#37483c}
#names-directory input,#names-directory select{display:block;width:100%;min-height:44px;border:1px solid #bbc4b9;border-radius:6px;background:white;padding:9px 10px;font:inherit;font-size:14px;color:#24382b;box-sizing:border-box}
#names-directory input:focus,#names-directory select:focus,#names-directory button:focus-visible,#names-directory summary:focus-visible,#names-directory a:focus-visible{outline:3px solid #b47831;outline-offset:3px}
#names-directory #names-reset{justify-self:start;border:1px solid #49634e;border-radius:6px;background:#fff;color:#2d4732;font-size:13px;padding:9px 12px;min-height:44px;cursor:pointer}
#names-directory #names-result{font-weight:700;font-size:14px;margin:14px 0}
#names-directory .names-caveat{font-size:12px;line-height:1.7;color:#5f685f}
#names-directory .names-alphabet{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0}
#names-directory .names-alphabet a{display:flex;align-items:center;justify-content:center;min-width:36px;min-height:40px;padding:3px 9px;border:1px solid #ccd4c8;border-radius:5px;background:white;color:#314e39;font-weight:700;text-decoration:none}
#names-directory .names-alphabet a:hover{background:#edf3e8;border-color:#76936c}
#names-directory .names-group{border:1px solid #dce2d7;border-radius:7px;background:white;margin:10px 0;scroll-margin-top:90px;overflow:hidden}
#names-directory .names-group>summary{cursor:pointer;min-height:48px;padding:13px 15px;color:#2d4634;font-weight:700;font-size:18px;line-height:1.5;list-style-position:inside}
#names-directory .names-group[open]>summary{background:#f1f5ec;border-bottom:1px solid #dce2d7}
#names-directory .names-group-count{float:right;font-size:12px;font-weight:400;margin-top:4px;color:#63755e}
#names-directory .names-group-body{padding:4px 14px}
#names-directory .name-card{border-bottom:1px solid #eceee8;scroll-margin-top:90px}
#names-directory .name-card:last-child{border-bottom:none}
#names-directory .name-card>summary{cursor:pointer;padding:12px 0;line-height:1.8;color:#293d2e;list-style-position:inside;overflow-wrap:anywhere}
#names-directory .name-label{font-weight:700;font-size:15px}
#names-directory .name-kind{display:inline-block;font-size:10px;color:#65765f;background:#f0f3eb;border-radius:4px;padding:0 6px;margin-left:8px;white-space:nowrap;vertical-align:middle}
#names-directory .name-description{padding:0 5px 10px 16px}
#names-directory .name-description p{font-size:14px;line-height:1.9;margin:0 0 8px;overflow-wrap:anywhere}
#names-directory .name-description .name-provenance{font-size:11px;color:#73806e}
#names-directory #names-empty{padding:18px;background:#fff3e3;border-radius:7px;font-size:14px}
@media(max-width:600px){#names-directory{padding:12px;margin:20px 0}#names-directory .names-tools{grid-template-columns:1fr;padding:12px}#names-directory .names-group>summary{font-size:17px;padding:12px 10px}#names-directory .names-group-body{padding:3px 10px}#names-directory .names-group-count{float:none;display:inline-block;margin-left:8px}#names-directory .names-alphabet a{min-width:37px;min-height:44px}}