:root{
   --brand:#0a2540;
   --accent:#1f73b7;
   --ink:#111;
   --muted:#f4f4f4;
   --border:#e5e5e5;
}

.ht_container
{
   font-family: Arial;
   font-size: 1.1rem;
   font-weight: 400;
   color: #33333;
   letter-spacing: .6px;
   line-height: 160%;
   margin: 30px;
   padding:24px;
   display: flex;
   flex-direction: row;
   align-items: flex-start;
}

.ht_container > div:first-child
{
   margin-right: 30px;
   min-width: max-content;
}  

.ht_container img
{
   width: 100%;
   max-width: 600px;
}

.ht_container figure
{
   padding: 0px;
   margin: 10px;
}

@media (max-width: 1200px) 
{      
   .ht_container
   {
      flex-direction: column;
   }
}

@media (max-width: 800px) 
{      
   .ht_container
   {
      margin: 5px;
      padding: 0px;
   }
}

.ht_container .toc
{
   border:1px solid var(--border);
   border-radius:8px;
   padding:16px;
   margin:24px 0;
   font-size: 1rem;
}
.ht_container .toc h2{font-size:1rem;margin:0 0 8px 0}
.ht_container .toc ol{margin:0;padding-left:20px}
.ht_container .toc a{color:var(--accent);text-decoration:none}
.ht_container .toc a:hover{text-decoration:underline}
    
.ht_container section
{
   padding:20px 0;
   border-bottom:1px solid var(--border);
}

.ht_container section:last-of-type
{
   border-bottom:none;
}

.ht_container h2{font-size:1.4rem;margin:0 0 10px 0;color:var(--brand)}
.ht_container h3{font-size:1.1rem;margin:16px 0 8px 0}
.ht_container p{margin:8px 0}
.ht_container ul, .ht_container ol{padding-left:20px}
.ht_container .grid
{
   display:flex;
   flex-direction: row;
   flex-wrap: wrap;
}

.ht_container .card{border:1px solid var(--border);border-radius:10px;padding:16px;background:#fff; width: 300px; margin: 20px;}
.ht_container .cta{display:flex;gap:12px;flex-wrap:wrap}
.ht_container .btn{appearance:none;border:1px solid var(--accent);background:var(--accent);color:#fff;padding:10px 14px;border-radius:8px;text-decoration:none;font-weight:bold}
.ht_container .btn.secondary{background:#fff;color:var(--accent)}
.ht_container table{border-collapse:collapse;width:100%;}
.ht_container th,.ht_container td{border:1px solid var(--border);padding:8px;text-align:left}
.ht_container .faq details{border:1px solid var(--border);border-radius:8px;padding:10px;margin:10px 0}

@media (max-width: 800px) 
{      
   .ht_container .card
   {
      width: 100%;
   }
}