.hp-project-sections { color:#233954; text-align:left; }
.hp-project-section-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding:18px 0; }
.hp-project-section-card { display:block; min-width:0; overflow:hidden; border:1px solid #e2e8f0; border-radius:14px; background:#fff; box-shadow:0 2px 6px rgba(20,40,60,.08); color:#173453; }
.hp-project-section-card header { padding:18px; }
.hp-project-section-card small { display:block; color:#64748b; margin-bottom:8px; }
.hp-project-section-card h3 { margin:0; padding:0; font-size:20px; line-height:1.4; font-weight:700; overflow-wrap:anywhere; }
.hp-project-section-card img { display:block; width:100%; height:230px; object-fit:cover; }
.hp-project-section-placeholder { display:flex; height:160px; align-items:center; justify-content:center; background:#edf3f8; color:#446684; font-size:38px; }
.hp-project-section-card footer { padding:14px 18px; background:#f8fafc; color:#49617f; font-size:13px; }
.hp-project-section-page { max-width:1400px; margin:0 auto; padding:30px 18px; box-sizing:border-box; }
.hp-project-section-page * { box-sizing:border-box; }
.hp-project-section-breadcrumb { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; font-size:13px; }
.hp-project-section-heading { border-radius:10px; background:#f6f8fb; padding:22px; margin-bottom:18px; }
.hp-project-section-heading h1 { font-size:26px; font-weight:700; line-height:1.4; margin:0 0 8px; padding:0; overflow-wrap:anywhere; }
.hp-project-section-heading p { margin:0; padding:0; }
.hp-project-section-switcher { padding:14px; border:1px solid #e2e8f0; border-radius:8px; background:#f8fafc; }
.hp-project-section-switcher strong { display:block; margin-bottom:10px; font-size:14px; }
.hp-project-section-links { display:flex; flex-wrap:wrap; gap:8px; }
.hp-project-section-links a { display:inline-block; padding:9px 16px; border:1px solid #dce3eb; border-radius:5px; font-size:13px; color:#345; overflow-wrap:anywhere; }
.hp-project-section-links a.active { color:#fff; background:#263e65; }
.hp-project-section-tabs { display:flex; overflow-x:auto; gap:8px; margin:20px 0; border-bottom:1px solid #e2e8f0; }
.hp-project-section-tabs button { flex-shrink:0; padding:13px 16px; border:0; background:#fff; color:#345; cursor:pointer; font-weight:600; }
.hp-project-section-tabs button.active { color:#173c69; border-bottom:3px solid #d49b20; }
.hp-project-section-body { line-height:1.75; font-size:15px; overflow-wrap:anywhere; overflow-x:auto; }
.hp-project-section-body[hidden] { display:none; }
.hp-project-section-body img { max-width:100%; height:auto; }
.hp-project-section-body table { border-collapse:collapse; max-width:100%; }
.hp-project-section-body td,.hp-project-section-body th { border:1px solid #e2e8f0; padding:10px; }
.hp-project-section-body h2,.hp-project-section-body h3,.hp-project-section-body h4 { font-weight:700; }
.hp-project-section-body ul,.hp-project-section-body ol { padding-left:24px; }
@media(max-width:900px) { .hp-project-section-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:560px) {
 .hp-project-section-grid { grid-template-columns:1fr; gap:14px; }
 .hp-project-section-page { padding:18px 12px; }
 .hp-project-section-heading { padding:16px; }
 .hp-project-section-heading h1 { font-size:22px; }
 .hp-project-section-tabs button { padding:12px 10px; }
}