/* Общ стил за страниците със съдържание (стълбовете). Един файл за всички статии. */

.art{max-width:820px;margin:0 auto;padding:0 22px}
.art h2{font-family:'Onest','Sora',sans-serif;font-size:clamp(1.45rem,3.4vw,2rem);margin:52px 0 14px;letter-spacing:-.01em}
.art h3{font-family:'Onest','Sora',sans-serif;font-size:1.15rem;margin:32px 0 10px}
.art p{margin:0 0 16px;line-height:1.75;color:#c9d0e6}
.art ul,.art ol{margin:0 0 18px 22px;color:#c9d0e6;line-height:1.75}
.art li{margin-bottom:8px}
.art strong{color:#fff}

/* Връзките в текста трябва да си личат, иначе никой не ги натиска */
.art p a,.art li a,.art td a{color:#8fa6ff;text-decoration:underline;text-underline-offset:3px;
  text-decoration-thickness:1px;text-decoration-color:rgba(143,166,255,.45);transition:color .25s,text-decoration-color .25s}
.art p a:hover,.art li a:hover,.art td a:hover{color:#fff;text-decoration-color:rgba(255,255,255,.7)}

.art-h1{font-family:'Onest','Sora',sans-serif;font-size:clamp(2rem,5.2vw,3.1rem);line-height:1.12;letter-spacing:-.02em;margin:0 0 22px}
.art-meta{color:#8d97b8;font-size:.9rem;margin-bottom:8px}

/* Пътечка (трохи) */
.crumbs{font-size:.88rem;color:#8d97b8;margin:0 0 10px}
.crumbs a{color:#a9b4d6;text-decoration:none}
.crumbs a:hover{color:#fff}
.crumbs span{opacity:.6;margin:0 6px}

/* Кратък отговор — първото, което вижда и човек, и машина */
.lead-answer{background:linear-gradient(180deg,rgba(99,102,241,.13),rgba(34,211,238,.06));
  border:1px solid rgba(139,148,255,.28);border-left:3px solid #6366f1;
  border-radius:14px;padding:20px 22px;margin:0 0 30px}
.lead-answer p{margin:0;color:#e8ecf8;font-size:1.06rem}

.art table{width:100%;border-collapse:collapse;margin:22px 0;font-size:.95rem;display:block;overflow-x:auto}
.art th,.art td{text-align:left;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.09);color:#c9d0e6}
.art th{font-family:'Onest','Sora',sans-serif;font-weight:600;color:#fff;white-space:nowrap}

.warn{background:rgba(251,146,60,.09);border:1px solid rgba(251,146,60,.3);border-radius:14px;padding:18px 20px;margin:24px 0}
.warn p{margin:0;color:#fde4c8}

.note{background:rgba(34,211,238,.07);border:1px solid rgba(34,211,238,.24);border-radius:14px;padding:18px 20px;margin:24px 0}
.note p{margin:0;color:#cfeaf3}

.toc{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:20px 24px;margin:28px 0}
.toc h4{font-family:'Onest','Sora',sans-serif;margin:0 0 10px;font-size:1rem;color:#fff}
.toc a{color:#a9b4d6;text-decoration:none;display:block;padding:4px 0}
.toc a:hover{color:#fff}

.cta-box{background:linear-gradient(135deg,rgba(167,139,250,.14),rgba(34,211,238,.09));
  border:1px solid rgba(139,148,255,.3);border-radius:20px;padding:30px;margin:48px 0;text-align:center}
.cta-box h3{margin:0 0 10px;font-family:'Onest','Sora',sans-serif;font-size:1.35rem;color:#fff}
.cta-box p{margin:0 0 20px}

/* Връзки към останалите страници от стълба */
.more{margin:44px 0 0}
.more h4{font-family:'Onest','Sora',sans-serif;font-size:1rem;color:#fff;margin:0 0 14px}
.more-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.more-grid a{display:block;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);
  border-radius:14px;padding:16px 18px;text-decoration:none;transition:border-color .3s,background .3s}
.more-grid a:hover{border-color:rgba(139,148,255,.4);background:rgba(255,255,255,.055)}
.more-grid b{display:block;font-family:'Onest','Sora',sans-serif;color:#fff;font-size:.98rem;margin-bottom:4px}
.more-grid span{color:#8d97b8;font-size:.88rem;line-height:1.5}
@media (max-width:700px){.more-grid{grid-template-columns:1fr}}

.src{font-size:.86rem;color:#8d97b8;margin-top:44px;border-top:1px solid rgba(255,255,255,.09);padding-top:20px}
.src a{color:#a9b4d6}

.disclaimer{font-size:.9rem;color:#8d97b8;font-style:italic}