:root {
  	--adj:blue; 
  	--adv:purple; 
  	--noun:green; 
  	--verb:red;
  	--num:navy; 
  	--prep:brown; 
  	--post:maroon; 
  	--conj:teal; 
  	--pron:olive; 
  	--pref:black; 
  	--other:black; 
  }
	 
	body {
      max-width: 1100px;
      margin: 24px auto;
      padding: 0 16px;
    }
	
    header {
      margin-bottom: 12px;
    }
	
    .svg-wrap {
      overflow: visible; 
	  border: none;
    }
	
    object.svg-object {
	  display: block;
    }
	
	.vocab-table tr {
	  cursor: pointer;
	}

	.vocab-table tr:hover {
	  background: #f8fafc;
	}
	
    .term-adj th,
    .term-adj td { color: var(--adj); }

    .term-adv th,
    .term-adv td { color: var(--adv); }

    .term-noun th,
    .term-noun td { color: var(--noun); }

    .term-verb th,
    .term-verb td { color: var(--verb); }

    .term-num th,
    .term-num td { color: var(--num); }

    .term-prep th,
    .term-prep td { color: var(--prep); }

    .term-post th,
    .term-post td { color: var(--post); }

    .term-conj th,
    .term-conj td { color: var(--conj); }

    .term-pron th,
    .term-pron td { color: var(--pron); }

    .term-pref th,
    .term-pref td { color: var(--pref); }
	
    .term-trans,
    .term-word { color: inherit; }
	
	.vocab-table tr:target > th,
	.vocab-table tr:target > td {
	  background-color: #ffe8a1;
	  transition: background-color 0.4s ease;
	}