I'm not seeing anything with the CSS you provided...but I didn't see how you defined _idgencolorinherit.
As an aside: Why do you use "<p class="basic-paragraph">" instead of just defining the basic paragraph as:
p {
border-bottom-width: 0;
border-left-width: 0;
border-right-width: 0;
border-top-width: 0;
display: block;
font-family: "Bookerly", serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1.4;
orphans: 1;
page-break-after: auto;
page-break-before: auto;
text-align: left;
text-decoration: none;
text-indent: 0;
text-transform: none;
widows: 1;
margin: 0;
padding: 0
}
Then you can simply define the few paragraphs that are NOT basic with a separate definition, eg <p class="not_basic_paragraph"> that makes it much easier to read when troubleshooting/editing... The same can be done with your hyperlinks; define the basic hyperlink as:
a {
yadda
yadda
}
and give the few non-basic links a special class.