.driver-guide { color: #0b1830; margin: 0 auto; max-width: 980px; }
.driver-guide__hero { align-items: center; background: linear-gradient(130deg, #071d36, #1268fb); border-radius: 20px; color: #fff; display: flex; justify-content: space-between; padding: 28px; }
.driver-guide__hero h1 { color: #fff; font-size: clamp(1.8rem, 4vw, 2.7rem); margin: 4px 0 8px; }
.driver-guide__hero p { color: #e6efff; margin: 0; }
.driver-guide__hero > i { font-size: 54px; opacity: .7; }
.driver-guide__search { background: #fff; border: 1px solid #dce5f2; border-radius: 16px; margin: 18px 0; padding: 18px; }
.driver-guide__search label { display: block; font-weight: 700; margin-bottom: 7px; }
.driver-guide__search > div { display: flex; gap: 8px; }
.driver-guide__search input { border: 1px solid #aebed2; border-radius: 9px; flex: 1; min-height: 46px; padding: 10px 12px; }
.driver-guide__result { align-items: center; background: #eef4ff; border-radius: 10px; display: flex; gap: 6px; margin-bottom: 18px; padding: 11px 14px; }
.driver-guide__result a { margin-left: auto; }
.driver-guide__category { margin-top: 28px; }
.driver-guide__category > header { align-items: center; display: flex; gap: 12px; margin-bottom: 10px; }
.driver-guide__category h2 { font-size: 1.35rem; margin: 0; }
.driver-guide__category p { color: #667085; margin: 2px 0 0; }
.driver-guide__icon { align-items: center; background: #eaf1ff; border-radius: 12px; color: #1268fb; display: flex; flex: 0 0 44px; height: 44px; justify-content: center; }
.driver-guide__articles { display: grid; gap: 10px; }
.driver-guide__articles details { background: #fff; border: 1px solid #dce5f2; border-radius: 14px; overflow: hidden; }
.driver-guide__articles summary { align-items: center; cursor: pointer; display: flex; gap: 14px; justify-content: space-between; min-height: 72px; padding: 14px 16px; }
.driver-guide__articles summary span { display: grid; gap: 3px; }
.driver-guide__articles summary small { color: #667085; font-size: 13px; font-weight: 400; }
.driver-guide__articles details[open] summary { background: #f6f9ff; border-bottom: 1px solid #dce5f2; }
.driver-guide__articles details[open] summary > i { transform: rotate(180deg); }
.driver-guide__answer { padding: 18px; }
.driver-guide__answer li { margin: 0 0 10px; padding-left: 5px; }
.driver-guide__meaning { background: #f5f8ff; border-radius: 10px; display: grid; gap: 3px; padding: 12px; }
.driver-guide__meaning strong { color: #1268fb; }
.driver-guide__safety { align-items: flex-start; background: #fff8e8; border: 1px solid #f6d58a; border-radius: 10px; color: #594000; display: flex; gap: 9px; padding: 12px; }
.driver-guide__safety i { margin-top: 3px; }
.driver-guide__actions { margin-top: 14px; }
.driver-guide__empty, .driver-guide__footer { background: #fff; border: 1px solid #dce5f2; border-radius: 14px; padding: 20px; }
.driver-guide__footer { display: grid; gap: 5px; margin-top: 28px; }
.driver-guide__footer span { color: #667085; }
.driver-guide--public { margin-bottom: 50px; margin-top: 30px; max-width: 900px; }
@media (max-width: 640px) { .driver-guide__hero { align-items: flex-start; padding: 22px; } .driver-guide__hero > i { display: none; } .driver-guide__search > div { align-items: stretch; flex-direction: column; } .driver-guide__result { align-items: flex-start; flex-direction: column; } .driver-guide__result a { margin-left: 0; } }