/* blog cards + article page */
.hp-art.img{display:block;color:inherit}
.hp-art .band.pic{height:170px;padding:0;background:#f2f9ff;overflow:hidden}
.hp-art .band.pic img{width:100%;height:100%;object-fit:cover;object-position:center}
.hp-art .band.pic .tag{background:rgba(13,45,82,.85);color:#fff}
.hp-art .rd{font-size:13px;font-weight:600;color:var(--blue)}
.hp-art.img:hover .rd{color:var(--blue-deep)}
.hp-filter{display:flex;justify-content:center;gap:8px;margin-top:28px;flex-wrap:wrap}
.hp-filter span{font-family:var(--fm);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;padding:8px 16px;border-radius:100px;border:1px solid var(--grey-mid);color:var(--muted);cursor:pointer;transition:all .14s}
.hp-filter span:hover{border-color:var(--blue);color:var(--blue)}
.hp-filter span.on{background:var(--navy);border-color:var(--navy);color:#fff}
body.artpage{background:#e8eaee;padding:40px 0}
.art-frame{position:relative;margin:0 auto}
.art-hero{height:480px;background:linear-gradient(175deg,#f2f9ff 0%,#dcecfa 100%);overflow:hidden;position:relative}
.art-hero img{width:100%;height:100%;object-fit:cover;object-position:center}
.art-hero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:80px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff);pointer-events:none}
.art-body{max-width:840px;margin:0 auto;padding:36px 40px 80px;text-align:left}
.art-meta{display:flex;align-items:center;gap:14px;margin-bottom:22px;font-family:var(--fm);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.art-meta a{font-family:var(--fb);font-size:13.5px;font-weight:600;letter-spacing:0;text-transform:none;margin-right:auto}
.art-meta .tag{background:var(--blue-tint);color:var(--blue);font-weight:700;padding:4px 11px;border-radius:100px;font-size:9.5px}
.art-body h1{font-family:var(--fd);font-size:46px;font-weight:800;color:var(--navy);letter-spacing:-.035em;line-height:1.1;margin-bottom:18px;text-wrap:pretty}
.art-body .lede{font-size:20px;line-height:1.55;color:var(--navy);font-weight:300;margin-bottom:36px}
.art-copy{font-size:17px;line-height:1.75;color:var(--body)}
.art-copy h2{font-family:var(--fd);font-size:26px;font-weight:700;color:var(--navy);letter-spacing:-.02em;margin:36px 0 12px}
.art-copy p,.art-copy ul{margin-bottom:18px}
.art-copy ul{padding-left:22px}
.art-copy .ph{color:var(--muted)}
.art-next{margin-top:72px;padding-top:40px;border-top:1px solid var(--grey-mid);text-align:center}
.art-next .eyeb{color:var(--amber)}
.art-next .hp-artgrid{margin-top:28px;text-align:left}
.art-copy ol{margin-bottom:18px;padding-left:22px}
.art-copy li{margin-bottom:6px}
.art-copy code{font-family:var(--fm);font-size:15px;background:var(--grey-lt);padding:2px 6px;border-radius:4px}
.art-copy a{font-weight:600}
.art-copy a:hover{text-decoration:underline}