body .cms-recent-topics{margin-bottom:22px;overflow:hidden}
body .cms-recent-topics .cms-section-head{align-items:center;gap:16px}
body .cms-recent-topics .cms-section-head>div{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
body .cms-recent-topics-note{font-size:11px;line-height:1.5;color:#98a2b3;font-weight:400}
body .cms-recent-topics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;padding:4px 24px 12px;counter-reset:topic}
body .cms-recent-topics-grid .cms-recent-topic{position:relative;display:block;min-width:0;padding:18px 22px 17px 34px;border:0;border-bottom:1px solid #edf0f5;border-radius:0;background:transparent;text-decoration:none;transition:background .15s;counter-increment:topic}
body .cms-recent-topic:before{content:counter(topic,decimal-leading-zero);position:absolute;left:0;top:20px;color:#a6b0c0;font-size:11px;font-weight:500;font-variant-numeric:tabular-nums}
body .cms-recent-topic:nth-child(-n+3):before{color:#2b60e8}
body .cms-recent-topic:after{content:'›';position:absolute;right:4px;top:25px;font-size:20px;color:#c1c9d6;transition:color .15s,transform .15s}
body .cms-recent-topics-grid .cms-recent-topic:hover{background:#f8faff}
body .cms-recent-topics-grid .cms-recent-topic:hover:after{color:#2563eb;transform:translateX(3px)}
body .cms-recent-topics-grid .cms-recent-topic:focus-visible{outline:2px solid #2563eb;outline-offset:2px;border-radius:4px}
body .cms-recent-topics-grid .cms-recent-topic:nth-last-child(-n+3){border-bottom-color:transparent}
body .cms-recent-topics-grid .cms-recent-topic h3{margin:0 0 6px;font-size:14px;line-height:1.5;color:#344054;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .cms-recent-topic>div{display:flex;align-items:center;gap:12px;font-size:11px;line-height:1.6;color:#98a2b3}
body .cms-recent-topic time{display:block;max-width:10ch;overflow:hidden;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px}
body .cms-recent-topics-status{margin:0;padding:0 24px 12px;color:#98a2b3;font-size:11px}
body .cms-recent-topics-status:empty{display:none}
body .cms-recent-topics-grid>.cms-empty{grid-column:1/-1;padding:16px 0}
@media(max-width:900px){body .cms-recent-topics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}body .cms-recent-topics-grid .cms-recent-topic:nth-last-child(3){border-bottom-color:#edf0f5}}
@media(max-width:540px){body .cms-recent-topics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;padding:0 16px 8px}body .cms-recent-topics-grid .cms-recent-topic{padding:14px 0 13px 24px}body .cms-recent-topic:before{top:17px;font-size:10px}body .cms-recent-topic:after{display:none}body .cms-recent-topics-grid .cms-recent-topic h3{font-size:13px}body .cms-recent-topic>div{font-size:10px;gap:5px;flex-wrap:wrap}body .cms-recent-topic time{font-size:10px}body .cms-recent-topics-note{display:none}body .cms-recent-topics .cms-section-head>div{gap:4px}}

body .cms-recent-topics-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:0 20px}body .cms-recent-topics-grid .cms-recent-topic{border-bottom:0;padding-right:0}body .cms-recent-topic:after{display:none}body .cms-recent-topic>div{flex-wrap:wrap;gap:3px 10px}@media(max-width:900px){body .cms-recent-topics-grid{grid-template-columns:repeat(5,minmax(155px,1fr));overflow-x:auto;overscroll-behavior-x:contain}}

body .cms-recent-topics{margin-top:24px}

body.selfmedia-ui.page-home .cms-focus-strip{margin-bottom:24px}
