/* 1001RENK BLOG DETAIL */
.bd-page{background:var(--paper);color:var(--text);font-family:Poppins,sans-serif}
.bd-hero{padding:46px 0 40px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 84% 12%,rgba(112,82,255,.07),transparent 30%),var(--paper)}
.bd-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:54px;align-items:end}
.bd-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:18px;color:var(--muted);font-size:10px}
.bd-breadcrumb a{color:var(--muted)}.bd-breadcrumb i{font-size:7px}
.bd-category{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:30px;background:rgba(112,82,255,.08);color:var(--purple);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}
.bd-hero h1{max-width:900px;margin:13px 0 13px;font-size:clamp(34px,4.2vw,54px);line-height:1.08;letter-spacing:-1.8px}
.bd-lead{max-width:820px;margin:0;color:var(--muted);font-size:14px;line-height:1.75}
.bd-meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:20px;color:var(--muted);font-size:10px}
.bd-meta span{display:inline-flex;align-items:center;gap:6px}
.bd-hero-aside{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--paper2)}
.bd-hero-aside>span{display:block;color:var(--purple);font-size:9px;font-weight:800;letter-spacing:.9px}
.bd-hero-aside>strong{display:block;margin-top:8px;font-size:14px;line-height:1.6}
.bd-hero-aside>a{display:inline-flex;align-items:center;gap:7px;margin-top:14px;color:var(--text);font-size:10px;font-weight:800}
.bd-cover-section{padding:30px 0 0}
.bd-cover{height:min(56vw,540px);margin:0;overflow:hidden;border-radius:22px;background:var(--paper2);box-shadow:0 24px 70px rgba(15,20,30,.07)}
.bd-cover img{width:100%;height:100%;display:block;object-fit:cover}
.bd-body{padding:54px 0 70px}
.bd-layout{display:grid;grid-template-columns:230px minmax(0,760px);justify-content:center;gap:42px;align-items:start}
.bd-sidebar{position:sticky;top:90px;display:grid;gap:12px}
.bd-sidebar-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}
.bd-side-kicker{display:block;margin-bottom:9px;color:var(--purple);font-size:9px;font-weight:800;letter-spacing:.9px}
.bd-info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.bd-info-row:last-child{border-bottom:0}.bd-info-row small{color:var(--muted);font-size:10px}.bd-info-row strong{font-size:10px}
.bd-side-links{display:grid}.bd-side-links a{min-height:42px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:var(--text);font-size:10px;font-weight:700}.bd-side-links a:first-child{border-top:0}.bd-side-links i{color:var(--purple);font-size:9px}
.bd-article{min-width:0;font-size:15px;line-height:1.9}
.bd-article>*:first-child{margin-top:0}
.bd-article p{margin:0 0 20px;color:#5e6470}
.bd-article h2{margin:38px 0 14px;font-size:28px;line-height:1.28;letter-spacing:-.7px}
.bd-article h3{margin:30px 0 12px;font-size:21px;line-height:1.35}
.bd-article h4{margin:24px 0 10px;font-size:17px}
.bd-article strong{color:var(--text)}
.bd-article a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
.bd-article img{max-width:100%;height:auto;display:block;margin:25px 0;border-radius:16px}
.bd-article blockquote{margin:26px 0;padding:20px 22px;border-left:3px solid var(--purple);border-radius:0 14px 14px 0;background:var(--paper2);font-size:15px;line-height:1.75}
.bd-article ul,.bd-article ol{margin:0 0 20px;padding-left:22px}
.bd-article li{margin-bottom:7px;color:#5e6470}
.bd-article pre{overflow:auto;margin:24px 0;padding:18px;border-radius:14px;background:#15171d;color:#fff;font:12px/1.7 Consolas,monospace}
.bd-article code{font-family:Consolas,monospace}
.bd-article table{width:100%;margin:24px 0;border-collapse:collapse;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.bd-article th,.bd-article td{padding:11px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}
.bd-article th{background:var(--paper2)}
.bd-discussion{padding:58px 0 68px;border-top:1px solid var(--line);background:var(--paper2)}
.bd-discussion-inner{max-width:960px}
.bd-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}
.bd-section-head span{display:block;color:var(--purple);font-size:9px;font-weight:800;letter-spacing:.9px}
.bd-section-head h2{margin:4px 0 0;font-size:28px;letter-spacing:-.7px}
.bd-section-head>p,.bd-section-head>a{margin:0;color:var(--muted);font-size:10px}
.bd-related{padding:66px 0 80px;background:var(--paper)}
.bd-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.bd-related-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--text);transition:.2s ease}
.bd-related-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.bd-related-media{height:200px;overflow:hidden;background:var(--paper2)}
.bd-related-media img{width:100%;height:100%;display:block;object-fit:cover}
.bd-related-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#7052ff,#e84ba5,#ff8b58)}
.bd-related-body{padding:16px}
.bd-related-body>span{display:block;color:var(--purple);font-size:9px;font-weight:800;text-transform:uppercase}
.bd-related-body h3{margin:5px 0 7px;font-size:17px;line-height:1.4}
.bd-related-body p{display:-webkit-box;margin:0;overflow:hidden;color:var(--muted);font-size:10px;line-height:1.65;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.bd-related-body strong{display:inline-flex;align-items:center;gap:7px;margin-top:12px;font-size:10px}
@media(max-width:1000px){
  .bd-hero-grid{grid-template-columns:1fr}
  .bd-hero-aside{display:none}
  .bd-layout{grid-template-columns:1fr;max-width:800px}
  .bd-sidebar{position:static;grid-template-columns:1fr 1fr}
  .bd-related-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .bd-hero{padding:32px 0 30px}
  .bd-hero h1{font-size:34px;letter-spacing:-1px}
  .bd-lead{font-size:12px}
  .bd-meta{gap:10px}
  .bd-cover-section{padding-top:18px}
  .bd-cover{height:270px;border-radius:15px}
  .bd-body{padding:38px 0 50px}
  .bd-sidebar{grid-template-columns:1fr}
  .bd-article{font-size:14px}
  .bd-article h2{font-size:24px}
  .bd-article h3{font-size:19px}
  .bd-discussion,.bd-related{padding:48px 0 55px}
  .bd-related-grid{grid-template-columns:1fr}
  .bd-section-head{align-items:flex-start;flex-direction:column}
}
