/* Page styles for contact.html (block 1).
   Moved out of an inline <style> tag on 20 Aug 2026 so the CSP no longer needs
   style-src 'unsafe-inline'. Contents unchanged; the <link> replaces the <style>
   at exactly the same point in the document, so the cascade order is identical. */

.contact-layout { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 6vw; align-items: start; }
  .c-details { border-left: 1px solid rgba(255,255,255,0.12); padding-left: 30px; }
  .c-details .d-item { margin-bottom: 30px; }
  .c-details .d-label { font-size: 0.66rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--glow-soft); margin-bottom: 8px; }
  .c-details p { color: var(--paper-dim); font-size: 0.96rem; }
  .c-details a { color: var(--paper); border-bottom: 1px solid rgba(199,47,99,0.5); }
  @media (max-width: 860px) { .contact-layout { grid-template-columns: 1fr; gap: 46px; } }
  .f-field .opt { font-weight: 400; text-transform: none; letter-spacing: 0; font-size: 0.72rem; color: var(--paper-faint); margin-left: 6px; }