/* dt-w4.v1 (12.11.2026, wave4-1112): 5-item top menu + "guides" row, 4-column footer, legal pages typography.
   Loaded on every page, last (src/middleware.ts). Immutable file: change = dt-w4.v2.css + middleware. */
nav .l .ddp a.ddg{margin-top:4px;border-top:1px solid rgba(255,255,255,.14);color:#ff9a4d!important;font-weight:800;font-size:15px}
nav .l .ddp a.ddg:hover{color:#ffb066!important}
.navcta,.mmcta{font-family:inherit}
details.mm .mmq+.mmq{margin-top:4px}
details.mm .mmgl a.ddg{color:#ff9a4d;font-weight:800}

/* footer: services / guides / tools / company */
@media (min-width:1000px){.ftr2 .fcols{grid-template-columns:1fr 1.15fr 1fr .95fr!important}}
.ftr2 .fcol h3{font-family:Heebo,Arial,sans-serif;letter-spacing:normal}

/* legal pages (main[data-w4l]): same text, calmer reading */
main[data-w4l] .dc{max-width:1120px;margin:0 auto;grid-template-columns:250px minmax(0,1fr)}
main[data-w4l] .dc article{max-width:820px}
main[data-w4l] .dc article :is(p,li){font-size:17px;line-height:1.85;text-wrap:pretty}
main[data-w4l] .dc article ul,main[data-w4l] .dc article ol{padding-inline-start:24px;margin:0 0 14px}
main[data-w4l] .dc article li{margin:0 0 6px}
main[data-w4l] .dc article li::marker{color:#ff7a1a}
main[data-w4l] .dc article h2{text-wrap:balance;line-height:1.3}
main[data-w4l] .dc article a{text-decoration:underline;text-underline-offset:3px}
main[data-w4l] .dc aside{max-height:calc(100vh - 110px);overflow:auto}
main[data-w4l] .dc aside a{display:block;line-height:1.45;min-height:40px;padding:9px 0}
@media (max-width:900px){
  main[data-w4l] .dc{grid-template-columns:minmax(0,1fr);gap:18px}
  main[data-w4l] .dc aside{position:static;max-height:none;display:grid;grid-template-columns:1fr 1fr;gap:0 14px;padding:16px}
  main[data-w4l] .dc aside b{grid-column:1/-1}
  main[data-w4l] .dc article :is(p,li){font-size:16.5px}
}
@media (max-width:420px){main[data-w4l] .dc aside{grid-template-columns:minmax(0,1fr)}}