/* The approved symbol blends with the actual pixels beneath it.
   Keep this link directly under body: an isolated header would block the blend. */
.adaptive-brand{
  position:fixed;top:20px;left:24px;z-index:70;
  display:flex;align-items:center;justify-content:center;
  width:56px;height:52px;padding:3px;
  color:#fff;background:transparent;mix-blend-mode:difference;
  text-decoration:none;-webkit-tap-highlight-color:transparent;
}
.adaptive-brand img{display:block;width:34px;height:auto;pointer-events:none}
.skip{z-index:100}
.adaptive-brand:focus-visible{outline:2px solid #fff;outline-offset:6px}
.header .header-actions,.header>.header-book,.pricing-header nav{margin-left:auto}
/* Give the isolated calculator body its own painted backdrop for blending. */
html.pricing-document{background:#f0f0e8}
.pricing-header{min-height:103px}
@media(min-width:761px){
  .adaptive-brand--pricing{left:max(5%,calc(55% - 720px));top:25px}
}
@media(max-width:760px){
  .adaptive-brand{left:14px;top:14px;width:44px;height:44px;padding:2px}
  .adaptive-brand img{width:30px}
  .adaptive-brand--pricing{left:5%;top:19px}
  .pricing-header{min-height:90px}
}
@media(max-width:350px){.adaptive-brand{left:10px;top:10px}.adaptive-brand--pricing{left:5%;top:19px}}
@media(forced-colors:active){
  .adaptive-brand{mix-blend-mode:normal;background:Canvas;outline:1px solid CanvasText}
  .adaptive-brand img{visibility:hidden}
  .adaptive-brand:after{content:'';position:absolute;inset:0;margin:auto;width:34px;height:27px;background:CanvasText;mask:url('assets/attua/attua-symbol-white.svg') center/contain no-repeat;forced-color-adjust:none}
}
@media print{.adaptive-brand{display:none!important}}