JSFiddle - React, Tailwind, and code Playground

HTML

Using pure JavaScript to detect browsers in a reliable way.
<hr>

JavaScript

function safari_print_styles () {
    var isSafari = Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor') > 0;
    if ( isSafari ) return "<style>@media print and (orientation: landscape) {.l-site-content {padding:0px; margin:5px 10px 0px 10px;}.col-md-8, .full-view-bible-lesson {width:100%; padding:0px; margin:0px 0px 0px 0px;}.l-content-main {margin:10px 0px 0px 0px;}} </style>";
    // At least Safari 3+: "[object HTMLElementConstructor]"
    return "Other";
    function testCSS(prop) {
        return prop in document.documentElement.style;
    }
}
document.write(safari_print_styles ());