/* Direct Legal Support: shared site header. Every rule is scoped to #dls-chrome so older page styles do not affect it. */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
html{scroll-padding-top:110px}
#dls-chrome{display:contents;
  --dls-navy:#0d2645;--dls-navy-2:#153a66;--dls-ink:#14233a;--dls-line:#e3ded3;--dls-cream:#f7f4ee;--dls-gold:#b8913f;--dls-gold-btn:#917026;--dls-gold-btn-hover:#7f6220;
  --dls-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--dls-max:1180px;--dls-radius:6px}
#dls-chrome *,#dls-chrome *::before,#dls-chrome *::after{box-sizing:border-box}
#dls-chrome .dls-topbar,#dls-chrome .dls-site{font-family:var(--dls-sans);line-height:1.5;text-align:left;-webkit-font-smoothing:antialiased}
#dls-chrome ul,#dls-chrome li{margin:0;padding:0;list-style:none;line-height:1.5}
#dls-chrome li::before{content:none}
#dls-chrome a{text-decoration:none;box-shadow:none}
#dls-chrome img{max-width:100%;display:block;border:0}
#dls-chrome button{margin:0;padding:0;border:0;background:none;box-shadow:none;border-radius:0;text-transform:none;letter-spacing:normal;line-height:1.5;-webkit-appearance:none;appearance:none}
#dls-chrome .dls-wrap{max-width:var(--dls-max);margin:0 auto;padding:0 24px}

/* skip link */
#dls-chrome .dls-skip{position:absolute;left:12px;top:-60px;z-index:100000;background:var(--dls-navy);color:#fff;padding:10px 16px;border-radius:0 0 4px 4px;font:600 .9rem var(--dls-sans)}
#dls-chrome .dls-skip:focus{top:0}

/* top bar */
#dls-chrome .dls-topbar{background:var(--dls-navy);color:#dfe6f0;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}
#dls-chrome .dls-topbar .dls-wrap{display:flex;justify-content:space-between;align-items:center;min-height:40px;gap:16px}
#dls-chrome .dls-tag{font-weight:600}
#dls-chrome .dls-links{display:flex;align-items:center}
#dls-chrome .dls-topbar a{color:#fff;font-weight:600;font-size:.75rem;letter-spacing:.1em}
#dls-chrome .dls-links a + a{margin-left:22px;padding-left:22px;border-left:1px solid rgba(255,255,255,.45);line-height:1}

/* main header */
#dls-chrome .dls-site{position:sticky;top:0;z-index:99990;background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--dls-line);margin:0;padding:0}
#dls-chrome .dls-site .dls-wrap{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:24px;position:relative}
#dls-chrome .dls-logo img{height:50px;width:auto}

/* buttons */
#dls-chrome .dls-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 22px;font:600 .85rem var(--dls-sans);letter-spacing:.1em;text-transform:uppercase;border-radius:3px;border:1.5px solid var(--dls-navy);background:var(--dls-navy);color:#fff;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s;white-space:nowrap}
#dls-chrome .dls-btn:hover{background:var(--dls-navy-2);color:#fff}
#dls-chrome .dls-btn-gold{background:var(--dls-gold-btn);border-color:var(--dls-gold-btn);color:#fff}
#dls-chrome .dls-btn-gold:hover{background:var(--dls-gold-btn-hover);border-color:var(--dls-gold-btn-hover);color:#fff}

/* navigation */
#dls-chrome .dls-nav > ul{display:flex;gap:30px;align-items:center}
#dls-chrome .dls-nav li{position:relative}
#dls-chrome .dls-nav a,#dls-chrome .dls-nav button{color:var(--dls-ink);font:500 .95rem var(--dls-sans);cursor:pointer;text-align:left}
#dls-chrome .dls-nav a:hover,#dls-chrome .dls-nav button:hover{color:var(--dls-gold)}
#dls-chrome .dls-has-sub > button::after{content:"";display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 0 3px 8px}
#dls-chrome .dls-nav > ul > li.dls-has-sub{padding:30px 0}
#dls-chrome .dls-nav .dls-sub{display:none;position:absolute;top:100%;left:-18px;min-width:250px;background:#fff;border:1px solid var(--dls-line);border-top:3px solid var(--dls-gold);border-radius:0 0 var(--dls-radius) var(--dls-radius);box-shadow:0 18px 40px -18px rgba(13,38,69,.35);padding:8px 0;z-index:99991}
#dls-chrome .dls-nav .dls-sub a,#dls-chrome .dls-nav .dls-sub button{display:block;width:100%;padding:9px 18px;font-size:.9rem;line-height:1.4}
#dls-chrome .dls-nav .dls-sub a:hover,#dls-chrome .dls-nav .dls-sub button:hover{background:var(--dls-cream);color:var(--dls-navy)}
#dls-chrome .dls-nav li.dls-has-sub:hover > .dls-sub,#dls-chrome .dls-nav li.dls-has-sub:focus-within > .dls-sub{display:block}
#dls-chrome .dls-nav .dls-nested > .dls-sub{top:-11px;left:100%;border-top-width:1px;border-left:3px solid var(--dls-gold);border-radius:0 var(--dls-radius) var(--dls-radius) 0}
#dls-chrome .dls-nav .dls-nested > button::after{transform:rotate(-45deg);margin:0 0 1px 8px}
#dls-chrome .dls-menu-toggle{display:none;border:1px solid var(--dls-line);border-radius:4px;padding:10px 22px;font:600 .8rem var(--dls-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--dls-navy);cursor:pointer}
#dls-chrome .dls-m-only{display:none!important}

/* focus */
#dls-chrome a:focus-visible,#dls-chrome button:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px var(--dls-navy);border-radius:3px}

@media (min-width:981px){
  #dls-chrome .dls-nav li.dls-has-sub.open > .dls-sub{display:block}
  #dls-chrome .dls-nav li.dls-has-sub.dismissed > .dls-sub{display:none!important}
}
@media (max-width:980px){
  #dls-chrome .dls-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--dls-line);max-height:calc(100vh - 84px);overflow-y:auto;box-shadow:0 18px 30px -20px rgba(13,38,69,.35)}
  #dls-chrome .dls-nav.open{display:block}
  #dls-chrome .dls-nav > ul{flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 20px}
  #dls-chrome .dls-nav > ul > li.dls-has-sub{padding:0}
  #dls-chrome .dls-nav li > a,#dls-chrome .dls-nav li > button{display:block;width:100%;padding:13px 0;border-bottom:1px solid var(--dls-line)}
  #dls-chrome .dls-nav li.dls-has-sub:hover > .dls-sub,#dls-chrome .dls-nav li.dls-has-sub:focus-within > .dls-sub{display:none}
  #dls-chrome .dls-nav .dls-sub,#dls-chrome .dls-nav .dls-nested > .dls-sub{position:static;box-shadow:none;border:0;border-radius:0;padding:0 0 0 16px;min-width:0}
  #dls-chrome .dls-nav li.dls-has-sub.open > .dls-sub{display:block!important}
  #dls-chrome .dls-nav .dls-sub a,#dls-chrome .dls-nav .dls-sub button{padding:11px 0;font-size:.92rem}
  #dls-chrome .dls-nav .dls-nested > button::after{transform:rotate(45deg)}
  #dls-chrome .dls-nav .dls-m-only{display:block!important;margin-top:16px}
  #dls-chrome .dls-nav .dls-m-only .dls-btn{display:flex;justify-content:center;color:#fff;border-bottom:0;padding:15px}
  #dls-chrome .dls-menu-toggle{display:block}
  #dls-chrome .dls-site .dls-cta{display:none}
}
@media (max-width:640px){
  #dls-chrome .dls-wrap{padding:0 16px}
  #dls-chrome .dls-tag{display:none}
  #dls-chrome .dls-topbar .dls-wrap{justify-content:center}
}
@media (prefers-reduced-motion:reduce){#dls-chrome *{transition:none!important}}

/* Older pages only: keep the accessibility plugin's button from sitting behind the header on phones */
@media (max-width:980px){#pojo-a11y-toolbar{top:150px!important}}
/* Website feedback, second round (October 14, 2026): each menu name on one line; the drop-down widens to fit */
@media (min-width:981px){#dls-chrome .dls-nav .dls-sub a,#dls-chrome .dls-nav .dls-sub button{white-space:nowrap}}
/* Search button in the sticky header, beside Place an Order (October 18, 2026). It replaced the Search link in the top bar,
   which scrolls away. Between 981px and 1120px the logo, menu spacing and button are a little smaller so everything fits;
   phones show the button beside Menu, and the logo keeps its proportions as it shrinks. */
#dls-chrome .dls-logo img{object-fit:contain}
#dls-chrome .dls-actions{display:flex;align-items:stretch;gap:10px;flex:none}
#dls-chrome .dls-hsearch{display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1/1;min-width:39px;border:1px solid var(--dls-line);border-radius:3px;background:#fff;color:var(--dls-navy);transition:background-color .2s,border-color .2s}
#dls-chrome .dls-hsearch:hover{background:var(--dls-cream);border-color:var(--dls-gold);color:var(--dls-navy)}
#dls-chrome .dls-hsearch svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
@media (min-width:981px) and (max-width:1120px){
  #dls-chrome .dls-logo img{width:200px;height:auto}
  #dls-chrome .dls-nav > ul{gap:22px}
  #dls-chrome .dls-site .dls-cta{padding:10px 16px;letter-spacing:.08em}
  #dls-chrome .dls-site .dls-cta span{display:none}
}
@media (max-width:980px){
  #dls-chrome .dls-site .dls-wrap{gap:10px}
  #dls-chrome .dls-actions{order:1;margin-left:auto}
  #dls-chrome .dls-menu-toggle{order:2;height:40px;padding:0 16px}
  #dls-chrome .dls-hsearch{width:40px;height:40px;border-radius:4px}
}
@media (max-width:640px){
  #dls-chrome .dls-logo img{width:clamp(150px,46vw,240px);height:auto}
}

/* Services & Pricing mega menu (October 20, 2026): four columns under the header on wide screens, stacked lists in the phone menu */
#dls-chrome .dls-site .dls-wrap{position:relative}
@media (min-width:981px){
  #dls-chrome .dls-nav > ul > li.dls-mega-li{position:static}
  #dls-chrome .dls-nav .dls-mega{left:0;right:0;top:100%;min-width:0;padding:26px 34px 30px;grid-template-columns:repeat(4,max-content);justify-content:space-between;gap:4px 24px}
  #dls-chrome .dls-nav li.dls-has-sub:hover > .dls-mega,#dls-chrome .dls-nav li.dls-has-sub:focus-within > .dls-mega,#dls-chrome .dls-nav li.dls-has-sub.open > .dls-mega{display:grid}
  #dls-chrome .dls-nav .dls-mega-col h3{margin:0 0 8px;padding:0 0 8px;border-bottom:1px solid var(--dls-line);font:700 .68rem var(--dls-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--dls-gold)}
  #dls-chrome .dls-nav .dls-mega-col ul{margin:0;padding:0;list-style:none}
  #dls-chrome .dls-nav .dls-mega-col li{margin:0}
  #dls-chrome .dls-nav .dls-mega a{display:block;width:auto;padding:8px 0;font:500 .95rem var(--dls-sans);line-height:1.35;color:var(--dls-ink);white-space:nowrap;border-radius:3px}
  #dls-chrome .dls-nav .dls-mega-col h3{white-space:nowrap}
  #dls-chrome .dls-nav .dls-mega a:hover{background:none;color:var(--dls-gold)}
  #dls-chrome .dls-nav .dls-mega-also{display:block;margin:-4px 0 6px;font-size:.8rem;color:#59616f;line-height:1.5;white-space:nowrap}
  #dls-chrome .dls-nav .dls-mega-also a{display:inline;padding:0;font-size:inherit;color:var(--dls-navy);text-decoration:underline;text-underline-offset:2px}
  #dls-chrome .dls-nav .dls-mega-also a:hover{color:var(--dls-gold)}
  /* Resources and About Us (October 20, 2026): the same columns in a panel sized to its content, centered under its menu item */
  #dls-chrome .dls-nav > ul > li.dls-mega-li-sm{position:relative}
  #dls-chrome .dls-nav .dls-mega-sm .dls-mega-col{min-width:7.5rem}
  #dls-chrome .dls-nav .dls-mega-sm{left:50%;right:auto;transform:translateX(-50%);width:max-content;padding:22px 30px 24px;grid-template-columns:repeat(3,max-content);justify-content:start;gap:4px 44px}
}
@media (max-width:980px){
  #dls-chrome .dls-nav .dls-mega{padding:0 0 0 16px}
  #dls-chrome .dls-nav .dls-mega-col h3{margin:14px 0 2px;font:700 .68rem var(--dls-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--dls-gold)}
  #dls-chrome .dls-nav .dls-mega-col ul{margin:0;padding:0;list-style:none}
  #dls-chrome .dls-nav .dls-mega li:has(> .dls-mega-also) > a{border-bottom:0;padding-bottom:4px}
  #dls-chrome .dls-nav .dls-mega-also{display:block;padding:0 0 10px;font-size:.8rem;color:#59616f}
  #dls-chrome .dls-nav .dls-mega li:has(> .dls-mega-also){border-bottom:1px solid var(--dls-line)}
  #dls-chrome .dls-nav .dls-mega-also a{display:inline;padding:0;border:0;font-size:inherit;color:var(--dls-navy);text-decoration:underline}
}

/* Services & Pricing menu, option Y (October 23, 2026): a search box with live results above the four columns
   (columns in David's order), a gold icon on every link. Results come from assets/js/menu-search.js. */
#dls-chrome .dls-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#dls-chrome .dls-mi{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:var(--dls-gold)}
#dls-chrome .dls-ms-form{position:relative;margin:0}
#dls-chrome .dls-ms-in{display:flex;align-items:center;gap:12px;height:50px;padding:0 16px;background:#fff;border:1.5px solid var(--dls-line);border-radius:6px;cursor:text;transition:border-color .2s,box-shadow .2s}
#dls-chrome .dls-ms-in:focus-within{border-color:#7a5a17;box-shadow:0 0 0 2px #7a5a17}
#dls-chrome .dls-ms-ic{width:20px;height:20px;flex:none;fill:none;stroke:var(--dls-navy);stroke-width:2;stroke-linecap:round}
#dls-chrome .dls-ms-in input{flex:1;min-width:0;height:100%;margin:0;padding:0;border:0;outline:0;background:transparent;font:500 1rem var(--dls-sans);color:var(--dls-ink);-webkit-appearance:none;appearance:none}
#dls-chrome .dls-ms-in input::placeholder{color:#7a8291;opacity:1}
#dls-chrome .dls-ms-in input::-webkit-search-cancel-button{cursor:pointer}
#dls-chrome .dls-ms-res{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:5;max-height:min(70vh,560px);overflow-y:auto;padding:10px 8px 8px;background:#fff;border:1px solid var(--dls-line);border-radius:10px;box-shadow:0 24px 50px -20px rgba(13,38,69,.55);text-align:left}
#dls-chrome .dls-ms-res[hidden]{display:none}
#dls-chrome .dls-ms-res .dls-ms-h{display:block;padding:6px 12px 4px;font:700 .64rem var(--dls-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--dls-gold)}
#dls-chrome .dls-nav .dls-ms-res a.dls-ms-o{display:flex;align-items:center;gap:12px;width:auto;padding:8px 12px;border:0;border-radius:8px;background:none;color:var(--dls-ink);white-space:normal;font:inherit;line-height:1.3}
#dls-chrome .dls-nav .dls-ms-res a.dls-ms-o:hover,#dls-chrome .dls-nav .dls-ms-res a.dls-ms-o.on{background:var(--dls-cream);color:var(--dls-ink)}
#dls-chrome .dls-ms-res .dls-mi{width:20px;height:20px;color:var(--dls-gold-btn)}
#dls-chrome .dls-ms-res b{display:block;font:600 .92rem/1.3 var(--dls-sans);color:var(--dls-ink)}
#dls-chrome .dls-ms-res small{display:block;font:400 .76rem/1.35 var(--dls-sans);color:#5b6472}
#dls-chrome .dls-nav .dls-ms-res a.dls-ms-all{display:block;width:auto;margin-top:6px;padding:10px 12px 4px;border:0;border-top:1px solid var(--dls-line);border-radius:0;background:none;font:600 .84rem var(--dls-sans);color:var(--dls-navy);white-space:normal}
#dls-chrome .dls-nav .dls-ms-res a.dls-ms-all:hover,#dls-chrome .dls-nav .dls-ms-res a.dls-ms-all.on{color:var(--dls-gold-btn);background:none}
#dls-chrome .dls-ms-res .dls-ms-none{margin:0;padding:8px 12px 4px;font:400 .86rem/1.45 var(--dls-sans);color:#5b6472}
#dls-chrome .dls-ms-tip{margin:0;font:400 .86rem/1.5 var(--dls-sans);color:#5b6472}
#dls-chrome .dls-ms-tip b{display:block;font:600 .95rem var(--dls-sans);color:var(--dls-navy)}
#dls-chrome .dls-nav .dls-ms-tip a{display:inline;width:auto;padding:0;font:600 .86rem var(--dls-sans);color:var(--dls-navy);white-space:nowrap;background:none}
@media (min-width:981px){
  #dls-chrome .dls-nav li.dls-has-sub:hover > .dls-mega.dls-mega-y,#dls-chrome .dls-nav li.dls-has-sub:focus-within > .dls-mega.dls-mega-y,#dls-chrome .dls-nav li.dls-has-sub.open > .dls-mega.dls-mega-y{display:block}
  #dls-chrome .dls-nav li.dls-has-sub.dismissed > .dls-mega.dls-mega-y{display:none!important}
  #dls-chrome .dls-nav .dls-mega.dls-mega-y{padding:0}
  #dls-chrome .dls-mega-y .dls-msearch{position:relative;z-index:2;display:flex;align-items:center;gap:40px;padding:22px 34px 18px;background:var(--dls-cream);border-bottom:1px solid var(--dls-line)}
  #dls-chrome .dls-mega-y .dls-ms-form{flex:0 1 620px}
  #dls-chrome .dls-mega-y .dls-mega-cols{display:grid;grid-template-columns:repeat(4,max-content);justify-content:space-between;gap:4px 24px;padding:24px 34px 28px}
  #dls-chrome .dls-nav .dls-mega-y .dls-mega-col a{display:flex;align-items:center;gap:11px}
  #dls-chrome .dls-nav .dls-mega-y .dls-mega-col .dls-mega-also a{display:inline}
  #dls-chrome .dls-nav .dls-mega-y .dls-mega-also{padding-left:29px}
}
@media (min-width:981px) and (max-width:1120px){
  #dls-chrome .dls-mega-y .dls-msearch{gap:28px;padding:20px 26px 16px}
  #dls-chrome .dls-mega-y .dls-ms-form{flex-basis:520px}
  #dls-chrome .dls-mega-y .dls-mega-cols{padding:22px 26px 26px;gap:4px 18px}
}
@media (max-width:980px){
  #dls-chrome .dls-mega-y .dls-msearch{padding:12px 0 6px}
  #dls-chrome .dls-mega-y .dls-ms-tip{display:none}
  #dls-chrome .dls-mega-y .dls-ms-in{height:46px}
  #dls-chrome .dls-mega-y .dls-ms-res{position:static;margin-top:8px;max-height:none;box-shadow:0 10px 24px -16px rgba(13,38,69,.45)}
  #dls-chrome .dls-nav .dls-mega-y .dls-mega-col li > a{display:flex;align-items:center;gap:11px}
  #dls-chrome .dls-nav .dls-mega-y .dls-mega-also{padding-left:29px}
}

/* Services & Pricing menu: a short description under each service (David, October 23, 2026). The columns share the width
   equally and the descriptions wrap; the title still turns gold on hover. */
#dls-chrome .dls-mega-y .dls-mt{display:block;min-width:0}
#dls-chrome .dls-mega-y .dls-mn{display:block}
#dls-chrome .dls-mega-y .dls-nw{white-space:nowrap}
#dls-chrome .dls-nav .dls-mega-y .dls-md{display:block;margin-top:3px;font:400 .8rem/1.4 var(--dls-sans);color:#5b6472;white-space:normal}
@media (min-width:981px){
  #dls-chrome .dls-mega-y .dls-mega-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.12fr) minmax(0,1fr);gap:4px 32px}
  #dls-chrome .dls-nav .dls-mega-y .dls-mega-col a{align-items:flex-start;white-space:normal;padding:9px 0}
  #dls-chrome .dls-nav .dls-mega-y .dls-mega-col a .dls-mi{margin-top:1px}
  #dls-chrome .dls-nav .dls-mega-y .dls-mega-also{margin:-3px 0 6px;white-space:normal}
}
@media (min-width:981px) and (max-width:1120px){
  #dls-chrome .dls-mega-y .dls-mega-cols{gap:4px 22px}
}
@media (max-width:980px){
  #dls-chrome .dls-nav .dls-mega-y .dls-mega-col li > a{align-items:flex-start}
  #dls-chrome .dls-nav .dls-mega-y .dls-mega-col li > a .dls-mi{margin-top:1px}
}

/* October 23, 2026 (David): column headings in navy instead of gold; Resources and About Us with an icon and a short
   description on each link, like Services & Pricing; the Menu button on phones and tablets in navy. */
#dls-chrome .dls-nav .dls-mega-col h3{color:var(--dls-navy)}
#dls-chrome .dls-mega-ic .dls-mt{display:block;min-width:0}
#dls-chrome .dls-mega-ic .dls-mn{display:block}
#dls-chrome .dls-nav .dls-mega-ic .dls-md{display:block;margin-top:3px;font:400 .8rem/1.4 var(--dls-sans);color:#5b6472;white-space:normal}
@media (min-width:981px){
  #dls-chrome .dls-nav .dls-mega-sm.dls-mega-ic{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:15rem;gap:4px 34px;padding:24px 32px 26px}
  #dls-chrome .dls-nav .dls-mega-ic .dls-mega-col a{display:flex;align-items:flex-start;gap:11px;white-space:normal;padding:9px 0}
  #dls-chrome .dls-nav .dls-mega-ic .dls-mega-col a .dls-mi{margin-top:1px}
}
@media (max-width:980px){
  #dls-chrome .dls-nav .dls-mega-ic .dls-mega-col li > a{display:flex;align-items:flex-start;gap:11px}
  #dls-chrome .dls-nav .dls-mega-ic .dls-mega-col li > a .dls-mi{margin-top:1px}
}
#dls-chrome .dls-menu-toggle{background:var(--dls-navy);border-color:var(--dls-navy);color:#fff}
#dls-chrome .dls-menu-toggle:hover{background:#163a66;border-color:#163a66;color:#fff}

/* Phone app bar (October 23, 2026, David): Home, Services, Order, Call and Portal fixed to the bottom on phones. It replaces
   the Place Order / Call Now bar (.r-mobilebar is still in the page files and is hidden here). Markup and script: _inc/footer.html */
.dls-appbar{display:none}
.r-mobilebar{display:none!important}
@media (max-width:640px){
  .dls-appbar{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;position:fixed;left:0;right:0;bottom:0;z-index:99995;padding:6px 4px calc(7px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e3ded3;box-shadow:0 -10px 24px -14px rgba(13,38,69,.4)}
  .dls-appbar a{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;min-height:48px;padding:2px;font:600 .72rem/1.2 "Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#4a5566;text-decoration:none;-webkit-tap-highlight-color:transparent}
  .dls-appbar svg{width:23px;height:23px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .dls-appbar a[aria-current="page"]{color:#0d2645}
  .dls-appbar a[aria-current="page"] svg{stroke:#b8913f}
  .dls-appbar a.dls-ab-order{color:#917026}
  .dls-appbar .dls-ab-circle{display:grid;place-items:center;width:58px;height:58px;margin-top:-30px;border-radius:50%;background:#917026;border:4px solid #fff;box-shadow:0 8px 18px -8px rgba(13,38,69,.55)}
  .dls-appbar .dls-ab-circle svg{stroke:#fff;width:24px;height:24px}
  .dls-appbar a:focus-visible{outline:2px solid #0d2645;outline-offset:2px;border-radius:8px}
  footer{padding-bottom:96px}
  /* the open phone menu stops above the bar, so the bar stays visible and can close it */
  #dls-chrome .dls-nav{max-height:calc(100vh - 84px - 72px - env(safe-area-inset-bottom))}
}

/* menu-oct24:start (October 24, 2026, David). Services & Pricing: Records Retrieval is the last column and the only one with
   descriptions, so it gets the most room. Resources: a search box across the top of the menu, styled like the one in Services
   & Pricing, with the three columns below it. */
@media (min-width:981px){
  #dls-chrome .dls-mega-y .dls-mega-cols{grid-template-columns:minmax(0,.85fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.45fr)}
  #dls-chrome .dls-nav .dls-mega-sm.dls-mega-ic.dls-mega-srch{grid-template-columns:none;grid-auto-flow:row;grid-auto-columns:auto;gap:0;padding:0}
  #dls-chrome .dls-mega-srch .dls-msearch{position:relative;z-index:2;display:flex;align-items:center;gap:28px;padding:20px 32px 16px;background:var(--dls-cream);border-bottom:1px solid var(--dls-line)}
  #dls-chrome .dls-mega-srch .dls-ms-form{flex:1 1 auto;min-width:0}
  #dls-chrome .dls-mega-srch .dls-ms-tip{flex:0 0 14rem}
  #dls-chrome .dls-mega-srch .dls-ms-in{height:46px}
  #dls-chrome .dls-nav .dls-mega-srch .dls-mega-cols{display:grid;grid-auto-flow:column;grid-auto-columns:15rem;gap:4px 34px;padding:14px 32px 26px}
}
@media (max-width:980px){
  #dls-chrome .dls-mega-srch .dls-msearch{padding:12px 0 6px}
  #dls-chrome .dls-mega-srch .dls-ms-tip{display:none}
  #dls-chrome .dls-mega-srch .dls-ms-in{height:46px}
  #dls-chrome .dls-mega-srch .dls-ms-res{position:static;margin-top:8px;max-height:none;box-shadow:0 10px 24px -16px rgba(13,38,69,.45)}
}
/* menu-oct24:end */

/* menu-oct24b:start (October 24, 2026, David). Services & Pricing: the Filing & Recording column a little wider so the
   Illinois · Indiana · Maryland · Texas line under E-Filing - California fits on one line ("Also" removed the same day). A
   Memberships column in About Us was tried and removed the same day; its styles were taken out with it. */
@media (min-width:981px){
  #dls-chrome .dls-mega-y .dls-mega-cols{grid-template-columns:minmax(0,.8fr) minmax(0,1.15fr) minmax(0,.95fr) minmax(0,1.4fr)}
}
/* menu-oct24b:end */