html{
    min-height:100%;
    background-color:var(--paper);
    background-image:url(../images/bg-mapmaker5-topo.jpg);
    background-repeat:repeat-y;
    background-position:top center;
    background-size:100% auto;
  }

body{
    margin:0;
    min-height:100vh;
    background-color:transparent;
    color:var(--ink);
    font-family:"Gill Sans", "Gill Sans MT", Calibri, ui-sans-serif, system-ui, sans-serif;
    padding-inline:0;
    overflow-x:hidden;
  }

nav.tabs.tabs--short-divider{
    border-bottom:none;
  }

nav.tabs--short-divider .tabs__group{
    display:flex;
    align-items:flex-end;
    gap:0.4rem;
    border-bottom:1px solid rgb(153,153,153);
  }

nav.tabs a[data-nav="download"]{
    background:rgb(192,3,3);
    color:#ffffff;
  }

#mapmaker5{
    background:rgb(233,247,254);
  }

.product--mapmaker5 p{
    text-align:center;
  }

.video-placeholder{
    position:relative;
    width:700px;
    max-width:100%;
    aspect-ratio:700/450;
    margin:0.75rem auto 0;
    background:#2b2b2b;
    border:1px solid rgb(225,225,225);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#000000;
    cursor:pointer;
    overflow:hidden;
  }

.video-placeholder__thumb{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }

.video-placeholder__inner{
    position:relative;
    z-index:1;
    text-align:center;
  }

.video-placeholder__play{
    width:56px;
    height:56px;
    margin:0 auto 0.75rem;
    border-radius:50%;
  }

.video-placeholder__play svg{
    display:block;
  }

.video-placeholder__play polygon{
    fill:#000000;
  }

.video-placeholder__play:hover polygon{
    fill:var(--red);
  }

.video-placeholder__label{
    display:inline-block;
    font-size:0.9rem;
    font-weight:700;
    color:#000000;
    background:rgba(255,255,255,0.85);
    padding:0.15rem 0.65rem;
    border-radius:999px;
  }

.video-placeholder + p{
    margin-top:1.75rem;
  }