/* wordhord and all pages calling it */
		.wordhord > a {
			display: block;
			margin-bottom: 1rem;
		}
		.wordhord > p > a {
			display: block;
			margin-left: 1rem;
		}
		.wordhord > a:before {
			content: attr(id); /*"~" " "*/
		}
		.wordhord > a[title]:before {
			content: attr(title);
		}
		.wordhord > a:after, .wordhord > p > a:after {
			content: " > " attr(href);
		}
		.wordhord > a.alt:after {
			content: " = " attr(href);
		}
		.wordhord > p:before {
			content: attr(id) " ";
		}
		.wordhord > p[title]:before {
			content: attr(title) " ";
		}
		.wordhord > dl {
			color: #666;
			font-size: .9rem;
		}
		.wordhord > dl > dt {
			font-weight: normal;
		}
		.wordhord > dl > dt > b, .wordhord > dl > dd > b, .wordhord > dl > dd:not(.also) > i { /*> i:not(.E)*/
			color: #333;
			font-size: 1rem;
		}
		.wordhord > dl > dt > b, .wordhord > dl > dd > b {
			margin-right: .5rem;
		}
		.wordhord > dl > dd > i { /*> i:not(.E)*/
			display: inline;
			font-style: italic;
			margin: 0 0 0 1rem;
			top: 0;
		}
		.wordhord > dl > dd.also > i {
			margin: 0;
		}
		.wordhord > dl > dd:first-of-type {
			color: #333;
			font-weight: 500;
			font-size: 1rem;
			font-style: italic;
			margin-left: 1rem;
		}
		/* long text breaks out of its container:
		.wordhord > dl > dd:first-of-type:after {
			content: "\A";
			white-space: pre;
		}
		.wordhord > dl > .OE, .wordhord > dl > .ME, .wordhord > dl > .ON {
			display: inline;
		}*/
		.wordhord > dl > dt, .wordhord > dl > dt + dd, .wordhord > dl > .OE, .wordhord > dl > .ME, .wordhord > dl > .ON {
			display: inline;
		}
		/* large gap opens up below first dd: in narrow viewports: */
		@media only screen and (min-width: 420px) {
			.wordhord > dl > dd:first-of-type:after {
				content: "";
				display: block;
				height: 0;
				width: 100%;
				overflow: hidden;
			}
		}
		.wordhord > dl > dd {
			margin-left: 1em;
		}
		.OE:before, .OE:after, .ON:before, .ON:after {
		  color: #666;
		  display: inline-block;
		  font-size: .9rem;
		}
		.OE:before, .ON:before {
		  content: "OE";
		  font-style: italic;
		  margin-right: .3rem;
		}
		.ON:before {
		  content: "ON";
		}
		.wordhord > dl > .OE:not(.N):after, .ON:after {
		  content: ">";
		  margin: 0 0 0 .5rem;
		}
		.wordhord > dl > .OE, .wordhord > dl > .ON {
			font-size: 1rem;
		}
		.wordhord > dl > .OE + .ON {
			margin-left: .5rem;
		}
		.wordhord > dl > .ME {
			font-size: 1rem;
			margin-left: 0;
		}
		.wordhord > dl > .ME > i { /*> i:not(.E)*/
			color:#666;
			font-size: .9rem;
			margin-left: .2rem;
			position: static; /*override setting in englesaxe.css*/
		}
		.wordhord > dl > .also > i {
			display:inline;
		}

		.note:before {
		  content: "note: ";
		}
		.also:before {
		  content: "also: OE ";
		}
		.many > dl:first-of-type > dt:before {
			content: "1 ";
		}
		.many > dl:nth-of-type(2) > dt:before {
			content: "2 ";
		}
		.many > dl:nth-of-type(3) > dt:before {
			content: "3 ";
		}
		.many > dl:nth-of-type(4) > dt:before {
			content: "4 ";
		}

		/* .search */
		.search label {
			margin-right: 5px;
		}
		.search > dl {
			background: rgba(0, 153, 0, 0.1); /* rgb(250, 235, 215) antiquewhite; TODO -pale green */
			font-size: 1rem;
			margin-bottom: 2rem;
			padding: 1rem;
		}
		.search > dl > dt, .search > dl > dd {
			display: inline-block;
		}
		.search > dl > dt {
			font-style: italic;
			font-weight: normal;
		}
		.search > .wordhord > h4 {
			border-top: 1px solid lightgrey;
			margin-bottom: 1rem;
			padding-top: 1rem;
		}

		/* only found in Wordhord pages */
		.subheading > span {
			float: right;
		}

		/* neologism text indicators */
		.neo > b:after, .ext:before {
			color: #666;
			font-size: .9rem;
			font-weight: 400;
		}
		.neo > b:after {
			content: "neo";
			margin: 0 0 0 .5rem;
		}
		.ext:before {
			content: "ext";
			font-style: normal;
			margin: 0 .5rem 0 0;
		}

		/* neologism background colours */
		.ext {
			background: rgb(255, 242, 204); /* cream */
		}
		.neo > b {
			background: rgb(207, 226, 243); /* t1; ModE; blue */
		}
		.neo.t2 > b {
			background: rgb(217, 210, 233); /* Latin/Romance; mauve */
		}
		.neo.t3 > b {
			background: rgb(244, 204, 204); /* post 1250; pink */
		}
		.neo.t4 > b {
			background: rgb(217, 234, 211); /* 2 OE roots; green */
		}
		.neo.t5 > b {
			background: rgb(252, 229, 205); /* OE root + pref; orange */
		}
		.neo.t6 > b {
			background: rgb(255, 242, 204); /* OE phrase not recorded; cream */
		}