/* kb-news: WebUnlimited.com (News page + homepage teaser). Tokens from style.css. */
.kb-page section.kbn-sec{padding:64px 0 110px}
.kbn-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 18px;padding:20px 22px;margin:0 0 30px;background:var(--bg);border-radius:var(--r);border-left:4px solid var(--red)}
.kbn-f{display:flex;flex-direction:column;gap:6px;min-width:190px;flex:1 1 190px;margin:0}
.kbn-f span{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--mut)}
.kbn-f select{appearance:none;-webkit-appearance:none;font:inherit;font-size:15.5px;color:var(--ink);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23c20005' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat right 14px center;border:1px solid var(--line);border-radius:10px;padding:11px 38px 11px 14px;min-height:46px;cursor:pointer}
.kbn-f select:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.kbn-reset{font:inherit;font-size:14px;font-weight:700;color:var(--red);background:none;border:0;padding:12px 4px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.kbn-count{margin:0 0 0 auto!important;font-size:14px;color:var(--mut);padding:12px 0;white-space:nowrap}
.kbn-list{display:grid;border-top:2px solid var(--ink)}
.kbn-item{display:grid;gap:8px;padding:28px 0;border-bottom:1px solid var(--line)}
.kbn-item[hidden]{display:none}
.kbn-tags{display:flex;flex-wrap:wrap;gap:8px}
.kbn-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1;padding:7px 10px;border-radius:6px}
.kbn-topic{background:var(--ink);color:#fff}
.kbn-type{background:#fff;color:var(--red);border:1px solid rgba(194,0,5,.35)}
.kbn .kbn-h,.kbn-teaser .kbn-h{font-size:25px;line-height:1.18;letter-spacing:-.025em;margin:4px 0 0;color:var(--ink)}
.kbn-h a{color:inherit;text-decoration:none}
.kbn-h a:hover,.kbn-h a:focus-visible{color:var(--red)}
.kbn-sum{margin:0!important;color:#2b2f38;font-size:17px;line-height:1.6;max-width:900px}
.kbn-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:4px 0 0!important;font-size:14px;color:var(--mut)}
.kbn-src{font-weight:700;color:var(--ink)}
.kbn-src:before{content:"/";color:var(--red);margin-right:12px;font-weight:700}
.kbn-go{margin-left:auto;font-weight:700;color:var(--red)!important;text-decoration:none}
.kbn-go:hover{text-decoration:underline}
.kbn-none{padding:28px 0;color:var(--mut)}
.kbn-more-wrap{text-align:center;margin:36px 0 0!important}
.kbn-more{font:inherit;font-weight:700;font-size:16px;color:#fff;background:var(--red);border:0;border-radius:999px;padding:15px 30px;cursor:pointer}
.kbn-more:hover{background:var(--hot)}
.kbn-more:focus-visible,.kbn-reset:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.kbn-note{margin:40px 0 0!important;font-size:14px;color:var(--mut);max-width:760px}
.kbn-empty{padding:40px;text-align:center;background:var(--bg);border-radius:var(--r)}
/* homepage teaser */
.kb-page section.kbn-teaser{padding:40px 0 110px}
.kbn-th{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 30px;margin:0 0 40px}
.kbn-th h2{margin:12px 0 0}
.kbn-all{font-weight:700;color:var(--red);text-decoration:none;white-space:nowrap;font-size:17px}
.kbn-all:hover{text-decoration:underline}
.kbn-teaser .kbn-list.kbn-3{grid-template-columns:repeat(3,1fr);gap:22px;border:0}
.kbn-teaser .kbn-item{border:0;border-top:4px solid var(--red);padding:20px 0 0;align-content:start}
.kbn-teaser .kbn-h{font-size:21px}
.kbn-teaser .kbn-sum{font-size:15.5px;color:var(--mut);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.kbn-teaser .kbn-go{display:none}
@media (max-width:900px){.kbn-teaser .kbn-list.kbn-3{grid-template-columns:1fr}}
@media (max-width:640px){
 .kbn-bar{padding:16px}.kbn-f{flex-basis:100%}.kbn-count{margin:0!important;padding:4px 0}
 .kbn .kbn-h{font-size:21px}.kbn-go{margin-left:0;flex-basis:100%}
 .kb-page section.kbn-sec{padding:44px 0 80px}.kb-page section.kbn-teaser{padding:24px 0 80px}
}