.eotp-chapters { width: 100%; max-width: 260px; background: #ffffff; border-radius: 20px; padding: 20px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06); box-sizing: border-box; }  .eotp-chapters h3 { margin: 0 0 16px; font-size: 18px; font-weight: 700; color: #101033; }  .eotp-chapter-item { margin-bottom: 10px; }  .eotp-chapter-item a { display: grid; grid-template-columns: 48px 1fr; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid #e5e2ff; border-radius: 12px; background: #ffffff; color: #111133; text-decoration: none; font-size: 14px; font-weight: 600; line-height: 1.3; transition: all 0.2s ease; }  .eotp-chapter-item a:hover { background: #f2f0ff; border-color: #d6d0ff; transform: translateY(-1px); }  .eotp-chapter-item .time { font-size: 13px; font-weight: 700; color: #138000; white-space: nowrap; }  .eotp-chapter-item .chapter-title { display: block; white-space: normal; line-height: 1.3; word-break: keep-all; }  @media (max-width: 900px) { .eotp-chapters { max-width: 100%; width: 100%; margin-top: 20px; } .eotp-chapter-item a { grid-template-columns: 60px 1fr; padding: 14px; } } @media (max-width: 1100px) { .video-chapter-layout.is-layout-flex { flex-direction: column !important; } .video-chapter-layout.is-layout-flex > .wp-block-column { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; } .video-chapter-layout .eotp-chapters { max-width: 100% !important; width: 100% !important; margin-top: 20px; } }