/* The approved business-skills updates section, scoped to the Vibe homepage. */
#updates .resource-heading { margin-bottom: 38px; }
#updates .resource-heading h2 { margin: 0; font-size: 44px; line-height: 1.2; letter-spacing: -.045em; }
#updates .release-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
#updates .release-card { display: grid; grid-template-columns: 165px minmax(0,1fr); padding: 0; background: var(--surface); color: var(--ink); border: 1px solid var(--line); border-radius: 20px; overflow: hidden; text-decoration: none; transition: background .2s,border-color .2s; }
#updates .release-card:hover { background: var(--raised,var(--surface)); border-color: var(--accent); }
#updates .release-art { position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 23px 18px; min-height: 300px; color: #20242b; }
#updates .release-september, #updates .release-generic { background: var(--color-c); }
#updates .release-august, #updates .release-card:nth-child(even) .release-generic { background: var(--color-b); }
#updates .release-art>span { display: block; font-size: 17px; line-height: 1.4; padding: 12px; border-radius: 13px 13px 2px 13px; background: #ffffffb8; max-width: 145px; transform: rotate(-7deg); }
#updates .release-art>b { font-size: 42px; line-height: 1.1; letter-spacing: -.055em; align-self: flex-end; transform: rotate(-7deg); }
#updates .release-august>b { font-size: 33px; transform: rotate(5deg); }
#updates .release-generic>b { font-size: 62px; }
#updates .release-copy { display: flex; flex-direction: column; align-items: flex-start; padding: 25px 25px 23px; min-height: 0; }
#updates .release-copy>span { font-size: 13px; line-height: 1.5; color: var(--muted); margin-bottom: 12px; }
#updates .release-copy h3 { font-size: 24px; line-height: 1.3; letter-spacing: -.035em; margin: 0; }
#updates .release-copy p { font-size: 16px; line-height: 1.65; color: var(--muted); margin: 12px 0 22px; }
#updates .release-copy strong { font-size: 15px; line-height: 1.4; font-weight: 500; text-decoration: underline; text-underline-offset: 5px; margin-top: auto; }
#updates .webinar-poster { display: grid; grid-template-columns: minmax(0,1fr) 290px; align-items: center; gap: 40px; padding: 36px 42px; border-radius: 22px; background: #294bb8; color: #fff; margin-top: 25px; text-decoration: none; border: 1px solid #7694f4; transition: background .2s; }
#updates .webinar-poster:hover { background: #24419f; }
#updates .webinar-poster h3 { margin: 0; color: #fff; font-size: 37px; line-height: 1.2; letter-spacing: -.04em; }
#updates .webinar-poster p { color: #fff; font-size: 17px; line-height: 1.65; margin: 16px 0 22px; max-width: 640px; }
#updates .webinar-poster strong { display: inline-block; padding: 10px 16px; border-radius: 8px; color: #172b6f; background: #fff; font-size: 16px; line-height: 1.5; text-decoration: none; }
#updates .event-calendar { justify-self: center; width: min(100%,285px); transform: rotate(-5deg); }
#updates .event-calendar svg { display: block; width: 100%; height: auto; }
#updates a:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
@media(max-width:1150px) {
 #updates .resource-heading h2 { font-size: 40px; }
 #updates .release-card { grid-template-columns: 120px minmax(0,1fr); }
 #updates .release-art { padding: 20px 12px; }
 #updates .release-art>b { font-size: 38px; }
 #updates .release-art>span { font-size: 15px; }
 #updates .release-copy { padding: 22px; }
 #updates .release-copy h3 { font-size: 22px; }
 #updates .webinar-poster { padding: 32px; }
}
@media(max-width:900px) {
 #updates .release-pair { gap: 18px; }
 #updates .release-card { grid-template-columns: 1fr; }
 #updates .release-art { height: 150px; min-height: 0; flex-direction: row; align-items: center; padding: 20px 28px; }
 #updates .release-art>b { align-self: center; font-size: 46px; }
 #updates .release-art>span { font-size: 18px; }
 #updates .release-copy { padding: 25px; }
 #updates .release-copy h3 { font-size: 24px; }
 #updates .webinar-poster { grid-template-columns: minmax(0,1fr) 200px; gap: 22px; }
 #updates .webinar-poster h3 { font-size: 33px; }
}
@media(max-width:650px) {
 #updates .resource-heading { margin-bottom: 26px; }
 #updates .resource-heading h2 { font-size: 33px; }
 #updates .release-pair { grid-template-columns: 1fr; gap: 20px; }
 #updates .release-card { border-radius: 17px; }
 #updates .release-art { height: 165px; padding: 25px 30px; }
 #updates .release-copy { padding: 23px; }
 #updates .release-copy h3 { font-size: 25px; }
 #updates .release-copy p { font-size: 17px; }
 #updates .release-copy>span { font-size: 14px; }
 #updates .webinar-poster { grid-template-columns: 1fr; padding: 26px 23px; gap: 20px; border-radius: 18px; margin-top: 20px; }
 #updates .webinar-poster h3 { font-size: 32px; }
 #updates .event-calendar { width: 155px; justify-self: end; margin-top: -8px; }
}