@charset "UTF-8";
/*
   ----------------
-- SISÄLLYSLUETTELO --
   ----------------

    - basic setup

    LEIPÄTEKSTI
    - tekstikappale
    - momentti, momenttikum ja johtolause
    - kohta ja kohtakum
    - alakohta
    - vkirjanro
    - hakusana

    OTSIKOT
    - perusotsikko yleisimpiin tarpeisiin
    - pääotsikko esityölle (violetti)
    - iso esityölle (violetti)
    - pääotsikko oikeuskäytännölle (sininen)
    - pääotsikko lainsaadannolle (vihreä)
    - otsikko pääotsikon alla
    - otsikko osalle, osakumille, osastolle ja osastokumille
    - otsikko luvulle, lukukumille, liitteelle, pkirjalle ja vtsaannokselle
    - otsikko ryhmälle, jaksolle, jaksokumille, alajaksolle ja alajaksokumille
    - pykala ja pykalakum otsikko
    - artiklaotsikko ja artiklakumotsikko, 
    - valiotsikko ja tapausryhmaotsikko
    - paatosasiak, alaryhma-otsikko ja alaosasto-otsikko
    - mvotsikko

    MUU TEKSTI
    - regulation-info-container
    - regulation-info-pdf
    - vtsLink
    - celexnro
    - ECLI-tekstin fix
    - harmaat viivat kohtaan: "Tämä laki tulee voimaan..."
    - Kirjallisuutta fix, Pykalakum > Momentti > Kirjallisuutta
    - Pykalakum viite sisällä fix 

    ALUEET
    - vtsaannos
    - viitesaados
    - viite
    - tapaus
    - toim.huom
    - mvtuleva
    - footnote

    TAULUKKO
    - table
    - table body
    - table row
    - table header
    - table data

    RESPONSIIVISUUS
    ~~ sama järjestys kuin yläpuolella ~~

    POIKKEUKSIA
*/
@import url("https://fonts.googleapis.com/css?family=Roboto&display=swap");
@import url("https://fonts.googleapis.com/css?family=Volkhov&display=swap");
#article div[data-type=viite] section[data-type=mvtuleva],
#article div[data-type=tapaus] section[data-type=mvtuleva], #article {
  font-family: "Roboto", sans-serif;
  color: #333435;
  font-size: 14px;
  line-height: 22px;
}

#article section[data-type=pykala] > div[data-type-conv=otsikko],
#article section[data-type=pykalakum], #article section[data-type=ryhma] > span[data-type=nimi],
#article section[data-type=jakso] > span[data-type=nimi],
#article section[data-type=jaksokum] > span[data-type=nimi],
#article section[data-type=alajakso] > span[data-type=nimi],
#article section[data-type=alajaksokum] > span[data-type=nimi], #article section[data-type=luku] > div[data-type=otsikko],
#article section[data-type=lukukum] > div[data-type=otsikko],
#article section[data-type="luku.eu"] > span[data-type=nimi],
#article section[data-type="lukukum.eu"] > span[data-type=nimi],
#article section[data-type="liite.eu"] > span[data-type=nimi],
#article div[data-type=pkirja] > span[data-type=nimi],
#article .vtsaannoksetheading, #article section[data-type=osa] > span[data-type=nimi],
#article section[data-type=osakum] > span[data-type=nimi],
#article section[data-type=osasto] > span[data-type=nimi],
#article section[data-type=osastokum] > span[data-type=nimi], section[data-type=verosop] > span[data-type=vsotsikko], section[data-type=vsluku] > span[data-type=vsotsikko],
section[data-type=vsartikla] > span[data-type=nimi], section[data-type=vsasetus] > span[data-type=signum], section[data-type=vsasetus] > span[data-type=nimi], article[data-type=maa] > span[data-type=nimi], #article h1[class=type-header] > span[data-type=nimi], #article h1[class=type-header] > span:first-of-type, #article > article[data-subtype=HE] > h2,
#article article[data-subtype=HE] :not(header) > h2[class=type-header],
#article article[data-subtype=CommitteeStatement] div h2,
#article article[data-subtype=CommitteeReport] div h2,
#article h2[data-type~=kappale-otsikko],
#article h2[data-type=esitys-otsikko], #article article[data-subtype=CommitteeStatement] > header > h1,
#article article[data-subtype=CommitteeReport] > header > h1,
#article article[data-subtype=Memo] > header > h1,
#article article[data-subtype=HE] h1, #article div[data-type=nimitieto] {
  font-family: "Volkhov", sans-serif;
  font-weight: 500;
  letter-spacing: -1px;
}

#article p[data-type=tekstikappale] {
  margin-top: 1em;
  margin-bottom: 0px;
}

/*#article p[data-type="tayt.pano"],*/
#article > span[data-type=johtolause],
#article :not([data-type=tapaus]) > span[data-type=johtolause] {
  margin-top: 1em;
  margin-bottom: 0px;
  display: inline-block;
}

#article section[data-type=momentti],
#article section[data-type=momenttikum] {
  margin-top: 1em;
  margin-bottom: 0px;
  display: block;
}

#article section[data-type=kohta],
#article div[data-type=kohtakum] {
  margin: 1em 0 0 2em;
}

#article section[data-type=kohta]:last-of-type {
  margin-bottom: 1em;
}

#article div[data-type=alakohta],
#article section[data-type=alakohta],
#article span[data-type=alakohta] {
  margin: 1em 0 0 2em;
  display: block;
}

#article div[data-type=alakohta]:last-of-type,
#article section[data-type=alakohta]:last-of-type,
#article span[data-type=alakohta]:last-of-type {
  margin-bottom: 1em;
}

#article div[data-type=vkirjanro] {
  display: inline;
}

#article span[data-type=hakusana] {
  margin-top: 1em;
  display: inline-block;
}

#article div[data-type=nimitieto] {
  font-size: 30px;
  line-height: 36px;
  margin-top: 1em;
}

#article div[data-type=nimitieto] > span[data-type=nimi] {
  margin-right: 0.2em;
}

#article article[data-subtype=CommitteeStatement] > header > h1,
#article article[data-subtype=CommitteeReport] > header > h1,
#article article[data-subtype=Memo] > header > h1,
#article article[data-subtype=HE] h1 {
  font-size: 44px !important;
  line-height: 48px !important;
  color: #7A4781;
  display: block;
}

#article > article[data-subtype=HE] > h2,
#article article[data-subtype=HE] :not(header) > h2[class=type-header],
#article article[data-subtype=CommitteeStatement] div h2,
#article article[data-subtype=CommitteeReport] div h2,
#article h2[data-type~=kappale-otsikko],
#article h2[data-type=esitys-otsikko] {
  font-size: 30px !important;
  line-height: 36px !important;
  color: #7A4781;
  display: block;
}

#article article[data-subtype=KkoJudgment] h1,
#article article[data-subtype=KkoCaseLaw] h1:first-of-type,
#article article[data-subtype=KkoLeaveToAppeal] h2:first-of-type,
#article article[data-subtype=KhoJudgment] > header > h1:first-of-type,
#article article[data-subtype=KhoJudgment] header h2:first-of-type,
#article article[data-subtype=KhoCaseLaw] h1:first-of-type,
#article article[data-subtype=KhoShortCaseLaw] h1:first-of-type,
#article article[data-subtype=HoCaseLaw] h1:first-of-type,
#article article[data-subtype=HoCaseLawUnpublished] h1:first-of-type,
#article article[data-subtype=EuJudgment] header h1,
#article article[data-subtype=EuJudgment] h1:first-of-type,
#article article[data-subtype=KilaJudgment] h1:first-of-type,
#article article[data-type=Judgment][data-subtype=KilaCaseLaw] > header > h1 #article article[data-subtype=KilaCaseLaw] h3:first-of-type,
#article article[data-subtype=MaoCaseLaw] h1:first-of-type,
#article article[data-subtype=TtCaseLaw] h1:first-of-type,
#article article[data-subtype=TtCaseLaw] h2:first-of-type,
#article article[data-subtype=VakoCaseLaw] h1:first-of-type,
#article article[data-subtype=HaoCaseLaw] h1,
#article article[data-subtype=KvlCaseLaw] h1:first-of-type,
#article article[data-subtype=TsvCaseLaw] h1:first-of-type {
  color: #1C78A5;
}

#article article[data-subtype=MaoCaseLaw] > span:last-of-type {
  display: none;
}

#article h1[class=type-header] > span:first-of-type {
  font-size: 44px !important;
  line-height: 48px !important;
  color: #467A4D;
  display: block;
}

#article h1[class=type-header] > span[data-type=nimi] {
  font-size: 30px;
  line-height: 36px;
}

article[data-type=maa] > span[data-type=nimi] {
  font-size: 30px;
  line-height: 36px;
  color: #467A4D;
  display: block;
}

section[data-type=vsasetus] > span[data-type=nimi] {
  font-size: 25px;
  line-height: 30px;
  margin-top: 1.2em;
}

section[data-type=vsasetus] > span[data-type=signum] {
  padding-left: 5px;
  font-size: 25px;
  line-height: 30px;
  margin-top: 1.2em;
}

section[data-type=vsluku] > span[data-type=vsotsikko],
section[data-type=vsartikla] > span[data-type=nimi] {
  font-size: 15px;
  line-height: 20px;
  margin-top: 1.2em;
}

section[data-type=verosop] > span[data-type=vsotsikko] {
  font-size: 19px;
  line-height: 22px;
  margin-top: 1.2em;
}

#article section[data-type=osa] > span[data-type=nimi],
#article section[data-type=osakum] > span[data-type=nimi],
#article section[data-type=osasto] > span[data-type=nimi],
#article section[data-type=osastokum] > span[data-type=nimi] {
  font-size: 30px;
  line-height: 36px;
  margin-top: 2em;
  display: inline-block;
}

#article section[data-type=luku] > div[data-type=otsikko],
#article section[data-type=lukukum] > div[data-type=otsikko],
#article section[data-type="luku.eu"] > span[data-type=nimi],
#article section[data-type="lukukum.eu"] > span[data-type=nimi],
#article section[data-type="liite.eu"] > span[data-type=nimi],
#article div[data-type=pkirja] > span[data-type=nimi],
#article .vtsaannoksetheading {
  font-size: 30px;
  line-height: 36px;
  margin-top: 1.7em;
  color: #467A4D;
  display: inline-block;
}

#article section[data-type=ryhma] > span[data-type=nimi],
#article section[data-type=jakso] > span[data-type=nimi],
#article section[data-type=jaksokum] > span[data-type=nimi],
#article section[data-type=alajakso] > span[data-type=nimi],
#article section[data-type=alajaksokum] > span[data-type=nimi] {
  font-size: 22px;
  line-height: 26px;
  margin-top: 1.5em;
  display: inline-block;
}

#article section[data-type=pykala] > div[data-type-conv=otsikko],
#article section[data-type=pykalakum] {
  font-size: 22px;
  line-height: 26px;
  margin-top: 1.2em;
}

#article section[data-type=pykalakum] > * {
  display: inline;
}

#article section[data-type=pykalakum] > section[data-type=momentti] > .regulation-info-container {
  margin-left: 0.2em;
}

#article section[data-type=artikla] > div[data-type-conv=otsikko],
#article div[data-type=artiklakum] {
  font-weight: 500;
  font-size: 17px;
  line-height: 22px;
  margin-top: 1.2em;
}

#article div[data-type=artiklakum] > * {
  display: inline;
}

#article span[data-type=valiotsikko] {
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
  margin-top: 1.2em;
  display: block;
}

#article span[data-type="tr.otsikko"] {
  font-size: 12px;
  font-weight: bold;
  line-height: 22px;
  margin-top: 1.2em;
  display: block;
}

#article div[data-type=paatosasiak] > span[data-type=nimi],
#article section[data-type=alaryhma] > span[data-type=nimi],
#article section[data-type=alaosasto] > span[data-type=nimi] {
  font-weight: bold;
  margin-top: 0.7em;
  display: inline-block;
}

#article span[data-type=mvotsikko] {
  font-style: italic;
  margin-top: 1em;
}

#article .regulation-info-container {
  display: inline-block;
}

#article .regulation-info-pdf {
  display: none;
}

#article .vtsLink {
  color: #fff;
  padding: 2px 3px;
  margin-bottom: 3px;
  border-radius: 0.3em;
  background-color: #407047;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 12px;
  font-size: 1rem;
  display: inline-block;
  vertical-align: middle;
}

#article .memoLink {
  color: #fff;
  padding: 2px 3px;
  margin-bottom: 3px;
  border-radius: 0.3em;
  background-color: #8a5791;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 12px;
  font-size: 1rem;
  display: inline-block;
  vertical-align: middle;
}

#article span[data-type=celexnro] {
  font-weight: normal;
}

#article section[data-type=artikla] > div[data-type-conv=otsikko] + span[data-type=celexnro] {
  font-size: 17px;
  line-height: 22px;
}

#article article[data-type=Judgment] > strong {
  display: block;
}

#article article[data-type=Bill] > div[data-type=kappale] > div[data-type=hr] + p {
  border-bottom: 1px solid #DDDEDF;
  border-top: 1px solid #DDDEDF;
  padding-bottom: 10px;
  padding-top: 13px;
}

#article section[data-type=pykalakum] > section[data-type=momentti] > span[title=Kirjallisuutta] {
  left: -44px;
}

#article section[data-type=pykalakum] > div[data-type=viite] {
  display: block;
  letter-spacing: normal;
}

#article div[data-type=vtsaannos] {
  border-left: 4px solid #467A4D;
  margin-top: 2em;
}

#article div[data-type=vtsaannos] > * {
  margin-left: 1em;
  font-size: 11px;
  line-height: 16px;
}

#article div[data-type=vtsaannos] > div[data-type=viite],
#article div[data-type=vtsaannos] > div[data-type=tapaus] {
  margin-left: 0em;
}

#article section[data-type=viitesaados] {
  border-left: 4px solid #467A4D;
  padding-left: 2.5em;
}

#article > div[data-type=viite],
#article :not([data-type=tapaus]) > div[data-type=viite] {
  font-size: 11px;
  font-weight: bold;
  line-height: 16px;
  width: 100%;
  margin-top: 1em;
  padding: 1em 42px 1em 42px;
  overflow: hidden;
  background-color: #F7F8F9;
  background-position: 14px 7px;
  background-size: 22px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAACgCAYAAACLz2ctAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAABuugAAbroB1t6xFwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAMISURBVHic7d3dbdtAEIXRcWqz3ZbttpL0pjxEhP8kWxKXvAvPOQUQ8/BhCBAL7t3hcChI+ZUegN4ESJQAiRIgUQIkSoBECZAoARIlQKIESJQAiRIgUQIkSoBECZAoARIlQKIESJQAiRIgUQIkSoBECZAoARIlQKIESJQAiRIgUQIkSoBECZAoARIlQKIESJQAiRIgUQIkSoBECZAoAW7o/uHx+f7h8Tk9x8wEuJFjeE9V9STC8wS4gTfxLUR4hgAHOxHfQoQnCHCgL+JbiPADAQ5yQXwLEb4hwAGuiG8hwiMBrnRDfAsRlgDT2kcowJX+/vn9XFUvKx7ROkIBDiDC2wlwEBHeRoADifB6AhxMhNcR4AZEeDkBbkSElxHghkT4PQFuTIRfE+AORHieAHciwtMEuCMRfibAnYnwPQEGiPCVAENE+J8Ag0QowLjuEQpwAp0jFOAkukYowIl0jFCAk+kWoQAn1ClCAU6qS4R3h8MhOsD9w2N2gJ/v5RjzlGzAn2/qTSjAHqaNUIB9TBmhAHuZLkIB9jNVhALsaZoIBdjXFBEKkCgB9jXFB2oB9jRFfFUC7Gia+KoE2M1U8VUJsJPp4qsSYBdTxlclwA6mja9qgvOAnLfiEpzF1PFV2YDT6hBflQCn1CW+KgFOp1N8VQKcSrf4qgQ4jY7xVQlwCl3jqxJgXOf4qgQY1T2+KgHGiO8/AQaI75UAdya+9wS4I/F9JsCdiO80Ae5AfOcJcGPi+5oANyS+7wlwI+K7jAA3IL7LCXAw8V1HgAOJ73oCHER8txHgAOK7nQBXEt86AsxqHV+VAFdbcaNR+/iqBDjEDRGK70iAg1wRofjeEOBAF0Qovg8EONgXEYrvBAFu4ESE4jvD79k2tNzDIb7zBEiUVzBRAiRKgEQJkCgBEiVAogRIlACJEiBRAiRKgEQJkCgBEiVAogRIlACJEiBRAiRKgEQJkCgBEiVAogRIlACJEiBRAiRKgEQJkCgBEiVAogRIlACJEiBRAiRKgEQJkCgBEiVAogRI1D9Bmm52OZjWuAAAAABJRU5ErkJggg==);
}

#article article[data-type=asetus] section[data-type=pykala] > div[data-type=viite] > section[data-type=mvtuleva] section[data-type=pykala] > *[data-type=momentti] > *[data-type=kohta],
#article article[data-type=eusaados] > * > section[data-type=mvtuleva] > div[data-type=viite],
#article article[data-type=kirjain] > section[data-type=asia] > div[data-type=viite] {
  background-image: none !important;
  font-weight: normal;
}

#article article[data-type=kirjain] > section[data-type=asia] > div[data-type=viite] {
  margin-top: 0px;
}

#article section[data-type=tapaus] {
  font-size: 11px;
  line-height: 16px;
  width: 100%;
  margin-top: 1em;
  padding: 1em 42px 1em 42px;
  overflow: hidden;
  display: block;
  background-color: #F7F8F9;
}

#article section[data-type=tapaus] > * {
  display: inline;
}

#article section[data-type=tapaus] > span[data-type=johtolause]:not(:first-child):before {
  content: "";
  display: block;
  margin-top: 1em;
}

/*#article section[data-type="tapaus"] > span[data-type="johtolause"] { //tapauksen johtolauseeseen sisennys
    margin-left: 1em;
}*/
#article span[data-type="toim.huom"] {
  font-size: 11px;
  line-height: 16px;
  width: 100%;
  margin-top: 1em;
  padding: 1em 42px 1em 42px;
  overflow: hidden;
  display: block;
  background-color: #F7F8F9;
}

#article div[data-type=viite] section[data-type=mvtuleva],
#article div[data-type=tapaus] section[data-type=mvtuleva] {
  font-weight: normal;
}

#article > section[data-type=mvtuleva],
#article :not([data-type=tapaus]):not([data-type=viite]) > section[data-type=mvtuleva] {
  border: 1px solid #B59D68;
  padding: 15px !important;
  margin-top: 1em;
  display: block;
  font-size: 90%;
}

#article :not([data-type=tapaus]):not([data-type=viite]) > section[data-type=mvtuleva] span[data-type=nimi] {
  font-size: 20px;
  line-height: 24px;
  margin-top: 1em;
}

#article :not([data-type=tapaus]):not([data-type=viite]) > section[data-type=mvtuleva] div[data-type-conv=otsikko] {
  font-size: 15px;
  line-height: 19px;
  margin-top: 1em;
}

#article section[data-type=mvtuleva] div[data-type-conv=otsikko] + span[data-type=celexnro] {
  font-size: 15px;
  line-height: 19px;
}

#article .footnote {
  font-size: 11px;
  letter-spacing: normal;
  display: block;
  float: right;
  clear: right;
  width: 250px;
  margin: 1.5em;
  padding: 1em;
  background-color: #FFF5CA;
  color: #000;
  line-height: 19px;
}

#article table {
  max-width: 100%;
  width: 100%;
  table-layout: auto;
  background-color: transparent;
  font-size: 13px;
  line-height: 19px;
  overflow-x: auto;
  display: block;
}

#article table > tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}

#article > table > tbody,
#article :not(.book-header-table) :not(.header-table) > table > tbody {
  border-top: 4px solid #467A4D;
}

#article table tr {
  display: table-row;
}

#article table > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

#article table > tbody > tr:last-of-type {
  border-bottom: 1px solid #DDDEDF;
}

#article table th {
  display: table-cell;
  padding: 8px;
  font-weight: bold;
  width: 1%;
  white-space: nowrap;
}

#article table td {
  display: table-cell;
  padding: 8px;
}

@media screen and (max-width: 1000px) {
  #article {
    font-size: 95%;
    line-height: 160%;
  }
  #article div[data-type=nimitieto] {
    font-size: 25px;
    line-height: 30px;
  }
  #article article[data-subtype=CommitteeStatement] > header > h1,
  #article article[data-subtype=CommitteeReport] > header > h1,
  #article article[data-subtype=HE] h1 {
    font-size: 30px !important;
    line-height: 36px !important;
  }
  #article > article[data-subtype=HE] > h2,
  #article article[data-subtype=HE] :not(header) > h2[class=type-header],
  #article article[data-subtype=CommitteeStatement] div h2,
  #article article[data-subtype=CommitteeReport] div h2,
  #article article[data-subtype=Memo] div h2,
  #article h2[data-type~=kappale-otsikko],
  #article h2[data-type=esitys-otsikko] {
    font-size: 25px !important;
    line-height: 30px !important;
  }
  #article h1[class=type-header] > span:first-of-type {
    font-size: 30px !important;
    line-height: 36px !important;
  }
  #article h1[class=type-header] > span[data-type=nimi] {
    font-size: 25px;
    line-height: 30px;
  }
  #article section[data-type=osa] > span[data-type=nimi],
  #article section[data-type=osakum] > span[data-type=nimi],
  #article section[data-type=osasto] > span[data-type=nimi],
  #article section[data-type=osastokum] > span[data-type=nimi] {
    font-size: 25px;
    line-height: 30px;
  }
  #article section[data-type=luku] > div[data-type=otsikko],
  #article section[data-type=lukukum] > div[data-type=otsikko],
  #article section[data-type="luku.eu"] > span[data-type=nimi],
  #article section[data-type="lukukum.eu"] > span[data-type=nimi],
  #article section[data-type="liite.eu"] > span[data-type=nimi],
  #article div[data-type=pkirja] > span[data-type=nimi],
  #article .vtsaannoksetheading {
    font-size: 25px;
    line-height: 30px;
  }
  #article section[data-type=ryhma] > span[data-type=nimi],
  #article section[data-type=jakso] > span[data-type=nimi],
  #article section[data-type=jaksokum] > span[data-type=nimi],
  #article section[data-type=alajakso] > span[data-type=nimi],
  #article section[data-type=alajaksokum] > span[data-type=nimi] {
    font-size: 19px;
    line-height: 22px;
  }
  #article section[data-type=pykala] > div[data-type-conv=otsikko],
  #article section[data-type=pykalakum] {
    font-size: 19px;
    line-height: 22px;
  }
  #article section[data-type=artikla] > div[data-type-conv=otsikko],
  #article div[data-type=artiklakum] {
    font-size: 15px;
    line-height: 20px;
  }
  #article section[data-type=artikla] > div[data-type-conv=otsikko] + span[data-type=celexnro] {
    font-size: 16px;
    line-height: 20px;
  }
  #article span[data-type=valiotsikko] {
    font-size: 15px;
    line-height: 20px;
  }
  #article div[data-type=viite] section[data-type=mvtuleva],
  #article div[data-type=tapaus] section[data-type=mvtuleva] {
    font-size: 12.35px;
  }
  #article > section[data-type=mvtuleva],
  #article :not([data-type=tapaus]):not([data-type=viite]) > section[data-type=mvtuleva] {
    font-size: 90%;
  }
  #article :not([data-type=tapaus]):not([data-type=viite]) > section[data-type=mvtuleva] span[data-type=nimi] {
    font-size: 17px;
    line-height: 21px;
  }
  #article :not([data-type=tapaus]):not([data-type=viite]) > section[data-type=mvtuleva] div[data-type-conv=otsikko] {
    font-size: 14px;
    line-height: 17px;
  }
  #article :not([data-type=tapaus]):not([data-type=viite]) > section[data-type=mvtuleva] div[data-type-conv=otsikko] + span[data-type=celexnro] {
    font-size: 14px;
    line-height: 17px;
  }
  #article table {
    font-size: 95%;
    line-height: 18px;
  }
}
#article article[data-type=eusaados] > section[data-type="luku.eu"] > section[data-type=artikla] > section[data-type=kohta] > span[data-type=alakohta] {
  display: block;
}

/* TimePub -hakukorostukset aina inlinena, etteivät aiheuta muita lieveilmiöitä. TODO: TimePub-pään toteutus parametroitavaksi ja elementiksi mark (ei käytössä SL.com -datassa). */
#article span.highlight {
  display: inline !important;
}

/* TOC-ia varten olevat piiloelementit pois näkyvistä */
/* Ensimmäisen selectorin voi poistaa kun data-type-conv="hidden" on massakonvertoitu tuotantoon  */
#article div[style*="visibility: hidden"][class*=tocHeader],
#article div[data-type-conv=hidden] {
  display: none !important;
  overflow: auto !important;
  width: 0px !important;
  height: 0px !important;
  line-height: 0px !important;
  visibility: hidden !important;
}

#article article[data-type=Judgment] > strong {
  display: block !important;
}

/* vkirjanro ja viite -elementtien välilyönti -prefix  tapauksen siällä */
#article *[data-type=tapaus] > *[data-type=vkirjanro]::before,
#article *[data-type=tapaus] > *[data-type=viite]::before {
  content: " ";
}

/*Tekstimuutoksien tyylimuotoilu*/
#article p.tekstimuutos {
  background-color: yellow;
}

/*Tekstipoistojen tyylimuotoilu*/
#article p.tekstipoisto {
  text-decoration: line-through;
}

/*Kuvien käsittelyyn muutos*/
#article img {
  width: 100%;
}