/* Care Career Tech — Blog (listing .blg- + detail .bd-)  red theme */
:root{
  --b-red:#f05151; --b-red2:#fa6f6f; --b-deep:#b3261e; --b-ink:#1a1110;
  --b-muted:#5b6478; --b-soft:#fff2f1; --b-line:#f1e2e0;
  --b-grad:linear-gradient(120deg,#f05151,#fa6f6f);
  --b-grad-dark:linear-gradient(135deg,#2a1212,#160d06);
}
.breadcrumb__area.blg-hero,.breadcrumb__area.bd-hero{position:relative;overflow:hidden}
.breadcrumb__area.blg-hero::after,.breadcrumb__area.bd-hero::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(120deg,rgba(20,8,8,.9),rgba(58,22,22,.7) 45%,rgba(192,50,42,.55)),url("https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?auto=format&fit=crop&w=2000&q=72");background-size:cover;background-position:center}
.breadcrumb__area.bd-hero::after{background:linear-gradient(120deg,rgba(20,8,8,.92),rgba(58,22,22,.72) 45%,rgba(192,50,42,.5)),url("https://images.unsplash.com/photo-1530497610245-94d3c16cda28?auto=format&fit=crop&w=2000&q=72");background-size:cover;background-position:center}
.breadcrumb__area.blg-hero .breadcrumb__wrapper,.breadcrumb__area.bd-hero .breadcrumb__wrapper{position:relative;z-index:2}
.breadcrumb__area.blg-hero .breadcrumb__thumb,.breadcrumb__area.blg-hero .breadcrumb__thumb_2,.breadcrumb__area.bd-hero .breadcrumb__thumb,.breadcrumb__area.bd-hero .breadcrumb__thumb_2{opacity:0!important}

.blg-wrap{padding:96px 0}
.blg-head{text-align:center;max-width:760px;margin:0 auto 14px}
.blg-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--b-deep);background:var(--b-soft);border:1px solid rgba(240,81,81,.18);padding:8px 16px;border-radius:999px;margin-bottom:18px}
.blg-head h2{font-size:40px;line-height:1.12;font-weight:800;color:var(--b-ink);margin:0 0 14px}
.blg-head p{font-size:16.5px;line-height:1.7;color:var(--b-muted);margin:0}
.blg-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;margin:34px 0 30px}
.blg-search{position:relative;flex:1 1 280px;max-width:360px}
.blg-search i{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--b-red);font-size:15px}
.blg-search input{width:100%;border:1px solid var(--b-line);background:#fff;border-radius:999px;padding:14px 20px 14px 44px;font-size:14.5px;color:var(--b-ink);outline:none;transition:border-color .3s,box-shadow .3s}
.blg-search input:focus{border-color:var(--b-red);box-shadow:0 0 0 4px rgba(240,81,81,.12)}
.blg-filter{display:flex;flex-wrap:wrap;gap:10px}
.blg-chip{cursor:pointer;border:1px solid var(--b-line);background:#fff;color:#5a4f4e;font-size:13px;font-weight:600;padding:9px 16px;border-radius:999px;transition:all .3s}
.blg-chip:hover{border-color:var(--b-red);color:var(--b-red)}
.blg-chip.active{background:var(--b-grad);border-color:transparent;color:#fff;box-shadow:0 12px 24px -12px rgba(240,81,81,.7)}
.blg-featured{display:grid;grid-template-columns:1.15fr 1fr;background:#fff;border:1px solid var(--b-line);border-radius:24px;overflow:hidden;box-shadow:0 30px 70px -45px rgba(26,17,16,.55);margin-bottom:34px}
.blg-featured .blg-fimg{position:relative;min-height:340px;overflow:hidden}
.blg-featured .blg-fimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.blg-featured:hover .blg-fimg img{transform:scale(1.06)}
.blg-featured .blg-fbody{padding:44px;display:flex;flex-direction:column;justify-content:center}
.blg-ftag{align-self:flex-start;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--b-grad);padding:7px 15px;border-radius:999px;margin-bottom:16px}
.blg-featured h3{font-size:27px;line-height:1.2;font-weight:800;color:var(--b-ink);margin:0 0 14px}
.blg-featured h3 a{color:inherit;text-decoration:none}.blg-featured h3 a:hover{color:var(--b-red)}
.blg-featured p{font-size:15.5px;line-height:1.7;color:var(--b-muted);margin:0 0 22px}
.blg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.blg-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--b-line);border-radius:20px;overflow:hidden;box-shadow:0 18px 50px -34px rgba(26,17,16,.5);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.blg-card:hover{transform:translateY(-9px);box-shadow:0 38px 76px -38px rgba(240,81,81,.5)}
.blg-chead{position:relative;height:200px;overflow:hidden}
.blg-chead img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.blg-card:hover .blg-chead img{transform:scale(1.08)}
.blg-chead::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(26,17,16,.28))}
.blg-cbody{display:flex;flex-direction:column;flex:1;padding:24px 24px 26px}
.blg-cat{align-self:flex-start;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--b-deep);background:var(--b-soft);border:1px solid rgba(240,81,81,.18);border-radius:999px;padding:5px 12px;margin-bottom:14px}
.blg-card h4{font-size:19px;line-height:1.34;font-weight:700;color:var(--b-ink);margin:0 0 11px}
.blg-card h4 a{color:inherit;text-decoration:none;transition:color .3s}
.blg-card h4 a:hover{color:var(--b-red)}
.blg-card p{font-size:14px;line-height:1.62;color:var(--b-muted);margin:0 0 18px;flex:1}
.blg-meta{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--b-line);padding-top:15px}
.blg-meta .who{font-size:12.5px;color:#8a8180;display:inline-flex;align-items:center;gap:7px}
.blg-more{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;color:var(--b-red);text-decoration:none;transition:gap .3s}
.blg-more i{transition:transform .3s}
.blg-more:hover{color:var(--b-deep)}.blg-more:hover i{transform:translateX(4px)}
.blg-empty{display:none;text-align:center;padding:60px 20px;color:var(--b-muted);font-size:16px}
.blg-card.hide,.blg-featured.hide{display:none}

.bd-wrap{padding:90px 0}
.bd-inner{max-width:860px;margin:0 auto}
.bd-topmeta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:22px}
.bd-tag{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--b-grad);padding:7px 15px;border-radius:999px}
.bd-topmeta .m{font-size:13.5px;color:var(--b-muted);display:inline-flex;align-items:center;gap:7px}
.bd-topmeta .m i{color:var(--b-red)}
.bd-figure{border-radius:22px;overflow:hidden;margin:0 0 36px;box-shadow:0 30px 70px -42px rgba(26,17,16,.6)}
.bd-figure img{width:100%;height:auto;display:block}
.bd-content{font-size:16.5px;line-height:1.85;color:#403a39}
.bd-content p{margin:0 0 22px}
.bd-content h3{font-size:24px;font-weight:800;color:var(--b-ink);margin:38px 0 16px;line-height:1.25}
.bd-content h3::before{content:"";display:inline-block;width:26px;height:4px;border-radius:3px;background:var(--b-grad);margin-right:12px;vertical-align:middle}
.bd-content ul{margin:0 0 24px;padding:0;list-style:none}
.bd-content ul li{position:relative;padding-left:32px;margin-bottom:13px}
.bd-content ul li::before{content:"\f00c";font-family:"Font Awesome 6 Pro","Font Awesome 6 Free";font-weight:900;position:absolute;left:0;top:2px;color:var(--b-red);font-size:14px}
.bd-quote{margin:30px 0;padding:26px 30px;background:var(--b-soft);border-left:4px solid var(--b-red);border-radius:0 16px 16px 0;font-size:18px;line-height:1.6;color:var(--b-ink);font-style:italic}
.bd-share{display:flex;align-items:center;gap:14px;margin:38px 0 0;padding-top:26px;border-top:1px solid var(--b-line)}
.bd-share span{font-size:14px;font-weight:700;color:var(--b-ink)}
.bd-share a{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--b-soft);color:var(--b-deep);font-size:15px;transition:all .3s;text-decoration:none}
.bd-share a:hover{background:var(--b-grad);color:#fff;transform:translateY(-3px)}
.bd-related{background:var(--b-soft);padding:80px 0;margin-top:0}
.bd-related h3{text-align:center;font-size:30px;font-weight:800;color:var(--b-ink);margin:0 0 34px}
.bd-rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;max-width:1100px;margin:0 auto}
.bd-cta{padding:80px 0}
.bd-ctabox{position:relative;overflow:hidden;border-radius:26px;padding:60px 40px;text-align:center;background:var(--b-grad-dark);box-shadow:0 40px 90px -50px rgba(26,17,16,.9);max-width:1100px;margin:0 auto}
.bd-ctabox::after{content:"";position:absolute;inset:0;background:radial-gradient(700px 360px at 85% 12%,rgba(250,111,111,.25),transparent 60%),radial-gradient(560px 320px at 8% 95%,rgba(240,81,81,.28),transparent 60%);pointer-events:none}
.bd-ctabox>*{position:relative;z-index:2}
.bd-ctabox h3{color:#fff;font-size:30px;font-weight:800;margin:0 0 12px}
.bd-ctabox p{color:rgba(255,255,255,.85);font-size:16px;max-width:620px;margin:0 auto 26px}
.bd-btn{display:inline-flex;align-items:center;gap:9px;background:var(--b-grad);color:#fff;font-weight:700;font-size:15px;padding:15px 30px;border-radius:999px;text-decoration:none;box-shadow:0 16px 34px -16px rgba(240,81,81,.9);transition:transform .3s,box-shadow .3s}
.bd-btn:hover{transform:translateY(-3px);box-shadow:0 24px 46px -18px rgba(240,81,81,1)}
@media(max-width:991px){.blg-grid,.bd-rgrid{grid-template-columns:repeat(2,1fr)}.blg-featured{grid-template-columns:1fr}.blg-featured .blg-fimg{min-height:240px}.blg-head h2{font-size:32px}}
@media(max-width:575px){.blg-grid,.bd-rgrid{grid-template-columns:1fr}.blg-featured .blg-fbody{padding:30px 26px}.blg-toolbar{flex-direction:column;align-items:stretch}.blg-search{max-width:none}.bd-content{font-size:15.5px}}