/* Tin tức, bài viết, 404 */
.sbl{padding:clamp(28px,5vw,56px) 0 60px;font-family:'Geologica',system-ui,sans-serif;color:#C9D3EC}
.sbl *{box-sizing:border-box}
.sbl-in{width:min(1200px,calc(100% - 32px));margin:0 auto}
.sbl-narrow{width:min(860px,calc(100% - 32px))}
.sbl-bc{font-size:13.5px;color:#7D8BAE;margin-bottom:14px}.sbl-bc a{color:#A9B6D3;text-decoration:none}.sbl-bc a:hover{color:#29ABE2}
.sbl h1{color:#fff;font-size:clamp(28px,3.6vw,42px);line-height:1.18;margin:0 0 18px;font-weight:700;letter-spacing:-.3px}
.sbl-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}
.sbl-chips a{padding:8px 15px;border-radius:999px;border:1px solid rgba(140,170,240,.2);color:#C9D3EC;text-decoration:none;font-size:14px}
.sbl-chips a.on,.sbl-chips a:hover{background:linear-gradient(90deg,#29ABE2,#2F66E8);border-color:transparent;color:#fff}
.sbl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sbl-card a{display:flex;flex-direction:column;height:100%;border-radius:20px;overflow:hidden;border:1px solid rgba(140,170,240,.15);background:linear-gradient(180deg,#121C3D,#0F1733);text-decoration:none;color:inherit;transition:.25s}
.sbl-card a:hover{border-color:rgba(41,171,226,.55);transform:translateY(-4px)}
.sbl-img{display:grid;place-items:center;aspect-ratio:16/10;background:radial-gradient(70% 70% at 50% 42%,#4A6CC4,#2C4891 48%,#1C2D66);overflow:hidden}
.sbl-img img{width:100%;height:100%;object-fit:cover}.sbl-img i{font-style:normal;font-weight:800;letter-spacing:4px;color:rgba(255,255,255,.25)}
.sbl-b{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;flex:1}
.sbl-b small{color:#7D8BAE;font-size:12.5px}.sbl-b b{color:#EEF3FF;font-size:17px;line-height:1.35}.sbl-b span{color:#A9B6D3;font-size:14px}.sbl-b em{margin-top:auto;font-style:normal;color:#29ABE2;font-weight:600;font-size:14px}
.sbl-pg{margin:28px 0 0;text-align:center}.sbl-pg ul{display:inline-flex;gap:6px;list-style:none;padding:0;margin:0}
.sbl-pg a,.sbl-pg span{min-width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid rgba(140,170,240,.2);color:#C9D3EC;text-decoration:none}
.sbl-pg .current{background:linear-gradient(90deg,#29ABE2,#2F66E8);color:#fff;border-color:transparent}
.sbl-meta{color:#7D8BAE;font-size:14px;margin:-6px 0 20px}.sbl-meta a{color:#29ABE2;text-decoration:none}
.sbl-hero{margin:0 0 24px;border-radius:20px;overflow:hidden;border:1px solid rgba(140,170,240,.15)}.sbl-hero img{display:block;width:100%}
.sbl-content{font-size:16.5px;line-height:1.75;color:#C9D3EC}
.sbl-content h2,.sbl-content h3,.sbl-content h4{color:#EEF3FF;line-height:1.3;margin:1.6em 0 .6em}
.sbl-content a{color:#29ABE2}.sbl-content img{border-radius:14px;height:auto}
.sbl-content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}.sbl-content td,.sbl-content th{border:1px solid rgba(140,170,240,.18);padding:10px 12px}
.sbl-content blockquote{margin:1.4em 0;padding:14px 20px;border-left:4px solid #29ABE2;background:rgba(41,171,226,.06);border-radius:0 14px 14px 0}
.sbl-content iframe{max-width:100%;border-radius:14px}
.sbl-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.sbl-tags a{color:#A9B6D3;font-size:13.5px;text-decoration:none;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.04)}
.sbl-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:30px 0;padding:22px 24px;border-radius:20px;border:1px solid rgba(245,130,32,.3);background:linear-gradient(120deg,#15214A,#101936)}
.sbl-cta div{flex:1 1 260px}.sbl-cta b{display:block;color:#fff;font-size:18px}.sbl-cta span{color:#A9B6D3;font-size:14px}
.sbl-cta a{padding:12px 18px;border-radius:999px;color:#fff;text-decoration:none;font-weight:600;background:linear-gradient(90deg,#29ABE2,#2F66E8)}.sbl-cta a.o{background:linear-gradient(90deg,#F58220,#FF9A3D)}
.sbl-h2{color:#EEF3FF;font-size:22px;margin:34px 0 16px}
.sbl-empty{color:#A9B6D3}
.sbl-404{text-align:center;min-height:50vh}.sbl-404 small{color:#F58220;font-weight:700;letter-spacing:3px;text-transform:uppercase}.sbl-404 p{color:#A9B6D3}
.sbl-search{display:flex;gap:8px;max-width:560px;margin:22px auto;padding:6px;border-radius:999px;background:rgba(11,18,41,.75);border:1px solid rgba(140,170,240,.25)}
.sbl-search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#fff;font:inherit;padding:8px 14px}
.sbl-search button{border:0;border-radius:999px;padding:10px 20px;background:linear-gradient(90deg,#29ABE2,#2F66E8);color:#fff;font:inherit;font-weight:600;cursor:pointer}
.sbl-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.sbl-links a{padding:9px 16px;border-radius:999px;border:1px solid rgba(140,170,240,.25);color:#DDE7FF;text-decoration:none}
@media(max-width:900px){.sbl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.sbl-grid{grid-template-columns:minmax(0,1fr)}}
.sbl-hero img{max-height:560px;object-fit:cover}.sbl-content figure{margin:24px 0}.sbl-content figure img{display:block;width:100%;border-radius:16px;border:1px solid rgba(140,170,240,.15)}.sbl-content ul,.sbl-content ol{padding-left:22px}.sbl-content li{margin:6px 0}.sbl-content h3{font-size:19px}
/* ===== Bài dự án (bố cục mới) ===== */
.sbl-pj .sbl-in{width:min(1160px,calc(100% - 32px))}
.sbl-pj h1{max-width:900px}
.sbl-pj .sbl-content{font-size:16px;line-height:1.7}
.sbl-pj .sbl-content>section{margin:0 0 54px}
.pj-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(22px,4vw,48px);align-items:center;margin-top:8px!important}
.pj-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(41,171,226,.12);border:1px solid rgba(41,171,226,.3);color:#7FD3F5;font-size:13px;font-weight:600;letter-spacing:.3px}
.pj-lead{font-size:clamp(17px,1.6vw,19.5px);line-height:1.65;color:#DDE7FF;margin:16px 0 22px}
.pj-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pj-facts div{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(140,170,240,.14)}
.pj-facts small{display:block;color:#7D8BAE;font-size:12px;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:4px}
.pj-facts b{color:#fff;font-size:15px;font-weight:600}
.pj-hero-img,.pj-split figure,.pj-gallery figure{margin:0;border-radius:22px;overflow:hidden;border:1px solid rgba(140,170,240,.16);background:radial-gradient(70% 70% at 50% 42%,#4A6CC4,#2C4891 48%,#1C2D66)}
.pj-hero-img img,.pj-split figure img{display:block;width:100%;height:auto;max-height:620px;object-fit:cover;border:0!important;border-radius:0!important}
.pj-hero-img img{max-height:480px;aspect-ratio:4/3}
@media(max-width:720px){.pj-hero-img img{max-height:340px}}
.pj-hero-img figcaption,.pj-split figure figcaption,.pj-gallery figcaption{padding:12px 16px;font-size:13.5px;color:#A9B6D3;background:rgba(11,18,41,.85);border-top:1px solid rgba(140,170,240,.12)}
.sbl-pj .sbl-content h2{font-size:clamp(24px,2.6vw,32px);margin:0 0 18px;display:flex;align-items:center;gap:14px}
.sbl-pj .sbl-content h2::before{content:'';flex:none;width:6px;height:28px;border-radius:4px;background:linear-gradient(180deg,#29ABE2,#2F66E8)}
.pj-sec>p{max-width:860px;color:#C9D3EC}
.pj-steps{list-style:none;padding:0!important;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:pj}
.pj-steps li{position:relative;margin:0!important;padding:54px 18px 20px;border-radius:20px;background:linear-gradient(180deg,#121C3D,#0F1733);border:1px solid rgba(140,170,240,.15);counter-increment:pj}
.pj-steps li::before{content:counter(pj,decimal-leading-zero);position:absolute;top:16px;left:18px;font-weight:800;font-size:15px;color:#fff;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#29ABE2,#2F66E8)}
.pj-steps li:nth-child(even)::before{background:linear-gradient(135deg,#F58220,#FF9A3D)}
.pj-steps li:not(:last-child)::after{content:'→';position:absolute;right:-12px;top:50%;transform:translateY(-50%);color:#29ABE2;font-weight:700;z-index:2}
.pj-steps b{display:block;color:#fff;font-size:16.5px;margin-bottom:6px}
.pj-steps span{display:block;color:#A9B6D3;font-size:14.5px;line-height:1.55}
.pj-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(22px,4vw,52px);align-items:center}
.pj-split.rev>figure{order:2}
.pj-split-tight{margin-top:4px}
.pj-kicker{display:inline-block;color:#F58220;font-weight:700;font-size:13px;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}
.sbl-pj .pj-split h3{font-size:clamp(21px,2.2vw,27px);margin:0 0 12px;color:#fff}
.pj-split p{color:#C9D3EC}
.pj-checks{list-style:none;padding:0!important;margin:14px 0 0;display:grid;gap:10px}
.pj-checks.pj-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pj-checks li{position:relative;margin:0!important;padding:12px 14px 12px 46px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(140,170,240,.12);color:#DDE7FF}
.pj-checks li::before{content:'✓';position:absolute;left:14px;top:12px;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff;background:linear-gradient(135deg,#29ABE2,#2F66E8)}
.pj-legend{list-style:none;padding:0!important;margin:12px 0 0;display:grid;gap:8px;counter-reset:lg}
.pj-legend li{margin:0!important;display:flex;gap:10px;align-items:baseline;color:#C9D3EC;counter-increment:lg}
.pj-legend li::before{content:counter(lg);flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#0B1229;background:#7FD3F5}
.pj-legend b{color:#fff;min-width:78px}
.pj-devs{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.pj-devs span{padding:6px 12px;border-radius:999px;font-size:13px;color:#DDE7FF;background:rgba(41,171,226,.1);border:1px solid rgba(41,171,226,.28)}
.pj-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.pj-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border:0!important;border-radius:0!important;transition:transform .4s}
.pj-gallery figure:hover img{transform:scale(1.04)}
.pj-gallery figure a{display:block;overflow:hidden}
.pj-prods{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.pj-prod{display:flex;flex-direction:column;padding:10px 10px 14px;border-radius:18px;border:1px solid rgba(140,170,240,.15);background:linear-gradient(180deg,#121C3D,#0F1733);text-decoration:none!important;transition:.25s}
.pj-prod:hover{border-color:rgba(41,171,226,.55);transform:translateY(-4px)}
.pj-prod-img{display:block;aspect-ratio:1/1;border-radius:12px;padding:10%;margin-bottom:10px;background:radial-gradient(70% 70% at 50% 42%,#4A6CC4,#2C4891 48%,#1C2D66)}
.pj-prod-img img{width:100%;height:100%;object-fit:contain;border:0!important;border-radius:0!important;filter:drop-shadow(0 10px 14px rgba(0,0,0,.45))}
.pj-prod small{color:#7D8BAE;font-size:12px;padding:0 4px}
.pj-prod b{color:#EEF3FF;font-size:14.5px;line-height:1.35;padding:0 4px;margin:2px 0 6px}
.pj-prod em{margin-top:auto;font-style:normal;color:#F58220;font-weight:700;padding:0 4px}
@media(max-width:980px){.pj-hero,.pj-split{grid-template-columns:minmax(0,1fr)}.pj-split.rev>figure{order:0}.pj-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.pj-steps li::after{display:none}}
@media(max-width:560px){.pj-steps,.pj-checks.pj-2,.pj-facts{grid-template-columns:minmax(0,1fr)}.sbl-pj .sbl-content>section{margin-bottom:40px}.pj-prods{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@media(max-width:560px){.pj-gallery{grid-template-columns:1fr 1fr;gap:10px}.pj-gallery figure{border-radius:14px}.pj-gallery figcaption{font-size:12px;line-height:1.4;padding:8px 10px}}
.sbl-hero{background:radial-gradient(70% 70% at 50% 42%,#4A6CC4,#2C4891 48%,#1C2D66)}.sbl-hero img{max-height:440px;object-fit:contain}
.pj-video .pj-yt{position:relative;display:block;aspect-ratio:16/9;background:#05070F;overflow:hidden}
.pj-video .pj-yt img,.pj-video iframe{position:absolute;inset:0;width:100%;height:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover;border:0}
.pj-video .pj-yt::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,18,41,.05),rgba(11,18,41,.45))}
.pj-play{position:absolute;left:50%;top:50%;z-index:1;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:#F58220;box-shadow:0 0 0 10px rgba(245,130,32,.25),0 10px 30px rgba(0,0,0,.4);transition:transform .2s}
.pj-play::before{content:"";position:absolute;left:34px;top:26px;border-left:24px solid #fff;border-top:16px solid transparent;border-bottom:16px solid transparent}
.pj-yt:hover .pj-play{transform:scale(1.08)}
@media(max-width:720px){.pj-play{width:64px;height:64px;margin:-32px 0 0 -32px}.pj-play::before{left:26px;top:20px;border-left-width:18px;border-top-width:12px;border-bottom-width:12px}}
.pj-video .pj-yt{background:#05070F url(/assets/du-an/kho-van-goi-tai-xe.jpg) center/cover no-repeat}.pj-video .pj-yt img{color:transparent;font-size:0}