/* Font App - Single Optimized CSS File *//* Optimized for performance,page speed,and best practices *//* ============================================ CSS VARIABLES (Dynamic from Settings) ============================================ */:root{--primary-color:#007bff;--primary-background:#007bff;--secondary-color:#6c757d;--background-color:#ffffff;--background-background:#ffffff;--text-color:#212529;--header-text-color:#ffffff;--footer-text-color:#ffffff;--font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--h1-background-color:transparent;--h2-background-color:transparent;--h3-background-color:transparent;--h4-background-color:transparent;--h5-background-color:transparent;--h6-background-color:transparent;--h1-text-color:inherit;--h2-text-color:inherit;--h3-text-color:inherit;--h4-text-color:inherit;--h5-text-color:inherit;--h6-text-color:inherit;}/* ============================================ RESET & BASE ============================================ */*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}body{font-family:var(--font-family);font-size:1rem;line-height:1.6;color:var(--text-color);background:var(--background-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh;display:flex;flex-direction:column;}/* ============================================ TYPOGRAPHY ============================================ */h1,h2,h3,h4,h5,h6{font-family:var(--font-family);font-weight:600;line-height:1.3;margin-bottom:1rem;color:inherit;}h1{font-size:2.25rem;}h2{font-size:1.875rem;}h3{font-size:1.5rem;}h4{font-size:1.25rem;}h5{font-size:1.125rem;}h6{font-size:1rem;}p{margin-bottom:1rem;line-height:1.7;}a{color:var(--primary-color);text-decoration:none;transition:color 0.2s ease;}a:hover{color:var(--primary-color);opacity:0.8;}/* ============================================ CONTAINER & LAYOUT ============================================ */.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem;}.container-fluid{width:100%;padding:0 1rem;}main{flex:1 0 auto;background:var(--background-background);}footer{flex-shrink:0;}/* ============================================ HEADINGS (Content Areas Only) ============================================ */.page-content h1,.post-content h1{background:var(--h1-background-color);color:var(--h1-text-color);padding:0.75rem 1rem;border-radius:0.5rem;margin-bottom:1.5rem;}.page-content h2,.post-content h2{background:var(--h2-background-color);color:var(--h2-text-color);padding:0.625rem 0.875rem;border-radius:0.5rem;margin-bottom:1.25rem;}.page-content h3,.post-content h3{background:var(--h3-background-color);color:var(--h3-text-color);padding:0.5rem 0.75rem;border-radius:0.375rem;margin-bottom:1rem;}.page-content h4,.post-content h4{background:var(--h4-background-color);color:var(--h4-text-color);padding:0.5rem 0.75rem;border-radius:0.375rem;margin-bottom:0.875rem;}.page-content h5,.post-content h5{background:var(--h5-background-color);color:var(--h5-text-color);padding:0.375rem 0.625rem;border-radius:0.25rem;margin-bottom:0.75rem;}.page-content h6,.post-content h6{background:var(--h6-background-color);color:var(--h6-text-color);padding:0.375rem 0.625rem;border-radius:0.25rem;margin-bottom:0.75rem;}/* ============================================ NAVBAR ============================================ */.custom-navbar{background:var(--primary-background) !important;padding:1rem 0;}.custom-navbar .navbar-brand,.custom-navbar .nav-link{color:var(--header-text-color) !important;font-weight:500;}.custom-navbar .nav-link:hover{opacity:0.8;}/* ============================================ FOOTER ============================================ */.custom-footer{background:var(--primary-background) !important;color:var(--footer-text-color) !important;border-top:3px solid rgba(255,255,255,0.1);padding:3rem 0 2rem;}.custom-footer h5{color:var(--footer-text-color) !important;font-weight:700;font-size:1.5rem;margin-bottom:1rem;}.custom-footer h6{color:var(--footer-text-color) !important;font-weight:600;font-size:1.1rem;margin-bottom:1rem;text-transform:uppercase;}.custom-footer p,.custom-footer a{color:var(--footer-text-color) !important;opacity:0.9;}.custom-footer a:hover{opacity:1;}.footer-links{list-style:none;padding:0;}.footer-links li{margin-bottom:0.75rem;}.footer-copyright{text-align:center;opacity:0.8;font-size:0.9rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.1);}/* ============================================ BUTTONS ============================================ */.btn-primary{background:var(--primary-background);border-color:var(--primary-color);color:#fff;padding:0.625rem 1.25rem;border-radius:0.375rem;font-weight:500;transition:all 0.2s ease;}.btn-primary:hover{opacity:0.9;transform:translateY(-1px);}/* ============================================ CARDS ============================================ */.card{background:#fff;border:1px solid #e5e7eb;border-radius:0.5rem;overflow:hidden;transition:all 0.2s ease;}.card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1);}.card-img-top{width:100%;height:auto;object-fit:cover;}/* ============================================ CONTENT AREAS ============================================ */.page-content img,.post-content img{width:100% !important;height:auto !important;max-width:100% !important;display:block;margin:1rem auto;border-radius:0.5rem;}.page-content,.post-content{line-height:1.8;color:var(--text-color);}.page-content p,.post-content p{margin-bottom:1.25rem;}.page-content ul,.page-content ol,.post-content ul,.post-content ol{margin-bottom:1.25rem;padding-left:1.5rem;}.page-content li,.post-content li{margin-bottom:0.5rem;}/* ============================================ RESPONSIVE ============================================ */@media (max-width:768px){html{font-size:14px;}h1{font-size:1.875rem;}h2{font-size:1.5rem;}h3{font-size:1.25rem;}.container{padding:0 0.75rem;}.custom-footer{padding:2rem 0;text-align:center;}}@media (max-width:576px){html{font-size:14px;}h1{font-size:1.5rem;}h2{font-size:1.25rem;}h3{font-size:1.125rem;}}/* ============================================ PERFORMANCE OPTIMIZATIONS ============================================ */img{max-width:100%;height:auto;display:block;loading:lazy;}/* Font Awesome icons - preserve their font-family */.fa,.fas,.far,.fab,.fa-solid,.fa-regular,.fa-brands,i.fa,i.fas,i.far,i.fab,i[class*="fa-"]{font-family:"Font Awesome 6 Free","Font Awesome 6 Brands","Font Awesome 6 Pro" !important;}