/* diski/pages/ArticlePage.vue */

.page[data-v-48b07b21] { background: #0a0a0a; min-height: 100vh; color: #fff;
}
.wrap[data-v-48b07b21] { max-width: 1200px; margin: 0 auto; padding: 40px 20px 80px;
}
.crumbs[data-v-48b07b21], .article[data-v-48b07b21] { max-width: 860px; margin-left: auto; margin-right: auto;
}
.crumbs a[data-v-48b07b21] { color: #9aa3ab; text-decoration: none; font-size: 14px;
}
.crumbs a[data-v-48b07b21]:hover { color: #fff;
}
.article-head[data-v-48b07b21] { margin-bottom: 28px;
}
.brand[data-v-48b07b21] { display: inline-block; background: #ff1e2d; color: #fff; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; padding: 6px 10px; border-radius: 8px; margin-bottom: 16px;
}
.article-head h1[data-v-48b07b21] { font-size: 40px; line-height: 1.1; letter-spacing: -.03em; margin: 0 0 16px;
}
.lead[data-v-48b07b21] { color: #b9c1c8; font-size: 18px; line-height: 1.6; margin: 0 0 16px;
}
.meta[data-v-48b07b21] { color: #6f7a83; font-size: 13px; display: flex; gap: 8px;
}
.cover[data-v-48b07b21] { margin: 0 0 32px; border-radius: 18px; overflow: hidden; border: 1px solid #ffffff14;
}
.cover img[data-v-48b07b21] { width: 100%; display: block;
}
.content[data-v-48b07b21] { font-size: 17px; line-height: 1.75; color: #d7dde2;
}
.content[data-v-48b07b21] h2 { font-size: 27px; letter-spacing: -.02em; margin: 44px 0 16px; color: #fff; line-height: 1.2;
}
.content[data-v-48b07b21] h3 { font-size: 19px; margin: 26px 0 10px; color: #fff; line-height: 1.3;
}
.content[data-v-48b07b21] p { margin: 0 0 18px;
}
.content[data-v-48b07b21] ul, .content[data-v-48b07b21] ol { margin: 0 0 18px; padding-left: 24px;
}
.content[data-v-48b07b21] li { margin-bottom: 8px;
}
.content[data-v-48b07b21] strong { color: #fff;
}
.content[data-v-48b07b21] a { color: #ff1e2d;
}
.content[data-v-48b07b21] table { width: 100%; border-collapse: collapse; margin: 0 0 22px; font-size: 15px;
}
.content[data-v-48b07b21] th, .content[data-v-48b07b21] td { border: 1px solid #ffffff1f; padding: 10px 12px; text-align: left;
}
.content[data-v-48b07b21] th { background: #161616; color: #fff;
}
.share[data-v-48b07b21] { margin-top: 48px; padding-top: 28px; border-top: 1px solid #ffffff1a;
}
.share-title[data-v-48b07b21] { display: block; font-size: 13px; font-weight: 700; color: #9aa3ab; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 14px;
}
.share-btns[data-v-48b07b21] { display: flex; gap: 12px; flex-wrap: wrap;
}
.share-btns a[data-v-48b07b21], .share-btns button[data-v-48b07b21] { display: inline-flex; align-items: center; gap: 9px; padding: 11px 18px; border-radius: 12px; border: 0; font-size: 14px; font-weight: 700; color: #fff; text-decoration: none; cursor: pointer;
}
.share-btns .tg[data-v-48b07b21] { background: #229ed9;
}
.share-btns .max[data-v-48b07b21] { background: #0077ff;
}
.share-btns .vk[data-v-48b07b21] { background: #4c75a3;
}
.share-btns .copy[data-v-48b07b21] { background: #ffffff14; color: #fff;
}
.article-catalog[data-v-48b07b21] { margin: 16px -20px -24px; border-top: 1px solid #ffffff1a;
}
.related-block[data-v-48b07b21] { margin-top: 52px; padding-top: 32px; border-top: 1px solid #ffffff1a;
}
.related-grid[data-v-48b07b21] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px;
}
.related-card[data-v-48b07b21] { display: flex; flex-direction: column; gap: 9px; min-height: 160px; padding: 20px; border: 1px solid #ffffff14; border-radius: 16px; background: #131313; color: #fff; text-decoration: none;
}
.related-card[data-v-48b07b21]:hover { border-color: #ff1e2d66;
}
.related-card strong[data-v-48b07b21] { font-size: 16px; line-height: 1.35;
}
.related-card span[data-v-48b07b21] { color: #9aa3ab; font-size: 13px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.related-card small[data-v-48b07b21] { margin-top: auto; color: #ff1e2d; font-size: 12px; font-weight: 700;
}
.state[data-v-48b07b21] { text-align: center; padding: 80px 0;
}
.state h1[data-v-48b07b21] { font-size: 34px;
}
.state p[data-v-48b07b21] { color: #9aa3ab;
}
.back[data-v-48b07b21] { display: inline-block; margin-top: 16px; color: #ff1e2d; text-decoration: none; font-weight: 700;
}
@media (max-width: 700px) {
.article-head h1[data-v-48b07b21] { font-size: 30px;
}
.content[data-v-48b07b21] { font-size: 16px;
}
.related-grid[data-v-48b07b21] { grid-template-columns: 1fr;
}
}