@page {
            size: A4;
            margin: 0.5in;
        }
        
        body {
			font-family:Tahoma,Verdana,Helvetica,sans-serif;
			color:black;
			font-size:100%;
            line-height: 1.3;
            margin: 0;
            padding: 20px;
        }

        h1 {
            text-align: center;
            font-size: 1.6em;
			font-weight: bold;
            margin-bottom: 20px;
            color: #8B4513;
            border-bottom: 2px solid #8B4513;
            padding-bottom: 10px;
        }
		
			a:link, a:active {
text-decoration:none;
color:maroon;
font-weight:bold;
}

a:visited {
text-decoration:none;
color:8b0000;
font-weight:bold;
}

a:hover {
text-decoration:none;
color:#b22222;
font-weight:bold;
}
		
			#container {
			margin:0 auto;
			max-width:100%;
			padding-left:1%;
			padding-right:1%;
			background-color:transparent;
}
        
        .timeline-container {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }
		
/* Translations Reference */
        
        .year-section {
            border: 1px solid maroon;
            border-radius: 8px;
			margin-top: 10px;
            padding: 15px;
            background-color: #fafafa;
        }
        
        .year-header {
            font-weight: bold;
            font-size: 1.2em;
            color: #8B4513;
            margin-bottom: 8px;
            border-bottom: 1px solid #8B4513;
            padding-bottom: 4px;
        }
		
        .reference {
			margin-top: 0.1%;
            font-style: italic;
			border-radius: 8px;
            color: black;
            font-size: 0.9em;
			background-color: #e0e0e0;
        }
        
        .event {
            margin-bottom: 8px;
            padding-left: 15px;
            position: relative;
        }
        
        .event:before {
            content: "•";
            position: absolute;
            left: 0;
            color: #8B4513;
            font-weight: bold;
        }
        
        .event-title {
            font-weight: bold;
            color: #000;
        }
        
        .event-description {
            margin-top: 2px;
            color: #333;
        }
		
        .festival-section {
            background-color: #f0f8ff;
            border: 2px solid #4682B4;
            border-radius: 8px;
            padding: 20px;
            margin-top: 10px;
            break-inside: avoid;
        }
        
        .festival-header {
            font-weight: bold;
            font-size: 14px;
            color: #4682B4;
            margin-bottom: 10px;
            text-align: center;
        }
        
        .festival-list {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
        }
        
        .festival-item {
            background-color: white;
            padding: 8px;
            border-radius: 4px;
            border-left: 4px solid #4682B4;
        }
        
        .festival-name {
            font-weight: bold;
            color: #4682B4;
        }
		
/* Translations continuum */

        .continuum-container {
            max-width: 100%;
            margin: 0 auto;
            position: relative;
            background: white;
            border-radius: 10px;
            padding: 10px;
            box-shadow: 0 4px 8px rgba(128,0,0,0.5);
        }
        
        .continuum-line {
            position: absolute;
            left: 50%;
            top: 80px;
            bottom: 80px;
            width: 4px;
            background: linear-gradient(to bottom, #8B4513, #4682B4);
            transform: translateX(-50%);
        }
        
        .continuum-labels {
            display: flex;
            justify-content: space-between;
            margin-bottom: 40px;
            font-weight: bold;
        }
		
		    .approach-labels {
			font-size: 1em;
            font-weight: bold;
			text-align: left;
			margin-bottom: 10px;
        }
        
        .approach-label-1 {
			color: dark brown;
			font-size: 1em;
            font-weight: bold;
			text-align: left;
			margin-bottom: 10px;
        }
        .approach-label-2 {
			color: #FF8C00;
			font-size: 1em;
            font-weight: bold;
			text-align: left;
			margin-bottom: 10px;
        }
        .approach-label-3 {
			color: #32CD32;
			font-size: 1em;
            font-weight: bold;
			text-align: left;
			margin-bottom: 10px;
        }
        .approach-label-4 {
			color: #4682B4;
			font-size: 1em;
            font-weight: bold;
			text-align: left;
			margin-bottom: 10px;
        }
        .approach-label-5 {
			color: #8A2BE2;
			font-size: 1em;
            font-weight: bold;
			text-align: left;
			margin-bottom: 10px;
        }
		 
        .translation-item {
            position: relative;
            margin: 15px 0;
            padding: 8px 15px;
            border-radius: 20px;
            font-weight: bold;
            text-align: center;
            border: 2px solid;
            background: white;
            z-index: 2;
        }
        

        
        /* Literal translations - deep brown */
        .literal-1 { border-color: #654321; color: #654321; }
        .literal-1:before { border-color: #654321;  left: -21px;}
        
        .literal-2 { border-color: #8B4513; color: #8B4513; }
        .literal-2:before { border-color: #8B4513;  left: -21px;}
        
        .literal-3 { border-color: #A0522D; color: #A0522D; }
        .literal-3:before { border-color: #A0522D;  left: -21px;}
        
        .literal-4 { border-color: #B8860B; color: #B8860B; }
        .literal-4:before { border-color: #B8860B;  left: -21px;}
		
		.literal-5 { border-color: #cc9900; color: #cc9900; }
        .literal-5:before { border-color: #cc9900;  left: -21px;}
        
        /* Formal equivalence - orange tones */
        .formal-1 { border-color: #FF8C00; color: #FF8C00; }
        .formal-1:before { border-color: #FF8C00;  left: -21px;}
        
        .formal-2 { border-color: #FFA500; color: #FFA500; }
        .formal-2:before { border-color: #FFA500;  left: -21px;}
        
        .formal-3 { border-color: #FFB347; color: #FFB347; }
        .formal-3:before { border-color: #FFB347;  left: -21px;}
        
        /* Balanced/Transitional - yellow-green */
        .balanced-1 { border-color: #9ACD32; color: #9ACD32; }
        .balanced-1:before { border-color: #9ACD32; right: -21px; }
        
        .balanced-2 { border-color: #32CD32; color: #32CD32; }
        .balanced-2:before { border-color: #32CD32; right: -21px; }
        
        .balanced-3 { border-color: #00FF7F; color: #00FF7F; }
        .balanced-3:before { border-color: #00FF7F; right: -21px; }
        
        /* Dynamic equivalence - teal/cyan */
        .dynamic-1 { border-color: #00CED1; color: #00CED1; }
        .dynamic-1:before { border-color: #00CED1; right: -21px; }
        
        .dynamic-2 { border-color: #20B2AA; color: #20B2AA; }
        .dynamic-2:before { border-color: #20B2AA; right: -21px; }
        
        .dynamic-3 { border-color: #4682B4; color: #4682B4; }
        .dynamic-3:before { border-color: #4682B4; right: -21px; }
        
        .dynamic-4 { border-color: #5F9EA0; color: #5F9EA0; }
        .dynamic-4:before { border-color: #5F9EA0; right: -21px; }
        
        .dynamic-5 { border-color: #6495ED; color: #6495ED; }
        .dynamic-5:before { border-color: #6495ED; right: -21px; }
        
        /* Paraphrases - deep blue to purple */
        .paraphrase-1 { border-color: #0000CD; color: #0000CD; }
        .paraphrase-1:before { border-color: #0000CD; right: -21px; }
        
        .paraphrase-2 { border-color: #4169E1; color: #4169E1; }
        .paraphrase-2:before { border-color: #4169E1; right: -21px; }
        
        .paraphrase-3 { border-color: #8A2BE2; color: #8A2BE2; }
        .paraphrase-3:before { border-color: #8A2BE2; right: -21px; }
        
        .paraphrase-4 { border-color: #9932CC; color: #9932CC; }
        .paraphrase-4:before { border-color: #9932CC; right: -21px; }
        
        .paraphrase-5 { border-color: #BA55D3; color: #BA55D3; }
        .paraphrase-5:before { border-color: #BA55D3; right: -21px; }
        
        .left-align { text-align: left; margin-left: 40px; }
        .right-align { text-align: right; margin-right: 40px; }

        .copyright-section {
            border: 1px solid maroon;
            border-radius: 8px;
            padding: 12px;
            background-color: #fafafa;
            break-inside: avoid;
			margin-top: 10px;
			margin-bottom: 1%;
        }
        
        @media print {
            body { font-size: 10px; }
            .year-section { break-inside: avoid; }
            .festival-section { break-inside: avoid; }
        }