@charset "utf-8";

.hidden { display: none !important; }
.debughidden { display: none !important }

.fullwidth { width: 100%; }
.bigwidth { width: 80%; }
.UWP { width: 11em; }
.UWP:invalid { color: red; }
.midwidth { width: 40%; }
.onerow { overflow-x: hidden; }
.inline { display: inline; }
.pseudop { display: block; margin-block-start: 1em; margin-block-end: 1em; }
.pseudospan { display: inline; }
.nonp { display: inline; }

.smalltext { font-size: smaller; margin-bottom: 1px;}
.codes { display: block; }

.sourcediv { display: grid; grid-template-columns: 3fr 2fr; border: 1px solid black; padding: 0 1ch; margin: 0 0 1ch 0; }
.traderdiv { display: grid; grid-template-columns: 3fr 2fr; border: 1px solid black; padding: 0 1ch; margin: 0 0 1ch 0; }
.targetdiv { display: grid; grid-template-columns: 3fr 2fr; border: 1px solid black; padding: 0 1ch; margin: 0 0 1ch 0; }

.sourcediv .smalltext, .traderdiv .smalltext, .targetdiv .smalltext { grid-column-start: 1; grid-column-end: span 2; }
.sourcediv h4, .traderdiv h4, .targetdiv h4 { margin: 0; padding: 0; }
.sourcediv ul, .traderdiv ul, .targetdiv ul { list-style-type: none;  padding-left: 0; }
.sourcediv select, .traderdiv select, .targetdiv select { margin: 3px; }

.skills { display: grid; grid-template-columns: 1fr 1fr 1fr; }

.passengerlist { margin: 0; padding: 0; }
.passengerlist dt { display: inline; font-weight: bold; margin-right: 1ch; }
.passengerlist dt:after { content: ":"; }
.passengerlist dd { display: inline; margin-left: 0; margin-right: 4ch; }

@media (orientation: landscape) {
 .trade { display: grid; grid-template-columns: 1fr 1fr; }
 .decisions { margin-right: 1ch; }
 .results h3:first-of-type { margin-top: 0; }
}