/* iT Guys Premium Documentation Style */ /* HEADER LAYOUT CUSTOMIZATION */ /* Centering Search & Spacing Toggle */ @media screen and (min-width: 76.25em) { .md-header__inner { max-width: 95% !important; /* Wider header */ display: flex; justify-content: space-between; } /* Force Title to Left */ .md-header__title { flex-grow: 0; min-width: 200px; } /* Center the Search Bar */ .md-search { flex-grow: 1; margin: 0 4rem !important; /* Spacing from title and toggle */ max-width: 600px; /* Limit search width */ display: flex; justify-content: center; } .md-search__inner { width: 100%; } /* Push Theme Toggle to Right */ .md-header__option { margin-left: 1rem; } } /* GLOBAL AESTHETICS */ :root { --md-primary-fg-color: #3949ab; /* Indigo 600 */ --md-primary-fg-color--light: #5c6bc0; --md-primary-fg-color--dark: #283593; /* Premium Shadows */ --md-shadow-z1: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); --md-shadow-z2: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } /* Headers */ h1 { color: var(--md-primary-fg-color) !important; font-weight: 800 !important; letter-spacing: -0.5px; margin-bottom: 1.5rem !important; } h2 { color: var(--md-primary-fg-color--dark) !important; border-bottom: 2px solid var(--md-primary-fg-color--light); padding-bottom: 0.5rem; margin-top: 2.5rem !important; font-weight: 700; } h3 { color: #444; font-weight: 600; margin-top: 1.5rem !important; } /* Dark mode adjustments */ [data-md-color-scheme="slate"] h3 { color: #e5e5e5; } [data-md-color-scheme="slate"] { --md-primary-fg-color: #5c6bc0; /* Lighter Indigo for Dark Mode */ --md-primary-fg-color--dark: #7986cb; } /* TABLES (Clean & Modern) */ .md-typeset table:not([class]) { border-radius: 8px; box-shadow: var(--md-shadow-z1); overflow: hidden; border-collapse: collapse; font-size: 0.9em; border: none !important; } .md-typeset table:not([class]) th { background-color: var(--md-primary-fg-color); color: white !important; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; padding: 12px !important; border: none !important; } .md-typeset table:not([class]) td { padding: 12px !important; border-bottom: 1px solid #eee; } [data-md-color-scheme="slate"] .md-typeset table:not([class]) td { border-bottom: 1px solid #444; } /* BUTTONS */ .md-button { font-weight: 700; border-radius: 6px; letter-spacing: 0.5px; text-transform: uppercase; font-size: 0.75rem; transition: all 0.2s ease; } .md-button--primary { background-color: var(--md-primary-fg-color) !important; color: white !important; box-shadow: var(--md-shadow-z1); } .md-button--primary:hover { background-color: var(--md-primary-fg-color--dark) !important; box-shadow: var(--md-shadow-z2); transform: translateY(-1px); } /* Download PDF Button Styling */ .download-pdf-btn { display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #FF5252 0%, #D32F2F 100%); color: white !important; padding: 8px 16px; border-radius: 20px; text-decoration: none; font-weight: bold; font-size: 0.85em; margin-bottom: 2rem; box-shadow: 0 4px 6px rgba(211, 47, 47, 0.2); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .download-pdf-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 12px rgba(211, 47, 47, 0.3); } .download-pdf-btn::before { content: "📄"; /* Fallback icon */ font-size: 1.1em; } /* Footer Cleanup */ .md-copyright { font-size: 0 !important; } .md-copyright__highlight { font-size: 0.8rem !important; display: inline-block; opacity: 0.8; }