.bd-article-page { background: #f4f7f2; color: #121613; font-family: "Plus Jakarta Sans", sans-serif; }
.bd-article-page .header { position: absolute; top: 0; left: 0; right: 0; }
.bd-article-page .header.fixed-header { position: fixed; }
.bd-article-page .subscribe { display: none; }
.bda-article-page { overflow: hidden; background: #f4f7f2; }
.bda-article-page *, .bda-article-page *::before, .bda-article-page *::after { box-sizing: border-box; }
.bda-article-page a { text-decoration: none; }
.bda-reading-progress { position: fixed; z-index: 1000; top: 84px; left: 0; right: 0; height: 3px; pointer-events: none; }
.bda-reading-progress span { display: block; width: 100%; height: 100%; background: #c1ed00; transform: scaleX(0); transform-origin: left center; transition: transform .08s linear; }

.bda-article-hero { position: relative; min-height: 610px; padding: 164px 0 145px; overflow: hidden; color: #fff; background: radial-gradient(circle at 50% 20%, rgba(193,237,0,.1), transparent 33%), #080b09; }
.bda-article-hero::after { content: ""; position: absolute; inset: auto 0 0; height: 140px; background: linear-gradient(transparent, rgba(12,23,13,.64)); }
.bda-article-hero__grid { position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom, #000, transparent 96%); }
.bda-article-hero__inner { position: relative; z-index: 1; text-align: center; }
.bda-article-breadcrumb { display: flex; align-items: center; justify-content: center; gap: 9px; max-width: 900px; margin: 0 auto 42px; color: rgba(255,255,255,.48); font-size: 11px; font-weight: 600; letter-spacing: .025em; }
.bda-article-breadcrumb a { color: rgba(255,255,255,.72); }
.bda-article-breadcrumb a:hover { color: #c1ed00; }
.bda-article-breadcrumb span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bda-article-hero h1 { max-width: 1080px; margin: 22px auto 28px; color: #fff; font-size: clamp(44px, 5vw, 68px); font-weight: 700; line-height: 1.05; letter-spacing: -.045em; }
.bda-article-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 16px; color: rgba(255,255,255,.59); font-size: 12px; font-weight: 600; }
.bda-article-meta > * + *::before { content: ""; display: inline-block; width: 3px; height: 3px; margin: 0 16px 2px 0; border-radius: 50%; background: currentColor; }
.bda-article-meta > span:first-child { padding: 7px 11px; border: 1px solid rgba(193,237,0,.24); border-radius: 999px; color: #c1ed00; background: rgba(193,237,0,.1); font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }
.bda-article-meta > span:first-child::before { display: none; }

.bda-featured-wrap { position: relative; z-index: 3; margin-top: -105px; }
.bda-featured-image { position: relative; max-width: 1280px; min-height: 520px; margin: 0 auto; overflow: hidden; border: 1px solid rgba(193,237,0,.12); border-radius: 26px; background: #101411; box-shadow: 0 28px 65px rgba(8,11,9,.22); }
.bda-featured-image img { display: block; width: 100%; height: 100%; min-height: 520px; object-fit: cover; }
.bda-featured-fallback { position: absolute; inset: 0; display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle at 68% 25%, rgba(193,237,0,.18), transparent 28%), #101411; }
.bda-featured-fallback b { position: relative; z-index: 2; display: grid; width: 92px; height: 92px; place-items: center; border: 1px solid rgba(193,237,0,.25); border-radius: 22px; color: #c1ed00; background: #151b16; font-size: 26px; }
.bda-featured-fallback i { position: absolute; width: 140%; height: 1px; background: linear-gradient(90deg, transparent, rgba(193,237,0,.28), transparent); transform: rotate(-16deg); }
.bda-featured-fallback i:nth-child(2) { transform: translateY(80px) rotate(-16deg); }
.bda-featured-fallback i:nth-child(3) { transform: translateY(-80px) rotate(-16deg); }

.bda-reading { padding: clamp(84px, 9vw, 128px) 0 98px; background: #f4f7f2; }
.bda-reading__container { display: grid; grid-template-columns: 72px minmax(0, 820px) 240px; justify-content: center; gap: clamp(32px, 4vw, 58px); max-width: 1280px; margin: 0 auto; padding: 0 24px; }
.bda-reading__container--no-toc { grid-template-columns: 72px minmax(0, 820px); }
.bda-share__sticky, .bda-toc__sticky { position: sticky; top: 122px; }
.bda-share__sticky { display: flex; align-items: center; flex-direction: column; gap: 9px; }
.bda-share__sticky > span { margin-bottom: 5px; color: #8a948c; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; writing-mode: vertical-rl; transform: rotate(180deg); }
.bda-share button, .bda-share a { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid #dde5d9; border-radius: 12px; color: #5f6c62; background: #fff; cursor: pointer; transition: border-color .2s ease, color .2s ease, transform .2s ease; }
.bda-share button { padding: 0; font: inherit; }
.bda-share button em { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.bda-share button:hover, .bda-share a:hover, .bda-share button.is-copied { border-color: #b9d05b; color: #526500; transform: translateY(-1px); }
.bda-share i { font-size: 18px; }
.bda-share a > span, .bda-mobile-share a > span { font-size: 11px; font-weight: 800; letter-spacing: -.03em; }

.bda-prose { color: #263029; font-size: 17px; line-height: 1.8; overflow-wrap: anywhere; }
.bda-prose > *:first-child { margin-top: 0 !important; }
.bda-prose p, .bda-prose .blog-item__desc { margin: 0 0 1.35em !important; padding: 0 !important; color: #263029 !important; font: inherit !important; line-height: 1.8 !important; text-align: left !important; }
.bda-prose h2, .bda-prose h3, .bda-prose h4 { scroll-margin-top: 125px; color: #121613; font-weight: 700; letter-spacing: -.03em; }
.bda-prose h2 { margin: 1.8em 0 .7em; font-size: clamp(32px, 3.2vw, 40px); line-height: 1.17; }
.bda-prose h3 { margin: 1.6em 0 .65em; font-size: clamp(25px, 2.4vw, 30px); line-height: 1.24; }
.bda-prose h4 { margin: 1.5em 0 .6em; font-size: 21px; line-height: 1.3; }
.bda-prose a { color: #1f2a21; text-decoration: underline; text-decoration-color: #9dbe0b; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.bda-prose a:hover { color: #526500; }
.bda-prose ul, .bda-prose ol { margin: 0 0 1.5em; padding-left: 1.45em; }
.bda-prose li { margin: .45em 0; padding-left: .35em; }
.bda-prose li::marker { color: #769000; font-weight: 700; }
.bda-prose blockquote, .bda-prose .highlited-text { margin: 2.3em 0 !important; padding: 25px 28px !important; border: 0 !important; border-left: 4px solid #c1ed00 !important; border-radius: 0 14px 14px 0 !important; color: #263029 !important; background: #ebf1e8 !important; }
.bda-prose blockquote p, .bda-prose .highlited-text p, .bda-prose .highlited-text__desc { margin: 0 !important; color: #263029 !important; font-size: 20px !important; font-style: normal !important; font-weight: 600 !important; line-height: 1.55 !important; text-align: left !important; }
.bda-prose img { display: block; max-width: 100%; height: auto; margin: 2em auto; border-radius: 16px; }
.bda-prose figure { max-width: 100%; margin: 2em 0; }
.bda-prose figcaption { margin-top: -1em; color: #8a948c; font-size: 12px; text-align: center; }
.bda-prose hr { margin: 2.8em 0; border: 0; border-top: 1px solid #dde5d9; }
.bda-prose table { width: 100%; min-width: 620px; border-collapse: collapse; color: #263029; background: #fff; font-size: 14px; }
.bda-prose table th, .bda-prose table td { padding: 14px 16px; border: 1px solid #dde5d9; text-align: left; }
.bda-prose table th { color: #121613; background: #ebf1e8; font-weight: 700; }
.bda-prose code { padding: .15em .4em; border-radius: 6px; color: #263029; background: #ebf1e8; font-family: "JetBrains Mono", monospace; font-size: .88em; }
.bda-prose pre { max-width: 100%; margin: 0; overflow-x: auto; padding: 28px; border: 1px solid rgba(193,237,0,.12); border-radius: 14px; color: #f3f6f1; background: #080b09; font: 13px/1.8 "JetBrains Mono", monospace; }
.bda-prose pre code { padding: 0; color: inherit; background: transparent; font: inherit; }
.bda-prose iframe, .bda-prose video { width: 100%; max-width: 100%; aspect-ratio: 16/9; border: 0; border-radius: 14px; }
.bda-prose div:has(> table) { max-width: 100%; overflow-x: auto; }
.bda-code-wrap { position: relative; margin: 2em 0; }
.bda-code-copy { position: absolute; z-index: 2; top: 10px; right: 10px; padding: 7px 10px; border: 1px solid rgba(255,255,255,.15); border-radius: 7px; color: #c1ed00; background: #151a16; font: 10px "Plus Jakarta Sans", sans-serif; cursor: pointer; }

.bda-toc__sticky { padding-left: 22px; border-left: 1px solid #dde5d9; }
.bda-toc__sticky > span { display: block; margin-bottom: 18px; color: #121613; font-size: 12px; font-weight: 700; }
.bda-toc ol { margin: 0; padding: 0; list-style: none; }
.bda-toc li { margin: 0 0 12px; }
.bda-toc li.is-subheading { padding-left: 13px; }
.bda-toc a { display: block; color: #7b877e; font-size: 12px; line-height: 1.5; }
.bda-toc a:hover, .bda-toc a.active { color: #121613; }
.bda-toc a.active { position: relative; font-weight: 700; }
.bda-toc a.active::before { content: ""; position: absolute; top: 3px; left: -25px; width: 5px; height: 14px; border-radius: 99px; background: #c1ed00; }
.bda-toc__sticky > a { display: flex; align-items: center; gap: 8px; margin-top: 22px; padding-top: 18px; border-top: 1px solid #dde5d9; color: #526500; font-size: 11px; font-weight: 700; }
.bda-mobile-toc { display: none; }
.bda-mobile-share { display: none; }
.bda-article-comments { margin-top: 54px; padding-top: 34px; border-top: 1px solid #dde5d9; }
.bda-article-comments:empty { display: none; }

.bda-article-nav { padding: 0 0 100px; background: #f4f7f2; }
.bda-article-nav__inner { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; max-width: 980px; margin: 0 auto; padding: 0 24px; }
.bda-article-nav a { min-height: 135px; padding: 25px 28px; border: 1px solid #dde5d9; border-radius: 18px; color: #121613; background: #fff; box-shadow: 0 9px 24px rgba(19,30,20,.04); transition: transform .2s ease, border-color .2s ease; }
.bda-article-nav a:hover { transform: translateY(-2px); border-color: #c4d1bf; }
.bda-article-nav a:last-child { text-align: right; }
.bda-article-nav a span { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; color: #7c897f; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; }
.bda-article-nav a:last-child span { justify-content: flex-end; }
.bda-article-nav a b { display: block; font-size: 15px; line-height: 1.45; }

.bda-related { padding: clamp(82px, 8vw, 118px) 0; background: #ebf1e8; }
.bda-related__header { display: flex; align-items: flex-end; justify-content: space-between; gap: 34px; margin-bottom: 42px; }
.bda-related__header h2 { margin: 15px 0 0; color: #121613; }
.bda-related__grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 22px; }
.bda-related-card { overflow: hidden; border: 1px solid #dde5d9; border-radius: 20px; background: #fff; box-shadow: 0 11px 28px rgba(19,30,20,.05); transition: transform .25s ease, border-color .25s ease; }
.bda-related-card:hover { transform: translateY(-2px); border-color: #c5d3c0; }
.bda-related-card__media { position: relative; display: block; min-height: 215px; overflow: hidden; background: #101411; }
.bda-related-card__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.bda-related-card:hover img { transform: scale(1.025); }
.bda-related-fallback { position: absolute; inset: 0; display: grid; place-items: center; color: #c1ed00; background: radial-gradient(circle at 65% 25%, rgba(193,237,0,.17), transparent 28%), #101411; font-size: 23px; font-weight: 800; }
.bda-related-card > div { display: flex; min-height: 220px; padding: 24px; flex-direction: column; align-items: flex-start; }
.bda-related-card > div > span { color: #8a948c; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; }
.bda-related-card h3 { margin: 16px 0 20px; font-size: 20px; line-height: 1.35; letter-spacing: -.02em; }
.bda-related-card h3 a { display: -webkit-box; overflow: hidden; color: #121613; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.bda-related-card__link { display: flex; align-items: center; gap: 8px; margin-top: auto; color: #526500; font-size: 12px; font-weight: 700; }
.bda-related-card__link i { transition: transform .2s ease; }
.bda-related-card__link:hover i { transform: translateX(3px); }

.bda-article-newsletter { padding: 90px 0; background: #f4f7f2; }
.bda-article-newsletter__inner { display: grid; grid-template-columns: minmax(0,1fr) minmax(440px,.9fr); align-items: center; gap: 78px; }
.bda-article-newsletter h2 { margin: 16px 0 0; color: #121613; font-size: clamp(36px,3.5vw,50px); line-height: 1.08; letter-spacing: -.04em; }
.bda-article-newsletter form { padding: 25px; border: 1px solid #dde5d9; border-radius: 18px; background: #fff; box-shadow: 0 11px 28px rgba(19,30,20,.05); }
.bda-article-newsletter label { display: block; margin-bottom: 9px; color: #39443b; font-size: 12px; font-weight: 700; }
.bda-article-newsletter form > div { display: flex; gap: 10px; }
.bda-article-newsletter input { min-width: 0; height: 52px; padding: 0 16px; flex: 1; border: 1px solid #dde5d9; border-radius: 12px; color: #121613; background: #fff; font: 14px "Plus Jakarta Sans", sans-serif; outline: 0; }
.bda-article-newsletter input:focus { border-color: #91b000; box-shadow: 0 0 0 4px rgba(193,237,0,.16); }
.bda-article-newsletter button { flex: 0 0 auto; border: 0; }
.bda-article-newsletter button:disabled { cursor: wait; opacity: .7; }
.bda-article-newsletter form > p { min-height: 18px; margin: 9px 2px 0; color: #5f6c62; font-size: 11px; }

.bda-article-final { padding: 0 0 110px; background: #f4f7f2; }
.bda-article-final__panel { position: relative; display: grid; grid-template-columns: minmax(0,1fr) 400px; align-items: center; min-height: 430px; overflow: hidden; padding: clamp(38px,6vw,70px); border: 1px solid rgba(193,237,0,.12); border-radius: 26px; color: #fff; background: radial-gradient(circle at 85% 25%, rgba(193,237,0,.13), transparent 30%), #080b09; }
.bda-article-final__panel::before { content: ""; position: absolute; inset: 0; opacity: .17; background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px); background-size: 58px 58px; }
.bda-article-final__panel > * { position: relative; z-index: 1; }
.bda-article-final h2 { margin: 18px 0; color: #fff; font-size: clamp(38px,4vw,56px); line-height: 1.05; letter-spacing: -.045em; }
.bda-article-final h2 em { color: #c1ed00; font-style: normal; }
.bda-article-final p { max-width: 620px; margin-bottom: 28px; color: rgba(255,255,255,.64); font-size: 14px; line-height: 1.75; }
.bda-article-final__panel > div:first-child > div { display: flex; flex-wrap: wrap; gap: 12px; }
.bda-article-final__visual { position: relative; min-height: 280px; }
.bda-article-final__visual span { position: absolute; z-index: 2; width: 170px; height: 76px; border: 1px solid rgba(193,237,0,.14); border-radius: 14px; background: #121713; box-shadow: 0 15px 30px rgba(0,0,0,.24); }
.bda-article-final__visual span:nth-child(1) { top: 10px; right: 120px; }
.bda-article-final__visual span:nth-child(2) { top: 102px; right: 15px; }
.bda-article-final__visual span:nth-child(3) { top: 194px; right: 120px; }
.bda-article-final__visual b { position: absolute; z-index: 3; color: #dbe4dc; font-size: 10px; font-weight: 600; }
.bda-article-final__visual b:nth-of-type(1) { top: 38px; right: 205px; }
.bda-article-final__visual b:nth-of-type(2) { top: 130px; right: 78px; }
.bda-article-final__visual b:nth-of-type(3) { top: 222px; right: 175px; }
.bda-article-final__visual i { position: absolute; z-index: 1; width: 190px; height: 1px; background: #c1ed00; opacity: .45; transform: rotate(28deg); }
.bda-article-final__visual i:nth-of-type(1) { top: 95px; right: 86px; }
.bda-article-final__visual i:nth-of-type(2) { top: 185px; right: 86px; transform: rotate(-28deg); }

.bda-article-page a:focus-visible, .bda-article-page button:focus-visible, .bda-article-page input:focus-visible, .bda-article-page summary:focus-visible { outline: 3px solid rgba(193,237,0,.48); outline-offset: 3px; }

@media (max-width: 1199px) {
    .bda-reading__container { grid-template-columns: 60px minmax(0,760px) 210px; gap: 30px; }
    .bda-reading__container--no-toc { grid-template-columns: 60px minmax(0,780px); }
    .bda-featured-image, .bda-featured-image img { min-height: 470px; }
    .bda-article-final__panel { grid-template-columns: 1fr 340px; }
}

@media (max-width: 991px) {
    .bda-article-hero { min-height: 560px; padding: 145px 0 130px; }
    .bda-featured-wrap { margin-top: -85px; }
    .bda-featured-image, .bda-featured-image img { min-height: 410px; }
    .bda-reading__container, .bda-reading__container--no-toc { grid-template-columns: 1fr; max-width: 820px; }
    .bda-share, .bda-toc { display: none; }
    .bda-mobile-share { display: block; margin-top: 48px; padding-top: 28px; border-top: 1px solid #dde5d9; }
    .bda-mobile-share > span { display: block; margin-bottom: 14px; color: #5f6c62; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; }
    .bda-mobile-share > div { display: flex; gap: 9px; }
    .bda-mobile-share button, .bda-mobile-share a { display: flex; min-width: 44px; height: 44px; padding: 0 13px; align-items: center; justify-content: center; gap: 8px; border: 1px solid #dde5d9; border-radius: 11px; color: #5f6c62; background: #fff; font: 12px "Plus Jakarta Sans", sans-serif; }
    .bda-mobile-share button em { font-style: normal; }
    .bda-mobile-toc { display: block; margin: 0 0 42px; border: 1px solid #dde5d9; border-radius: 14px; background: #fff; }
    .bda-mobile-toc summary { display: flex; min-height: 54px; padding: 0 17px; align-items: center; justify-content: space-between; color: #121613; font-size: 13px; font-weight: 700; cursor: pointer; list-style: none; }
    .bda-mobile-toc summary::-webkit-details-marker { display: none; }
    .bda-mobile-toc[open] summary i { transform: rotate(180deg); }
    .bda-mobile-toc nav { padding: 0 18px 16px; border-top: 1px solid #eef1ec; }
    .bda-mobile-toc ol { margin: 14px 0 0; padding-left: 18px; }
    .bda-mobile-toc li { margin: 9px 0; }
    .bda-mobile-toc a { color: #5f6c62; font-size: 12px; }
    .bda-related__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .bda-article-newsletter__inner { grid-template-columns: 1fr; gap: 38px; }
    .bda-article-final__panel { grid-template-columns: 1fr; gap: 36px; }
    .bda-article-final__visual { width: min(100%,440px); margin: 0 auto; }
}

@media (max-width: 767px) {
    .bda-reading-progress { top: 72px; }
    .bda-article-hero { min-height: 500px; padding: 125px 0 105px; }
    .bda-article-breadcrumb { justify-content: flex-start; margin-bottom: 32px; }
    .bda-article-hero__inner { text-align: left; }
    .bda-article-hero h1 { margin-left: 0; font-size: clamp(39px,10vw,54px); }
    .bda-article-meta { justify-content: flex-start; }
    .bda-featured-wrap { margin-top: -62px; }
    .bda-featured-image { border-radius: 19px; }
    .bda-featured-image, .bda-featured-image img { min-height: 330px; }
    .bda-reading { padding: 72px 0 78px; }
    .bda-prose { font-size: 16px; line-height: 1.78; }
    .bda-prose p, .bda-prose .blog-item__desc { line-height: 1.78 !important; }
    .bda-article-nav { padding-bottom: 75px; }
    .bda-article-nav__inner { grid-template-columns: 1fr; }
    .bda-article-nav__inner > span { display: none; }
    .bda-article-nav a:last-child { text-align: left; }
    .bda-article-nav a:last-child span { justify-content: flex-start; }
    .bda-related__header { align-items: flex-start; flex-direction: column; }
    .bda-related__grid { grid-template-columns: 1fr; }
    .bda-related-card__media { min-height: 250px; }
    .bda-article-newsletter form > div { flex-direction: column; }
    .bda-article-newsletter button { width: 100%; justify-content: center; }
    .bda-article-final__panel { padding: 40px 25px; border-radius: 21px; }
}

@media (max-width: 575px) {
    .bda-article-hero { padding-bottom: 90px; }
    .bda-article-breadcrumb span:last-child { max-width: 130px; }
    .bda-article-meta { gap: 8px 9px; }
    .bda-article-meta > * + *::before { margin-right: 9px; }
    .bda-featured-image, .bda-featured-image img { min-height: 245px; }
    .bda-reading__container { padding: 0 20px; }
    .bda-prose blockquote, .bda-prose .highlited-text { padding: 21px 20px !important; }
    .bda-prose blockquote p, .bda-prose .highlited-text p, .bda-prose .highlited-text__desc { font-size: 18px !important; }
    .bda-mobile-share > div { flex-wrap: wrap; }
    .bda-related__header .bd-button { width: 100%; justify-content: center; }
    .bda-article-newsletter form { padding: 20px; }
    .bda-article-final__panel > div:first-child > div { flex-direction: column; }
    .bda-article-final__panel .bd-button { width: 100%; justify-content: center; }
    .bda-article-final__visual { min-height: 245px; margin-left: -32px; transform: scale(.78); transform-origin: center top; }
}

@media (prefers-reduced-motion: reduce) {
    .bda-reading-progress span { transition: none; }
    .bda-article-page *, .bda-article-page *::before, .bda-article-page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}