/* Contact Us page-specific styles (kept minimal and complementary to base.css) */
.page-hero { padding: var(--space-8) 0; border-bottom: 1px solid var(--color-gray-200); }
.page-hero h1 { margin-bottom: var(--space-2); }

.contact-layout { grid-template-columns: 2fr 1fr; }
@media (max-width: 1024px) { .contact-layout { grid-template-columns: 1fr; } }

.info-list { display: grid; gap: var(--space-4); }
.info-list li { display: grid; grid-template-columns: 32px 1fr; gap: var(--space-3); align-items: start; }
.info-icon { color: var(--color-secondary); font-size: 1.25rem; margin-top: 2px; }

.social-list { display: grid; gap: var(--space-2); }
.social-link { display: inline-flex; align-items: center; gap: var(--space-3); padding: var(--space-2) var(--space-3); border-radius: var(--radius-md); border: 1px solid var(--color-gray-200); color: var(--color-primary-dark); transition: background-color var(--transition-fast), transform var(--transition-fast); }
.social-link:hover { background: var(--color-gray-100); transform: translateY(-1px); }

.team-list { display: grid; gap: var(--space-3); }

/* Form enhancements */
#contactForm .input[type="checkbox"] { width: 1.1rem; height: 1.1rem; }
#formStatus.hidden { display: none; }

/* Subtle medieval accent dividers */
.contact-section .card-header { border-bottom: 1px solid var(--color-gray-200); }

/* Improve details summary focus */
details > summary { cursor: pointer; list-style: none; }
details > summary::-webkit-details-marker { display: none; }
details > summary:focus-visible { outline: 3px solid var(--color-secondary); outline-offset: 2px; border-radius: var(--radius-md); }
