/* Onest — основной шрифт (400, 500, 600, 700) */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('fonts/onest-cyrillic-ext.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('fonts/onest-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('fonts/onest-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('fonts/onest-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('fonts/onest-vietnamese.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('fonts/onest-math.woff2') format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('fonts/onest-symbols.woff2') format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}

/* Marck Script — декоративный шрифт для hand-note */
@font-face {
  font-family: 'Marck Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/marck-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Marck Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/marck-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Marck Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/marck-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --runo-navy: #0b315e;
  --runo-muted: #5d7089;
  --runo-green: #275f4b;
  --runo-yellow: #f3cf73;
  --runo-red: #e84c3d;
  --runo-page-max: 1440px;
  --runo-article-max: 820px;
  --runo-sidebar-width: 320px;
}

.runo-media {
  font-family: Onest, Arial, sans-serif;
  color: #0b315e;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  overflow: clip;
  background: #fff;
}

.runo-media * { box-sizing: border-box; }

.runo-media button, .runo-media a { font: inherit; }
.runo-media button { color: inherit; }
.runo-media a { text-decoration: none; }
.runo-media .article img { display: block; max-width: 100%; height: auto; margin: 10px 0; }
.runo-media .article a { border-bottom: none; }
.runo-media .article a:hover { border-bottom: none !important; }
.runo-media .article a:focus { border-bottom: none !important; }
.runo-media .article a:focus-visible { border-bottom: none !important; outline: none; }
.runo-media button:focus-visible, .runo-media a:focus-visible { outline: 3px solid rgba(39,95,75,.35); outline-offset: 3px; }

.runo-media .site-shell { min-height: 100vh; overflow: clip; }
.runo-media .page-progress { position: fixed; inset: 0 auto auto 0; height: 3px; background: var(--runo-red); z-index: 50000; transition: width .15s ease; }
.runo-media .course-button:hover { background: var(--runo-red); transform: translateY(-1px); }

.runo-media .hero { width: min(100%, var(--runo-page-max)); min-height: 452px; margin: 0 auto; display: grid; grid-template-columns: 47% 53%; background: linear-gradient(100deg, #f7f5f1 0%, #f7f5f1 46%, #eeeae2 100%); }
.runo-media .hero-copy { padding: 35px 44px 30px clamp(44px, 4.15vw, 68px); z-index: 2; }
.runo-media .meta-row { display: flex; align-items: center; gap: 25px; font-size: 13px; color: var(--runo-muted); }
.runo-media .tag { display: inline-flex; align-items: center; min-height: 30px; padding: 6px 18px; color: #183d63; background: rgba(255,255,255,.72); border-radius: 999px; }
.runo-media h1 { margin: 22px 0 12px; font-size: clamp(38px, 3.25vw, 48px); line-height: 1.06; letter-spacing: -.04em; font-weight: 600; }
.runo-media .deck { max-width: 500px; margin: 0 0 20px; font-size: 16px; line-height: 1.45; letter-spacing: -.015em; }
.runo-media .author { display: flex; align-items: center; gap: 13px; }
.runo-media .author img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; object-position: 50% 34%; }
.runo-media .author div { display: flex; flex-direction: column; gap: 2px; font-size: 12px; }
.runo-media .author strong { font-size: 13px; }
.runo-media .author span { color: var(--runo-muted); }
.runo-media .hero-image { position: relative; min-width: 0; overflow: hidden; }
.runo-media .hero-image > img { width: 100%; height: 100%; object-fit: cover; object-position: 56% 50%; display: block; }
.runo-media .hand-note { position: absolute; top: 31px; right: 56px; z-index: 2; font-family: "Marck Script", cursive; font-size: 30px; line-height: 1.05; color: #123a70; transform: rotate(-7deg); text-align: center; text-shadow: 0 1px rgba(255,255,255,.8); }
.runo-media .hand-note::after { content: ""; display: block; width: 110px; height: 1px; margin: 8px -10px 0 auto; background: var(--runo-navy); transform: rotate(-7deg); }

.runo-media .reading-bar { width: min(100%, var(--runo-page-max)); min-height: 64px; margin: 0 auto; padding: 0 clamp(28px, 4vw, 56px); display: flex; align-items: center; gap: 17px; border-bottom: 1px solid #edf0f2; color: #5e7189; font-size: 14px; }
.runo-media .reading-track { width: min(44vw, 540px); height: 4px; border-radius: 4px; background: #d9dedf; overflow: hidden; }
.runo-media .reading-track i { display: block; height: 100%; background: var(--runo-red); transition: width .15s ease; }
.runo-media .reading-bar > b { font-weight: 500; }
.runo-media .reading-actions { margin-left: auto; display: flex; gap: 30px; }
.runo-media .reading-actions button { border: 0; background: none; display: flex; align-items: center; gap: 8px; cursor: pointer; padding: 10px 0; }
.runo-media .reading-actions .is-saved { color: var(--runo-green); font-weight: 600; }

.runo-media .article-layout { width: min(100%, var(--runo-page-max)); margin: 0 auto; padding: 32px clamp(28px, 4vw, 56px) 70px; display: grid; grid-template-columns: minmax(0, var(--runo-article-max)) minmax(300px, var(--runo-sidebar-width)); justify-content: center; gap: clamp(48px, 5vw, 72px); }
.runo-media .article { min-width: 0; color: #000; }
.runo-media .article-footer-date { margin-top: 32px; padding-top: 16px; border-top: 1px solid #d8dfe3; font-size: 13px; color: var(--runo-muted); }
.runo-media .article-section { scroll-margin-top: 24px; margin-bottom: 43px; }
.runo-media .article-section h2 { margin: 0 0 16px; font-size: 32px; line-height: 1.22; letter-spacing: -.035em; font-weight: 600; }
.runo-media .article-section p { margin: 0 0 16px; color: #000; font-size: 18px; line-height: 1.62; }
.runo-media .article-section ul { margin: 0 0 0 24px; padding: 0; }
.runo-media .article-section ul li { padding: 3px 0; position: relative; }
.runo-media .inline-toc { margin: 25px 0 24px; border-top: 1px solid #d8dfe3; border-bottom: 1px solid #d8dfe3; }
.runo-media .inline-toc-head { width: 100%; padding: 17px 0; border: 0; background: none; display: flex; align-items: center; justify-content: space-between; cursor: pointer; font-size: 18px; font-weight: 600; text-align: left; color: #000; }
.runo-media .inline-toc-head svg { transition: transform .2s ease; }
.runo-media .inline-toc.open .inline-toc-head svg { transform: rotate(180deg); }
.runo-media .inline-toc:not(.open) ol { display: none; }
.runo-media .inline-toc ol { list-style: none; margin: -2px 0 16px; padding: 0; display: grid; grid-template-columns: 1fr 1fr; column-gap: 30px; }
.runo-media .inline-toc ol li { list-style: none; padding: 0; position: relative; }
.runo-media .inline-toc ol li:before { display: none; }
.runo-media .inline-toc li button { width: 100%; padding: 8px 0; border: 0; background: none; display: grid; grid-template-columns: 28px 1fr; gap: 5px; color: #000; text-align: left; font-size: 13px; line-height: 1.35; cursor: pointer; }
.runo-media .inline-toc li button > span { color: #000; }
.runo-media .inline-toc li.active button { color: #000; font-weight: 600; }
.runo-media blockquote { margin: 24px 0 38px; display: flex; gap: 22px; padding: 11px 0 10px 26px; border-left: 2px solid #d4dadd; font-size: 20px; line-height: 1.36; }
.runo-media blockquote > span { flex: 0 0 42px; height: 42px; border-radius: 50%; background: #ffdd84; color: #000; display: grid; place-items: center; font: 38px/1 Georgia, serif; padding-top: 12px; }
.runo-media blockquote small { display: block; margin-top: 13px; font-size: 12px; font-family: Onest, Arial, sans-serif; color: #000; }
.runo-media blockquote small strong { color: #000; }
.runo-media .numbered h2 { display: flex; align-items: center; gap: 17px; }
.runo-media .numbered h2 > span { flex: 0 0 46px; width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background: #eeece7; font-size: 20px; }
.runo-media .table-wrap { margin-top: 24px; overflow-x: auto; border: 1px solid #d6dcdf; border-radius: 3px; }
.runo-media table { width: 100%; border-collapse: collapse; font-size: 12px; color: #000; }
.runo-media th { text-align: left; background: #eef0ef; color: #000; font-weight: 600; }
.runo-media th, .runo-media td { padding: 10px 12px; border-right: 1px solid #d6dcdf; border-bottom: 1px solid #d6dcdf; }
.runo-media tr:last-child td { border-bottom: 0; }
.runo-media th:last-child, .runo-media td:last-child { border-right: 0; }
.runo-media .checklist { margin-top: 24px; padding: 23px 27px; background: #fff4d5; }
.runo-media .checklist h3 { margin: 0 0 14px; font-size: 18px; }
.runo-media .checklist p { display: flex; align-items: center; gap: 12px; margin: 9px 0; font-size: 14px; }
.runo-media .checklist svg { color: var(--runo-green); }
.runo-media .practice-alert { margin-top: 25px; padding: 22px 25px 21px; border-left: 4px solid var(--runo-red); background: #fff4f1; }
.runo-media .practice-alert > span { display: inline-block; margin-bottom: 9px; color: #000; font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.runo-media .practice-alert strong { display: block; margin-bottom: 8px; font-size: 17px; line-height: 1.4; }
.runo-media .practice-alert > p { margin: 0; font-size: 13px; }
.runo-media .faq-block { margin-top: 62px; padding-top: 34px; border-top: 1px solid #d8dfe3; }
.runo-media .section-kicker { display: inline-flex; padding: 6px 12px; border-radius: 999px; background: #fff0ed; color: #000; font-size: 10px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.runo-media .faq-block > h2 { max-width: 620px; margin: 16px 0 10px; font-size: 32px; }
.runo-media .faq-intro { max-width: 620px; color: #000 !important; font-size: 16px !important; }
.runo-media .faq-list { margin-top: 27px; border-top: 1px solid #d6dde1; }
.runo-media .faq-item { border-bottom: 1px solid #d6dde1;  }
.runo-media .faq-item > button { width: 100%; min-height: 66px; padding: 15px 0; display: flex; align-items: center; justify-content: space-between; gap: 20px; border: 0; background: none; color: #000; cursor: pointer; text-align: left; font-size: 18px; font-weight: 600; }
.runo-media .faq-item > button svg { flex: 0 0 auto; color: var(--runo-red); transition: transform .2s ease; }
.runo-media .faq-item.open > button svg { transform: rotate(180deg); }
.runo-media .faq-item > .faq-item__answer { max-width: 680px; margin: -3px 34px 19px 0; color: #000; font-size: 16px; line-height: 1.58; display: none; }
.runo-media .faq-item.open > .faq-item__answer { display: block; }
.runo-media .article-end-trigger { width: 100%; height: 2px; }

.runo-media .sidebar { min-width: 0; }
.runo-media .sidebar-sticky { position: sticky; top: 20px; }
.runo-media .download-card { padding: 21px 20px 18px; background: linear-gradient(135deg, #edf2ef, #f2f5f7); border-radius: 6px; }
.runo-media .download-card h3 { margin: 14px 0 10px; font-size: 24px; line-height: 1.12; letter-spacing: -.035em; }
.runo-media .download-card > p { margin: 0 0 15px; color: #425872; font-size: 12px; line-height: 1.5; }
.runo-media .download-meta { display: flex; gap: 16px; padding: 10px 1px 0; color: #68798c; font-size: 10px; text-transform: uppercase; letter-spacing: .04em; }
.runo-media .download-meta span + span { padding-left: 16px; border-left: 1px solid #cbd5d1; }
.runo-media .download-button { width: 100%; min-height: 46px; margin-top: 12px; padding: 0 18px; border: 0; border-radius: 999px; background: var(--runo-green); color: white; display: flex; align-items: center; justify-content: center; gap: 10px; cursor: pointer; font-size: 12px; font-weight: 600; transition: background .2s, transform .2s; }
.runo-media .download-button:hover { background: #194d3c; transform: translateY(-1px); }
.runo-media .course-card { margin-top: 14px; padding: 22px 20px 18px; background: #f2eee7; border-radius: 6px; }
.runo-media .eyebrow { display: inline-block; padding: 5px 11px; border-radius: 999px; background: rgba(255,255,255,.65); font-size: 10px; }
.runo-media .course-card h3 { margin: 14px 0 11px; font-size: 24px; line-height: 1.08; letter-spacing: -.03em; }
.runo-media .course-card p { margin: 0 0 15px; color: #425872; font-size: 12px; line-height: 1.5; }
.runo-media .course-card img { width: calc(100% + 40px); height: 160px; margin-left: -20px; display: block; object-fit: cover; object-position: 56% 60%; }
.runo-media .course-button { width: 100%; margin-top: 13px; min-height: 45px; border: 0; border-radius: 999px; position: relative; padding: 12px 44px; text-align: center; line-height: 1.4; background: var(--runo-red); color: white; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 12px; transition: background .2s, transform .2s; }
.runo-media .course-button > svg { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 19px; height: 19px; }

.runo-media .brand-button { padding: 0; border: 0; background: none; color: var(--runo-navy); cursor: pointer; }
.runo-media .toast { position: fixed; left: 50%; bottom: 25px; z-index: 60; transform: translateX(-50%); padding: 12px 20px; border-radius: 8px; color: white; background: #0b315e; box-shadow: 0 12px 32px rgba(11,49,94,.2); font-size: 13px; }
.runo-media .modal-backdrop { position: fixed; inset: 0; z-index: 70; padding: 20px; display: grid; place-items: center; background: rgba(7,31,58,.48); backdrop-filter: blur(5px); }
.runo-media .download-modal { position: relative; width: min(100%, 490px); padding: 38px; border-radius: 12px; background: #f8f6f1; box-shadow: 0 28px 75px rgba(7,31,58,.25); }
.runo-media .modal-close { position: absolute; top: 17px; right: 17px; width: 38px; height: 38px; border: 0; border-radius: 50%; background: white; display: grid; place-items: center; cursor: pointer; }
.runo-media .download-modal h2 { margin: 17px 0 10px; font-size: 30px; line-height: 1.15; letter-spacing: -.035em; }
.runo-media .download-modal > p { margin: 0 0 21px; color: #425872; font-size: 14px; line-height: 1.5; }
.runo-media .download-modal form { display: flex; gap: 9px; }
.runo-media .download-modal label { flex: 1; min-width: 0; height: 48px; padding: 0 14px; border: 1px solid #cad3d6; border-radius: 7px; background: white; display: flex; align-items: center; gap: 9px; }
.runo-media .download-modal label:focus-within { border-color: var(--runo-green); box-shadow: 0 0 0 3px rgba(39,95,75,.12); }
.runo-media .download-modal input { min-width: 0; width: 100%; border: 0; outline: 0; background: transparent; color: var(--runo-navy); font-size: 13px; }
.runo-media .download-modal form > button { min-height: 48px; padding: 0 20px; border: 0; border-radius: 7px; background: var(--runo-navy); color: white; cursor: pointer; font-size: 12px; font-weight: 600; }
.runo-media .download-modal small { display: block; margin-top: 12px; color: #7c8998; font-size: 9px; line-height: 1.4; }

.runo-media .media-intro { min-height: 192px; position: relative; overflow: hidden; background: linear-gradient(105deg, #f6f4ef 0%, #fbfaf7 70%, #f1eadb 100%); }
.runo-media .media-intro-inner { width: min(100%, var(--runo-page-max)); min-height: 192px; margin: 0 auto; padding: 34px clamp(28px, 4vw, 56px) 30px; display: grid; grid-template-columns: 1.25fr 1fr .72fr; align-items: center; gap: 48px; }
.runo-media .media-intro::after { content: ""; position: absolute; width: 180px; height: 180px; right: -65px; top: -95px; border: 34px solid #f4cf73; border-radius: 50%; opacity: .7; }
.runo-media .media-intro h1 { margin: 0 0 2px; font-size: clamp(38px, 3.25vw, 48px); letter-spacing: -.045em; }
.runo-media .media-intro p { margin: 0; font-size: 20px; line-height: 1.25; letter-spacing: -.025em; }
.runo-media .media-about { padding-left: 48px; border-left: 1px solid #d9d7d1; color: #4f637a; font-size: 13px; line-height: 1.55; }
.runo-media .media-note { position: relative; z-index: 1; justify-self: center; font-family: "Marck Script", cursive; font-size: 29px; line-height: 1.06; text-align: center; transform: rotate(-8deg); }
.runo-media .media-note::after { content: ""; display: block; width: 118px; height: 1px; margin: 7px -8px 0 auto; background: var(--runo-navy); transform: rotate(-7deg); }
.runo-media .media-main { width: min(100%, var(--runo-page-max)); margin: 0 auto; padding: 14px clamp(28px, 4vw, 56px) 0; }
.runo-media .filter-row { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-bottom: 14px; }
.runo-media .filters { display: flex; gap: 9px; flex-wrap: wrap; }
.runo-media .filters button { min-width: 126px; height: 37px; padding: 0 22px; border: 1px solid #ccd3d8; border-radius: 999px; background: white; color: var(--runo-navy); cursor: pointer; font-size: 12px; transition: .2s ease; }
.runo-media .filters button:hover { border-color: var(--runo-navy); }
.runo-media .filters a { display: inline-flex; align-items: center; justify-content: center; min-width: 126px; height: 37px; padding: 0 22px; border: 1px solid #ccd3d8; border-radius: 999px; background: white; color: var(--runo-navy); cursor: pointer; font-size: 12px; text-decoration: none; transition: .2s ease; }
.runo-media .filters a:hover { border-color: var(--runo-navy); }
.runo-media .filters a.active { border-color: var(--runo-red); background: var(--runo-red); color: white; }
.runo-media .filters button.active { border-color: var(--runo-red); background: var(--runo-red); color: white; }
.runo-media .sort-dropdown { position: relative; display: inline-block; }
.runo-media .sort-trigger { display: inline-flex; align-items: center; gap: 10px; padding: 8px 0; border: 0; background: none; color: #66768a; cursor: pointer; font-size: 12px; }
.runo-media .sort-menu { position: absolute; right: 0; top: 100%; z-index: 10; min-width: 180px; padding: 8px 0; border: 1px solid #e1e4e5; border-radius: 8px; background: white; box-shadow: 0 8px 24px rgba(11,49,94,.12); display: none; }
.runo-media .sort-dropdown:hover .sort-menu { display: block; }
.runo-media .sort-menu a { display: block; padding: 8px 16px; color: #333f48; font-size: 13px; text-decoration: none; white-space: nowrap; }
.runo-media .sort-menu a:hover { background: #f5f7f9; }
.runo-media .media-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; }
.runo-media .media-card { grid-column: span 2; min-width: 0; border: 1px solid #e1e4e5; background: white; cursor: pointer; transition: transform .25s ease, box-shadow .25s ease; }
.runo-media .media-card:hover { transform: translateY(-4px); box-shadow: 0 18px 46px rgba(11,49,94,.12); }
.runo-media .media-card.featured { grid-column: span 4; position: relative; min-height: 472px; color: white !important; border: 0; overflow: hidden; }
.runo-media .media-card-image { height: 236px; position: relative; overflow: hidden; background: #ece9e1; }
.runo-media .media-card-image img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .55s ease; }
.runo-media .media-card:hover .media-card-image img { transform: scale(1.025); }
.runo-media .media-card-image > span { position: absolute; top: 18px; left: 18px; z-index: 2; padding: 6px 15px; border-radius: 999px; background: rgba(255,255,255,.82); color: var(--runo-navy); font-size: 11px; backdrop-filter: blur(6px); }
.runo-media .media-card-copy { padding: 14px 13px 16px; }
.runo-media .media-card-copy time { color: #68798e; font-size: 11px; }
.runo-media .media-card-copy h2 { margin: 7px 0 8px; font-size: 19px; line-height: 1.18; letter-spacing: -.025em; font-weight: 600; text-transform: none; color: rgb(11, 49, 94);}
.runo-media .media-card-copy p { margin: 0 0 12px; color: #5b6f87; font-size: 12px; line-height: 1.38; }
.runo-media .media-card-copy button { padding: 0 0 3px; display: inline-flex; align-items: center; gap: 8px; border: 0; border-bottom: 1px solid currentColor; background: none; color: var(--runo-red); cursor: pointer; font-size: 11px; font-weight: 600; }
.runo-media .media-card.featured .media-card-image { position: absolute; inset: 0; height: auto; }
.runo-media .media-card.featured .media-card-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(7,24,39,.62), rgba(7,24,39,.05) 72%); }
.runo-media .media-card.featured .media-card-image > span { color: white; background: rgba(255,255,255,.22); }
.runo-media .media-card.featured .media-card-copy { position: absolute; left: 20px; bottom: 18px; z-index: 2; width: min(78%, 520px); padding: 0; }
.runo-media .media-card.featured .media-card-copy time, .runo-media .media-card.featured .media-card-copy p { color: rgba(255,255,255,.92); }
.runo-media .media-card.featured .media-card-copy h2 { margin: 10px 0 12px; font-size: clamp(28px, 2.5vw, 36px); line-height: 1.08; color: white !important; }
.runo-media .media-card.featured .media-card-copy p { max-width: 430px; font-size: 13px; color: white !important; }
.runo-media .media-card.featured .media-card-copy button { color: var(--runo-red); font-size: 12px; }
.runo-media .media-grid.filtered .media-card { grid-column: span 2; }
.runo-media .breadcrumbs { width: min(100%, var(--runo-page-max)); margin: 0 auto 14px; display: flex; align-items: center; gap: 9px; overflow: hidden; color: #718196; font-size: 14px; white-space: nowrap; }
.runo-media .breadcrumbs a, .runo-media .breadcrumbs button { padding: 6px 0; border: 0; background: none; color: var(--runo-navy); cursor: pointer; }
.runo-media .breadcrumbs > :last-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.runo-media .article-breadcrumbs { padding: 14px clamp(28px, 4vw, 56px) 10px; margin-bottom: 0; }
.runo-media .load-more { min-width: 210px; min-height: 48px; margin: 32px auto 14px; padding: 0 28px; display: block; border: 1px solid var(--runo-navy); border-radius: 999px; background: white; color: var(--runo-navy); cursor: pointer; font-size: 16px; font-weight: 600; transition: background .2s, color .2s; }
.runo-media .load-more:hover { background: var(--runo-navy); color: white; }
.runo-media .digest { width: min(calc(100% - 56px), 1328px); max-width: var(--runo-page-max); margin: 42px auto 54px; padding: 34px 38px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(430px, .85fr); align-items: center; gap: 48px; border: 1px solid #d8e7f2; border-top: 5px solid var(--runo-yellow); border-radius: 24px; background: #edf6fc; color: var(--runo-navy); box-shadow: 0 18px 50px rgba(11,49,94,.08); }
.runo-media .digest > div > span { display: inline-flex; padding: 6px 12px; border-radius: 999px; background: #dfeee7; color: var(--runo-green); font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.runo-media .digest h2 { margin: 8px 0 7px; font-size: 32px; line-height: 1.15; letter-spacing: -.03em; }
.runo-media .digest p { margin: 0; max-width: 630px; color: #536b84; font-size: 16px; line-height: 1.5; }
.runo-media .digest form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
.runo-media .digest label { min-height: 50px; padding: 0 16px; display: flex; align-items: center; gap: 10px; border: 1px solid #b9cfdf; border-radius: 999px; background: white; color: #4e708e; }
.runo-media .digest label:focus-within { border-color: #3396ec; box-shadow: 0 0 0 3px rgba(51,150,236,.13); }
.runo-media .digest input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--runo-navy); font-size: 16px; }
.runo-media .digest input::placeholder { color: #7890a5; }
.runo-media .digest form button { min-height: 50px; padding: 0 24px; border: 0; border-radius: 999px; background: var(--runo-red); color: white; cursor: pointer; font-size: 16px; font-weight: 600; }
.runo-media .digest form button:hover { background: #cf4034; }

.runo-media .video-lessons { width: min(calc(100% - 56px), 1188px); margin: 18px auto 54px; }
.runo-media .section-heading-row { margin: 14px 0 20px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.runo-media .section-heading-row h2 { margin: 0; font-size: 32px; line-height: 1.2; letter-spacing: -.03em; }
.runo-media .section-heading-row > a { padding: 8px 0 5px; display: inline-flex; align-items: center; gap: 9px; flex: 0 0 auto; border: 0; border-bottom: 1px solid currentColor; background: none; color: var(--runo-red); cursor: pointer; font-size: 16px; font-weight: 600; }
.runo-media .section-heading-row > a:hover { color: #c93f34; }
.runo-media .video-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.runo-media .video-card { min-width: 0; padding: 0 0 18px; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; border: 1px solid #e1e4e5; border-radius: 16px; background: white; color: var(--runo-navy); cursor: pointer; text-align: left; }
.runo-media .video-image { width: 100%; height: 190px; position: relative; overflow: hidden; display: block; background: #ece9e1; }
.runo-media .video-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s ease; }
.runo-media .video-card:hover .video-image img { transform: scale(1.035); }
.runo-media .video-image i { position: absolute; inset: 0; display: grid; place-items: center; color: white; background: rgba(8,31,54,.2); }
.runo-media .video-card strong { padding: 16px 18px 0; font-size: 18px; line-height: 1.35; }
.runo-media .video-card small { padding: 8px 18px 0; color: #718196; font-size: 14px; }

.runo-media .promo-layer { position: fixed; inset: 0; z-index: 90; padding: 24px; display: grid; place-items: center; background: rgba(5,27,51,.48); backdrop-filter: blur(8px); animation: runo-fade-in .25s ease both; }
.runo-media .promo-popup { width: min(690px, 100%); position: relative; overflow: hidden; border-radius: 22px; background: white; box-shadow: 0 32px 90px rgba(4,25,47,.36); animation: runo-popup-in .45s cubic-bezier(.2,.85,.2,1) both; }
.runo-media .promo-close { position: absolute; top: 18px; right: 18px; z-index: 4; width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.7); border-radius: 50%; background: rgba(11,49,94,.72); color: white; cursor: pointer; backdrop-filter: blur(8px); }
.runo-media .promo-visual { height: 230px; position: relative; overflow: hidden; }
.runo-media .promo-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,0) 58%); }
.runo-media .promo-visual img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: 50% 57%; }
.runo-media .redirect-status { position: absolute; left: 26px; bottom: 24px; z-index: 2; padding: 10px 18px; display: flex; align-items: center; gap: 10px; border-radius: 999px; background: rgba(12,39,70,.72); color: white; backdrop-filter: blur(8px); font-size: 12px; font-weight: 700; letter-spacing: .035em; text-transform: uppercase; }
.runo-media .redirect-status i { width: 9px; height: 9px; border-radius: 50%; background: var(--runo-red); box-shadow: 0 0 0 5px rgba(232,76,61,.2); }
.runo-media .promo-copy { margin-top: -12px; padding: 0 55px 30px; position: relative; z-index: 2; text-align: center; }
.runo-media .redirect-time { display: block; color: #748397; font-size: 11px; }
.runo-media .redirect-time b { color: var(--runo-red); font-size: 15px; }
.runo-media .promo-copy h2 { margin: 13px 0 17px; font-size: 36px; line-height: 1.04; letter-spacing: -.04em; }
.runo-media .promo-copy ul { width: max-content; max-width: 100%; margin: 0 auto 22px; padding: 0; list-style: none; text-align: left; }
.runo-media .promo-copy li { margin: 9px 0; display: flex; align-items: center; gap: 11px; color: #4d6077; font-size: 14px; }
.runo-media .promo-copy li svg { flex: 0 0 auto; color: var(--runo-green); }
.runo-media .promo-copy > button:not(.stay-button) { width: 100%; min-height: 54px; padding: 0 24px; display: flex; align-items: center; justify-content: center; gap: 16px; border: 0; border-radius: 999px; background: var(--runo-red); color: white; cursor: pointer; font-size: 14px; font-weight: 600; transition: background .2s ease; }
.runo-media .promo-copy > button:not(.stay-button):hover { background: var(--runo-red); }
.runo-media .stay-button { margin: 15px auto 0; padding: 4px 10px; border: 0; border-bottom: 1px solid transparent; background: none; color: #8290a1; cursor: pointer; font-size: 12px; }
.runo-media .stay-button:hover { border-color: currentColor; color: var(--runo-red); }
.runo-media .redirect-progress { height: 6px; background: #e9edf0; overflow: hidden; }
.runo-media .redirect-progress i { display: block; width: 100%; height: 100%; background: var(--runo-red); transform-origin: left; animation: runo-redirect-countdown 5s linear forwards; }
@keyframes runo-popup-in { from { opacity: 0; transform: translateY(18px) scale(.97); } to { opacity: 1; transform: none; } }
@keyframes runo-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes runo-redirect-countdown { from { transform: scaleX(1); } to { transform: scaleX(0); } }

.runo-media .course-page { min-height: calc(100vh - 56px); padding: 28px clamp(44px, 4.15vw, 68px) 70px; background: linear-gradient(115deg, #f7f5f0 0%, #fff 56%, #f1eee6 100%); }
.runo-media .back-media { padding: 8px 0; display: inline-flex; align-items: center; gap: 8px; border: 0; background: none; color: #607188; cursor: pointer; font-size: 12px; }
.runo-media .course-hero { min-height: 590px; max-width: 1260px; margin: 18px auto 0; display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: 65px; }
.runo-media .course-kicker { display: inline-block; padding: 7px 15px; border-radius: 999px; background: #e8efeb; color: var(--runo-green); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.runo-media .course-hero h1 { margin: 22px 0 19px; font-size: 48px; }
.runo-media .course-hero > div:first-child > p { max-width: 610px; margin: 0; color: #50657d; font-size: 18px; line-height: 1.5; }
.runo-media .course-points { margin: 31px 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: #d9dfe1; }
.runo-media .course-points span { padding: 15px 17px; display: flex; flex-direction: column; gap: 4px; background: #f7f5f0; color: #62758b; font-size: 11px; }
.runo-media .course-points b { color: var(--runo-navy); font-size: 13px; }
.runo-media .course-main-cta { min-height: 56px; padding: 0 26px; display: inline-flex; align-items: center; gap: 22px; border: 0; border-radius: 999px; background: var(--runo-navy); color: white; cursor: pointer; font-weight: 600; box-shadow: inset 4px 0 0 var(--runo-red); }
.runo-media .course-art { min-height: 560px; position: relative; overflow: hidden; border-radius: 7px; }
.runo-media .course-art > img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; }
.runo-media .course-price { position: absolute; right: 22px; bottom: 22px; width: 150px; height: 150px; display: grid; place-content: center; text-align: center; border-radius: 50%; background: rgba(255,219,126,.94); color: var(--runo-navy); box-shadow: 0 12px 36px rgba(11,49,94,.2); }
.runo-media .course-price small { max-width: 100px; margin: 0 auto; font-size: 10px; line-height: 1.25; }
.runo-media .course-price strong { font-size: 42px; letter-spacing: -.06em; }

.runo-media .related-articles { width: min(calc(100% - 56px), 1188px); margin: 32px auto 48px; }
.runo-media .related-articles h2 { font-weight: 600; }
.runo-media .related-article-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.runo-media .related-article { padding: 18px; border: 1px solid #e1e4e5; border-radius: 16px; display: flex; flex-direction: column; align-items: flex-start; transition: border-color .2s; }
.runo-media .related-article:hover { border-color: var(--runo-red); }
.runo-media .related-article > span { font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: #68798c; }
.runo-media .related-article h3 { margin: 8px 0 12px; font-size: 16px; line-height: 1.4; font-weight: 600; }
.runo-media .related-article > svg { margin-top: auto; }

.runo-media .checklist-options { margin: 18px 0; padding: 0; list-style: none; }
.runo-media .checklist-option { display: flex; align-items: flex-start; gap: 10px; padding: 12px 0; border-bottom: 1px solid #d7dfe0; }
.runo-media .checklist-option:first-of-type { padding-top: 0; }
.runo-media .checklist-option:last-child { border-bottom: 0; padding-bottom: 0; }
.runo-media .checklist-option small { display: block; margin-bottom: 3px; color: #68798c; font-size: 12px; }
.runo-media .checklist-option strong { display: block; font-size: 14px; line-height: 1.4; font-weight: 500; }
.runo-media .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }

.runo-media .card-meta { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 6px 14px; margin-top: 20px; color: #68798e; font-size: 12px; line-height: 1.4; }
.runo-media .card-expert { overflow-wrap: anywhere; }
.runo-media .card-publication { margin-left: auto; white-space: nowrap; }
.runo-media .card-publication time { font-size: inherit; color: inherit; }
.runo-media .media-card.featured .card-meta { color: rgba(255,255,255,.92); }

@media (max-width: 1050px) {
  .runo-media .hero { grid-template-columns: 1fr 1fr; }
  .runo-media h1 { font-size: 48px; }
  .runo-media .article-layout { padding-inline: 34px; grid-template-columns: minmax(0, 1fr) 265px; gap: 36px; }
  .runo-media .media-intro-inner { grid-template-columns: 1fr 1fr; }
  .runo-media .media-note { display: none; }
  .runo-media .filters button { min-width: 0; }
  .runo-media .filters a { min-width: 0; }
  .runo-media .digest { grid-template-columns: 1fr; gap: 24px; }
}

@media (max-width: 760px) {
  .runo-media .hero { display: flex; flex-direction: column; }
  .runo-media .hero-copy { padding: 34px 20px 28px; }
  .runo-media h1 { margin-top: 22px; font-size: clamp(34px, 10.5vw, 44px); }
  .runo-media .deck { font-size: 16px; }
  .runo-media .hero-image { height: 360px; }
  .runo-media .hero-image > img { object-position: 56% 50%; }
  .runo-media .hand-note { display: none; }
  .runo-media .reading-bar { padding: 14px 20px; flex-wrap: wrap; }
  .runo-media .reading-track { flex: 1; width: auto; }
  .runo-media .reading-actions { width: 100%; margin-left: 0; justify-content: space-between; border-top: 1px solid #e8ebed; padding-top: 6px; }
  .runo-media .article-layout { display: flex; flex-direction: column; padding: 30px 20px 50px; }
  .runo-media .sidebar { order: 2; }
  .runo-media .sidebar-sticky { position: static; }
  .runo-media .download-card { margin-bottom: 8px; }
  .runo-media .inline-toc ol { grid-template-columns: 1fr; }
  .runo-media .article-section h2 { font-size: 28px; }
  .runo-media .article-section p { font-size: 18px; }
  .runo-media .numbered h2 { align-items: flex-start; }
  .runo-media blockquote { padding-left: 14px; font-size: 18px; }
  .runo-media .download-modal { padding: 32px 22px 24px; }
  .runo-media .download-modal form { flex-direction: column; }
  .runo-media .media-intro { min-height: 0; }
  .runo-media .media-intro-inner { min-height: 0; padding: 32px 20px; display: block; }
  .runo-media .media-intro h1 { font-size: 42px; }
  .runo-media .media-intro p { font-size: 17px; }
  .runo-media .media-about { margin-top: 24px; padding: 22px 0 0; border-left: 0; border-top: 1px solid #ddd9d0; font-size: 12px; }
  .runo-media .media-main { padding: 15px 20px 0; }
  .runo-media .filter-row { align-items: flex-start; }
  .runo-media .filters { max-width: 100%; overflow-x: auto; padding-bottom: 7px; }
  .runo-media .filters button { flex: 0 0 auto; height: 35px; padding: 0 18px; }
  .runo-media .filters a { flex: 0 0 auto; height: 35px; padding: 0 18px; }
  .runo-media .sort-dropdown { display: none; }
  .runo-media .media-grid { display: block; }
  .runo-media .media-card, .runo-media .media-card.featured { min-height: 0; margin-bottom: 16px; color: var(--runo-navy); }
  .runo-media .media-card.featured .media-card-image { position: relative; height: 280px; }
  .runo-media .media-card.featured .media-card-image::after { display: none; }
  .runo-media .media-card.featured .media-card-copy { position: relative; left: auto; bottom: auto; width: auto; padding: 16px; }
  .runo-media .media-card.featured .media-card-copy time, .runo-media .media-card.featured .media-card-copy p { color: #607188; }
  .runo-media .media-card.featured .media-card-copy h2 { font-size: 27px; }
  .runo-media .media-card.featured .media-card-copy button { color: var(--runo-red); }
  .runo-media .promo-layer { padding: 14px; }
  .runo-media .promo-popup { max-height: calc(100vh - 28px); overflow-y: auto; border-radius: 17px; }
  .runo-media .promo-visual { min-height: 185px; height: 185px; }
  .runo-media .redirect-status { left: 16px; bottom: 18px; max-width: calc(100% - 78px); padding: 8px 12px; font-size: 10px; }
  .runo-media .promo-copy { margin-top: -6px; padding: 0 22px 22px; }
  .runo-media .promo-copy h2 { font-size: 29px; }
  .runo-media .promo-copy li { font-size: 12px; }
  .runo-media .faq-block > h2 { font-size: 29px; }
  .runo-media .faq-item > button { font-size: 14px; }
  .runo-media .practice-alert { padding: 20px; }
  .runo-media .course-page { padding: 22px 20px 45px; }
  .runo-media .course-hero { display: flex; flex-direction: column; gap: 32px; }
  .runo-media .course-hero h1 { font-size: 42px; }
  .runo-media .course-hero > div:first-child > p { font-size: 16px; }
  .runo-media .course-points { grid-template-columns: 1fr; }
  .runo-media .course-art { width: 100%; min-height: 390px; }
  .runo-media .article-breadcrumbs { padding: 10px 20px; font-size: 12px; }
  .runo-media .digest { width: calc(100% - 40px); margin: 32px auto 42px; padding: 26px 20px; border-radius: 18px; }
  .runo-media .digest h2 { font-size: 28px; }
  .runo-media .digest form { grid-template-columns: 1fr; }
  .runo-media .video-lessons { width: calc(100% - 40px); margin-bottom: 42px; }
  .runo-media .video-lessons > h2 { font-size: 28px; }
  .runo-media .section-heading-row { align-items: flex-end; gap: 14px; }
  .runo-media .section-heading-row h2 { font-size: 28px; }
  .runo-media .section-heading-row > button { font-size: 14px; }
  .runo-media .video-grid { grid-template-columns: 1fr; gap: 12px; }
  .runo-media .video-image { height: 210px; }
}

@media (prefers-reduced-motion: reduce) {
  .runo-media * { scroll-behavior: auto !important; transition: none !important; }
}

@media (max-width: 700px) {
  .runo-media .related-articles { width: calc(100% - 40px); margin: 32px auto; }
  .runo-media .related-article-grid { grid-template-columns: 1fr; gap: 12px; }
  .runo-media .related-article { padding: 20px; }
}

@media (max-width: 760px) {
  .runo-media .media-card.featured .card-meta, .runo-media .media-card.featured .card-publication time { color: #68798e; }
}

/* Toast-уведомления */
.runo-toast {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10000;
  padding: 14px 28px;
  background: #1a1a2e;
  color: #fff;
  font-size: 14px;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.2);
  opacity: 1;
  transition: opacity .3s ease;
}
.runo-toast-hide {
  opacity: 0;
}