#cd-app {overflow-wrap:anywhere}
#cd-app .cd-toolbar {display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 28px}
#cd-form {flex:1 1 360px;max-width:570px;min-width:0}
#cd-app .cd-query {display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
#cd-app .cd-input-wrap {position:relative;flex:1 1 140px;max-width:480px;min-width:min(140px,100%)}
#cd-word {width:100%;min-width:0;min-height:46px;padding-inline-end:46px}
#cd-search {flex-shrink:0;min-height:46px}
#cd-clear {position:absolute;inset-inline-end:1px;top:1px;bottom:1px;width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:transparent;color:var(--site-muted);cursor:pointer}
#cd-clear:hover {background:var(--site-surface-muted);color:var(--site-text)}
#cd-clear:focus-visible {outline:2px solid var(--site-accent);outline-offset:-3px}
#cd-app .cd-word-heading {display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 18px;margin-top:12px}
#cd-app .cd-headword {font-size:2rem;font-weight:700}
#cd-app .cd-pinyin {color:var(--site-muted);font-weight:400}
#cd-app .cd-section {margin-top:24px;padding-top:22px;border-top:1px solid var(--site-border)}
#cd-app .cd-section h2 {font-size:1.2rem;font-weight:700;margin:0 0 14px}
#cd-app .cd-meanings h2 {margin-bottom:0}
#cd-app .cd-sense {padding-block:14px}
#cd-app .cd-sense + .cd-sense {border-top:1px solid var(--site-border)}
#cd-app .cd-sense:last-child {padding-bottom:0}
#cd-app .cd-definition {margin:0;padding-inline-start:12px;border-inline-start:3px solid var(--site-accent);font-size:16px;font-weight:400;line-height:1.85;max-width:80ch}
#cd-app .cd-note {margin-top:6px;color:var(--site-muted);font-size:14px;line-height:1.8;max-width:80ch}
#cd-app .cd-details {margin:14px 0 0}
#cd-app .cd-detail-row {display:grid;grid-template-columns:minmax(72px,7.5em) minmax(0,1fr);gap:12px}
#cd-app .cd-detail-row + .cd-detail-row {margin-top:4px}
#cd-app .cd-detail-row dt {display:flex;align-items:flex-start;min-height:44px;padding-block:10px;color:var(--site-muted);font-size:14px;line-height:24px}
#cd-app .cd-detail-row dd {margin:0;min-width:0}
#cd-app .cd-terms {display:flex;flex-wrap:wrap;gap:8px}
#cd-app .cd-terms a,#cd-app .cd-terms span {display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--site-border);border-radius:8px;background:var(--site-surface-muted);max-width:100%}
#cd-app .cd-terms a,#cd-app .cd-navigation a {color:var(--site-accent)}
#cd-app .cd-relation-terms {gap:4px 24px}
#cd-app .cd-relation-terms a,#cd-app .cd-relation-terms span {padding:10px 0;border:0;border-radius:0;background:none;line-height:24px}
#cd-app a:hover {text-decoration:underline}
#cd-app .cd-relation-terms a:focus-visible {outline:2px solid var(--site-accent);outline-offset:2px}
#cd-app .cd-detail-row[data-kind="examples"] dd {display:flex;flex-wrap:wrap;align-content:flex-start;gap:4px 20px;padding-block:8px}
#cd-app .cd-example {margin:0;color:var(--site-muted);line-height:1.75;max-width:80ch}
#cd-app .cd-example-long {flex-basis:100%;max-width:100%}
#cd-app .cd-navigation {display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;max-width:100%}
#cd-app .cd-pagination {display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
#cd-app .cd-navigation a {min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;white-space:normal;text-align:center;color:var(--site-text)}
#cd-app .cd-navigation svg {flex-shrink:0}
#cd-app .cd-navigation a:hover {text-decoration:none;background:var(--site-surface-muted);border-color:var(--site-accent)}
#cd-app .cd-navigation a:focus-visible {outline:2px solid var(--site-accent);outline-offset:3px}
#cd-app [hidden] {display:none!important}
@media(max-width:900px) {#cd-app .cd-toolbar {flex-direction:column;align-items:stretch;gap:12px}#cd-form {flex:auto;max-width:none}#cd-app .cd-input-wrap {max-width:none}}
@media(max-width:520px) {#cd-app .cd-detail-row {grid-template-columns:minmax(56px,6em) minmax(0,1fr);gap:8px}#cd-app .cd-relation-terms {column-gap:16px}#cd-app .cd-navigation a {flex:1 1 auto;min-width:0}}
@media(max-width:360px) {#cd-app .cd-navigation {gap:8px}#cd-app .cd-navigation a {font-size:14px;padding-inline:10px;gap:6px}#cd-app .cd-navigation svg {width:16px;height:16px}}

#cd-app .cd-pagination {align-items:center}
#cd-app .cd-page-jump {display:flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:100%;min-width:0}
#cd-page {width:88px;min-height:46px}
#cd-app .cd-page-jump label {color:var(--site-muted)}
#cd-app .cd-page-jump button {min-height:46px}