/* ═══ BLOG DETAIL — standalone, no external deps ═══ */
.scs-bd{--deep:#194452;--green:#28876b;--sky:#80c3d8;--sky2:#d9edf4;--mint:#eef6f2;--cloud:#f4fafb;
  --line:#dcebe7;--line2:#c9e0da;--muted:#5b7480;--ink:#1c3d47;
  --fh:'Prata',Georgia,serif;--fb:'Karla',system-ui,'Segoe UI',sans-serif;
  padding:150px 0 90px;background:#fff;font-family:var(--fb);color:var(--ink)}
.bd-wrap{max-width:1280px;margin:0 auto;padding:0 24px}
.bd-crumbs{display:flex;align-items:center;gap:10px;margin-bottom:30px;
  font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.bd-crumbs a{color:var(--muted);text-decoration:none}
.bd-crumbs a:hover{color:var(--green)}
.bd-crumbs i{font-size:9px;color:var(--sky)}
.bd-crumbs span{color:var(--green)}
.bd-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:44px;align-items:start}

/* LEFT — article */
.bd-media{margin:0 0 26px;border-radius:18px 18px 18px 5px;overflow:hidden;border:1px solid var(--line2);
  box-shadow:0 18px 45px rgba(25,68,82,.12);background:linear-gradient(150deg,var(--sky2),var(--mint))}
.bd-media img{width:100%;max-height:480px;object-fit:cover;display:block}
.bd-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:0 0 14px;color:var(--muted);
  font-size:16px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.bd-meta .au{display:inline-flex;align-items:center;gap:9px;color:var(--deep)}
.bd-meta .au-ic{width:34px;height:34px;border-radius:50%;background:var(--mint);color:var(--green);
  display:grid;place-items:center;font-size:12px}
.bd-meta .sep{width:1px;height:16px;background:var(--line2)}
.bd-meta i{color:var(--green);margin-right:6px}
.bd-title{font-family:var(--fh);font-weight:400;color:var(--deep);font-size:clamp(26px,3.4vw,40px);line-height:1.18;margin:0 0 20px}
.bd-lead{border-left:3px solid var(--sky);padding-left:16px;font-weight:700;color:var(--ink);font-size:1.06rem;margin:0 0 24px}
.bd-body{max-width:74ch}
.bd-body p{color:var(--muted);line-height:1.85;margin:0 0 18px}
.bd-body h1,.bd-body h2,.bd-body h3,.bd-body h4{font-family:var(--fh);font-weight:400;color:var(--deep);margin:26px 0 12px}
.bd-body ul,.bd-body ol{list-style:none;margin:0 0 20px;padding:0}
.bd-body li{position:relative;padding:7px 0 7px 28px;color:var(--muted)}
.bd-body li::before{content:"\2713";color:var(--green);position:absolute;left:2px;top:9px;font-weight:700}
.bd-body img{max-width:100%;border-radius:14px;margin:14px 0}
.bd-share{margin-top:34px;border-top:1px solid var(--line2);padding-top:22px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bd-share .lbl{font-size:16px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-right:8px}
.bd-share a{width:38px;height:38px;border-radius:50%;background:var(--mint);border:1px solid var(--line2);
  color:var(--green);display:grid;place-items:center;text-decoration:none;transition:.3s}
.bd-share a:hover{background:var(--green);border-color:var(--green);color:#fff;transform:translateY(-3px)}

/* RIGHT — cards */
.bd-card{background:#fff;border:1px solid var(--line2);border-radius:16px 16px 16px 5px;overflow:hidden;margin-bottom:22px}
.bd-card-h{display:flex;align-items:center;gap:10px;margin:0;padding:16px 20px;border-bottom:1px solid var(--line);
  font-family:var(--fh);font-weight:400;font-size:20px;color:var(--deep)}
.bd-card-h::before{content:"";width:4px;height:18px;border-radius:4px;background:var(--green)}
.rp{display:flex;gap:14px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);text-decoration:none;transition:.25s}
.rp:last-child{border-bottom:0}
.rp:hover{background:var(--cloud);transform:translateX(4px)}
.rp img{width:70px;height:58px;object-fit:cover;border-radius:10px 10px 10px 3px;flex-shrink:0;background:var(--mint)}
.rp .d{display:block;font-size:.64rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.rp .d i{color:var(--green);margin-right:6px}
.rp .t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  color:var(--deep);font-weight:700;font-size:.92rem;line-height:1.4;transition:.25s}
.rp:hover .t{color:var(--green)}
.bd-cta{background:var(--deep);text-align:center;padding:34px 24px;position:relative;overflow:hidden;
  border-radius:16px 16px 16px 5px;margin-bottom:22px;color:#fff}
.bd-cta .bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.16}
.bd-cta>*:not(.bg){position:relative}
.bd-cta .ic{width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:var(--green);
  display:grid;place-items:center;font-size:18px;color:#fff}
.bd-cta .lbl{display:block;font-size:16px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.bd-cta .phone{font-family:var(--fh);font-size:24px;margin:8px 0 20px}
.bd-cta .phone a{color:#fff;text-decoration:none}
.bd-cta .phone a:hover{color:var(--sky)}
.bd-cta .btnw{display:inline-flex;gap:8px;align-items:center;background:#fff;color:var(--green);
  font-weight:700;padding:10px 22px;border-radius:99px;text-decoration:none;transition:.3s}
.bd-cta .btnw:hover{background:var(--sky2);color:var(--deep)}
.hrs{list-style:none;margin:0;padding:6px 0 10px}
.hrs li{display:flex;justify-content:space-between;gap:14px;margin:0 20px;padding:10px 0;
  border-bottom:1px dashed var(--line2);font-size:16px;color:var(--muted)}
.hrs li:last-child{border:0}
.hrs strong{color:var(--deep)}

/* responsive */
@media (max-width:991.98px){
  .scs-bd{padding-top:120px}
  .bd-grid{grid-template-columns:1fr}
}
@media (max-width:575.98px){
  .bd-wrap{padding:0 16px}
  .bd-media img{max-height:260px}
  .bd-meta .sep{display:none}
  .rp img{width:58px;height:50px}
}