.shire-btn:hover background: #e3d4b5; transform: translateY(-2px); border-color: #9b7b4c; box-shadow: 0 6px 12px rgba(0,0,0,0.08);
const allShires = [...shiresData, ...scottishShires];
footer margin-top: 3rem; text-align: center; font-size: 0.8rem; color: #5f6c5b; border-top: 1px solid #cfc6ae; padding-top: 1.8rem; shires of britain
/* scrollbar */ .shire-grid::-webkit-scrollbar width: 6px;
/* simple map illustration */ .mini-map-illustration margin-top: 1.8rem; background: #e2d9c6; border-radius: 28px; padding: 1rem; text-align: center; font-size: 0.75rem; color: #3a4f2d; .shire-btn:hover background: #e3d4b5
/* header section */ .shires-header text-align: center; margin-bottom: 2rem; border-bottom: 3px solid #b68b40; display: inline-block; width: 100%;
.shires-header h1 font-size: 2.6rem; letter-spacing: 1px; font-weight: 600; background: linear-gradient(135deg, #2c5e2e, #7a4c2c); background-clip: text; -webkit-background-clip: text; color: transparent; display: inline-block; margin-bottom: 0.25rem; box-shadow: 0 6px 12px rgba(0
.flag-icon font-size: 1.8rem; vertical-align: middle; margin-right: 8px;