:root{--text-color-dark:#333}*{box-sizing:border-box;font-family:Arial,sans-serif;margin:0;padding:0}body{background-color:#f8f8f8;color:var(--text-color-dark)}.button{background:#007bff;border-radius:8px;color:#fff;display:inline-block;font-weight:700;text-decoration:none;transition:background .3s}.button:hover{background:#0056b3}.button--primary{font-size:16px;padding:12px 25px}.button--small{font-size:14px;margin:4px;padding:6px 12px}.articlePage__content a,.inline_link{color:#007bff;font-weight:700;text-decoration:none}.articlePage__content a:hover,.inline_link:hover{text-decoration:underline}.header{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);justify-content:space-between;padding:15px 50px}.header,.header .logo{align-items:center;display:flex}.header .logo{color:var(--text-color-dark);text-decoration:none}.header .logo img{border-radius:5%;margin-right:10px}.header .logo span{font-size:18px;font-weight:700}.header nav{display:flex;gap:20px}.header nav a{color:var(--text-color-dark);font-size:16px;font-weight:700;text-decoration:none;transition:color .3s}.header nav a:hover{color:#666}.header nav a.active{text-decoration:underline}@media (max-width:768px){.header{flex-direction:column;text-align:center}.header nav{margin-top:10px}}.footer{align-items:center;background:#000;color:#fff;display:flex;justify-content:flex-end;padding:30px 50px}.footer-content{text-align:right}.footer h3{font-size:18px;font-weight:700;margin-bottom:10px;text-transform:uppercase}@media (max-width:768px){.footer{justify-content:center;text-align:center}}.footer-links{display:flex;flex-wrap:wrap;gap:18px;list-style:none;margin-top:15px}.footer-links a{color:#fff;display:inline-block;font-size:.95rem;margin:0 15px;text-decoration:none}.footer-links a:hover{text-decoration:underline}.breadcrumbs{color:#6c757d;font-size:14px;margin:10px auto;max-width:900px}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.breadcrumbs li{align-items:center;display:flex}.breadcrumbs li+li:before{color:#aaa;content:"/";padding:0 8px}.breadcrumbs a{color:#007acc;font-weight:500;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs li[aria-current=page]{color:#333;font-weight:600}