/* ===================================================================
   uxp - site-wide UX layer. Edit this file directly; build/ux_polish.py
   only links it (with a content-hash ?v=) into every page.
   =================================================================== */

/* --- design tokens + dark theme ------------------------------------ */
:root{
  --bg:#FFFFFF; --surface:#FFFFFF; --surface-2:#EFF6FF;
  --ink:#1A2433; --muted:#475569; --line:#DBE4F0;
  --navy:#0B1F3A; --blue:#1D4ED8; --gold:#F59E0B;
  --sky:#EFF6FF; --white:#FFFFFF; --blue-bright:#2563EB;
  --link:#1D4ED8; --link-strong:#2563EB;
  --shadow:0 10px 30px rgba(11,31,58,.10);
  --uxp-ring:#F59E0B; --uxp-ring-inner:#0B1F3A;
}
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0B1F3A; --surface:#12274a; --surface-2:#173158;
  --ink:#E8EEF9; --muted:#A9BAD6; --line:#26436f;
  --navy:#0B1F3A; --blue:#1D4ED8; --gold:#FBBF24;
  --sky:#12274a; --white:#12274a; --blue-bright:#2563EB;
  --link:#93BEFB; --link-strong:#93BEFB;
  --shadow:0 10px 30px rgba(0,0,0,.55);
  --uxp-ring:#FBBF24; --uxp-ring-inner:#0B1F3A;
}
html[data-theme="dark"] body{background:var(--bg);color:var(--ink)}
html[data-theme="dark"] header,
html[data-theme="dark"] header.site{background:var(--surface);box-shadow:0 2px 14px rgba(0,0,0,.45)}
html[data-theme="dark"] header img,
html[data-theme="dark"] .brand video{border-radius:10px}
/* light surfaces -> dark surfaces */
html[data-theme="dark"] .card,
html[data-theme="dark"] .step,
html[data-theme="dark"] .sub,
html[data-theme="dark"] details.irs,
html[data-theme="dark"] #faq .faq,
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .post-card,
html[data-theme="dark"] #tools .tools-numwrap{background:var(--surface)}
html[data-theme="dark"] section.alt,
html[data-theme="dark"] .trustbar,
html[data-theme="dark"] #tools .tools-tabs,
html[data-theme="dark"] .card .icon,
html[data-theme="dark"] .contact-list .ic,
html[data-theme="dark"] .article-body .takeaway{background:var(--surface-2)}
html[data-theme="dark"] .badge{background:var(--surface-2);border-color:var(--line);color:var(--link)}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{background:#0E2144;color:var(--ink);border-color:var(--line)}
/* text that was navy/blue on a now-dark surface (gold-bg elements stay navy) */
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] h4,
html[data-theme="dark"] .card h2,
html[data-theme="dark"] .post-card h2 a,
html[data-theme="dark"] .article-body .lede,
html[data-theme="dark"] .article-body .takeaway strong,
html[data-theme="dark"] .trustbar .t,
html[data-theme="dark"] details.irs summary,
html[data-theme="dark"] label,
html[data-theme="dark"] .contact-list strong,
html[data-theme="dark"] #tools .tools-tab,
html[data-theme="dark"] #tools .tools-numwrap input,
html[data-theme="dark"] #tools .tools-table td,
html[data-theme="dark"] #tools .tools-table .tools-row-strong th,
html[data-theme="dark"] #faq .faq summary,
html[data-theme="dark"] nav.main a,
html[data-theme="dark"] nav.main button.navlink{color:var(--ink)}
html[data-theme="dark"] .tools-big-white{color:#fff}
html[data-theme="dark"] a{color:var(--link)}
html[data-theme="dark"] a.btn-primary,
html[data-theme="dark"] a.btn-primary:hover,
html[data-theme="dark"] nav.main a.btn-primary,
html[data-theme="dark"] nav.main a.btn-primary:hover{color:#fff}
html[data-theme="dark"] a.btn-gold,
html[data-theme="dark"] a.btn-gold:hover,
html[data-theme="dark"] .topbar .pay-mini,
html[data-theme="dark"] .mobile-cta a.pay{color:#0B1F3A}
html[data-theme="dark"] .btn-outline-dark{color:var(--link);border-color:var(--link)}
html[data-theme="dark"] nav.main a:hover,
html[data-theme="dark"] nav.main button.navlink:hover{background:var(--surface-2);color:var(--link)}
html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .trustbar .t .svgi,
html[data-theme="dark"] .card .icon,
html[data-theme="dark"] details.irs summary::after,
html[data-theme="dark"] .post-meta{color:var(--link-strong)}
html[data-theme="dark"] #faq .faq summary:hover,
html[data-theme="dark"] #faq .faq .body a,
html[data-theme="dark"] #tools .tools-table .tools-row-strong td,
html[data-theme="dark"] .post-card h2 a:hover{color:var(--link)}
html[data-theme="dark"] .footer-brand img,
html[data-theme="dark"] .legal-bar{border-color:rgba(255,255,255,.15)}


/* --- 2. hover / focus / active coverage ---------------------------- */
.btn{transition:transform .15s ease,box-shadow .15s ease,background .15s ease,filter .15s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(11,31,58,.25)}
.btn:active{transform:translateY(0) scale(.985);box-shadow:0 3px 10px rgba(11,31,58,.22)}
.btn-gold:hover{background:#FBBF24;filter:saturate(1.05)}
.btn-outline:hover{background:rgba(255,255,255,.18)}
.btn-outline-dark:hover{background:var(--sky);border-color:var(--blue)}
nav.main a,nav.main button.navlink{transition:background-color .16s ease,color .16s ease}
nav.main a:active,nav.main button.navlink:active{transform:translateY(1px)}
.sub a{transition:background-color .16s ease,color .16s ease}
.sub a:hover{background:var(--sky);color:var(--blue)}
.menu-toggle{transition:background-color .16s ease,transform .16s ease}
.menu-toggle:hover{background:var(--blue)}
.menu-toggle:active{transform:scale(.97)}
.nav-close:hover{background:rgba(255,255,255,.22)}
.topbar a,.nav-portals a{transition:color .16s ease}
.topbar a:hover,.nav-portals a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.topbar .pay-mini:hover{color:var(--navy);text-decoration:none;filter:brightness(1.06)}
#tools .tools-tab{transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}
#tools .tools-tab:hover{background:rgba(29,78,216,.10);color:var(--blue)}
#tools .tools-tab[aria-selected="true"]:hover{background:var(--blue);color:#fff}
#tools .tools-tab:active{transform:translateY(1px)}
#faq .faq{transition:box-shadow .18s ease,border-color .18s ease}
#faq .faq:hover{border-color:var(--blue);box-shadow:0 6px 18px rgba(11,31,58,.08)}
#faq .faq summary{transition:color .16s ease}
details.irs{transition:box-shadow .18s ease,border-color .18s ease}
details.irs:hover{border-color:var(--blue)}
details.irs summary:hover{color:var(--blue)}
input:hover,select:hover,textarea:hover{border-color:var(--blue)}
input:focus,select:focus,textarea:focus{border-color:var(--blue)}

/* --- focus ring: two-tone everywhere (WCAG 1.4.11) -------------------
   Gold alone fails 3:1 on white and navy alone vanishes on the dark
   sections, so keep BOTH layers. Declared after the hover/focus rules
   above so nothing of equal specificity can strip the inner ring. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{
  outline:3px solid var(--uxp-ring);outline-offset:3px;border-radius:6px;
  box-shadow:0 0 0 2px var(--uxp-ring-inner);
}
.mobile-cta a{transition:background-color .16s ease,filter .16s ease}
.mobile-cta a:hover{background:rgba(255,255,255,.12)}
.mobile-cta a.pay:hover{background:#FBBF24;filter:none}
.mobile-cta a:active{background:rgba(255,255,255,.2)}
.social a{transition:background-color .16s ease,transform .16s ease}
.social a:hover{transform:translateY(-2px)}
.post-card,.card,.step{transition:transform .18s ease,box-shadow .18s ease,opacity .6s ease}
main a:not(.btn):hover,.legal-bar a:hover,footer.site a:not(.btn):hover{text-decoration:underline;text-underline-offset:3px}
.card:hover,.step:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(11,31,58,.12)}
html[data-theme="dark"] .card:hover,
html[data-theme="dark"] .step:hover,
html[data-theme="dark"] .post-card:hover{box-shadow:0 12px 30px rgba(0,0,0,.5)}

/* --- 3. scroll progress bar ---------------------------------------- */
.uxp-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:1000;
  background:transparent;pointer-events:none}
.uxp-progress > i{display:block;height:100%;width:100%;transform:scaleX(0);
  transform-origin:0 50%;background:var(--gold);
  box-shadow:0 0 8px rgba(245,158,11,.55)}
html[data-theme="dark"] .uxp-progress > i{background:#FBBF24;box-shadow:0 0 10px rgba(251,191,36,.6)}

/* --- 4/7. back-to-top + contact FAB -------------------------------- */
.uxp-top,.uxp-fab{position:fixed;right:24px;width:54px;height:54px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;z-index:850;cursor:pointer;
  border:0;padding:0;font:inherit;text-decoration:none;
  transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,opacity .25s ease}
.uxp-top{right:24px;bottom:96px;background:var(--navy);color:#fff;
  box-shadow:0 8px 22px rgba(11,31,58,.28);opacity:0;visibility:hidden}
.uxp-top.is-on{opacity:1;visibility:visible}
.uxp-top:hover{background:var(--blue);transform:translateY(-3px);box-shadow:0 12px 26px rgba(29,78,216,.38)}
.uxp-top:active{transform:translateY(0) scale(.95)}
.uxp-fab{bottom:24px;background:var(--gold);color:var(--navy);
  box-shadow:0 8px 22px rgba(245,158,11,.42);
  /* a pill: desktops cannot dial, so hover/focus reveals the number itself */
  width:auto;min-width:54px;border-radius:27px;padding:0 16px;font-weight:800;font-size:.98rem}
.uxp-fab .uxp-fab-num{max-width:0;overflow:hidden;white-space:nowrap;opacity:0;
  transition:max-width .25s ease,opacity .2s ease,margin .25s ease}
.uxp-fab:hover .uxp-fab-num,.uxp-fab:focus-visible .uxp-fab-num{max-width:160px;opacity:1;margin-left:9px}
.uxp-fab:hover{background:#FBBF24;transform:translateY(-3px);box-shadow:0 12px 28px rgba(245,158,11,.55)}
.uxp-fab:active{transform:translateY(0) scale(.95)}
.uxp-top svg,.uxp-fab svg{width:22px;height:22px;flex:0 0 auto;fill:none;stroke:currentColor;
  stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
html[data-theme="dark"] .uxp-top{background:var(--surface-2);color:#fff;
  border:1px solid var(--line)}
html[data-theme="dark"] .uxp-top:hover{background:var(--blue);border-color:var(--blue)}
@media (max-width:760px){
  /* the sticky Call/Consult/Pay bar owns the bottom edge on phones */
  .uxp-fab{display:none}
  .uxp-top{right:16px;bottom:calc(72px + env(safe-area-inset-bottom))}
}

/* --- 6. header search --------------------------------------------- */
.uxp-tools{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.uxp-search{position:relative;display:block}
.uxp-search-toggle{display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;flex:0 0 auto;border-radius:50%;cursor:pointer;
  border:1.5px solid var(--line);background:var(--sky);color:var(--navy);
  transition:background-color .18s ease,color .18s ease,transform .18s ease,border-color .18s ease}
.uxp-search-toggle:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.uxp-search-toggle:active{transform:scale(.94)}
.uxp-search-toggle[aria-expanded="true"]{background:var(--blue);color:#fff;border-color:var(--blue)}
.uxp-search-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round}
html[data-theme="dark"] .uxp-search-toggle{background:var(--surface-2);color:#fff;border-color:var(--line)}
html[data-theme="dark"] .uxp-search-toggle:hover,
html[data-theme="dark"] .uxp-search-toggle[aria-expanded="true"]{background:var(--blue);border-color:var(--blue);color:#fff}
/* panel overlays the page: the nav is already full width at 1280px */
header{position:relative}
.uxp-search-panel{position:absolute;left:0;right:0;top:100%;z-index:1001;
  background:var(--surface);border-top:1px solid var(--line);
  box-shadow:0 14px 30px rgba(11,31,58,.16);padding:16px 22px}
.uxp-search-panel[hidden]{display:none}
.uxp-search-panel .uxp-q{width:100%;max-width:none;font-size:1rem;padding:12px 14px 12px 38px}
.uxp-search-panel .uxp-results{position:static;width:100%;max-width:640px;margin:10px auto 0;
  max-height:52vh;box-shadow:none;background:var(--bg)}
.uxp-q{appearance:none;-webkit-appearance:none;width:210px;max-width:38vw;
  padding:9px 12px 9px 34px;border-radius:999px;border:1.5px solid var(--line);
  background:var(--sky);color:var(--ink);font:inherit;font-size:.92rem;line-height:1.2}
.uxp-q::placeholder{color:var(--muted);opacity:1}
.uxp-q::-webkit-search-cancel-button{-webkit-appearance:none}
.uxp-search::before{content:"";position:absolute;left:11px;top:50%;width:15px;height:15px;
  transform:translateY(-50%);pointer-events:none;
  background:currentColor;opacity:.55;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") center/contain no-repeat}
.uxp-search-panel::before{display:none}
.uxp-results{position:absolute;top:calc(100% + 8px);right:0;width:min(420px,84vw);
  margin:0;padding:6px;list-style:none;background:var(--surface);
  border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);
  max-height:min(60vh,420px);overflow-y:auto;z-index:1001}
html[data-theme="dark"] .uxp-results{border-color:var(--line)}
.uxp-results[hidden]{display:none}
.uxp-results li{margin:0;padding:0}
.uxp-results a{display:block;padding:9px 12px;border-radius:9px;text-decoration:none;
  color:var(--ink);line-height:1.35}
.uxp-results a:hover,.uxp-results li.is-active a{background:var(--sky);color:var(--blue);text-decoration:none}
html[data-theme="dark"] .uxp-results a{color:var(--ink)}
html[data-theme="dark"] .uxp-results a:hover,
html[data-theme="dark"] .uxp-results li.is-active a{background:var(--surface-2);color:var(--link)}
.uxp-results a > span{pointer-events:none}
.uxp-results .uxp-rt{display:block;font-weight:700;font-size:.96rem}
.uxp-results .uxp-rs{display:block;font-size:.78rem;color:var(--muted);margin-top:1px}
.uxp-results mark{background:rgba(245,158,11,.32);color:inherit;border-radius:3px;padding:0 1px}
.uxp-results .uxp-rx{display:block;font-size:.84rem;color:var(--muted);margin-top:3px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html[data-theme="dark"] .uxp-results .uxp-rx{color:var(--muted)}
.uxp-results .uxp-empty{padding:12px;color:var(--muted);font-size:.9rem}
.uxp-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:980px){
  /* On the main pages the drawer carries the field, so the header keeps only
     the theme toggle (the row is already tight at 390px). */
  header.site .uxp-search-toggle{display:none}
  header.site .brand img,header.site .brand video{width:min(240px,44vw)}
  nav.main .uxp-search{display:block;margin:14px 0 4px}
  nav.main .uxp-q{width:100%;max-width:none;background:rgba(255,255,255,.1);
    border-color:rgba(255,255,255,.28);color:#fff}
  nav.main .uxp-q::placeholder{color:#C7D6EE}
  nav.main .uxp-search::before{opacity:.75;color:#fff}
  nav.main .uxp-results{left:0;right:auto;width:100%;max-height:50vh}
  .uxp-search-panel{padding:12px 16px}
}
@media (min-width:981px){nav.main .uxp-search{display:none}}
/* Between the drawer breakpoint (980px) and ~1400px the brand, the main nav
   and the header controls cannot all fit on one row. Tighten the brand and the
   nav gutters in that band only: this keeps the header on a single line and
   also fixes the pre-existing overflow the untouched site had below ~1150px. */
@media (min-width:981px) and (max-width:1400px){
  header.site .brand img,header.site .brand video{width:min(190px,58vw)}
  header.site nav.main a,header.site nav.main button.navlink{padding-left:10px;padding-right:10px}
}

/* --- theme toggle -------------------------------------------------- */
.uxp-theme{display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;flex:0 0 auto;border-radius:50%;cursor:pointer;
  border:1.5px solid var(--line);background:var(--sky);color:var(--navy);
  transition:background-color .18s ease,color .18s ease,transform .18s ease,border-color .18s ease}
.uxp-theme:hover{background:var(--blue);color:#fff;border-color:var(--blue);transform:rotate(-12deg)}
.uxp-theme:active{transform:scale(.94)}
.uxp-theme svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round}
.uxp-theme .uxp-i-moon{display:none}
html[data-theme="dark"] .uxp-theme{background:var(--surface-2);color:#fff;border-color:var(--line)}
html[data-theme="dark"] .uxp-theme:hover{background:var(--blue);border-color:var(--blue)}
html[data-theme="dark"] .uxp-theme .uxp-i-sun{display:none}
html[data-theme="dark"] .uxp-theme .uxp-i-moon{display:inline-flex}
@media (max-width:980px){
  header.site .navbar{flex-wrap:nowrap}
  header.site .uxp-tools{order:2}
  header.site .menu-toggle{order:3}
}

/* --- 8. privacy notice -----------------------------------------------
   A compact card in the bottom-left corner: it never covers the call
   button or back-to-top on the right, and needs no body padding. */
.uxp-cookie{position:fixed;left:24px;bottom:24px;z-index:990;width:min(400px,calc(100vw - 120px));
  background:var(--navy);color:#E3EBF8;font-size:.88rem;border-radius:14px;
  border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 32px rgba(11,31,58,.35);
  padding:14px 16px}
.uxp-cookie[hidden]{display:none}
.uxp-cookie p{margin:0 0 10px;line-height:1.5}
.uxp-cookie strong{color:#fff}
.uxp-cookie a{color:#A9C7F2;text-decoration:underline;text-underline-offset:2px}
.uxp-cookie a:hover{color:#fff}
.uxp-cookie .uxp-ck-btns{display:flex;align-items:center;justify-content:space-between;gap:12px}
.uxp-ck-ok{font:inherit;font-weight:800;cursor:pointer;border:0;border-radius:999px;
  padding:8px 20px;background:var(--gold);color:#0B1F3A;
  transition:background-color .16s ease,transform .16s ease}
.uxp-ck-ok:hover{background:#FBBF24;transform:translateY(-1px)}
.uxp-ck-ok:active{transform:translateY(0) scale(.97)}
html[data-theme="dark"] .uxp-cookie{background:var(--surface-2)}
@media (prefers-reduced-motion: no-preference){
  .uxp-cookie{animation:uxpNoticeIn .35s ease .6s both}
  @keyframes uxpNoticeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
}
@media (max-width:760px){
  /* sit above the sticky Call/Consult/Pay bar, clear of back-to-top */
  .uxp-cookie{left:12px;right:12px;width:auto;bottom:calc(66px + env(safe-area-inset-bottom))}
  body.uxp-cookie-open .uxp-top{bottom:calc(200px + env(safe-area-inset-bottom))}
}

/* --- 5. page-to-page transition -------------------------------------
   Cross-document view transitions: the browser cross-fades between pages
   itself. Unlike a body opacity animation this never delays first paint
   (LCP) and simply does nothing where unsupported. */
@media (prefers-reduced-motion: no-preference){
  @view-transition{navigation:auto}
  ::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}
}

/* --- reduced motion: hard off switch (all of the above included) ---- */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .uxp-theme:hover,.uxp-top:hover,.uxp-fab:hover,.card:hover,.step:hover,
  .post-card:hover,.btn:hover,.social a:hover{transform:none!important}
}

/* --- 9. print ------------------------------------------------------- */
@media print{
  header.site,
  header:not(.article-head),
  .topbar,.deadline-bar,.mobile-cta,.hero-pause,.social,.skip-link,
  nav.main,.menu-toggle,.uxp-progress,.uxp-top,.uxp-fab,.uxp-search,
  .uxp-theme,.uxp-tools,.uxp-cookie,.uxp-results,.cta-band,.btn{display:none!important}
  html,body{background:#fff!important;color:#000!important;padding-bottom:0!important;
    font-size:12pt;line-height:1.5;animation:none!important}
  *{box-shadow:none!important;text-shadow:none!important;animation:none!important;
    transition:none!important;background-image:none!important;color:#000!important}
  h1,h2,h3,h4,.eyebrow{color:#000!important}
  a{color:#000!important;text-decoration:underline}
  /* outbound portal links print their destination */
  .portals a::after,.nav-portals a::after{content:" (" attr(href) ")";font-size:9.5pt;
    word-break:break-all;font-weight:400}
  /* the video hero degrades to its poster image */
  video{display:none!important}
  .hero-media img{display:block!important}
  .hero{background:#fff!important}
  .hero h1,.hero p.lead,.hero .accent,.hero-card,.hero-card li,.hero-card a{color:#000!important}
  .hero-card{background:#fff!important;border:1px solid #000!important}
  /* scroll-reveal must never clip printed content */
  html.js-reveal .reveal,.reveal{opacity:1!important;transform:none!important}
  .article-body,.article-body .takeaway{max-height:none!important;overflow:visible!important}
  .article-head{background:#fff!important}
  .article-head h1,.article-head .eyebrow,.article-head .post-meta{color:#000!important}
  .wrap{max-width:none!important;padding:0!important}
  .card,.step,.post-card,#faq .faq,details.irs,.form-card{border:1px solid #999!important;
    background:#fff!important;break-inside:avoid}
  #tools{background:#fff!important}
  footer.site,footer{background:#fff!important;color:#000!important;
    border-top:1px solid #000;padding-top:10pt}
  footer.site a,footer a{color:#000!important}
  a[href^="#"]{text-decoration:none}
  @page{margin:14mm}
}