/* Scoped to the two category navigations; content cards and other pages are unchanged. */
.visual-nav{display:grid;gap:16px;margin:28px 0 36px}
.visual-nav .visual-nav-card{position:relative;min-width:0;overflow:hidden;isolation:isolate;border:1px solid var(--line);border-radius:18px;background:var(--white);color:var(--navy);text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.visual-nav .visual-nav-photo{display:block;margin:0;overflow:hidden;border-radius:0;box-shadow:none}
.visual-nav .visual-nav-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .25s ease}
.visual-nav-copy{display:flex;flex-direction:column;min-width:0;gap:8px}
.visual-nav-copy strong{display:block;color:var(--navy);font-size:17px;line-height:1.35;font-weight:800;letter-spacing:-.025em;text-wrap:pretty}
.visual-nav-description{display:block;color:var(--muted);font-size:13px;line-height:1.55}
.visual-nav-arrow{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--soft);color:var(--orange-text);font-size:17px;font-weight:800}
.visual-nav .visual-nav-card:focus-visible{outline:3px solid var(--navy);outline-offset:4px;border-color:var(--orange);box-shadow:0 0 0 2px var(--white)}
.task-visual-nav{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr}
.task-visual-nav .visual-nav-card{display:grid;grid-template-columns:104px minmax(0,1fr);gap:16px;padding:14px 14px 42px;align-items:start}
.task-visual-nav .visual-nav-photo{width:104px;aspect-ratio:13/11;border-radius:10px}
.task-visual-nav .visual-nav-photo img{aspect-ratio:13/11}
.task-visual-nav .visual-nav-arrow{position:absolute;right:14px;bottom:12px}
.guide-editorial-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.guide-editorial-nav .visual-nav-card{display:flex;flex-direction:column;border-radius:20px;background:var(--soft)}
.guide-editorial-nav .visual-nav-photo{width:100%;aspect-ratio:16/9}
.guide-editorial-nav .visual-nav-photo img{aspect-ratio:16/9}
.guide-editorial-nav .visual-nav-copy{flex:1;padding:22px 24px 56px;gap:12px}
.guide-editorial-nav .visual-nav-number{display:block;align-self:flex-start;color:var(--orange-text);font-size:12px;line-height:1;font-weight:800;letter-spacing:.12em}
.guide-editorial-nav strong{font-size:22px;line-height:1.25;max-width:20ch}
.guide-editorial-nav .visual-nav-description{font-size:14px;line-height:1.65}
.guide-editorial-nav .visual-nav-arrow{position:absolute;right:24px;bottom:20px;width:32px;height:32px;background:var(--white);font-size:20px}
.guide-editorial-nav .visual-nav-card:nth-child(2){background:var(--navy);border-color:var(--navy)}
.guide-editorial-nav .visual-nav-card:nth-child(2) strong{color:var(--white)}
.guide-editorial-nav .visual-nav-card:nth-child(2) .visual-nav-description{color:#d8e3e5}
.guide-editorial-nav .visual-nav-card:nth-child(2) .visual-nav-number{color:#ffb794}
@media(hover:hover) and (pointer:fine){
 .visual-nav .visual-nav-card:hover{border-color:var(--orange);box-shadow:0 8px 22px rgba(16,38,56,.09);transform:translateY(-2px)}
 .guide-editorial-nav .visual-nav-card:hover .visual-nav-photo img{transform:scale(1.025)}
}
@media(max-width:1100px) and (min-width:960px){
 .task-visual-nav .visual-nav-card{grid-template-columns:1fr;gap:12px}
 .task-visual-nav .visual-nav-photo{width:104px}
}
@media(max-width:959px){
 .task-visual-nav,.guide-editorial-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
 .guide-editorial-nav .visual-nav-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .guide-editorial-nav .visual-nav-card:last-child .visual-nav-photo{height:100%;aspect-ratio:auto}
}
@media(max-width:639px){
 .visual-nav{gap:12px;margin:24px 0 30px}
 .task-visual-nav,.guide-editorial-nav{grid-template-columns:1fr}
 .task-visual-nav .visual-nav-card{grid-template-columns:104px minmax(0,1fr);padding-bottom:16px;padding-right:44px;gap:16px;align-items:center}
 .task-visual-nav .visual-nav-arrow{right:12px;bottom:12px;width:24px;height:24px;font-size:16px}
 .guide-editorial-nav .visual-nav-card,.guide-editorial-nav .visual-nav-card:last-child{display:grid;grid-template-columns:112px minmax(0,1fr);grid-column:auto}
 .guide-editorial-nav .visual-nav-photo,.guide-editorial-nav .visual-nav-card:last-child .visual-nav-photo{height:100%;aspect-ratio:auto}
 .guide-editorial-nav .visual-nav-copy{padding:20px 20px 54px;gap:10px}
 .guide-editorial-nav strong{font-size:20px}
 .guide-editorial-nav .visual-nav-arrow{right:16px;bottom:16px}
}
@media(max-width:479px){
 .task-visual-nav .visual-nav-card{grid-template-columns:88px minmax(0,1fr);gap:12px;padding:12px 34px 14px 12px}
 .task-visual-nav .visual-nav-photo{width:88px}
 .visual-nav-copy strong{font-size:16px}
 .visual-nav-description{font-size:13px}
 .guide-editorial-nav .visual-nav-card,.guide-editorial-nav .visual-nav-card:last-child{grid-template-columns:92px minmax(0,1fr)}
 .guide-editorial-nav .visual-nav-copy{padding:18px 16px 50px;gap:10px}
 .guide-editorial-nav strong{font-size:19px}
 .guide-editorial-nav .visual-nav-description{font-size:14px}
}
@media(max-width:359px){
 .task-visual-nav .visual-nav-card{padding:12px;align-items:center}
 .task-visual-nav .visual-nav-copy{display:contents}
 .task-visual-nav .visual-nav-photo{grid-column:1;grid-row:1}
 .task-visual-nav .visual-nav-copy strong{grid-column:2;grid-row:1}
 .task-visual-nav .visual-nav-description{grid-column:1/-1;grid-row:2;padding-right:26px}
}
@media(prefers-reduced-motion:reduce){
 .visual-nav .visual-nav-card,.visual-nav .visual-nav-photo img{transition:none}
 .visual-nav .visual-nav-card:hover,.guide-editorial-nav .visual-nav-card:hover .visual-nav-photo img{transform:none}
}