/**
 * @file
 * Visual styles for tabs.
 */

div.tabs {
   margin: 1em 0;
 }
 ul.tabs {
   margin: 0 0 0.5em;
   padding: 0;
   list-style: none;
   border-block-end: 1px solid var(--green-lt);
 }
 .tabs > li {
   display: inline-block;
   margin-inline-end: 0.3em;
 }
 .tabs a {
   display: block;
   padding: 0.2em 1em;
   text-decoration: none;
 }
 .tabs a.is-active {
   border-start-start-radius: var(--spc-sm);
   border-start-end-radius: var(--spc-sm);
   background-color: var(--green-lt);
   color: var(--white);
 }
 .tabs a:focus,
 .tabs a:hover {
   background-color: var(--blue);
   color: var(--nearwhite);
 }