/* insights/drone-boven-25-kg.css — planning timeline + FAQ for the heavy-lift guide */
.hl-steps-wrap { max-width: 1180px; margin: 56px auto; padding: 0 32px; }
.hl-steps-title { font-family: "Inter Tight", sans-serif; font-weight: 500; font-size: clamp(24px, 2.6vw, 34px); letter-spacing: -0.02em; margin: 0 0 22px; color: #fff; }
.hl-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.hl-steps li { padding: 20px 18px 22px; border: 1px solid var(--hair); background: linear-gradient(180deg, rgba(201,169,97,0.06), transparent); display: flex; flex-direction: column; gap: 8px; }
.hl-steps__when { font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gold); }
.hl-steps__name { font-family: "Inter Tight", sans-serif; font-weight: 600; font-size: 17px; color: #fff; }
.hl-steps p { margin: 0; font-size: 14px; line-height: 1.55; font-weight: 300; color: rgba(255,255,255,0.75); }
.hl-faq details { border-bottom: 1px solid var(--hair); }
.hl-faq details:first-of-type { border-top: 1px solid var(--hair); }
.hl-faq summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: baseline; gap: 20px; padding: 18px 0; }
.hl-faq summary::-webkit-details-marker { display: none; }
.hl-faq summary::after { content: "+"; color: var(--gold); font-size: 24px; font-weight: 300; line-height: 1; transition: transform 250ms ease; }
.hl-faq details[open] summary::after { transform: rotate(45deg); }
.hl-faq summary h3 { margin: 0; font-size: 18px; font-weight: 500; }
.hl-faq details p { margin: 0 0 20px; }
@media (max-width: 1000px) { .hl-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .hl-steps-wrap { padding: 0 16px; } .hl-steps { grid-template-columns: 1fr; } }