/**
    - add span tag to all text that is not in a tag already
    - delete all SectionAll rows
    - add header 
    <thead>
    <tr>
        <th>2 Nephi 27</th>
        <th></th>
        <th>Isaiah 29</th>
    </tr>
    </thead>
    - change empty spans to be class 'TextItemSame'
    - delete text at the beginning
    - try to do word-level diff
    - add link after the style tag
    - change the head title
**/
* {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.05em;
}

body {
    display: flex;
    flex-flow: column;
    align-items: center;
}

table.fc {
    max-width: 1060px;
}

th {
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    padding: 20px 0;
    font-size: 1.1em;
}

td.TextItemSigMod {
    width: 50%;
    padding: 10px;
    background-color:  #f5f5f5;
}
td.AlignCenter {
    padding: 0px;
}

.TextSegSigDiff {
    color: darkcyan;
}

/* White table */

th {
    border-bottom: 1px solid white;
    border-right: 1px solid white;
}

tr.SectionAll td {
    display: none;
}

tr.SectionMiddle td, td.AlignCenter, tr.SectionBegin td, tr.SectionEnd td {
    border-right: 1px solid white;
    border-bottom: 10px solid white;
}

table.fc {
    border-left: 1px solid white;
    border-top: 1px solid white;
}