:root { --orange: #f26522; }
body { background: #f6f7f9; color: #222; }
.text-orange { color: var(--orange) !important; }
.by-monitoro { font-size: .72rem; letter-spacing: .5px; background: var(--orange); color: #fff; padding: 2px 8px; border-radius: 10px; vertical-align: middle; white-space: nowrap; }
.by-monitoro b { font-weight: 800; }
.hero { background: linear-gradient(135deg, #1d2733 0%, #2f4254 100%); color: #fff; padding: 56px 0 48px; }
.hero h1 { font-weight: 800; }
.hero .lead { color: #d8dee6; }
.hero img { border-radius: 14px; box-shadow: 0 10px 30px rgba(0,0,0,.35); }
.hero .by-big { display: inline-block; background: var(--orange); color: #fff; font-weight: 800; letter-spacing: 1px; padding: 6px 16px; border-radius: 20px; font-size: 1rem; }
.card { border: 0; }
.card h3 a { color: #1d2733; }
.card h3 a:hover { color: var(--orange); }
.cta-box { background: #fff7ed; border: 2px solid #fcd9c2; border-radius: 12px; padding: 24px; }
.blog-body { font-size: 17px; line-height: 1.75; }
.blog-body h2 { margin-top: 2rem; font-weight: 700; }
.blog-body h3 { margin-top: 1.5rem; }
.blog-body table { width: 100%; margin: 1rem 0; background: #fff; }
.blog-body table th, .blog-body table td { border: 1px solid #dee2e6; padding: 8px; }
.blog-body blockquote { border-left: 4px solid var(--orange); padding-left: 1rem; color: #555; }
.blog-body img { max-width: 100%; height: auto; border-radius: 8px; }
.art-img { width: 100%; aspect-ratio: 1200/630; object-fit: cover; }
footer a { text-decoration: none; }
footer a:hover { text-decoration: underline; }