:root { --border-radius: 8px; --shadow: 0 4px 6px rgba(0, 0, 0, .1); --header-bg: #e2e2e2; --title-size: 24px; --title-color: #007bff; --card-title-size: 16px; }
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: Arial, sans-serif; line-height: 1.2; color: #333; background: #e2e2e2; -webkit-font-smoothing: antialiased; display: flex; flex-direction: column; min-height: 100vh; padding-top: 70px; }
.container { max-width: 800px; margin: 0 auto; padding: 0 10px; }
main { flex: 1; padding: .5rem 0 1rem; max-width: 800px; margin: 0 auto; background: #fff; width: 100%; }
header { position: fixed; top: 0; left: 0; width: 100%; min-height: 60px; background: var(--header-bg); border-bottom: 1px solid #ccc; z-index: 1000; display: flex; align-items: center; }
.header-container { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; max-width: 800px; margin: 0 auto; padding: 5px 10px; }
.site-title { font-size: var(--title-size); font-weight: bold; margin-bottom: 0; text-align: left; white-space: nowrap; flex-shrink: 0; }
.site-title a { text-decoration: none; color: var(--title-color); }
.site-title a:hover { opacity: 0.8; }
.vk-button-custom { display: block; width: 100%; box-sizing: border-box; padding: 12px 20px; background-color: #0077ff; color: #ffffff; text-decoration: none; border-radius: 5px; font-weight: bold; text-align: center; transition: background-color 0.3s ease; }
.vk-button-custom:hover { background-color: #005ecb; color: #ffffff; text-decoration: none; }
.post-tags a { display: inline-block; background: #f1f1f1; color: #444; padding: 4px 12px; border-radius: 20px; font-size: 13px; text-decoration: none; margin: 0 4px 8px 0; transition: all 0.2s ease; border: 1px solid #e5e5e5; }
.post-tags a:hover { background: #2271b1; color: #fff; border-color: #2271b1; }
.wp-caption { max-width: 100% !important; width: auto !important; }
.wp-caption img { display: block; max-width: 100%; height: auto; }
.wp-caption-text { font-size: 14px; text-align: center; padding: 10px 0; color: #666; }
:root { --gold:#d4af37; --gold-l:#f9e29c; --d-bg:#111820; --r-bg:#1a222c; --t-m:#fff; --t-mut:#8b96a3; }
.moex-wrapper { margin:20px auto; width:100%; max-width:800px; font-family:sans-serif; background:var(--d-bg); padding:15px; border-radius:12px; box-shadow:0 15px 35px rgba(0,0,0,0.5); }
.moex-table { width:100%; border-collapse:separate; border-spacing:0 6px; }
.moex-table td { padding:12px 15px; vertical-align:middle; background:var(--r-bg); }
.moex-table td:first-child { border-radius:8px 0 0 8px; border-left:1px solid rgba(255,255,255,0.05); text-align:left; }
.moex-table td:last-child { border-radius:0 8px 8px 0; border-right:1px solid rgba(255,255,255,0.05); text-align:right; width:120px; white-space:nowrap; }
.comp-box { display:flex; flex-direction:column; line-height:1.2; }
.comp-name { font-weight:600; color:var(--t-m); font-size:clamp(14px, 4.5vw, 16px); }
.comp-ticker { font-size:11px; color:var(--gold); text-transform:uppercase; font-weight:700; margin-top:3px; }
.y-badge { font-weight:800; font-size:clamp(14px, 4vw, 16px); display:inline-block; min-width:60px; }
.yield-up { color:#00ffaa; text-shadow:0 0 8px rgba(0,255,170,0.2); }
.yield-down { color:#ff4d4d; text-shadow:0 0 8px rgba(255,77,77,0.2); }
.cache-info { color:var(--t-mut); font-size:9px; text-align:center; margin-top:15px; opacity:0.6; }
.mx-title { text-align:center; margin-top:3px; }
.mx-descr { color:var(--t-mut); text-align:left; max-width:700px; margin:15px auto; font-size:14px; line-height:1.6; }
.mx-btn { display:block; width:100%; box-sizing:border-box; margin:0 0 20px 0; padding:16px; background:linear-gradient(135deg, var(--gold) 0%, var(--gold-l) 100%); color:#000; text-align:center; text-decoration:none; font-weight:800; font-size:18px; text-transform:uppercase; border-radius:10px; letter-spacing:1px; box-shadow:0 4px 15px rgba(212,175,55,0.4); transition:transform 0.2s; }
.mx-btn:hover { transform:translateY(-2px); color:#000; }
.mx-content { padding:0 1px; }
.mx-post-footer { margin-top:20px; border-top:1px solid rgba(255,255,255,0.05); padding-top:20px; }
.header-menu-list a:hover { color: #0056b3; }
.entry-title { font-size: 22px; margin: 0 auto 1.1rem; color: #222; font-weight: 700; line-height: 1; position: relative; padding-bottom: .5em; text-align: center; }
.entry-title::after { content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 50%; height: 2px; background-color: #ccc; }
.entry-content { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 18px; color: #222222; line-height: 1.55; font-weight: 400; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; padding: 0 5px; }
.entry-content h2 { font-size: 20px; color: #2c2c2c; font-weight: 900; margin-top: 1rem; }
.entry-content h3 { font-size: clamp(.9rem, 3vw, 1.3rem); margin: 1.25rem 0 .75rem; color: #000; font-weight: 600; }
.entry-content p { margin: .5rem 0 1rem; }
.entry-content a { color: #007bff; text-decoration: none; }
.entry-content a:hover { color: #005177; }
.entry-content ul, .entry-content ol { margin-bottom: 1rem; padding-left: 1.5rem; }
.entry-content li { margin-bottom: .25rem; }
.entry-content blockquote { border-left: 4px solid #ccc; padding: .75rem 1rem; margin: 1.25rem 0; background: #f9f9f9; }
.entry-content code { background: #f5f5f5; padding: .1rem .3rem; border-radius: 3px; font-family: monospace; font-size: .9em; }
.entry-content pre { background: #f5f5f5; padding: 1rem; border-radius: 5px; overflow: auto; margin: 1rem 0; }
.entry-content img { max-width: 100%; height: auto; margin: 1rem 0; }
.entry-content table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
.entry-content th, .entry-content td { padding: .5rem .75rem; border: 1px solid #ddd; }
.entry-content th { background: #f5f5f5; font-weight: 700; }
.entry-content hr { border: none; border-top: 1px solid #eee; margin: 1.5rem 0; }
.posts-container { display: block; margin: 20px 0; }
.post-card { border-top: 1px solid #e0e0e0; padding: 8px 0; list-style: none; }
.post-card:first-child { border-top: 0; }
.post-card-link { text-decoration: none; color: #00008b; display: block; }
.post-card-title { display: block; font-size: var(--card-title-size); font-weight: 300; font-family: arial; }
.pagination { text-align: center; margin: 30px 0; }
.pagination .page-numbers { display: inline-block; padding: 8px 12px; margin: 0 4px; background: #f0f0f0; text-decoration: none; border-radius: 3px; }
.pagination .page-numbers.current { background: #0073aa; color: #fff; }
.author-card { background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 15px; margin-bottom: 30px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
.author-header { display: flex; align-items: center; gap: 15px; margin-bottom: 15px; border-bottom: 2px solid #f0f0f0; padding-bottom: 15px; }
.author-avatar img { border-radius: 50%; border: 2px solid #007bff; display: block; width: 60px; height: 60px; }
.author-main-info h1 { margin: 0; font-size: 20px; color: #333; line-height: 1.2; }
.author-bio { margin-bottom: 20px; }
.author-description-text p { margin-bottom: 15px; line-height: 1.6; }
.author-description-text p:last-child { margin-bottom: 0; }
.vk-button-custom { display: block; text-align: center; padding: 12px; background: #0077ff; color: #fff; border-radius: 8px; text-decoration: none; font-weight: bold; }
.author-status-tag { font-size: 13px; color: #666; font-style: italic; margin-top: 2px; }
.resume-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; font-size: 14px; }
.resume-item { display: flex; flex-direction: column; }
.resume-label { font-weight: bold; color: #999; font-size: 10px; text-transform: uppercase; margin-bottom: 2px; letter-spacing: 0.5px; }
.resume-value { color: #333; line-height: 1.3; }
.resume-value a { color: #007bff; text-decoration: none; font-weight: 500; }
.author-bio { margin-top: 5px; padding-top: 10px; border-top: 1px solid #eee; }