/*
 * MoneyX – "Recently Added Pages" block
 * Extracted from the inline <style id="mx-rap-style"> block that used to be
 * printed the first time this template part rendered on a page. Enqueued
 * from functions.php (mx_enqueue_template_styles) wherever the block is
 * used — front page, home, archives, single ebook/product, blog, search,
 * the converter, etc — and cached by the browser across all of them.
 */
.mx-rap { max-width: 1080px; margin: 56px auto 0; padding: 0 20px 64px; }
.mx-rap-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 16px; flex-wrap: wrap; }
.mx-rap-head h2 { margin: 0; font-size: 1.3rem; font-weight: 800; letter-spacing: -.02em; color: #0f1117; }
body.ss-dark-mode .mx-rap-head h2 { color: #eef1fc; }
.mx-rap-list { border-top: 1px solid #e1e4f0; background: #fff; border-radius: 14px; overflow: hidden; border: 1px solid #e1e4f0; }
body.ss-dark-mode .mx-rap-list { background: #11142a; border-color: #1a1f38; }
.mx-rap-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 20px; text-decoration: none; border-bottom: 1px solid #e1e4f0; transition: background .15s, padding-left .15s; }
body.ss-dark-mode .mx-rap-row { border-color: #1a1f38; }
.mx-rap-list .mx-rap-row:last-child { border-bottom: none; }
.mx-rap-row:hover { background: #f6f7fc; padding-left: 26px; }
body.ss-dark-mode .mx-rap-row:hover { background: #151828; }
.mx-rap-row-title { font-size: .95rem; font-weight: 600; color: #0f1117; line-height: 1.4; }
body.ss-dark-mode .mx-rap-row-title { color: #eef1fc; }
.mx-rap-row-arrow { flex-shrink: 0; width: 30px; height: 30px; border-radius: 50%; background: #f1f2f9; display: flex; align-items: center; justify-content: center; color: #48506a; transition: background .15s, color .15s, transform .15s; }
body.ss-dark-mode .mx-rap-row-arrow { background: #151828; color: #9aa3c2; }
.mx-rap-row:hover .mx-rap-row-arrow { background: var(--p, #7c3aed); color: #fff; transform: translateX(2px); }
@media (max-width: 560px) {
    .mx-rap-row { padding: 14px 16px; }
    .mx-rap-row:hover { padding-left: 20px; }
    .mx-rap-row-title { font-size: .88rem; }
}