.wbcol-index{color:#172d43;background:#fafaf6;font-family:var(--wbr-font,sans-serif);line-height:1.85}
.wbcol-index *{box-sizing:border-box}.wbcol-container{max-width:1160px;margin:auto;padding:0 30px}
.wbcol-intro{padding:65px 0 60px;border-bottom:1px solid #dce5e8;background:#edf3f3}
.wbcol-kicker{font:700 12px/1.5 Arial,sans-serif;letter-spacing:.18em;color:#176b65;margin:0 0 12px}
.wbcol-index h1{font-size:40px;line-height:1.4;margin:0 0 22px;letter-spacing:.06em}
.wbcol-lead{font-size:26px;font-weight:700;line-height:1.7;margin:0 0 18px}
.wbcol-intro p:last-child{font-size:15px;color:#4a6472;margin:0}
.wbcol-list{padding:48px 0 80px}.wbcol-list-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cad8dc;margin-bottom:28px;padding-bottom:16px}
.wbcol-list-heading h2{font-size:19px;margin:0}.wbcol-list-heading>span{font:12px Arial,sans-serif;letter-spacing:.12em;color:#526976}
.wbcol-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.wbcol-card{background:#fff;border:1px solid #d5e0e2;border-radius:7px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.wbcol-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #173c5012}.wbcol-card-link{display:block;height:100%;text-decoration:none!important;color:inherit!important}
.wbcol-card-link:focus-visible{outline:3px solid #bc7139;outline-offset:-4px}
.wbcol-cover{position:relative;aspect-ratio:1.6;padding:23px;background:linear-gradient(135deg,#173c50,#176b65);color:#fff;overflow:hidden}
.wbcol-cover>span{font:11px Arial,sans-serif;letter-spacing:.1em}.wbcol-cover b{position:absolute;bottom:35px;left:23px;font-size:23px;line-height:1.65;z-index:1}
.wbcol-cover small{position:absolute;bottom:16px;left:23px;font:9px Arial,sans-serif;letter-spacing:.1em;color:#b8d9d7}
.wbcol-rack{position:absolute;right:-8px;top:32px;width:100px;transform:rotate(-12deg);opacity:.3}.wbcol-rack i{display:block;height:32px;border:1px solid #fff;border-radius:4px;margin-bottom:8px;position:relative}.wbcol-rack i:after{content:'';position:absolute;right:12px;top:13px;width:5px;height:5px;border-radius:50%;background:#d4e7bd}
.wbcol-card-body{padding:23px}.wbcol-category{font-size:11px;font-weight:700;color:#176b65;margin:0 0 10px}
.wbcol-card h3{font-size:20px;line-height:1.65;margin:0 0 12px}.wbcol-card-body>p:not(.wbcol-category){font-size:13px;color:#526976;margin:0 0 18px}
.wbcol-card-body p.wbcol-card-meta{font-size:11px;display:flex;justify-content:space-between;gap:8px;margin:0 0 20px}.wbcol-card-meta span{border:1px solid #d5e0e2;padding:0 6px}
.wbcol-read{display:flex;justify-content:space-between;font-size:13px;font-weight:700;color:#126397;border-top:1px solid #dce5e8;padding-top:16px}
.wbcol-note{font-size:12px;color:#526976;margin:30px 0 0;max-width:720px}
@media(max-width:1000px){.wbcol-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.wbcol-container{padding:0 20px}.wbcol-intro{padding:42px 0}.wbcol-index h1{font-size:32px}.wbcol-lead{font-size:23px}.wbcol-grid{grid-template-columns:1fr}.wbcol-list{padding:30px 0 50px}.wbcol-cover{aspect-ratio:1.8}.wbcol-cover b{font-size:25px}.wbcol-card h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.wbcol-card{transition:none}.wbcol-card:hover{transform:none}}

.wbcol-cover.wbcol-cover-dots{background:linear-gradient(135deg,#234a64,#316b82)}.wbcol-dots-mark{position:absolute;right:19px;top:45px;font-size:27px;letter-spacing:5px;color:#cae2df;opacity:.55}.wbcol-cover-dots b{font-size:23px}