/* General Styling */
.tag-item.active {
border: none;
}
/* Left Sidebar (Scrollable) */
.tag-list {
max-height: 500px;
overflow-y: auto;
font-size: 14px;
border:1px solid #ddd;
}
/* Hide scrollbar for different browsers */
.tag-list {
-ms-overflow-style: none; 
scrollbar-width: none; 
}
.tag-list::-webkit-scrollbar {
display: none;
}
/* Show Active Content */
.content-item.active {
display: block;
}
/* Highlight Selected Tag */
.tag-item.active {
background-color: var(--accent-color);
color: var(--contrast-color);
}
/* Content Section Styling */
#content-section {
max-height: none; 
overflow-y: visible; 
}
/* Content Title Styling */
#content-section .content-item h4 {
font-size: 14px;
background: #f6f6f6;
padding: 10px;
font-weight: 700;
}
/* Content Paragraph Styling */
#content-section .content-item p {
font-size: 12px;
text-align: justify;
}
/* Media Query */
@media screen and (min-width: 320px) and (max-width: 440px) {
.webview {
display:none;
}
.accordion-button{
font-size:14px;
font-family: var(--heading-font);
}
.accordion-button:not(.collapsed){
background-color:var(--accent-color);
color:var(--contrast-color);
font-size:14px;
font-family: var(--heading-font);
}
.accordion-button:focus {
box-shadow: none;
outline: none;
}
.accordion-item .accordion-body p{
font-size:12px;
text-align: justify;
}
}
@media screen and (min-width:440px){
.mobview{
display:none
}
}