/* NRD:1021 new article cards (home "New on the blog" + blog index "Latest"). cards_1021_apply.py */
.nrd{padding:56px 0 64px;background:#fff}
@media (min-width:720px){.nrd{padding:80px 0 88px}}
.nrd__h2{margin:0 0 8px}
.nrd__lede{font-size:17px;line-height:1.5;color:#525252;margin:0 0 22px;max-width:60ch}
.nrd__row{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.nrd__c{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line,#e3e3e3);border-radius:18px;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s}
.nrd__c:hover,.nrd__c:focus-within{border-color:#111;box-shadow:0 10px 30px -18px rgba(17,17,17,.35)}
.nrd__img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#151515}
.nrd__b{display:flex;flex-direction:column;gap:7px;padding:14px 16px 15px;flex:1}
.nrd__k{margin:0;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#6b6b6b}
.nrd__new{color:#B34A00;letter-spacing:.09em}
.nrd__t{margin:0;font-size:19px;line-height:1.25;letter-spacing:-.012em;font-weight:700;max-width:none}
.nrd__t a{color:#111;text-decoration:none}
.nrd__t a::after{content:"";position:absolute;inset:0;border-radius:18px}
.nrd__t a:focus-visible{outline:none}
.nrd__c:has(a:focus-visible){outline:2px solid #FF6B00;outline-offset:2px}
.nrd__p{margin:0;font-size:15px;line-height:1.45;color:#3d3d3d}
.nrd__m{margin:auto 0 0;padding-top:4px;display:flex;align-items:center;gap:6px;font-size:13.5px;color:#6b6b6b}
.nrd__m svg{margin-left:auto;width:18px;height:18px;fill:none;stroke:#FF6B00;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.nrd__c:hover .nrd__m svg{transform:translateX(3px)}
@media (min-width:720px){.nrd__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.nrd__t{font-size:20px}}
/* blog index: shelf on phones, 2 then 4 across */
.bx-lt{margin:0 0 30px}
.bx-lt__h{display:flex;align-items:baseline;gap:10px;margin:0 0 14px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#111;max-width:none}
.bx-lt__h span{font-weight:600;letter-spacing:.04em;text-transform:none;color:#6b6b6b;font-size:14px}
@media (max-width:719px){
.bx-lt .nrd__row{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;margin:0 -22px;padding:2px 22px 6px;scroll-padding:0 22px}
.bx-lt .nrd__row::-webkit-scrollbar{display:none}
.bx-lt .nrd__c{scroll-snap-align:start}
.bx-lt .nrd__t{font-size:18px}}
@media (min-width:1100px){.bx-lt .nrd__row{grid-template-columns:repeat(4,minmax(0,1fr))}.bx-lt .nrd__t{font-size:18px}.bx-lt .nrd__p{font-size:14.5px}}
#bx-t-meta:checked~.bx-lt .nrd__c:not([data-t~=meta]),#bx-t-ai:checked~.bx-lt .nrd__c:not([data-t~=ai]),#bx-t-dm:checked~.bx-lt .nrd__c:not([data-t~=dm]){display:none}
@media (prefers-reduced-motion:reduce){.nrd__c,.nrd__m svg{transition:none}.nrd__c:hover .nrd__m svg{transform:none}}