#index {
	margin-left: 3px;
	margin-top: 2px;
}

#main_cont {
    font-size: 20px;
    max-width: 800px;
    margin: 40px auto;
    padding: 0 20px;
    text-align: left;
}

#final_disp {
	
}

#placeholder {
	white-space: pre-line;
	text-align: left;
	margin-left: 80px;
	color: white;         
	background-color: transparent;  
	font-size: 20px;       
	line-height: 1.5; 
}

#movieDetails {
	text-align: center;
    margin-top: 20px;

}

#intro {
  color: white;          
  background-color:  transparent;  
  font-size: 20px;       
  line-height: 1.5;     
}

#output {
  margin-top: 60px;
  color: white;
}

#home_disp {
	padding-left: 25px;
	text-align: left;
}

.whiteLine {
    border: none;         
    height: 3px;           
    background-color: white; 
    width: 100%;           
}

#movieDetails .navLinks a {
    color: white;              
    text-decoration: underline;
    margin: 0 10px;            
    font-size: 20px;           
}

.underlined {
    text-decoration: underline;
}

.blackBackground {
	font-family: Georgia;
    background-color:  transparent;   
    color: white;              
    text-decoration: underline;
	font-size: 25px;
    font-weight: bold; 
}


.ignoreCenter {
    text-align: left; 
}

.ignoreLeft {
    text-align: center; 
}

@font-face {
  font-family: 'c64v8';
  src: url('c64v8.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap; 
}

.nav64 {
  background-color: black;
  background-image: url('paper.jpg');
  background-repeat: repeat;
  color: white;
  font-family: 'c64v8', monospace;
}

.nav64 * {
  color: white !important;
  font-family: 'c64v8', monospace !important;
}

.p8 {
  font-family: 'c64v8', sans-serif;
}

#actorList {
    column-count: 2;
    column-gap: 40px;
}

#actorList div {
    break-inside: avoid;
    padding: 2px 0;
}

#actorList a {
    display: inline;
} 

#searchBox {
    color: white;
    background-color: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.3);
    padding: 6px 10px;
    border-radius: 4px;
    margin-left: auto;
    display: block;
}


#navContainer {
    position: relative;
}

#faqLink {
    position: absolute;
    bottom: 10px;
    left: 0;
    display: block;
}

details {
    margin-bottom: 12px;
}

summary {
    background: #111;
    color: #0f0;
    padding: 6px 10px;
    border: 1px solid #0f0;
    font-family: monospace;
    cursor: pointer;
    list-style: none;
}

summary::-webkit-details-marker {
    display: none;
}

details[open] summary {
    background: #030;
}

/* Base collapsible block spacing */
details {
    margin-bottom: 12px;
}

/* Retro terminal header for each year/month */
summary {
    background: #111;
    color: #0f0;
    padding: 6px 10px;
    border: 1px solid #0f0;
    font-family: monospace;
    cursor: pointer;
    list-style: none;
}

/* Remove default marker */
summary::-webkit-details-marker {
    display: none;
}

/* Slightly darker when open */
details[open] > summary {
    background: #030;
}

/* Year content block */
.year-posts {
    padding: 8px 14px;
    border-left: 1px solid #0f0;
    margin-top: 4px;
    font-family: monospace;
    margin-left: 10px; /* indentation */
}

/* Month content block */
.month-posts {
    padding: 6px 12px;
    border-left: 1px dashed #0f0;
    margin-top: 4px;
    margin-left: 14px; /* deeper indentation */
    font-family: monospace;
}

/* Optional: indent month <summary> itself */
.year-posts > details > summary {
    margin-left: 6px;
}

details details > summary {
    margin-left: 20px;   /* indent the nested summary */
}