body { scroll-behavior: smooth; } span.h1-small { font-size: 18px; text-transform:uppercase; } /* Desktop left TOC */ .left-menu { position: sticky; top: 80px; max-height: calc(100vh - 80px); overflow-y: auto; padding-right: 15px; border-right: 1px solid #eee; } .left-menu a { display: block; padding: 8px 0; color: #555; text-decoration: none; transition: color 0.2s; font-weight: bold; } .left-menu a:hover, .left-menu a.active { color: #c2185b; font-weight: bold; } /* Content */ .content-section { padding-bottom: 40px; } h2 { margin-top: 0; scroll-margin-top: 80px; } .content-section img { width: 100%; height: auto; max-width: 600px; } /* Mobile dropdown TOC */ @media (max-width: 767.98px) { .left-menu { display: none; } .mobile-menu-container { border-bottom: 1px solid #ddd; margin-bottom: 20px; } .mobile-menu-inner { padding: 10px 12px; } .mobile-toc .dropdown-toggle { width: 100%; text-align: left; } .mobile-toc .dropdown-menu { width: 100%; } .mobile-toc .dropdown-item.active { font-weight: 600; color: #c2185b; background-color: transparent !important; } } .author-info { align-items:center; width: 100%; } .author-info img { border-radius: 50%; width: 40px; height: 60px; margin-top: 0; } .author-info p { font-size: 18px; color: #444; display: inline-flex; position: relative; top: 70%; color:<?=$header_font_colour?>; margin-left: 10px; } .author-info a { color:<?=$header_font_colour?>; text-decoration: none; font-weight: bold; } .author-info a:hover { text-decoration: underline; } @media (max-width: 600px) { .author-info { flex-direction: column; text-align: center; } } :root { --accent-1: rgba(48, 36, 84, 0.85); --accent-2: rgba(255, 163, 0, 0.15); --accent-3: rgba(226, 28, 116, 0.85); } .partner-card { background: var(--accent-2); border-radius: 1rem; border: 1px solid rgba(0,0,0,0.1); overflow: hidden; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); display: flex; flex-direction: column; } .partner-header { background: var(--accent-1); color: #fff; padding: 0.75rem 1rem; font-weight: 700; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.05em; text-align: center; } p.partner-message { font-size: 16px; padding: 10px 20px; text-align: center } .partner-body { padding: 1.5rem; flex: 1; display: flex; align-items: flex-start; gap: 1.5rem; } .logo-wrap { flex-shrink: 0; } .logo-wrap img { max-width: 200px; height:auto; /* increased size */ width: auto; object-fit: contain; background: #fff; padding: 0.8rem 1rem; border-radius: 0.5rem; border: 1px solid rgba(0,0,0,0.1); } .partner-content { flex: 1; } .partner-name { font-size: 1.5rem; font-weight: 700; margin: 0 0 0.5rem; } .partner-text { font-size: 0.95rem; color: #000; margin-bottom: 1.25rem; } .btn-visit { background: var(--accent-3); border: none; color: #fff; font-weight: 600; border-radius: 0.5rem; padding: 0.5rem 1rem; text-decoration: none; transition: background 0.2s ease; } .btn-visit:hover { background: rgba(48, 36, 84, 0.9); color: #fff; }