/* ==========================================================================
   Leaf Line — site-compact.css
   Denser layout & typography for mobile / data-heavy pages.
   Load AFTER site.css (and after site-dark.css if using both).
   ========================================================================== */

html{ font-size:16px; }                /* slightly smaller base */
body{ line-height:1.55; }

/* Tighten headings and paragraphs */
h1,.display-6{ margin-bottom:.75rem; }
h2{ margin-bottom:.6rem; }
h3{ margin-bottom:.5rem; }
p{ margin-bottom:.75rem; line-height:1.6; }

/* Buttons a bit more compact */
.btn{ padding:.5rem .85rem; }

/* Cards: reduced image height & padding */
.card{ border-radius:.75rem; }
.card-img-top{ height:180px; }
.card .card-body{ padding:.8rem 1rem; }

/* Navbar & footer tighten */
.navbar{ padding-top:.4rem; padding-bottom:.4rem; }
.site-footer .container{ padding-top:1rem; padding-bottom:1rem; }

/* Tables: cell padding */
.table-sm td,.table-sm th{ padding:.35rem .5rem; }

/* Forms */
.form-control, .form-select{ padding:.4rem .6rem; }

/* Icon size */
.ll-icon{ width:22px; height:22px; }

/* Section spacing */
section.py-5{ padding-top:2rem!important; padding-bottom:2rem!important; }