.ysk { display: flex; flex-direction: column; gap: 40px; }
.ysk-item {
display: flex; flex-direction: row; gap: 40px;
border-top: 1px solid #e2e2e2; padding: 32px 0;
}
.ysk-meta { flex: 0 0 210px; width: 210px; box-sizing: border-box; padding: 10px; display: flex; flex-direction: column; gap: 6px; }
.ysk-when {
font-family: "Oswald", sans-serif; font-size: 13px; font-weight: 700;
text-transform: uppercase; letter-spacing: 1.5px; color: #00769E; line-height: 1.4;
}
.ysk .ysk-title {
font-family: "Oswald", sans-serif; font-size: 26px; font-weight: 700;
text-transform: uppercase; color: #1e293b; margin: 0; line-height: 1.2;
}
.ysk-level { font-family: "Nunito", sans-serif; font-size: 14px; font-weight: 600; color: #00769E; }
.ysk-pause {
align-self: flex-start; margin-top: 6px; padding: 3px 10px;
font-family: "Nunito", sans-serif; font-size: 13px; font-weight: 700;
background: #FCEFC7; color: #634800; border-radius: 999px;
}
.ysk-body { flex: 1 1 auto; box-sizing: border-box; padding: 10px; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.ysk .ysk-text {
font-family: "Nunito", sans-serif; font-size: 16px; line-height: 26px; color: #333333; margin: 0;
}
.ysk a.ysk-btn,
.ysk a.ysk-btn:visited {
display: inline-block; padding: 14px 30px; border-radius: 0;
font-family: "Oswald", sans-serif; font-size: 13px; font-weight: 600;
text-transform: uppercase; letter-spacing: .8px; line-height: 1;
color: #ffffff; background: #00769E; text-decoration: none !important;
transition: background-color .2s ease;
}
.ysk a.ysk-btn:hover,
.ysk a.ysk-btn:focus-visible { background: #1e293b; color: #ffffff; }
@media (max-width: 767px) {
.ysk { gap: 24px; }
.ysk-item { flex-direction: column; gap: 16px; padding: 28px 0; }
.ysk-meta, .ysk-body { flex-basis: auto; width: auto; padding: 0; }
.ysk .ysk-title { font-size: 22px; }
} .ysl { margin: 0 0 0 1.2em; padding: 0; }
.ysl li { margin: 0; }
.ysl em { color: #634800; font-style: normal; font-weight: 700; }