.word-page{
  max-width: 980px;
  margin: 18px auto;
  padding: 44px 54px;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 10px 28px rgba(0,0,0,.06);
  font-family: "Calibri","Segoe UI",Arial,sans-serif;
  color:#111827;
}
.word-header h1{ font-size:30px; line-height:1.25; margin:0 0 10px; font-weight:800; }
.word-lead{ font-size:16px; line-height:1.85; margin:0 0 16px; color:#374151; }
.word-hr{ border:0; border-top:1px solid #e5e7eb; margin:22px 0 26px; }
.word-article{ font-size:16px; line-height:1.9; }
.word-article h2{ font-size:20px; margin:18px 0 10px; font-weight:800; }
.word-article h3{ font-size:17px; margin:16px 0 8px; font-weight:800; }
.word-list{ margin:0 0 14px 22px; }
.word-ol{ margin:0 0 14px 22px; }
.word-block{ padding:14px; border:1px solid #e5e7eb; border-radius:12px; background:#fff; margin:12px 0; }
.word-block i{ margin-right:8px; color:#0EA5E9; }
.word-actions{ display:flex; gap:12px; flex-wrap:wrap; margin:12px 0 0; }
.word-btn{ display:inline-block; padding:10px 14px; border-radius:10px; border:1px solid #0EA5E9; background:#0EA5E9; color:#fff; text-decoration:none; font-weight:800; }
.word-btn.outline{ background:transparent; color:#0EA5E9; }
.word-tip{ margin:14px 0 0; padding:12px 14px; border-left:4px solid #0EA5E9; background:#f0f9ff; border-radius:10px; }
.word-highlight{ padding:12px 14px; border:1px solid #e5e7eb; border-radius:10px; background:#fafafa; }
.word-note{ margin-top:10px; color:#374151; }
@media (max-width: 820px){
  .word-page{ padding:18px 16px; box-shadow:none; }
  .word-header h1{ font-size:24px; }
}
html, body{ overflow-x:hidden; max-width:100%; }