Fix: notebook outside sidebar, full width with main-full class

css/styles.css

@@ -41,7 +41,8 @@ a:hover { text-decoration: underline; }
 .intro p { font-size: 1.1rem; color: #4b5563; max-width: 600px; margin: 0 auto; }
 
 .main-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 40px; }
-.notebook { grid-column: 1 / -1; width: 100%; }
+.main-full { grid-column: 1 / -1; }
+.notebook { width: 100%; }
 .news-col h2 { font-size: 1.75rem; font-weight: 800; border-bottom: 2px solid var(--black); padding-bottom: 12px; margin-bottom: 24px; }
 .news-item { margin-bottom: 32px; padding-bottom: 24px; border-bottom: 1px solid var(--gray2); }
 .news-date { font-size: .75rem; color: #9ca3af; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 8px; }

index.html

@@ -125,7 +125,7 @@
         </div>
       </aside>
 
-      <aside class="sidebar-col hidden" id="notebook-panel">
+      <div class="main-full" id="notebook-panel">
         <div class="notebook">
           <div class="tabs">
             <button class="tab active" data-tab="users">
@@ -150,7 +150,7 @@
             <p class="hide-en">Useful information about LLC/SRL in Paraguay can be found here.</p>
           </div>
         </div>
-      </aside>
+      </div>
     </div>
   </main>