/* Site navigation and footer around every tool page. The build replaces each
   tool's minimal top bar with the full nav and adds the footer, so new tools
   get both automatically. Everything is dl- prefixed with explicit values,
   so it can't collide with (or inherit from) a tool's own styles. */
.dl-strip,.dl-foot{font:14px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:#0f2f3a;color:#d6ebe8;-webkit-text-size-adjust:100%}
.dl-strip a,.dl-foot a{color:#fff;text-decoration:none}
.dl-strip a:hover,.dl-foot a:hover{text-decoration:underline}

.dl-strip{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px;padding:8px 16px;position:relative;z-index:50}
.dl-brand{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px}
.dl-brand svg{width:22px;height:22px;flex:none}
.dl-nav{display:flex;align-items:center;gap:4px 16px;flex-wrap:wrap}
.dl-nav > a,.dl-tools > summary{color:#cfe6e3;font-size:13.5px;cursor:pointer}
.dl-tools{position:relative}
.dl-tools > summary{list-style:none;display:inline-flex;align-items:center;gap:4px}
.dl-tools > summary::-webkit-details-marker{display:none}
.dl-tools > summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:3px}
.dl-menu{position:absolute;left:0;top:calc(100% + 8px);min-width:250px;background:#fff;color:#10201f;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.25);padding:6px;display:flex;flex-direction:column}
.dl-menu a{color:#10201f;display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:7px;font-size:14px}
.dl-menu a:hover{background:#e3f1ef;text-decoration:none}
.dl-menu a[aria-current="page"]{font-weight:700;background:#e3f1ef}
.dl-menu .dl-all{color:#0f6f78;font-weight:600;border-top:1px solid #e5ece9;border-radius:0 0 7px 7px;margin-top:4px}
.dl-ico{width:18px;height:18px;flex:none}
.dl-note{margin-left:auto;font-size:12.5px;opacity:.85}
@media (max-width:640px){.dl-note{margin-left:0;width:100%}.dl-menu{min-width:220px}}

.dl-foot{margin-top:40px;padding:28px 16px 22px}
.dl-foot-in{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px}
.dl-col{display:flex;flex-direction:column;gap:9px}
.dl-col a{display:flex;align-items:center;gap:8px;color:#e8f4f2}
.dl-h{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#8fc9c1;margin-bottom:2px}
.dl-foot-base{max-width:1100px;margin:22px auto 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;font-size:13px;color:#b7d3cf}
.dl-foot-base a{color:#d6ebe8;text-decoration:underline}
@media print{.dl-strip,.dl-foot{display:none!important}}