.bd-page{min-height:100vh}.bd-loading{max-width:860px;margin:80px auto;padding:0 16px}.bd-skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e9eaeb 50%,#f3f4f6 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.bd-skeleton--hero{height:360px;border-radius:16px;margin-bottom:32px}.bd-skeleton-body{display:flex;flex-direction:column;gap:12px}.bd-skeleton--line{height:18px}.bd-notfound{text-align:center;padding:120px 16px}.bd-notfound h1{font-size:28px;color:var(--primary-color);margin-bottom:16px}.bd-hero{background:linear-gradient(135deg,#f5f3ff,#ede9fe 50%,#e0e7ff);padding:100px 16px 40px}.bd-hero__img{max-width:1200px;margin:0 auto 40px;border-radius:16px;overflow:hidden;max-height:460px}.bd-hero__img img{width:100%;height:100%;object-fit:cover;display:block}.bd-hero__inner{max-width:1200px;margin:0 auto}.bd-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--third-color);margin-bottom:16px;flex-wrap:wrap}.bd-breadcrumb a{color:var(--third-color);text-decoration:none;transition:color .15s}.bd-breadcrumb a:hover,.bd-cat{color:var(--secondary-color)}.bd-cat{display:inline-flex;padding:3px 12px;border-radius:99px;background:#ede9fe;font-size:12px;font-weight:500;margin-bottom:14px}.bd-title{font-size:clamp(26px,4vw,42px);font-weight:600;color:var(--primary-color);letter-spacing:-1.2px;line-height:1.2;margin:0 0 16px}.bd-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--third-color)}.bd-content-wrap{max-width:1200px;margin:0 auto;padding:48px 16px 80px;display:grid;grid-template-columns:1fr 280px;grid-gap:56px;gap:56px;align-items:start}@media (max-width:1024px){.bd-content-wrap{grid-template-columns:1fr}.bd-sidebar{display:none}}.bd-body{font-size:16px;line-height:1.85;color:#374151}.bd-body h1{font-size:30px;font-weight:700;color:var(--primary-color);margin:36px 0 14px;letter-spacing:-.8px;line-height:1.2}.bd-body h2{font-size:24px;margin:32px 0 12px;letter-spacing:-.5px;line-height:1.25}.bd-body h2,.bd-body h3{font-weight:600;color:var(--primary-color)}.bd-body h3{font-size:20px;margin:24px 0 10px;line-height:1.3}.bd-body h4{font-size:17px;font-weight:600;color:var(--primary-color);margin:20px 0 8px}.bd-body p{margin:0 0 18px}.bd-body ol,.bd-body ul{padding-left:24px;margin:12px 0 18px}.bd-body li{margin-bottom:8px}.bd-body blockquote{border-left:4px solid var(--secondary-color);padding:14px 20px;margin:24px 0;color:var(--third-color);font-style:italic;background:#f5f3ff;border-radius:0 10px 10px 0}.bd-body pre{background:#181D27;color:#e5e7eb;padding:20px 24px;border-radius:10px;overflow-x:auto;margin:20px 0;font-size:14px;line-height:1.6}.bd-body code{background:#f3f4f6;padding:2px 7px;border-radius:4px;font-size:14px;color:var(--secondary-color)}.bd-body pre code{background:none;color:inherit;padding:0;font-size:14px}.bd-body img{max-width:100%;border-radius:10px;margin:20px 0;display:block}.bd-body a{color:var(--secondary-color);text-decoration:underline}.bd-body strong{color:var(--primary-color);font-weight:600}.bd-body hr{border:none;margin:32px 0}.bd-body hr,.bd-tags{border-top:1px solid #e9eaeb}.bd-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px;padding-top:28px}.bd-tag{padding:5px 14px;border-radius:99px;border:1px solid #e9eaeb;font-size:13px;color:var(--third-color);transition:all .15s}.bd-tag:hover{border-color:var(--secondary-color);color:var(--secondary-color)}.bd-share{gap:10px;margin-top:24px;font-size:14px;color:var(--third-color)}.bd-share,.bd-share-btn{display:flex;align-items:center}.bd-share-btn{width:36px;height:36px;border-radius:8px;border:1px solid #e9eaeb;background:#fff;justify-content:center;font-size:13px;font-weight:700;color:var(--primary-color);text-decoration:none;transition:all .15s}.bd-share-btn:hover{border-color:var(--secondary-color);color:var(--secondary-color)}.bd-sidebar{position:-webkit-sticky;position:sticky;top:96px;display:flex;flex-direction:column;gap:16px}.bd-sidebar__card{background:#fff;border:1px solid #e9eaeb;border-radius:12px;padding:20px}.bd-sidebar__title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.7px;color:var(--third-color);margin-bottom:16px}.bd-sidebar__author{display:flex;align-items:center;gap:12px;margin-bottom:16px}.bd-sidebar__author-avatar{width:40px;height:40px;border-radius:50%;background:var(--secondary-color);color:#fff;font-weight:600;font-size:17px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bd-sidebar__author-name{font-size:14px;font-weight:600;color:var(--primary-color)}.bd-sidebar__author-sub{font-size:12px;color:var(--third-color)}.bd-sidebar__info{display:flex;flex-direction:column;gap:10px}.bd-sidebar__info div{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding-bottom:10px;border-bottom:1px solid #f3f4f6}.bd-sidebar__info div:last-child{border-bottom:none;padding-bottom:0}.bd-sidebar__info span{color:var(--third-color)}.bd-sidebar__info strong{color:var(--primary-color)}.bd-related{display:flex;flex-direction:column;gap:14px}.bd-related__item{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--primary-color);font-size:13px;font-weight:500;line-height:1.4;transition:color .15s}.bd-related__item:hover{color:var(--secondary-color)}.bd-related__item img{width:56px;height:40px;object-fit:cover;border-radius:6px;flex-shrink:0}.bd-back{max-width:1200px;margin:0 auto;padding:0 16px 56px}.bd-back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;border:1px solid #e9eaeb;color:var(--primary-color);text-decoration:none;font-size:14px;font-weight:500;transition:all .15s;background:#fff}.bd-back-btn:hover{border-color:var(--secondary-color);color:var(--secondary-color)}.bd-body table{width:100%;border-collapse:collapse;margin:24px 0;font-size:15px;border-radius:10px;overflow:hidden;border:1px solid #e9eaeb}.bd-body table th{background:#f8f9fc;color:var(--primary-color);font-weight:600;padding:12px 16px;text-align:left;border-bottom:2px solid #e9eaeb;border-right:1px solid #e9eaeb}.bd-body table th:last-child{border-right:none}.bd-body table td{padding:11px 16px;color:#374151;border-bottom:1px solid #f3f4f6;border-right:1px solid #f3f4f6}.bd-body table td:last-child{border-right:none}.bd-body table tr:last-child td{border-bottom:none}.bd-body table tr:hover td{background:#fafafa}