.county-archive .county-header{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:var(--white);overflow:hidden;padding:var(--space-20) 0;position:relative;text-align:center}.county-archive .county-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Cpath fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='.5' d='M10 0q5 5 0 10t0 10q5-5 10 0-5-5 0-10-5-5 0-10-5 5-10 0'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0}.county-header-content{position:relative;z-index:2}.county-title{color:var(--white);font-family:var(--font-serif);font-size:var(--text-5xl);margin-bottom:var(--space-4);text-shadow:0 2px 4px rgba(0,0,0,.3)}.county-description{font-size:var(--text-xl);margin-bottom:var(--space-8);margin-left:auto;margin-right:auto;max-width:600px;opacity:.9}.county-stats{display:flex;flex-wrap:wrap;gap:var(--space-8);justify-content:center;margin-top:var(--space-8)}.stat-item{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;gap:var(--space-2);min-width:120px;padding:var(--space-6)}.stat-number{color:var(--white);font-size:var(--text-3xl);font-weight:700;line-height:1}.stat-label{color:hsla(0,0%,100%,.9);font-size:var(--text-sm);font-weight:500;letter-spacing:.05em;text-align:center;text-transform:uppercase}.county-filters{background:var(--white);border-bottom:1px solid var(--gray-200);box-shadow:0 2px 4px rgba(0,0,0,.1);padding:var(--space-8) 0;position:sticky;top:0;z-index:10}.filter-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.filter-tab{background:var(--gray-100);border:2px solid transparent;border-radius:var(--border-radius-full);color:var(--gray-700);cursor:pointer;font-size:var(--text-sm);font-weight:600;letter-spacing:.05em;padding:var(--space-3) var(--space-6);text-transform:uppercase;transition:all var(--transition-fast)}.filter-tab:hover{background:var(--gray-200);transform:translateY(-1px)}.filter-tab.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow);color:var(--white)}.county-content{background:var(--gray-50);padding:var(--space-16) 0}.sites-grid{display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:var(--space-16)}.site-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--border-radius-xl);box-shadow:var(--shadow);overflow:hidden;position:relative;transition:all var(--transition-normal)}.site-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.site-card .card-image{background:var(--gray-100);height:200px;overflow:hidden;position:relative}.site-card .card-image img{height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.site-card:hover .card-image img{transform:scale(1.05)}.site-card .card-content{padding:var(--space-6)}.site-card .card-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.post-type-label{background:var(--primary-color);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.county-label,.post-type-label{border-radius:var(--border-radius-sm);color:var(--white);font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.county-label{background:var(--secondary-color);font-weight:500}.site-card h3{font-size:var(--text-xl);line-height:1.3;margin-bottom:var(--space-3)}.site-card h3 a{color:var(--gray-900);text-decoration:none;transition:color var(--transition-fast)}.site-card h3 a:hover{color:var(--primary-color)}.foundation-date,.route-distance{color:var(--gray-600);font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-2)}.foundation-date:before{content:"📅 ";margin-right:var(--space-1)}.route-distance:before{content:"🚶 ";margin-right:var(--space-1)}.card-excerpt{color:var(--gray-600);font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--space-4)}.card-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.read-more-btn{background:var(--primary-color);border-radius:var(--border-radius);color:var(--white);flex:1;font-size:var(--text-sm);font-weight:600;padding:var(--space-2) var(--space-4);text-align:center;text-decoration:none;transition:all var(--transition-fast)}.read-more-btn:hover{background:var(--primary-light);color:var(--white);transform:translateY(-1px)}.show-on-map-btn{background:var(--accent-color);border:none;border-radius:var(--border-radius);color:var(--white);cursor:pointer;flex:1;font-size:var(--text-sm);font-weight:600;padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.show-on-map-btn:hover{background:var(--accent-light);transform:translateY(-1px)}.county-map-section{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--border-radius-xl);box-shadow:var(--shadow);padding:var(--space-12)}.county-map-section h2{color:var(--primary-color);font-family:var(--font-serif);font-size:var(--text-3xl);margin-bottom:var(--space-8);text-align:center}.county-map-container{align-items:center;background:var(--gray-200);border:2px solid var(--gray-200);border-radius:var(--border-radius-lg);color:var(--gray-500);display:flex;font-size:var(--text-lg);height:400px;justify-content:center;overflow:hidden;width:100%}.no-results{background:var(--white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow);grid-column:1/-1;padding:var(--space-16);text-align:center}.no-results h3{color:var(--gray-700);font-size:var(--text-2xl);margin-bottom:var(--space-4)}.no-results p{color:var(--gray-600);font-size:var(--text-lg)}@media (max-width:768px){.county-title{font-size:var(--text-3xl)}.county-description{font-size:var(--text-lg)}.county-stats{gap:var(--space-4)}.stat-item{min-width:100px;padding:var(--space-4)}.stat-number{font-size:var(--text-2xl)}.filter-tabs{gap:var(--space-1)}.filter-tab{font-size:var(--text-xs);padding:var(--space-2) var(--space-4)}.sites-grid{gap:var(--space-6);grid-template-columns:1fr}.card-actions{flex-direction:column}.county-map-container{height:300px}}@media (max-width:480px){.county-header{padding:var(--space-12) 0}.county-title{font-size:var(--text-2xl)}.county-stats{align-items:center;flex-direction:column;gap:var(--space-3)}.stat-item{flex-direction:row;justify-content:space-between;max-width:250px;width:100%}.filter-tabs{align-items:stretch;flex-direction:column}.county-map-section{padding:var(--space-6)}.county-map-container{height:250px}}.sites-loading{color:var(--gray-500);grid-column:1/-1;padding:var(--space-16);text-align:center}.sites-loading:after{animation:spin 1s ease-in-out infinite;border:2px solid var(--gray-300);border-radius:50%;border-top-color:var(--primary-color);content:"";display:inline-block;height:20px;margin-left:var(--space-2);width:20px}@keyframes spin{to{transform:rotate(1turn)}}.site-card{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.site-card[data-type=monastic_site] .post-type-label{background:var(--primary-color)}.site-card[data-type=pilgrimage_route] .post-type-label{background:var(--secondary-color)}.site-card[data-type=christian_site] .post-type-label{background:var(--accent-color)}.site-card .card-image:after{background:linear-gradient(45deg,transparent,rgba(0,0,0,.1));bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-fast)}.site-card:hover .card-image:after{opacity:1}