body { margin:0; background:#f8f8f8; font-family: Arial, sans-serif; font-size:1.25em; line-height: 1.5em; }
			a { text-decoration:none; color:inherit; }
			.header-row1, .footer-row2 { background:#f8f8f8; padding:0 20%; display:flex; align-items:center; height:72px; line-height:70px; flex-wrap:wrap; justify-content:space-between; }
			.header-row2, .footer-row1 { background:#007BFF; padding:0 20%; display:flex; align-items:center; height:48px; line-height:46px; flex-wrap:wrap; }
			.header-row3, .footer-row3 { background:#f8f8f8; padding:0 20%; display:flex; align-items:center; height:48px; font-size:0.75em; line-height: 1em; flex-wrap:wrap; }
			.header-row1 .logo, .header-row1 .lang { display:flex; align-items:center; font-weight:bold; font-size:2em; }
			nav ul { list-style:none; margin:0; padding:0; display:flex; }
			nav li { border:1px solid pink; position:relative; }
			nav li a { display:block; padding:0 10px; color:white; background:#007BFF; font-size:0.9em; }
			nav li a.active, nav li a:hover { background:#28a745; color:white; }
			nav li ul { display:none; position:absolute; top:100%; background:#007BFF; min-width:100px; z-index:1000; }
			nav li:hover > ul, nav li.open > ul { display:block; }
			:root[dir="rtl"] nav li ul li ul { top:-1px; right:100%; left:auto; }
			:root[dir="ltr"] nav li ul li ul { top:-1px; left:100%; right:auto; }
			main { padding:20px 20%; max-width:1200px; margin:auto; }
			main h1, main h2 { margin:10px 0 5px; }
			main p { margin-bottom:10px; }
			.footer-row1 nav ul { justify-content:flex-start; }
			.footer-row2 { text-align:right; }
			@media(max-width:768px) { .header-row1,.header-row2,.footer-row1,.footer-row2,main { padding:0 4%; } }
			.custom-select { display:flex; align-items:center; cursor:pointer; user-select:none; }
			.custom-select span.flag { margin-right:4px; }
			body.ltr .custom-select span.flag { margin-right:0; margin-left:4px; }