
/* Two larger article rows, three smaller rows; four phase cards use full width. */
#archive .latest-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px}
#archive .latest-primary{display:grid;grid-template-rows:1fr 1fr;gap:0;min-width:0}
#archive .latest-primary .latest-lead{display:grid;grid-template-columns:minmax(120px,.72fr) minmax(0,1fr);gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid #e1e7e3}
#archive .latest-primary .latest-lead:first-child{padding-top:0}
#archive .latest-primary .latest-lead:last-child{padding-bottom:0;border-bottom:0}
#archive .latest-primary .latest-lead .latest-image{width:100%;aspect-ratio:4/3;max-height:170px}
#archive .latest-primary .latest-lead .latest-copy{padding:0}
#archive .latest-primary .latest-lead h3{font-size:clamp(19px,1.5vw,24px);line-height:1.7;margin:9px 0}
#archive .latest-primary .latest-summary{font-size:13px;line-height:1.85}
#archive .latest-row{grid-template-columns:clamp(72px,7vw,106px) minmax(0,1fr);gap:16px;padding:18px 0}
#archive .latest-row h3{font-size:clamp(15px,1.15vw,19px);line-height:1.8}
body.wf-wide #worry .worry-stage{display:block;padding:24px;background:#fff}
body.wf-wide #worry .worry-stage .phase-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.wf-wide #worry .worry-stage .phase-row{padding:18px}
body.wf-wide #worry .worry-stage .ph-no{font-size:20px}
body.wf-wide #worry .worry-stage .worry{align-items:flex-start;flex-wrap:wrap;gap:6px;min-height:44px}
body.wf-wide #worry .worry-stage .w-q{flex:1 1 125px}
@container site (max-width:1150px){body.wf-wide #worry .worry-stage .phase-list{grid-template-columns:repeat(2,minmax(0,1fr))}#archive .latest-layout{gap:24px}#archive .latest-primary .latest-lead{grid-template-columns:110px minmax(0,1fr);gap:16px}#archive .latest-primary .latest-lead h3{font-size:19px}#archive .latest-meta{font-size:11px}}
@container site (max-width:820px){#archive .latest-layout{grid-template-columns:1fr}#archive .latest-primary .latest-lead{grid-template-columns:minmax(110px,.5fr) minmax(0,1fr);padding:18px 0}#archive .latest-primary .latest-lead:last-child{padding-bottom:18px;border-bottom:1px solid #e1e7e3}#archive .latest-side .latest-row:first-child{border-top:0;padding-top:0}}
@media(max-width:1150px){body.wf-wide #worry .worry-stage .phase-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){#archive .latest-layout{grid-template-columns:1fr;gap:20px}#archive .latest-primary .latest-lead{grid-template-columns:110px minmax(0,1fr);padding:18px 0;gap:15px}#archive .latest-primary .latest-lead h3{font-size:19px}#archive .latest-primary .latest-lead:last-child{padding-bottom:18px;border-bottom:1px solid #e1e7e3}#archive .latest-side .latest-row:first-child{border-top:0;padding-top:0}}
body.sp #archive .latest-layout{grid-template-columns:1fr}
body.sp #archive .latest-primary .latest-lead{grid-template-columns:96px minmax(0,1fr);gap:14px;padding:18px 0}
body.sp #archive .latest-primary .latest-lead h3{font-size:18px}
body.sp #archive .latest-primary .latest-lead:last-child{padding-bottom:18px;border-bottom:1px solid #e1e7e3}
body.sp #archive .latest-side .latest-row:first-child{border-top:0;padding-top:0}
body.sp #worry .worry-stage .phase-list{grid-template-columns:1fr}
body.sp #worry .worry-stage{padding:16px}
@container site (max-width:560px){body.wf-wide #worry .worry-stage .phase-list{grid-template-columns:1fr}body.wf-wide #worry .worry-stage{padding:16px}#archive .latest-primary .latest-lead{grid-template-columns:88px minmax(0,1fr);gap:13px}#archive .latest-primary .latest-summary{font-size:12px}#archive .latest-primary .latest-lead h3{font-size:17px}}
@media(max-width:560px){body.wf-wide #worry .worry-stage .phase-list{grid-template-columns:1fr}body.wf-wide #worry .worry-stage{padding:16px}#archive .latest-primary .latest-lead{grid-template-columns:88px minmax(0,1fr);gap:13px}#archive .latest-primary .latest-summary{font-size:12px}#archive .latest-primary .latest-lead h3{font-size:17px}}

/* Animated recommendation thumbnails */
#archive .latest-primary .latest-lead .latest-image{position:relative;}
#archive .latest-primary .latest-lead .latest-image img.recommendation-gif{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;}

/* Show the full event scene without enlarging the person. */
#archive .latest-primary .latest-lead[href="event-stakeholder-design-k166.html"] .latest-image img.recommendation-gif{object-fit:contain;object-position:center;}

/* Match the square source so the full scene fills the thumbnail. */
#archive .latest-primary .latest-lead[href="event-stakeholder-design-k166.html"] .latest-image{aspect-ratio:1/1;max-height:none;}

/* Recommendation photographs */
#archive .latest-side .latest-row .latest-image{position:relative;aspect-ratio:16/9;}
#archive .latest-side .latest-row .latest-image img.recommendation-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
/* Click-through seminar thumbnail */
.hero-with-video a.seminar-youtube-link{position:relative;display:block;padding:0;color:#fff;text-decoration:none;background:#172126;}
.hero-with-video .seminar-youtube-link .seminar-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.hero-with-video .seminar-youtube-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;filter:drop-shadow(0 2px 8px #0004);}
.hero-with-video .seminar-youtube-label{position:absolute;right:12px;bottom:12px;background:#000b;color:#fff;border-radius:5px;padding:7px 11px;font-size:13px;font-weight:700;line-height:1.4;}
.hero-with-video a.seminar-youtube-link:hover .seminar-youtube-play{transform:translate(-50%,-50%) scale(1.07);}
.hero-with-video a.seminar-youtube-link:focus-visible{outline:3px solid #568b87;outline-offset:4px;}

/* Give recommendation photographs enough space to read the scene. */
#archive .latest-side .latest-row{grid-template-columns:clamp(124px,12vw,184px) minmax(0,1fr);gap:20px;}
@container site (max-width:560px){#archive .latest-side .latest-row{grid-template-columns:112px minmax(0,1fr);gap:14px;}}
@media(max-width:560px){#archive .latest-side .latest-row{grid-template-columns:112px minmax(0,1fr);gap:14px;}}
@media(max-width:380px){#archive .latest-side .latest-row{grid-template-columns:96px minmax(0,1fr);gap:12px;}}
body.sp #archive .latest-side .latest-row{grid-template-columns:112px minmax(0,1fr);gap:14px;}

/* Larger square photographs for the three recommendations. */
#archive .latest-side .latest-row{grid-template-columns:clamp(160px,15vw,224px) minmax(0,1fr);gap:22px;align-items:center;}
#archive .latest-side .latest-row .latest-image{width:100%;aspect-ratio:1/1;}
#archive .latest-side .latest-row .latest-image img.recommendation-photo{object-fit:cover;object-position:45% center;}
#archive .latest-side .latest-row[href="vision-sharing-partners-k147.html"] .latest-image img.recommendation-photo{object-position:53% center;}
@container site (max-width:560px){#archive .latest-side .latest-row{grid-template-columns:136px minmax(0,1fr);gap:16px;}}
@media(max-width:560px){#archive .latest-side .latest-row{grid-template-columns:136px minmax(0,1fr);gap:16px;}}
@media(max-width:380px){#archive .latest-side .latest-row{grid-template-columns:112px minmax(0,1fr);gap:12px;}}
body.sp #archive .latest-side .latest-row{grid-template-columns:136px minmax(0,1fr);gap:16px;}
