/* WorkScout 360 — Career Hub section ([ws360_tools] and the home page). Section frame comes from WorkScout Platform's .wsp-block. */
.ws360-promo__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.ws360-promo__list li { margin: 0; padding: 0; }
.ws360-promo__card { display: flex; flex-direction: column; gap: 6px; height: 100%; padding: 20px; border: 1px solid #e3e8ef; border-radius: 14px; background: #ffffff; color: #0b1b33; text-decoration: none; box-sizing: border-box; transition: border-color .15s ease, box-shadow .15s ease; }
.ws360-promo__card:hover, .ws360-promo__card:focus-visible { border-color: #0f766e; box-shadow: 0 4px 14px rgba(15, 118, 110, .12); color: #0b1b33; }
.ws360-promo__card:focus-visible { outline: 2px solid #0f766e; outline-offset: 2px; }
.ws360-promo__card strong { font-size: 17px; line-height: 1.35; font-weight: 700; }
.ws360-promo__card span:last-child { font-size: 14px; line-height: 1.5; color: #4a5568; }
.ws360-promo__icon { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin-bottom: 4px; border-radius: 10px; background: #e6f4f2; color: #0f766e; }
.ws360-promo__icon svg { display: block; }
.ws360-promo__foot { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin: 20px 0 0; font-size: 14px; color: #4a5568; }
.ws360-promo__cta { display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px; border-radius: 10px; background: #0f766e; color: #ffffff; font-weight: 600; text-decoration: none; }
.ws360-promo__cta:hover, .ws360-promo__cta:focus { background: #115e59; color: #ffffff; }
@media (max-width: 860px) {
	.ws360-promo__list { grid-template-columns: minmax(0, 1fr); gap: 12px; }
	.ws360-promo__card { padding: 16px; }
	.ws360-promo__cta { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) { .ws360-promo__card { transition: none; } }