.history-page{background:#f5f6f8}
.history-hero{padding:43px 0 50px;background:#1c2434;border-bottom:4px solid var(--orange);color:#fff}
.history-breadcrumb{display:flex;align-items:center;gap:18px;margin-bottom:35px;font-size:12px}
.history-breadcrumb a{color:#8994a8;text-decoration:none;font-weight:600}
.history-breadcrumb a:first-child{color:#aeb7c6}
.history-breadcrumb span{color:#4e586a}
.history-breadcrumb strong{font-weight:700}
.history-hero h1{margin:0 0 7px;font-size:48px;line-height:1.15;letter-spacing:-1.5px}
.history-hero p{margin:0;color:#9aa5b8;font-size:14px}
.history-content{padding:48px 0 58px}
.history-layout{display:grid;grid-template-columns:minmax(0,950px) 320px;gap:40px;align-items:start}
.history-main{display:grid;gap:24px}
.history-card,.history-mini,.history-side-nav{padding:32px;background:#fff;border:1px solid #e0e3e7;border-radius:15px;box-shadow:0 8px 20px rgba(16,24,40,.045)}
.history-card h2{position:relative;margin:0 0 25px;padding-left:17px;font-size:20px;letter-spacing:-.45px}
.history-card h2:before{content:'';position:absolute;left:0;top:-4px;width:4px;height:32px;border-radius:2px;background:var(--orange)}
.history-card--green h2:before{background:var(--green)}
.history-card>p{margin:0 0 17px;color:#5f697a;font-size:13px;line-height:1.8}
.history-card>p:last-child{margin-bottom:0}
.history-card strong{color:#111827}
.history-checks{display:grid;gap:13px;margin:0;padding:0;list-style:none}
.history-checks li{position:relative;padding-left:32px;color:#5f697a;font-size:13px;line-height:1.45}
.history-checks li:before{content:'✓';position:absolute;left:0;top:-2px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#eaf5eb;color:var(--green);font-size:11px;font-weight:800}
.history-unit{display:grid;grid-template-columns:42px 1fr;gap:16px;margin-top:14px;padding:20px;border:1px solid;border-radius:11px}
.history-unit>i{width:42px;height:42px;display:grid;place-items:center;border-radius:9px;background:#fff;font-size:17px;box-shadow:0 2px 5px #0000000c}
.history-unit h3{margin:1px 0 5px;font-size:13px}
.history-unit p{margin:0;color:#717b8c;font-size:12px;line-height:1.7}
.history-unit--orange{border-color:#f1d2c0;background:#fff5ef}
.history-unit--orange>i{color:var(--orange)}
.history-unit--green{border-color:#cbdccc;background:#eff6ef}
.history-unit--green>i{color:var(--green)}
.history-unit--gray{border-color:#d2d4d7;background:#f1f1f2}
.history-unit--gray>i{color:#202938}
.history-sidebar{display:grid;gap:24px}
.history-stats{overflow:hidden;background:#1c2434;border-radius:15px;color:#fff;box-shadow:0 8px 20px rgba(16,24,40,.12)}
.history-stats h2{margin:0;padding:25px 23px 19px;color:var(--orange);font-size:12px;letter-spacing:1.2px}
.history-stats dl{margin:0}
.history-stats dl>div{display:flex;align-items:center;justify-content:space-between;padding:18px 23px;border-top:1px solid #2b3444}
.history-stats dt{color:#9ba7bd;font-size:11px;font-weight:400}
.history-stats dd{margin:0;color:var(--orange);font-size:18px;font-weight:800}
.history-mini{padding:25px 23px}
.history-mini h3{display:flex;align-items:center;gap:10px;margin:0 0 15px;font-size:13px}
.history-mini h3 i{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#fff0e7;color:var(--orange)}
.history-mini--green h3 i{background:#e9f4ea;color:var(--green)}
.history-mini p{margin:0;color:#717b8c;font-size:12px;line-height:1.75}
.history-side-nav{padding:0;overflow:hidden}
.history-side-nav h3{margin:0;padding:25px 21px 17px;font-size:11px;letter-spacing:1.2px}
.history-side-nav a{display:flex;justify-content:space-between;padding:15px 21px;border-top:1px solid #eceef1;color:#4c5668;text-decoration:none;font-size:12px}
.history-side-nav a:hover{color:var(--orange);background:#fff9f5}
@media(max-width:991px){
    .history-layout{grid-template-columns:1fr}
    .history-sidebar{grid-template-columns:1fr 1fr}
    .history-stats{grid-row:span 2}
    .history-side-nav{grid-column:1/-1}
    .history-hero{padding:35px 0}
    .history-hero h1{font-size:40px}
    .history-content{padding:32px 0}
}
@media(max-width:575px){
    .history-sidebar{grid-template-columns:1fr}
    .history-stats{grid-row:auto}
    .history-side-nav{grid-column:auto}
    .history-card{padding:24px 20px}
    .history-card h2{font-size:18px}
    .history-unit{grid-template-columns:1fr;padding:17px}
    .history-hero h1{font-size:34px}
    .history-breadcrumb{gap:10px;margin-bottom:25px}
    .history-content{padding:24px 0}
    .history-page footer{margin-top:0}}
.history-rich-text p{margin:0 0 17px;color:#5f697a;font-size:13px;line-height:1.8}
.history-rich-text p:last-child{margin-bottom:0}
.history-rich-text strong{color:#111827}
.history-subtitle p{margin:0}
.history-callout-text p{margin:0;color:#717b8c;font-size:12px;line-height:1.75}