:root {
   --mn-aclu-text: #4A5568;
   --mn-aclu-primary: #008A80;
   --mn-aclu-lpr: #008A80;
   --mn-aclu-citizen: #0056A7;
   --mn-aclu-asylum: #6D0099;
   --mn-aclu-card-stroke: #D5D5D5;
}

/*

Saving for chunky A buttons if they come back

.mn-aclu-download-full {
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
   padding: 0.75rem 1.5rem;
   background: var(--js-teal);
   color: white;
   text-decoration: none;
   font-weight: 600;
   font-size: 0.9rem;
   margin-bottom: 30px;
}
.mn-aclu-download-full:hover {
   color: #fff;
   text-decoration: underline;
}*/

.section-header {
   margin-bottom: 2rem;
}

.section-title {
   font-size: 1.75rem;
   color: var(--dark-navy);
   margin-bottom: 0.5rem;
}

.section-subtitle {
   color: var(--mn-aclu-text);
   font-size: 1rem;
}

/* Search and Filter */
.search-filter {
   background: var(--js-seasalt);
   padding: 1.5rem;
   margin-bottom: 2rem;
   border: 1px solid var(--js-french-gray);
}

.search-row {
   display: flex;
   gap: 1rem;
   margin-bottom: 1rem;
}

.search-input[type="text"] {
   flex: 1;
   padding: 0.875rem 1rem;
   border: 1px solid var(--js-french-gray);
   background: #ffffff;
   font-size: 1rem;
   font-family: inherit;
   transition: border-color 0.2s;
}

.search-input:focus {
   outline: none;
   border-color: var(--mn-aclu-primary);
}

.search-input::placeholder {
   color: var(--text-light);
}

.filter-row {
   display: flex;
   gap: 0.5rem;
   flex-wrap: wrap;
   align-items: center;
   margin-top: 15px;
}

.filter-label {
   font-size: 0.85rem;
   color: var(--mn-aclu-text);
   font-weight: 600;
   margin-right: 0.5rem;
}

.filter-btn {
   padding: 0.5rem 1rem;
   border: 1px solid var(--js-french-gray);
   background: var(--bg-white);
   color: var(--mn-aclu-text);
   font-size: 0.85rem;
   font-weight: 500;
   cursor: pointer;
   transition: all 0.2s;
   font-family: inherit;
}

.filter-btn:hover {
   border-color: var(--js-teal);
   color: var(--js-teal);
}

.filter-btn.active {
   background: var(--mn-aclu-primary);
   border-color: var(--mn-aclu-primary);
   color: white;
}

.filter-btn.citizen.active {
   background: var(--mn-aclu-citizen);
   border-color: var(--mn-aclu-citizen);
}

.filter-btn.lpr.active {
   background: var(--mn-aclu-lpr);
   border-color: var(--mn-aclu-lpr);
}

.filter-btn.asylum.active {
   background: var(--mn-aclu-asylum);
   border-color: var(--mn-aclu-asylum);
}

.filter-btn.all.active,
.filter-btn.community.active {
   background: var(--mn-aclu-text);
}

/* Declarations Section */
.declarations-section {
   margin-top: 0;
}

.declarations-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 1.5rem;
}

.results-count {
   color: var(--mn-aclu-text);
   font-size: 0.9rem;
}

.declarations-list {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 1.5rem;
}

@media (max-width: 968px) {
   .declarations-list {
      grid-template-columns: 1fr;
   }
}

/* Declaration Card - Compact Card Style */
.declaration-card {
   background: #ffffff;
   display: flex;
   flex-direction: column;
}

.declaration-card:hover {
   box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

.declaration-card.hidden {
   display: none;
}

.mn-card-status-bar {
   padding: 0.4rem 1rem;
   font-size: 0.7rem;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   color: white;
}

.mn-card-status-bar.citizen {
   background: var(--mn-aclu-citizen);
}

.mn-card-status-bar.lpr {
   background: var(--mn-aclu-lpr);
}

.mn-card-status-bar.asylum {
   background: var(--mn-aclu-asylum);
}

.mn-card-content {
   padding: 1rem;
   flex: 1;
   display: flex;
   flex-direction: column;
   background-color: #fff;
   border: 1px solid var(--mn-aclu-card-stroke);
   transition: border-color 0.2s, box-shadow 0.2s;
}

.mn-card-header {
   margin-bottom: 0.5rem;
}

.post-body .post-primary .mn-card-title {
   font-size: 1.1rem;
   color: var(--js-space);
   line-height: 1.3;
   margin-bottom: 5px;
}

.mn-card-meta {
   display: flex;
   gap: 0.75rem;
   font-size: 0.75rem;
   color: var(--js-french-gray);
   margin-bottom: 0.75rem;
   flex-wrap: wrap;
}

.mn-card-meta-item {
   display: flex;
   align-items: center;
   gap: 0.25rem;
}

.mn-card-meta-item svg {
   width: 12px;
   height: 12px;
}

.mn-card-summary {
   font-size: 0.85rem;
   line-height: 1.6;
   margin-bottom: 0.75rem;
}

.mn-card-quote {
   background: var(--js-seasalt);
   border-left: 3px solid var(--js-teal);
   padding: 0.6rem 0.8rem;
   margin-bottom: 0.75rem;
}

.quote-label {
   font-size: 0.65rem;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   color: var(--js-teal);
   margin-bottom: 0.25rem;
}

.quote-text {
   font-style: italic;
   font-size: 0.85rem;
   line-height: 1.5;
}

.violations-row {
   display: flex;
   flex-wrap: wrap;
   gap: 0.35rem;
   margin-bottom: 0.75rem;
}

.violation-tag {
   background: var(--js-teal);
   color: var(--js-seasalt);
   padding: 0.2rem 0.5rem;
   font-size: 0.7rem;
   font-weight: 500;
}

.mn-card-actions {
   margin-top: auto;
}

.post-body .post-primary .mn-pdf-link {
   display: inline-flex;
   align-items: center;
   gap: 0.4rem;
   padding: 0.4rem 0.75rem;
   background: var(--js-seasalt);
   border: 1px solid var(--js-french-gray);;
   color: var(--mn-aclu-text);
   font-size: 0.75rem;
   font-weight: 600;
   text-decoration: none;
   transition: all 0.2s;
}

.post-body .post-primary .mn-pdf-link:hover {
   background: var(--js-teal);
   border-color: var(--js-teal);
   color: white;
}

.post-body .post-primary .mn-pdf-link svg {
   width: 14px;
   height: 14px;
}

/* Responsive */
@media (max-width: 640px) {
   .aclu-content {
      padding: 2rem 1rem;
   }

   .mn-card-title {
      font-size: 1.25rem;
   }

   .mn-card-header {
      flex-direction: column;
   }
}

/* Hide the end of text icon for this page */
.post-body .post-primary .icon-end-post { display: none; }