body { font-family: "Helvetica Neue","Helvetica","Arial","sans-serif"; line-height:1.35em }
h4 { -webkit-margin-before: .2em; -webkit-margin-after: .2em; }
h4 .title { color: #EB6100; font-size: 120%; }
p { -webkit-margin-before: 0; -webkit-margin-after: 0; }
ul { list-style: none; margin-left: 0; padding-left: 0; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

.additional { color: #a0a0a0; }
.spell, .pattern { margin-left: .2em; font-size: 90%; font-weight: 400; }
.em { font-style: italic; }

.collinsMajorTrans > p > .additional { color: #a87a09; margin: 0; padding: 0; }
.collinsMajorTrans b { color: #638c0b; }
.collinsMajorTrans { display: block; }
.collinsMajorTrans .collinsOrder { display: table-cell; text-align: center; font-weight: bold; color: #222; width: 1.3em; }
.collinsMajorTrans > p { display: table-cell; font-weight: 450; }
.collinsMajorTrans .collinsOrder ~ p { padding-left: .3em; }

#collinsResult .ol li {margin-top: .2em;}

.exampleLists > .collinsOrder { display: none; }
.exampleLists { display: block; margin-left: 1.5em; }
.ul .exampleLists { margin-left: 0 }
.examples > p:first-child::before { content: "➢"; font-size: 95%; color: darkgray; top: -.1em; right: 0; position: relative; }
.examples > p:first-child { display: inline; color: teal; }
.examples > p:nth-child(2) { display: inline; font-size: 90%; color: #777; margin-left: .5em; }

.trans-content .title { margin-top: 0.5em; font-weight: 600; }

.do-detail{ vertical-align:middle; overflow:hidden; display:inline-block; }

.star { margin-left: .5em; margin-right: .5em; vertical-align:middle; color: orange; top: -0.1em; position: relative; }
.star5::before { content:"★★★★★"; width:64px; }
.star4::before { content:"★★★★"; width:51px }
.star3::before { content:"★★★"; width:37px }
.star2::before { content:"★★"; width:24px }
.star1::before { content:"★"; width:11px }

.collins-intro a { text-decoration: none; }
.collins-intro > b { color: #638c0b; }

.wt-container .collins-intro { border: 1px solid #CDCDCD; padding: 6px 0 6px 5px; color: #959595; }

.wt-container div .do-detail::before { content: "-"; font-size: 150%; width:12px; height:12px; top: -0.2em; right: 0; position: relative; }
.wt-collapse div .do-detail::before { content: "+"; font-size: 150%; width:12px; height:12px; top: -0.2em; right: 0; position: relative; }
.more-collapse .collapse, .phrase-collapse .wt-more, .unfold, .wt-collapse .collapse-content { display: none }

.trans-content .rank { font-size:88%; }