/*! it-related-tools-v1.css
   The related tools strip, on thirty three pages. */
.rt{--rt-a:#E85C42;--rt-b:#EF8F3B;--rt-ink:#141210;margin:56px 0 8px}
.rt h2{margin:0 0 6px;font-size:clamp(22px,2.6vw,30px);font-weight:800;letter-spacing:-.02em;
  color:#111}
.rt .rt-sub{margin:0 0 22px;font-size:15px;line-height:1.6;color:#5F6672}
.rt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.rt-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;
  gap:14px;padding:26px 22px;border-radius:20px;text-decoration:none;color:inherit;
  overflow:hidden;isolation:isolate;
  background:linear-gradient(170deg,#FFFFFF,#FDFBF7);
  border:1px solid rgba(20,18,16,.09);
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 12px 28px -20px rgba(16,24,40,.4);
  transition:transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s ease,border-color .22s ease}
.rt-card::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.07;
  background:radial-gradient(90% 60% at 50% 0%,var(--rt-a),transparent 70%)}
.rt-card::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent)}
.rt-card:hover{transform:translateY(-4px);border-color:rgba(20,18,16,.16);
  box-shadow:0 2px 4px rgba(16,24,40,.05),0 26px 46px -24px rgba(16,24,40,.5)}
.rt-card:focus-visible{outline:2px solid var(--rt-a);outline-offset:3px}
.rt-ico{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;flex:none;
  background:linear-gradient(150deg,var(--rt-b),var(--rt-a));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 10px 20px -10px var(--rt-a);position:relative}
.rt-ico::after{content:"";position:absolute;inset:1px 1px 46% 1px;border-radius:17px 17px 40% 40%;
  background:linear-gradient(180deg,rgba(255,255,255,.4),rgba(255,255,255,0))}
.rt-ico svg{width:31px;height:31px;fill:none;stroke:#fff;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round}
.rt-card h3{margin:0;font-size:17px;font-weight:800;letter-spacing:-.01em;color:#111}
.rt-card p{margin:0;font-size:13.5px;line-height:1.65;color:#5F6672;max-width:30ch}
.rt-go{margin-top:auto;align-self:center;display:inline-flex;align-items:center;gap:8px;
  padding:11px 20px;border-radius:999px;font-size:13.5px;font-weight:700;color:#FDFBF7;
  background:var(--rt-ink);border:1px solid var(--rt-ink);
  box-shadow:0 8px 18px -12px rgba(20,18,16,.9);
  transition:background-color .2s ease,transform .2s ease}
.rt-go svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.rt-card:hover .rt-go{background:#2A2521}
.rt-card:hover .rt-go svg{transform:translateX(3px)}
@media (max-width:980px){.rt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rt{margin-top:40px}}
@media (max-width:620px){.rt-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){
  .rt-card,.rt-go,.rt-go svg{transition:none}
  .rt-card:hover{transform:none}
}
@media print{.rt{display:none!important}}
/* Related tools: hold the design against whatever the host page styles */
section.rt.related-tools{margin:56px 0 8px;padding:0;background:none;border:0}
section.rt.related-tools>.wrap,section.rt.related-tools>.seo-inner{padding-top:0;padding-bottom:0}
section.rt.related-tools h2{margin:0 0 6px;font-size:clamp(22px,2.6vw,30px);font-weight:800;
  letter-spacing:-.02em;line-height:1.2;color:#111;text-align:left;text-transform:none}
section.rt.related-tools p.rt-sub{margin:0 0 22px;font-size:15px;line-height:1.6;color:#5F6672;
  max-width:none;text-align:left}
section.rt.related-tools .rt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;align-items:stretch;margin:0}
section.rt.related-tools .rt-card{display:flex;flex-direction:column;align-items:center;
  text-align:center;gap:14px;padding:26px 22px;margin:0;border-radius:20px;
  border:1px solid rgba(20,18,16,.09);background:linear-gradient(170deg,#FFFFFF,#FDFBF7);
  text-decoration:none;height:100%;box-sizing:border-box}
section.rt.related-tools .rt-card h3{margin:0;font-size:17px;font-weight:800;letter-spacing:-.01em;
  color:#111;text-align:center}
section.rt.related-tools .rt-card p{margin:0;font-size:13.5px;line-height:1.65;color:#5F6672;
  max-width:30ch;text-align:center}
section.rt.related-tools .rt-ico{width:62px;height:62px;border-radius:18px;flex:none;
  display:grid;place-items:center}
section.rt.related-tools .rt-ico svg{width:31px;height:31px;fill:none;stroke:#fff;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round}
section.rt.related-tools .rt-go{margin-top:auto;align-self:center;display:inline-flex;
  align-items:center;gap:8px;padding:11px 20px;border-radius:999px;font-size:13.5px;font-weight:700;
  color:#FDFBF7;background:var(--rt-ink);border:1px solid var(--rt-ink);text-align:center}
section.rt.related-tools .rt-go svg{width:15px;height:15px;fill:none;stroke:currentColor;
  stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:980px){section.rt.related-tools .rt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  section.rt.related-tools{margin-top:40px}}
@media (max-width:620px){section.rt.related-tools .rt-grid{grid-template-columns:1fr}
  section.rt.related-tools .rt-card{padding:24px 20px}}
@media print{section.rt.related-tools{display:none!important}}
/* the .tp inner exists to share the page's mobile gutter, not its heading styling */
section.rt.related-tools .seo-inner h2{margin:0 0 6px!important;max-width:none!important;font-size:clamp(22px,2.6vw,30px)!important;line-height:1.2!important;font-weight:800!important;text-align:left!important;letter-spacing:-.02em!important}