/* Guides: protect the entire cover and give every card a readable hierarchy. */
body:is(.route-articlesindex,.route-articles-index) .article-grid.premium-articles,
body:is(.route-searchindex,.route-search-index) .article-grid.premium-articles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:clamp(16px,2vw,28px);align-items:stretch}
body:is(.route-articlesindex,.route-articles-index) .article-card,
body:is(.route-searchindex,.route-search-index) .article-card{display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden;padding:0 0 20px;border:1px solid #dce5f0;border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(10,36,65,.07);text-decoration:none}
body:is(.route-articlesindex,.route-articles-index) .article-card-media,
body:is(.route-searchindex,.route-search-index) .article-card-media{position:relative;display:block;flex:none;width:100%;aspect-ratio:1200/630;overflow:hidden;background:#071821}
body:is(.route-articlesindex,.route-articles-index) .cover-site-badge,
body:is(.route-searchindex,.route-search-index) .cover-site-badge{position:absolute;top:14px;left:14px;z-index:1;max-width:calc(100% - 28px);padding:8px 12px;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:rgba(8,29,36,.94);color:#fff;font-size:.82rem;font-weight:800;line-height:1.1;white-space:nowrap}
body:is(.route-articlesindex,.route-articles-index) .article-card-media img,
body:is(.route-searchindex,.route-search-index) .article-card-media img{display:block;margin:0;padding:0;max-width:100%;width:100%;height:100%;object-fit:contain;object-position:center}
body:is(.route-articlesindex,.route-articles-index) .article-card .article-art,
body:is(.route-searchindex,.route-search-index) .article-card .article-art{display:flex;align-items:flex-start;justify-content:flex-start;width:100%;aspect-ratio:1200/630;padding:22px;background:linear-gradient(125deg,#091d26,#153c48);color:#fff}
body:is(.route-articlesindex,.route-articles-index) .article-card .article-art span,
body:is(.route-searchindex,.route-search-index) .article-card .article-art span{display:inline-block;padding:8px 12px;border-radius:8px;background:#facc15;color:#12212a;font-size:.85rem;font-weight:800;letter-spacing:0;white-space:nowrap}
body:is(.route-articlesindex,.route-articles-index) .article-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:18px 22px 0;color:#4c6174;font-size:.8rem;line-height:1.4}
body:is(.route-articlesindex,.route-articles-index) .article-card-meta small{color:#526578;font-size:inherit}
body:is(.route-articlesindex,.route-articles-index) .article-card h2,
body:is(.route-searchindex,.route-search-index) .article-card h3{margin:12px 22px 0;color:#102b3a;font-size:clamp(1.12rem,1.3vw,1.36rem);line-height:1.3;letter-spacing:-.02em;text-wrap:balance;overflow-wrap:anywhere}
body:is(.route-articlesindex,.route-articles-index) .article-card h2 a{color:inherit;text-decoration:none}
body:is(.route-articlesindex,.route-articles-index) .article-card p,
body:is(.route-searchindex,.route-search-index) .article-card p{margin:12px 22px 18px;color:#46596b;font-size:.92rem;line-height:1.58;overflow-wrap:anywhere}
body:is(.route-articlesindex,.route-articles-index) .article-read-link,
body:is(.route-searchindex,.route-search-index) .article-card>b{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;margin:auto 22px 0;color:#075b72;font-size:.91rem;font-weight:750;line-height:1.35;text-decoration:none;white-space:nowrap}
body:is(.route-searchindex,.route-search-index) .article-card>span{margin:16px 22px 0;color:#526578;font-size:.8rem}
body:is(.route-articlesindex,.route-articles-index) .article-card a:focus-visible,
body:is(.route-searchindex,.route-search-index) .article-card:focus-visible{outline:3px solid #0a7591;outline-offset:3px}
body:is(.route-articlesshow,.route-articles-show) .article-hero-grid{min-width:0}
body:is(.route-articlesshow,.route-articles-show) .article-hero-grid>div{min-width:0}
body:is(.route-articlesshow,.route-articles-show) .article-hero-media{aspect-ratio:1200/630;overflow:hidden;border-radius:18px;background:#071821}
body:is(.route-articlesshow,.route-articles-show) .article-hero-media img{display:block;margin:0;padding:0;max-width:100%;width:100%;height:100%;object-fit:contain}
body:is(.route-articlesshow,.route-articles-show) .article-reading-layout{min-width:0}
body:is(.route-articlesshow,.route-articles-show) .article-prose-shell{min-width:0;overflow-wrap:anywhere}
body:is(.route-articlesshow,.route-articles-show) .article-prose-shell img{max-width:100%;height:auto}
body:is(.route-articlesshow,.route-articles-show) .article-prose-shell pre{max-width:100%;overflow-x:auto}
@media(max-width:720px){body:is(.route-articlesindex,.route-articles-index) .article-card-meta{margin-top:15px}body:is(.route-articlesshow,.route-articles-show) .article-hero-media img{max-height:none}}