:root{--article-paper:#fff;--article-wash:#f7f9f8;--article-mark:#e8f0eb;--article-gold:#846b2b}
.article-word{appearance:none;border:0;border-bottom:1px dotted #9daaa3;border-radius:0;background:transparent;padding:0;color:inherit;font:inherit;font-weight:inherit;cursor:pointer;user-select:text}.article-word:hover,.article-word:focus-visible{border-bottom-color:var(--green);background:#f1f5f2;outline:0}.word-card{margin:16px 0 2px;padding:17px 18px;border-left:2px solid var(--green);background:var(--article-wash)}.word-card-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.word-card-head strong{font-size:22px}.word-card-head span{color:var(--muted);font-size:13px}.word-card h3{margin:15px 0 4px;font-size:12px;letter-spacing:.05em;color:var(--muted)}.word-card p{margin:0;color:#3e4843}.word-card details{margin:13px 0 0}.word-card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.word-card-actions button{padding:8px 12px;font-size:13px}
.article-intro{margin-bottom:36px}.article-intro p{color:var(--muted)}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0 30px}.filters button{padding:7px 13px;font-size:13px;color:var(--muted)}.filters button.active{color:var(--ink);border-color:var(--ink);background:var(--wash)}.article-list{display:grid;gap:14px}.article-card{display:block;border:1px solid var(--line);border-radius:12px;padding:24px;background:var(--article-paper)}.article-card:hover{border-color:#bcc9c1;background:var(--article-wash)}.article-card h2{margin:0 0 9px;font-size:23px}.article-meta,.article-tags{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:13px}.article-tags span{border:1px solid var(--line);border-radius:999px;padding:2px 8px}.article-status{margin-top:16px;color:var(--green);font-size:13px}.article-back{color:var(--green);text-decoration:underline}.article-head{max-width:760px;margin-bottom:35px}.article-head h1{margin-top:15px}.article-body{max-width:760px}.sentence{padding:19px 0;border-bottom:1px solid var(--line)}.sentence:first-child{border-top:1px solid var(--line)}.sentence-original{font-family:Georgia,"Times New Roman",serif;font-size:20px;line-height:1.85;letter-spacing:.01em}.sentence-tools{display:flex;align-items:center;gap:10px;margin-top:12px}.sentence-tools button{padding:6px 11px;font-size:12px}.sentence-tools button.marked{color:var(--article-gold);border-color:#c8ad64;background:#fffdf6}.explain{margin-top:16px;padding:16px 18px;border-left:2px solid var(--green);background:var(--article-wash)}.explain h3{font-size:13px;margin:0 0 5px;letter-spacing:.03em}.explain p{margin:0;color:#3e4843}.explain details{margin:12px 0 0}.explain select{margin-top:10px;font-size:13px}.expression-box,.article-feedback{max-width:760px;margin-top:38px;border-top:1px solid var(--line);padding-top:24px}.expressions{display:flex;gap:8px;flex-wrap:wrap}.expressions span{background:var(--article-wash);padding:5px 9px;border-radius:6px;font-size:13px}.feedback-options{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.feedback-options button{padding:8px 13px;font-size:13px}.feedback-options button.active{background:var(--ink);color:white;border-color:var(--ink)}.article-feedback label{display:block;color:var(--muted);font-size:13px;margin-top:18px}.article-feedback select{margin-top:6px;min-width:210px}.empty-articles{padding:60px 0;text-align:center}@media(max-width:650px){.article-card{padding:19px}.article-head h1{font-size:29px}.sentence-original{font-size:18px;line-height:1.75}.sentence{padding:17px 0}.article-meta{line-height:1.8}}