.shield-articles{width:100%;max-width:1250px;margin:36px auto;padding:0 20px;box-sizing:border-box;direction:rtl}.shield-articles h2{font-size:28px;color:#173e43;margin:0 0 22px}.shield-articles-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.shield-articles-heading>a{font-size:14px;color:#157c75;white-space:nowrap}.shield-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.shield-card{min-width:0;background:#fff;border:1px solid #dfe9e7;border-radius:18px;overflow:hidden;box-shadow:0 5px 20px #12322f0a;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.shield-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px #12322f15}.shield-card a{text-decoration:none}.shield-card-image{display:block;aspect-ratio:16/10;overflow:hidden;background:#eff5f3}.shield-card-image img{display:block;width:100%;height:100%;object-fit:cover}.shield-card-body{padding:20px;display:flex;flex-direction:column;flex:1}.shield-card-category{align-self:flex-start;background:#edf6f3;color:#176653;border-radius:20px;padding:4px 12px;font-size:12px}.shield-card h3{font-size:20px;line-height:1.65;margin:12px 0 8px;overflow-wrap:anywhere}.shield-card h3 a{color:#193c40}.shield-card-body>p{font-size:14px;line-height:1.9;color:#64747b;margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shield-card-meta{margin-top:auto;display:flex;justify-content:space-between;gap:8px;color:#6b7c82;font-size:12px;padding:12px 0;border-top:1px solid #edf1f0}.shield-feed-horizontal{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;padding:0 2px 15px}.shield-feed-horizontal .shield-cards{display:contents}.shield-feed-horizontal .shield-card{flex:0 0 340px;scroll-snap-align:start}.shield-load-more{display:block;margin:25px auto;border:1px solid #157c75;border-radius:9px;background:#fff;color:#15584f;padding:12px 24px;font:inherit;cursor:pointer}.shield-load-more[hidden]{display:none}.shield-feed-horizontal .shield-load-more{flex:0 0 160px;align-self:center}.shield-feed-status:empty{display:none}.shield-feed-status{color:#65777a;font-size:13px}.shield-feed-horizontal .shield-feed-status{flex:0 0 150px}.shield-articles-section{margin-bottom:34px;min-width:0}@media(max-width:1000px){.shield-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.shield-articles{max-width:100%;padding:0 10px;margin:25px 0}.shield-cards{grid-template-columns:minmax(0,1fr);gap:16px}.shield-card{width:100%;border-radius:13px}.shield-card-body{padding:17px}.shield-card h3{font-size:20px}.shield-feed-horizontal .shield-card{flex-basis:88%;width:88%}.shield-articles h2{font-size:23px}.shield-articles-heading{align-items:baseline}.shield-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.shield-card{transition:none;transform:none}}

.shield-card-image{position:relative}.shield-rating-badge{position:absolute;bottom:12px;left:12px;background:#fffffff2;color:#ad7500;padding:5px 10px;border-radius:20px;font-weight:700;font-size:14px;box-shadow:0 2px 8px #0002}.shield-rating-badge small{color:#52656b;font-weight:400}

.shield-card{position:relative}.shield-card-link:after{content:'';position:absolute;inset:0;z-index:1}.shield-card-category{position:relative;z-index:2}.shield-card-link:focus-visible{outline:2px solid #157c75;outline-offset:3px}.shield-card-body{padding:13px 15px}.shield-card h3{margin:9px 0 6px;font-size:19px}.shield-card-body>p{margin-bottom:9px;display:block;line-height:1.75}.shield-card-meta{padding:8px 0 0;font-size:11px}.shield-cards{gap:16px;grid-template-columns:repeat(var(--card-columns,3),minmax(0,1fr))}@media(max-width:1000px){.shield-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.shield-cards{grid-template-columns:repeat(var(--card-mobile-columns,1),minmax(0,1fr));gap:12px}.shield-card-body{padding:11px 12px}.shield-card h3{font-size:17px;line-height:1.6}.shield-card-meta{flex-wrap:wrap;gap:3px}.shield-card-category{padding:3px 9px;font-size:11px}}

/* The category badge floats on article artwork without adding body height. */
.shield-card:has(>.shield-card-image) .shield-card-category{position:absolute;top:10px;right:10px;z-index:2;max-width:calc(100% - 20px);margin:0;padding:4px 9px;border-radius:7px;background:rgba(255,255,255,.94);color:#15554e;font-size:11px;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px 5px #0001}
@media(max-width:600px){.shield-card:has(>.shield-card-image) .shield-card-category{top:8px;right:8px;font-size:10px;padding:3px 8px}}

@media(max-width:600px){
body .shield-articles{width:100%;max-width:none;padding:0;margin-inline:0}
.shield-articles>h2,.shield-articles-heading{padding-inline:10px}
.shield-card{border-radius:0;border-left:0;border-right:0;box-shadow:none}
.shield-card-body{padding:7px 9px}
.shield-card h3{margin:4px 0 5px;line-height:1.6;font-size:17px}
}

@media(max-width:600px){body .shield-articles:has(.shield-feed-horizontal){width:calc(96% - 9.6px);padding-inline:7px;margin-inline:auto}}