/* Scoped to widget */
.elementor-widget-han-about-detail .han-ad, .han-ad { --han-accent:#E10600; --gap:24px; background:#E9F2EE; border-radius:12px; padding:28px 24px; color:#0F172A; }
/* INTRO */ .han-ad__intro{ display:grid; grid-template-columns:1fr 1.1fr; gap:var(--gap); align-items:center; }
.han-ad__kicker{ font-weight:800; font-size:14px; letter-spacing:.06em; color:#1F3D36; margin-bottom:8px; }
.han-ad__title{ font-size:clamp(28px,4vw,42px); line-height:1.15; margin:4px 0 8px; color:#0F172A; }
.han-ad__desc{ color:#35444A; line-height:1.8; max-width:58ch; }
.han-ad__list{ list-style:none; padding:0; margin:16px 0 0; display:grid; gap:10px; }
.han-ad__list li{ display:grid; grid-template-columns:28px 1fr; align-items:center; gap:10px; }
.han-ad__ico{ width:28px; height:28px; border-radius:999px; background:var(--han-accent); display:inline-flex; align-items:center; justify-content:center; }
.han-ad__ico i{ color:#fff; font-size:14px; }
.han-ad__img{ border-radius:12px; overflow:hidden; margin-left:auto; }
.han-ad__img img{ width:100%; height:auto; display:block; }
/* TIMELINE */ .han-ad__timeline{ margin-top:calc(var(--gap)*1.5); }
.han-ad__tl-title{ text-align:center; font-size:clamp(22px,3.2vw,28px); margin-bottom:14px; color:#1B3A33; }
.han-ad__tl-grid{ position:relative; display:grid; grid-template-columns:1fr 1fr; gap:var(--gap); padding:10px 0; }
.han-ad__tl-grid::before{ content:""; position:absolute; left:50%; top:0; bottom:0; width:2px; background:rgba(0,0,0,.12); transform:translateX(-50%); }
.han-ad__tl-item{ position:relative; } .han-ad__tl-item--left{ grid-column:1; } .han-ad__tl-item--right{ grid-column:2; }
.han-ad__card{ background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:8px; padding:16px; display:grid; grid-template-columns:40px 1fr; gap:12px; }
.han-ad__tl-ico{ width:40px; height:40px; border-radius:10px; background:#FFE5E3; color:var(--han-accent); display:inline-flex; align-items:center; justify-content:center; }
.han-ad__tl-ico i{ font-size:18px; }
.han-ad__tl-date{ font-size:12px; font-weight:700; color:#475569; } .han-ad__tl-head{ font-weight:800; color:#0F172A; margin:2px 0; } .han-ad__tl-text{ color:#48545A; line-height:1.6; }
/* CTA */ .han-ad__cta-list{ margin-top:calc(var(--gap)*1.5); display:grid; grid-template-columns:1fr 1fr; gap:var(--gap); }
.han-ad__cta-title{ font-size:clamp(20px,3vw,28px); margin-bottom:6px; color:#143A33; } .han-ad__cta-desc{ color:#3A4E49; line-height:1.8; margin-bottom:10px; }
.han-ad__btn{ display:inline-flex; align-items:center; justify-content:center; padding:10px 14px; border-radius:8px; background:var(--han-accent); color:#fff; text-decoration:none; font-weight:800; }
/* Responsive */ @media (max-width:1024px){ .han-ad__intro{ grid-template-columns:1fr; } .han-ad__tl-grid{ grid-template-columns:1fr; } .han-ad__tl-grid::before{ left:10px; width:0; background:transparent; } .han-ad__tl-item--left,.han-ad__tl-item--right{ grid-column:1; } .han-ad__cta-list{ grid-template-columns:1fr; } }