/* Ducora site-wide additions, loaded on every page after the page's own styles. */

/* House style: no tiny all-caps labels. Labels read in sentence case, at a readable size. */
.mono,.meta,.sec-label,.chip,.pill,.lenstag,.newpill,.ba .lab,.pv-bar span,.sc-tag,.sc-score .of,.sc-rt .lab,.sc-pk,.sc-gap .nums,.sc-match,.sc-fb .lab,.feature .gets b,.opt .best b{
  text-transform:none!important;letter-spacing:0!important;font-family:var(--font-sans),"DM Sans",system-ui,sans-serif!important}
.mono,.meta,.lenstag,.sc-tag,.sc-rt .lab,.sc-pk,.sc-fb .lab,.ba .lab,.sc-gap .nums{font-size:14px!important}
.sec-label{font-size:16px!important}
.chip,.pill,.newpill,.sc-match{font-size:13px!important}
.pv-bar span{font-size:12px!important}
.sc-score .of{font-size:16px!important}

/* Phone menu (the design system hides the nav links under 720px) */
.dc-menu-btn{display:none;align-items:center;gap:8px;height:40px;padding:0 14px;margin-left:auto;margin-right:8px;border:1.5px solid #a2cbcd;border-radius:100px;background:#fff;color:#0e4749;font:600 15px/1 var(--font-sans),"DM Sans",system-ui,sans-serif;cursor:pointer}
.dc-menu-btn:focus-visible{outline:2px solid #0e4749;outline-offset:2px}
.dc-bars{display:inline-flex;flex-direction:column;gap:3px}
.dc-bars i{display:block;width:14px;height:2px;border-radius:2px;background:#0e4749;transition:transform .2s ease,opacity .2s ease}
.dc-menu-btn[aria-expanded="true"] .dc-bars i:nth-child(1){transform:translateY(5px) rotate(45deg)}
.dc-menu-btn[aria-expanded="true"] .dc-bars i:nth-child(2){opacity:0}
.dc-menu-btn[aria-expanded="true"] .dc-bars i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
.dc-menu{margin:0 16px 12px;background:#fff;border-radius:18px;padding:8px;box-shadow:0 18px 40px -22px rgba(14,71,73,.45);display:flex;flex-direction:column}
.dc-menu[hidden]{display:none!important}
.dc-menu-link{display:flex;align-items:center;min-height:48px;padding:0 16px;border-radius:12px;color:#283338!important;text-decoration:none;font:500 17px/1.2 var(--font-sans),"DM Sans",system-ui,sans-serif}
.dc-menu-link:hover,.dc-menu-link:focus-visible{background:#e4f0f1;outline:none}
.dc-menu-link[aria-current="page"]{color:#0e4749!important;font-weight:600}
@media (max-width:720px){.dc-menu-btn{display:inline-flex}}
@media (min-width:721px){.dc-menu{display:none!important}}
@media (max-width:380px){.tp-nav .tp-btn--compact{padding-left:14px!important;padding-right:14px!important}.dc-menu-btn{padding:0 12px;margin-right:6px}}

/* keep button text white on hover (launch fix, 12 Oct) */
a.tp-btn--teal:hover,a.tp-btn--teal:focus,a.tp-btn--teal:active,a.tp-btn--navy:hover,a.tp-btn--navy:focus{color:#fff}
