/* Shared discovery for the growing phonetics tool collection. */
.site-tools-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;width:660px;max-width:calc(100vw - 24px);padding:20px;max-height:calc(100dvh - 100px);overflow:auto;inset-inline-start:50%;inset-inline-end:auto;transform:translateX(-50%)}
.site-tools-panel h2{grid-column:1/-1;font-size:19px;margin:0 6px 8px}
.site-tool-menu-link{display:flex;align-items:center;min-width:0;gap:12px;padding:15px 10px;border:1px solid transparent;border-radius:14px;transition:background-color .16s,border-color .16s}
.site-tool-menu-link:hover,.site-tool-menu-link[aria-current]{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 22%,var(--line))}
.site-tool-menu-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--accent-soft);color:var(--accent-readable);flex:none}
.site-tool-menu-link>span:nth-child(2){display:grid;min-width:0;gap:5px;text-align:start}
.site-tool-menu-link strong{font-size:13px;font-weight:650;line-height:1.5;overflow-wrap:anywhere}
.site-tool-menu-link small{font-size:11px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.site-tools-picker .is-current{color:var(--accent-readable);background:var(--accent-soft)}
:root[dir="rtl"] .site-tools-panel{transform:translateX(50%)}
.ipa-transfer-notice{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:13px 18px;margin:0 auto 14px;border:1px solid var(--accent);border-radius:12px;background:var(--accent-soft);font:13px/1.5 var(--font-body);color:var(--ink);width:min(1120px,calc(100% - 32px))}.ipa-transfer-notice>span{margin-right:auto}.ipa-transfer-notice>button{min-height:38px;padding:7px 12px;border-radius:8px;background:var(--surface);font-weight:600}.ipa-transfer-notice>button:first-of-type{background:var(--accent);color:var(--accent-ink)}
@media(max-width:1000px){.site-tools-panel{position:fixed;inset:76px 12px auto;width:auto;max-width:660px;margin-inline:auto;max-height:calc(100dvh - 88px);transform:none}:root[dir="rtl"] .site-tools-panel{transform:none}}
@media(max-width:600px){.site-tools-panel{gap:6px;padding:14px}.site-tools-panel h2{margin:0 2px 5px;font-size:18px}.site-tool-menu-link{display:grid;grid-template-columns:1fr;align-content:start;gap:10px;padding:12px 10px;border-color:var(--line);border-radius:13px}.site-tool-menu-icon{width:34px;height:34px;border-radius:10px}.site-tool-menu-icon .icon{width:20px;height:20px}.site-tool-menu-link strong{font-size:13px;line-height:1.5}.site-tool-menu-link small{font-size:11px;line-height:1.6}}
@media(max-width:360px){.site-tools-panel{gap:5px;padding:11px}.site-tool-menu-link{padding:11px 8px}.site-tool-menu-link strong{font-size:12px}.site-tool-menu-link small{font-size:10.5px}}

@media(max-width:380px){.site-header .header-inner{padding-inline:9px;gap:4px}.site-header .header-actions{gap:3px}.site-header .brand-logo{height:24px}.site-header .header-menu-trigger,.site-header .appearance-picker>summary,.site-header .language-trigger{width:32px;height:32px;min-height:32px}.site-header .header-menu-trigger>.icon,.site-header .appearance-picker>summary>.icon{width:17px;height:17px}}
@media(prefers-reduced-motion:reduce){.phonetic-tool-card{transition:none}}

/* Tool cards keep the keyboard first and make the growing collection scannable. */
.phonetic-tools{margin-block:48px 36px;scroll-margin-top:100px}.phonetic-tools-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:24px}.phonetic-tools-heading span{font-size:10px;letter-spacing:1.5px;color:var(--accent-readable);font-weight:650}.phonetic-tools-heading h2{font-size:28px;line-height:1.3;margin:8px 0 0;letter-spacing:-.5px}.phonetic-tools-heading>p{max-width:310px;color:var(--muted);font-size:13px;line-height:1.7;margin:0}
.phonetic-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.phonetic-tool-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:20px;padding:22px;background:var(--surface);transition:border-color .18s,box-shadow .18s,transform .18s}.phonetic-tool-card:hover{border-color:var(--accent);box-shadow:0 9px 28px -20px #85456c75;transform:translateY(-3px)}.phonetic-tool-card:focus-visible{outline:2px solid var(--accent-readable);outline-offset:4px}
.phonetic-tool-art{display:grid;place-items:center;height:164px;margin:0 0 18px;border-radius:13px;background:linear-gradient(145deg,var(--canvas),var(--accent-soft))}.phonetic-tool-art img{display:block;width:160px;height:160px;object-fit:contain}.phonetic-tool-copy{display:flex;flex:1;flex-direction:column}.phonetic-tool-card h3{font-size:18px;line-height:1.4;letter-spacing:-.2px;font-weight:650;margin:0 0 9px}.phonetic-tool-card p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 20px}.phonetic-tool-link{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:13px;margin-top:auto;border-top:1px solid var(--line);color:var(--accent-readable);font-size:12px;font-weight:650}.phonetic-tool-link .icon{width:17px;height:17px}
@media(max-width:1000px){.phonetic-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.phonetic-tools{margin-block:32px}.phonetic-tools-heading{display:block}.phonetic-tools-heading h2{font-size:25px}.phonetic-tools-heading>p{margin-top:12px;max-width:none}.phonetic-tool-grid{grid-template-columns:1fr;gap:15px}.phonetic-tool-card{padding:21px}.phonetic-tool-art{height:148px}.phonetic-tool-art img{width:140px;height:140px}.phonetic-tool-card h3{font-size:19px}.phonetic-tool-card p{margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){.phonetic-tool-card:hover{transform:none}}

@media(prefers-reduced-motion:reduce){.site-tool-menu-link{transition:none}}