Replace inline styles with CSS classes in commentary template

kjvstudy_org/templates/book_commentary.html

@@ -715,7 +715,7 @@ h1, h2, h3, h4, h5, h6 {
 {% endblock %}
 
 {% block breadcrumb %}
-<div class="container" style="margin-left: 220px; width: calc(100% - 220px);">
+<div class="container commentary-breadcrumb">
     <nav class="breadcrumb">
         <a href="/">📚 All Books</a>
         <span class="breadcrumb-separator">/</span>
@@ -727,7 +727,7 @@ h1, h2, h3, h4, h5, h6 {
 {% endblock %}
 
 {% block content %}
-<div class="commentary-container" style="background-color: var(--background-color); min-height: 100vh; margin-left: 220px; width: calc(100% - 220px); padding: 2rem;">
+<div class="commentary-container"></div>
     <header class="commentary-header">
         <h1>Commentary on {{ book }}</h1>
         <p>Comprehensive analysis and insights from the Authorized King James Version (KJV)</p>
@@ -923,7 +923,7 @@ h1, h2, h3, h4, h5, h6 {
 {% endblock %}
 
 {% block navigation %}
-<div class="container" style="margin-left: 220px; width: calc(100% - 220px);">
+<div class="container commentary-navigation">
     <div class="navigation">
         <a href="/book/{{ book }}" class="nav-button">
             ← Back to {{ book }}