.word-detail-page {
    --wd-primary: #000;
    --wd-primary-dark: #000;
    --wd-primary-soft: #edf4fa;
    --wd-text: #263442;
    --wd-muted: #718096;
    --wd-border: #e3eaf0;
    --wd-page-bg: #f5f8fb;
    max-width: 1180px;
    width: calc(100% - 32px);
    margin: 24px auto 56px;
    color: var(--wd-text);
    font-size: 16px;
    line-height: 1.75;
}
.word-detail-page * { box-sizing: border-box; }
.word-detail-page a { color: var(--wd-primary); text-decoration: none; }
.word-detail-page a:hover { color: var(--wd-primary-dark); }

.wd-hero { position:relative; display:flex; justify-content:space-between; align-items:center; min-height:190px; overflow:hidden; padding:32px 38px; border:1px solid #dce8f2; border-radius:18px; background:linear-gradient(120deg,#d9fbf0  0%,#ffffff 72%); box-shadow:0 6px 22px rgba(34,68,100,.045); }
.wd-hero-main { position:relative; z-index:1; min-width:0; }
.wd-eyebrow { color:#000; font-size:13px; font-weight:700; letter-spacing:.12em; }
.wd-word-title { margin:4px 0 12px; color:#1f3448; font-size:clamp(30px,4vw,42px); line-height:1.3; font-weight:750; letter-spacing:.04em; overflow-wrap:anywhere; }
.wd-pronunciation { display:flex; flex-wrap:wrap; gap:10px 24px; }
.wd-pron-item { display:flex; gap:8px; align-items:baseline; }
.wd-pron-label { color:var(--wd-muted); font-size:13px; }
.wd-pron-value { color:#000; font-size:16px; font-weight:600; }
.wd-hero-mark { position:absolute; right:38px; top:50%; transform:translateY(-50%) rotate(8deg); display:flex; align-items:center; justify-content:center; width:124px; height:124px; border:1px solid rgba(49,95,140,.12); border-radius:28px; background:rgba(255,255,255,.62); color:rgba(7, 76, 28, 0.4); font-size:82px; font-weight:800; user-select:none; }
.wd-hero-cy
{
    font-size:41px;
}
.wd-content-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(260px,.85fr); align-items:start; gap:22px; }
.wd-main-column,.wd-side-column { display:flex; flex-direction:column; gap:22px; min-width:0; }
.wd-card { min-width:0; padding:24px 26px; border:1px solid var(--wd-border); border-radius:15px; background:#fff; box-shadow:0 5px 18px rgba(35,58,79,.035); }
.wd-section-heading { display:flex; align-items:center; gap:10px; margin:0 0 18px; }
.wd-section-heading h2 { margin:0; color:#253a4e; font-size:19px; line-height:1.4; font-weight:750; }
.wd-section-icon {
     display:inline-flex; flex:0 0 30px; align-items:center; 
     justify-content:center; width:30px; height:30px; border-radius:9px; 
     background:#086144; color:#fff; font-size:15px; font-weight:750; }
.wd-heading-note { margin-left:auto; color:var(--wd-muted); font-size:12px; font-weight:400; }
.wd-definition { color:#000; font-size:16px; line-height:2; white-space:pre-line; overflow-wrap:anywhere; }
.wd-empty { margin:0; color:#999; font-size:14px; }
.wd-empty-small { font-size:13px; }
.wd-character-list { display:flex; flex-direction:column; gap:15px; }
.wd-character-card { padding:18px; border:1px solid #999; border-radius:12px;  }
.wd-character-top { display:flex; gap:15px; align-items:center; }
.wd-character-glyph { display:flex; flex:0 0 76px; align-items:center; justify-content:center; width:76px; height:76px; border:1px solid #000; border-radius:13px; background:#fff; color:#000!important; font-size:39px; line-height:1; font-weight:650; }
.wd-character-glyph:hover{
    color:#fff !important;
    background:#086144;
    border-color:#086144;
}
.wd-character-info { min-width:0; }
.wd-character-name { display:inline-block;  color:#000!important; font-size:17px; font-weight:400; }
.wd-char-pron { color:#000; font-size:13px; line-height:1.7; overflow-wrap:anywhere; }
.wd-char-pron span { display:inline-block; min-width:38px; color:#000; font-size:14px; }
.wd-char-definition {  color:#000; font-size:16px; line-height:1.2; white-space:pre-line; overflow-wrap:anywhere; }
.wd-char-definition-cy
{
    line-height:1.8
}
.wd-char-definition a{
    color:#086144;
}
.wd-char-definition a:hover{
    text-decoration: underline;
}
.wd-inline-label { display:inline-block; margin-right:8px; color:#000; font-size:12px; font-weight:700;margin-bottom:5px; }
.wd-char-words { display:flex; align-items:flex-start; flex-wrap:wrap; gap:7px; margin-top:14px; padding-top:13px; border-top:1px dashed #e1e8ef; }
.wd-char-words > .wd-inline-label { padding-top:4px; }
.wd-chip-list { display:flex; flex:1 1 70%; flex-wrap:wrap; gap:7px; }
.wd-chip { display:inline-flex; align-items:center; padding:3px 10px; border:1px solid #000; border-radius:999px; background:#fff; color:#000!important; font-size:15px; line-height:1.7; transition:background .15s,border-color .15s; }
.wd-chip:hover { border-color:#086144; background:#086144; color:#fff !important;}
.wd-muted { color:#9aa5af; font-size:13px; }
.wd-related-card { padding:21px 22px; }
.wd-related-card .wd-section-heading { margin-bottom:13px; }
.wd-related-card .wd-section-heading h2 { font-size:17px; }

.wd-related-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.wd-related-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.wd-related-link:hover {
    color: #fff;
    border-color: #086144;
    background-color: #086144;
}

.wd-related-link span {
    font-size: 16px;
    line-height: 1;
}

.wd-definition b{
    background:#086144;
    color:#fff;
    padding:0px 2px;
}
.wd-definition a{
    color:#086114;

}
.wd-definition a:hover{
    text-decoration: underline;
}

.wd-line-one
{
    line-height:1.2;
}

@media (max-width:1366px)
{
    .wd-pron-item
    {
        gap:3px;
    }
    .wd-pron-value
    {
        font-size:15px;
        font-weight:400;
    }
}
@media (max-width: 900px) {
    .wd-content-grid { grid-template-columns:minmax(0,1fr); }
    .wd-side-column { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
    .wd-side-column .wd-related-card:last-child { grid-column:1 / -1; }
}
@media (max-width: 600px) {
    .word-detail-page { width:calc(100% - 22px); margin:14px auto 34px; font-size:15px; }
    .wd-breadcrumb { margin-bottom:13px; font-size:12px; }
    .wd-hero { min-height:155px; padding:23px 20px; border-radius:14px; }
    .wd-word-title { font-size:32px; }
    .wd-hero-mark { right:13px; width:78px; height:78px; border-radius:20px; font-size:52px; }
    .wd-hero-cy
    {
        font-size:26px;
    }
    .wd-pronunciation { max-width:calc(100% - 25px); gap:5px 14px; }
    .wd-pron-value { font-size:14px; }
    .wd-card { padding:19px 16px; border-radius:13px; }
    .wd-section-heading h2 { font-size:17px; }
    .wd-heading-note { display:none; }
    .wd-character-card { padding:14px; }
    .wd-character-glyph { flex-basis:58px; width:58px; height:58px; font-size:33px; }
    .wd-side-column { display:flex; }
    .wd-side-column .wd-related-card:last-child { grid-column:auto; }
}