/* =========================================== */ /* Definirea familiilor de fonturi custom */ /* =========================================== */ /* Folosit pe toate elementele UI/Generale (Body, Titluri H1, H2) */ .font-ui { font-family: 'Inter', sans-serif; } /* Folosit pe corpul de text al articolelor (Snippet-uri) */ .font-body { font-family: 'Lora', serif; } /* Aplicarea fontului Inter ca bază pentru tot corpul paginii */ body { /* Clasa 'font-ui' este aplicată direct pe în HTML, dar asigurăm fallback */ font-family: 'Inter', sans-serif; } /* Asigurăm că titlurile din sumarul de articole folosesc Inter */ .article-summary h3 { font-family: 'Inter', sans-serif; } /* Aplicăm fontul Lora pe paragraful de snippet */ .article-summary .font-body { font-family: 'Lora', serif; } /* =========================================== */ /* Stiluri de Structură și Separație */ /* =========================================== */ .main-column { max-width: 800px; } /* Stilul de bază al sumarelor de articole */ .article-summary { /* Separator vizual subtil între articole */ border-bottom: 1px solid #e5e7eb; /* gray-200 */ } /* =========================================== */ /* Stiluri Articol */ /* =========================================== */ /* H2-urile să fie bold-uite și spațiul între ele */ /* Se aplică elementelor H2 din interiorul articolelor */ .main-column article h2 { font-size: 1.3rem; font-weight: 700; /* Face H2-urile bold */ margin-top: 2.5rem; /* Spațiu mai mare deasupra pentru separare */ margin-bottom: 0.5rem; /* Spațiu sub H2 */ border-bottom: 1px solid #e5e7eb; /* gray-200 */ } .main-column article h3 { font-size: 1.1rem; font-weight: 600; margin-top: 1.5rem; margin-bottom: 0.5rem; border-bottom: 1px solid #e5e7eb; /* gray-200 */ } /* Spațiu între li-uri */ /* Se aplică elementelor LI din interiorul articolelor */ .main-column article li { margin-top: 0.5rem; margin-bottom: 0.5rem; /* Adaugă spațiu sub fiecare element de listă */ } .math-block { border-left: 4px solid #3b82f6; /* Tailwind blue-500 */ padding-left: 1rem; /* pl-4 */ margin-top: 2rem; margin-bottom: 2rem; text-align: center; /* Center the formula itself */ }