/* Wash shared components. Generated from the final legacy cascade; edit this module only. */
.wash-auth-btn .wash-ico,.wash-ico { margin-right: 6px; }

.iconfont,.wash-ico { width: 16px; vertical-align: -3px; }

.about a:hover,.about a:hover *,.layui-laypage a:hover,.list li a:hover,.list-info .soft-title:hover,.list-tit li a:hover,.us a:hover,.us a:hover *,.wash-sidebar-card .wash-sidebar-title .wash-ico,.wash-sidebar-card ul li a:hover,.xuhaoul li a:hover { color: var(--color-primary); }

.scoend,.title,.wash-down-sort-title { margin-bottom: var(--space-2); }

.list-right:hover,.wash-card:hover,.wash-down-card:hover { box-shadow: var(--shadow-md); }

.index-container { max-width: calc(var(--container-max) - 2 * var(--space-2)); }

.list-right,.showtopw,.wash-card { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); box-shadow: var(--shadow-sm); padding: var(--space-3); box-sizing: border-box; transition: box-shadow var(--transition-normal); }

.down span a,.go,.list li,.list-btn a { transition: background var(--transition-fast); }

.title { font-size: 1.125rem; font-weight: 700; color: var(--color-text); }

.down span a,.go,.list-btn a { display: inline-block; padding: 8px 20px; background: var(--color-primary); color: #fff; border-radius: var(--radius-sm); font-size: .875rem; text-decoration: none; border: none; }

.down span a:hover,.go:hover,.list-btn a:hover { background: var(--color-primary-hover); transform: translateY(-1px); }

.list li:hover,.twdd li a:hover,.wash-auth-btn.logged,.wash-auth-btn:hover,.wash-sidebar-card ul li a i,.wash-sidebar-card ul li a:hover { background: var(--color-surface-hover); }

.list li { border-radius: var(--radius-sm); }

.list li a,.list-tit li a,.xuhaoul li a { color: var(--color-text); text-decoration: none; transition: color var(--transition-fast); }

/* Legacy override: required to beat an !important declaration in bundled Emlog/Layui CSS. */
.layui-laypage a,.layui-laypage span { border-radius: var(--radius-sm); border-color: var(--color-border) !important; color: var(--color-text); transition: all var(--transition-fast); }

.wash-auth-btn,.wash-login-guide p,.wash-sidebar-card ul li a i { color: var(--color-text-secondary); }

.twdd li a,.wash-login-guide a,.wash-sidebar-card ul li a { transition: background var(--transition-fast); }

/* Legacy override: required to beat an !important declaration in bundled Emlog/Layui CSS. */
.layui-laypage a:hover { border-color: var(--color-primary) !important; }

.layui-laypage .layui-laypage-curr .layui-laypage-em { background: var(--color-primary); border-radius: var(--radius-sm); }

.wash-ico { height: 16px; fill: none; stroke: currentColor; stroke-width: 2; flex-shrink: 0; }

.wash-auth-btn,.wash-login-guide a { display: inline-flex; height: 36px; font-size: .875rem; text-decoration: none; }

.wash-auth-btn { align-items: center; padding: 0 14px; border: 1px solid var(--color-border); background: var(--color-surface); border-radius: var(--radius-sm); white-space: nowrap; transition: background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast); }

.wash-auth-btn:hover { color: var(--color-text); border-color: var(--color-border-strong); }

.wash-auth-btn.logged { border-color: transparent; color: var(--color-text); }

.scoend .title,.wash-sidebar-card .wash-sidebar-title { color: var(--color-text); padding-bottom: var(--space-1); border-bottom: 1px solid var(--color-border); font-weight: 600; }

.iconfont { display: inline-block; height: 16px; background: currentColor; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; mask-border-width: 0; mask-border-color: transparent; mask-border-style: none; mask-border-repeat: stretch; mask-border-mode: alpha; mask-border-source: none; border-radius: 0; }

.iconfont.icon-zz { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2' fill='none' stroke='%23000' stroke-width='2'/%3E%3Ccircle cx='12' cy='7' r='4' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2' fill='none' stroke='%23000' stroke-width='2'/%3E%3Ccircle cx='12' cy='7' r='4' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E"); }

.iconfont.icon-time { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M12 6v6l4 2' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M12 6v6l4 2' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E"); }

.iconfont.icon-fl { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E"); }

.iconfont.icon-gengduo { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 18 6-6-6-6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 18 6-6-6-6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); }

.wash-down-sort-section,.wash-sidebar-card { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--space-2); margin-bottom: var(--space-2); }

.wash-sidebar-card .wash-sidebar-title { display: flex; align-items: center; font-size: .9375rem; margin-bottom: var(--space-1); }

.wash-sidebar-card ul { list-style: none; padding: 0; margin: 0; }

.wash-sidebar-card ul li { margin-bottom: 4px; }

.wash-sidebar-card ul li a { display: block; padding: 6px 8px; border-radius: var(--radius-sm); color: var(--color-text); text-decoration: none; font-size: .875rem; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#page .layui-laypage .layui-laypage-curr .layui-laypage-em,.wash-login-guide a { background: var(--color-primary); }

.wash-sidebar-card ul li a i { display: inline-block; width: 20px; height: 18px; line-height: 18px; text-align: center; font-style: normal; font-size: .75rem; border-radius: var(--radius-sm); margin-right: 8px; }

.news-type a.hover,.type a.hover,.types a.hover,.wash-section-title .news-type a.hover,.wash-section-title .news-type a:hover,.wash-sidebar-card ul li:first-child a i,.wash-sidebar-card ul li:nth-child(2) a i,.wash-sidebar-card ul li:nth-child(3) a i,.xuhaoul li:first-child a i,.xuhaoul li:nth-child(2) a i,.xuhaoul li:nth-child(3) a i { background: var(--color-primary); color: #fff; }

.wash-user-card-side { display: flex; align-items: center; gap: var(--space-1); padding: var(--space-1) 0; }

.wash-user-card-side .avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--color-surface-hover) center/cover no-repeat; flex-shrink: 0; }

.wash-nav-left,.wash-user-card-side .info { flex: 1; min-width: 0; }

.wash-user-card-side .info .name { font-weight: 600; font-size: .9375rem; color: var(--color-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.wash-user-card-side .info .role { font-size: .75rem; color: var(--color-text-tertiary); }

.wash-login-guide { text-align: center; padding: var(--space-2) 0; }

.wash-login-guide p { font-size: .875rem; margin-bottom: var(--space-1); }

.wash-login-guide a { align-items: center; justify-content: center; padding: 0 24px; color: #fff; border-radius: var(--radius-sm); }

.list-intro,.news-type a,.type a,.types a,.wnr_t,.xuhaoul li a i { color: var(--color-text-secondary); }

.wash-down-card:hover .wash-down-btn,.wash-login-guide a:hover { background: var(--color-primary-hover); }

.scoend .title { font-size: 1rem; text-indent: 0; background: 0 0; position: relative; }

.index-container .right .list-right.nav .title::after,.scoend .title::after,a[rel=sitemap] { display: none; }

.scoend .title font { color: var(--color-primary); font-size: .875rem; }

.news-type a,.type a,.types a { font-size: .875rem; text-decoration: none; padding: 4px 12px; border-radius: var(--radius-sm); transition: background var(--transition-fast),color var(--transition-fast); background: 0 0; }

.news-type a:hover,.type a:hover,.types a:hover { background: var(--color-surface-hover); color: var(--color-text); }

.scoend { background: var(--color-surface); border: 1px solid var(--color-border); padding: var(--space-2); box-sizing: border-box; }

.list-top { background: 0 0; }

/* Legacy override: required to beat an !important declaration in bundled Emlog/Layui CSS. */
#page .layui-laypage a,#page .layui-laypage span { color: var(--color-text); border-color: var(--color-border) !important; background: var(--color-surface); border-radius: var(--radius-sm); transition: all var(--transition-fast); }

/* Legacy override: required to beat an !important declaration in bundled Emlog/Layui CSS. */
#page .layui-laypage a:hover { color: var(--color-primary); border-color: var(--color-primary) !important; }

#page .layui-laypage .layui-laypage-curr .layui-laypage-text { color: #fff; }

.page .bottom,.page .top { background: var(--color-surface); border: 1px solid var(--color-border); }

.list-info .rj,.page .bottom:hover,.page .top:hover,.xuhaoul li a i { background: var(--color-surface-hover); }

.down .down span a,.list-info .rj,.myad,.twdd li a,.xuhaoul li a i { border-radius: var(--radius-sm); }

#page .wash-page li a:hover,.page .bottom:hover,.page .top:hover,.wash-user-actions .wash-auth-ghost:hover { border-color: var(--color-primary); color: var(--color-primary); }

.list-info .soft-title { color: var(--color-text); font-weight: 600; text-decoration: none; transition: color var(--transition-fast); }

.list-ca,.list-tit li span { color: var(--color-text-tertiary); font-size: .8125rem; }

.list-info .rj { color: var(--color-primary); padding: 2px 8px; font-size: .75rem; font-style: normal; }

.myad { background: var(--color-warning); color: #fff; font-size: .625rem; padding: 1px 6px; margin-left: 6px; font-style: normal; }

.twdd .info h3 { color: var(--color-text); font-size: .875rem; }

.twdd .info font { color: var(--color-text-tertiary); font-size: .75rem; }

.wnr_home { color: var(--color-primary); text-decoration: none; }

.list li,.twdd li,.xuhaoul li { transition: background var(--transition-fast),transform var(--transition-fast); }

.xuhaoul li:hover { transform: translateX(2px); }

.go:active,.list-btn a:active,.wash-auth-btn:active { transform: scale(.98); }

.wash-down-sort-title { display: flex; align-items: center; gap: 8px; font-size: 1rem; font-weight: 600; color: var(--color-text); padding-bottom: var(--space-1); border-bottom: 1px solid var(--color-border); }

.wash-down-sort-title .wash-ico { color: var(--color-primary); width: 18px; height: 18px; }

.index-container .right .nav ul,.wash-down-item { margin: 0; }

.wash-down-card { display: block; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); overflow: hidden; text-decoration: none; color: var(--color-text); transition: all var(--transition-fast); }

.wash-down-card:hover { border-color: var(--color-primary); transform: translateY(-2px); }

.wash-down-thumb { width: 100%; aspect-ratio: 16/10; overflow: hidden; background: var(--color-bg); }

.wash-down-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }

.wash-down-info { padding: var(--space-2); }

.wash-down-info h3 { font-size: .875rem; font-weight: 600; margin: 0 0 8px; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.wash-down-btn { display: inline-flex; align-items: center; height: 28px; padding: 0 12px; background: var(--color-primary); color: #fff; border-radius: var(--radius-sm); font-size: .8125rem; font-weight: 500; transition: background var(--transition-fast); }

.wash-section-title { display: flex; align-items: center; gap: 8px; font-size: 1.125rem; font-weight: 700; color: var(--color-text); margin-bottom: var(--space-2); padding-bottom: var(--space-1); border-bottom: 2px solid var(--color-border); position: relative; }

.scoend,.wash-box { padding: var(--space-3); margin-bottom: var(--space-3); }

.wash-section-title::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 60px; height: 2px; border-radius: 2px; }

.wash-section-title .wash-ico { width: 20px; height: 20px; }

.wash-section-title font { color: var(--color-accent); font-size: .875rem; font-weight: 600; background: var(--color-bg); padding: 2px 8px; border-radius: var(--radius-full); }

.types a,.wash-section-title .news-type a { font-size: .8125rem; color: var(--color-text-secondary); text-decoration: none; transition: all var(--transition-fast); }

.wash-section-title .news-type { margin-left: auto; }

.wash-section-title .news-type a { padding: 4px 10px; border-radius: var(--radius-sm); }

.page .bottom,.page .top,.scoend { border: 1px solid var(--color-border); background: var(--color-surface); }

.scoend { border-radius: var(--radius-md); }

.types a { display: inline-flex; align-items: center; padding: 4px 12px; border-radius: var(--radius-full); background: 0 0; border: none; cursor: pointer; }

.page .bottom,.page .top { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 0 16px; border-radius: var(--radius-sm); color: var(--color-text); font-size: .875rem; cursor: pointer; transition: all var(--transition-fast); }

.page .bottom:hover,.page .top:hover { border-color: var(--color-primary); color: var(--color-primary); }

.wash-nav-right { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }

.wash-box { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); box-sizing: border-box; padding: var(--space-2); margin-bottom: var(--space-2); }

.about a,.us a { color: var(--color-text-secondary); transition: color var(--transition-fast); }

.about,.about *,.about a,.about a *,.us,.us *,.us a,.us a * { color: var(--color-text-secondary); text-decoration: none; }

.index-container .right .nav ol a,.wash-guest-tip { display: inline-flex; background: var(--mc-blue-soft); color: var(--mc-blue-deep); font-size: .8125rem; }

.wash-ad-float { z-index: var(--z-float-ad); }

.wash-section-title::after { background: var(--mc-cyan); }

.wash-section-title .wash-ico { color: var(--mc-cyan); }

.index-container { width: 100%; box-sizing: border-box; overflow: visible; }

.wash-sidebar-card,.wash-sr { overflow: hidden; }

.index-container::after { content: ''; display: block; clear: both; }

.wash-guest-tip { align-items: center; gap: 2px; padding: 6px 14px; margin-bottom: 8px; border-radius: var(--radius-full); }

.wash-guest-tip strong { font-weight: 700; }

.wash-login-required { text-align: center; padding: var(--space-3) var(--space-2); }

.wash-login-required p { color: var(--color-text-secondary); margin: 0 0 var(--space-2); }

#page .wash-page { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; list-style: none; padding: 0; margin: 0; }

#page .wash-page li { margin: 0; display: inline-flex; }

#page .wash-page li a,#page .wash-page li span { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 34px; box-sizing: border-box; padding: 0 12px; margin: 0; border-radius: var(--radius-full); border: 1px solid var(--color-border); background: var(--color-surface); color: var(--color-text-secondary); font-size: .8125rem; line-height: 1; text-decoration: none; transition: all var(--transition-fast); }

#page .wash-page li.thisclass a { background: var(--color-primary); border-color: var(--color-primary); color: #fff; }

#page .wash-page li .pageinfo { border: 0; background: 0 0; }

#page .wash-page li .pageinfo strong { color: var(--color-primary); margin: 0 2px; }

.index-container .right .list-right.nav { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--space-2); margin: 0 0 var(--space-2) 0; overflow: hidden; }

.index-container .right .list-right.nav .title { font-size: .9375rem; font-weight: 600; color: var(--color-text); text-indent: 0; height: auto; line-height: 1.5; margin-bottom: var(--space-1); padding-bottom: var(--space-1); border-bottom: 1px solid var(--color-border); }

.index-container .right .nav ol { float: none; display: inline-flex; margin: 0 6px 4px 0; }

.index-container .right .nav ol a { align-items: center; border: 0; border-radius: var(--radius-full); padding: 4px 12px; text-decoration: none; }

.index-container .right .nav ol a:hover { background: var(--mc-blue); color: #fff; }

:root { --mc-green: #73BC71; --mc-green-deep: #4E9448; --mc-green-soft: #E9F4E8; --mc-yellow: #EDCF73; --mc-yellow-deep: #A8842A; --mc-yellow-soft: #FBF4DC; --mc-peach: #E09F9F; --mc-peach-deep: #BC6262; --mc-peach-soft: #F9ECEC; --mc-purple: #9FA4E0; --mc-purple-deep: #6F74C2; --mc-purple-soft: #EFEFFB; }

.index-container .right { overflow-wrap: anywhere; }

.wash-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

.wash-user-actions { display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 8px; }

.wash-user-actions .wash-auth-btn { flex: 1 1 0; text-align: center; white-space: nowrap; }

.wash-user-actions .wash-logout-form { flex: 1 1 0; margin: 0; }

.wash-user-actions .wash-logout-form .wash-auth-btn { width: 100%; justify-content: center; cursor: pointer; font: inherit; }

.wash-user-actions .wash-auth-ghost { background: 0 0; border: 1px solid var(--color-border); color: var(--color-text-secondary); }

.wash-tab-empty:hover { background: 0 0; transform: none; }

.wash-react { display: flex; justify-content: center; gap: var(--space-2); flex-wrap: wrap; }

.wash-react-btn { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 var(--space-2); border: 1px solid var(--color-border); border-radius: var(--radius-full); background: var(--color-surface); font-size: .875rem; cursor: pointer; transition: all var(--transition-fast); }

.wash-react-btn .wash-ico { width: 18px; height: 18px; }

.wash-react-btn b { font-weight: 600; min-width: 1em; text-align: center; }

.wash-react-btn:hover { transform: translateY(-1px); box-shadow: var(--shadow-sm); }

.wash-react-btn[data-op=like] { color: var(--mc-green-deep); }

.wash-react-btn[data-op=dislike] { color: var(--mc-peach-deep); }

.wash-react-btn[data-op=collect] { color: var(--mc-yellow-deep); }

.wash-react-btn[data-op=like]:hover { background: var(--mc-green-soft); border-color: var(--mc-green); }

.wash-react-btn[data-op=dislike]:hover { background: var(--mc-peach-soft); border-color: var(--mc-peach); }

.wash-react-btn[data-op=collect]:hover { background: var(--mc-yellow-soft); border-color: var(--mc-yellow); }

.wash-react-btn.active[data-op=like] { background: var(--mc-green-soft); border-color: var(--mc-green-deep); color: var(--mc-green-deep); font-weight: 600; }

.wash-react-btn.active[data-op=dislike] { background: var(--mc-peach-soft); border-color: var(--mc-peach-deep); color: var(--mc-peach-deep); font-weight: 600; }

.wash-react-btn.active[data-op=collect] { background: var(--mc-yellow-soft); border-color: var(--mc-yellow-deep); color: var(--mc-yellow-deep); font-weight: 600; }

main.container { margin-top: var(--space-2); }

.index-container { margin: var(--space-2) auto 0; }

#page { padding-bottom: var(--space-2); }

/* 浮动广告 */
.wash-ad-float { position: fixed; right: 0; bottom: 0; width: 260px; z-index: 9999; background: var(--color-surface, #fff); border-radius: var(--radius-md, 12px) 0 0 0; box-shadow: var(--shadow-lg, 0 8px 32px rgba(0,0,0,.12)); overflow: hidden; }
.wash-ad-float-close { display: flex; justify-content: flex-end; padding: 8px 12px; cursor: pointer; font-size: 18px; color: var(--color-text-secondary, #666); transition: color .2s; }
.wash-ad-float-close:hover { color: var(--color-danger, #ff3b30); }
.wash-ad-float-body img { width: 100%; display: block; }

/* 减少动画偏好 */
@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after { animation-duration: .01ms; animation-iteration-count: 1; transition-duration: .01ms; }
  .list-container .down-list .tpl-tr .list-top ul li .fr .down, .list-container .list-soft .list-btn, .list-container .list-soft li { transition: none; }
}

/* 侧栏最新评论：覆盖通用链接的单行块样式，首页和文章页统一使用。 */
.wash-sidebar-card ul li a.wash-cmt-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  white-space: normal;
}

.wash-cmt-avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  flex: 0 0 30px;
  object-fit: cover;
  background: var(--color-surface-hover);
}

.wash-cmt-main {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.wash-cmt-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  min-width: 0;
}

.wash-cmt-meta strong {
  min-width: 0;
  font-size: .8125rem;
  font-weight: 600;
  color: var(--color-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wash-cmt-meta time {
  flex: 0 0 auto;
  font-size: .75rem;
  color: var(--color-text-tertiary);
  white-space: nowrap;
}

.wash-cmt-text {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow-wrap: anywhere;
  word-break: break-word;
  font-size: .8125rem;
  line-height: 1.5;
  color: var(--color-text-secondary);
}