/* OSDC additions on top of the Cask Equity theme (style.css is unchanged). */
.logo-mark { width: 52px; height: 52px; }
.brand-name { letter-spacing: .08em; font-weight: 700; font-size: 1.6rem; }
.brand { gap: 12px; }
@media (max-width: 560px) { .logo-mark { width: 44px; height: 44px; } .brand-name { font-size: 1.35rem; } }

/* Team cards on the About page */
.team-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: var(--s6) 0 var(--s10); }
.team-card { background: var(--card); border: 1px solid var(--line); border-radius: var(--r-lg); padding: var(--s5) var(--s6); display: grid; gap: 4px; }
.team-card strong { font-size: var(--t-base); letter-spacing: -.01em; }
.team-card span { color: var(--muted); font-size: var(--t-sm); }
@media (max-width: 560px) { .team-grid { grid-template-columns: 1fr; } }

/* Work plan table: text cells wrap, unlike the numeric pricing table it is based on */
.compare-table.work-table th, .compare-table.work-table td { white-space: normal; text-align: left; vertical-align: top; }
.compare-table.work-table td:first-child { font-weight: 600; min-width: 180px; }

/* Plain contact form (the live site will swap in the WordPress form plugin) */
.osdc-form { display: grid; gap: var(--s5); }
.osdc-form h3 { font-size: var(--t-xl); font-weight: 700; letter-spacing: -.02em; }
.osdc-form .form-desc { color: var(--muted); font-size: var(--t-sm); margin-top: -10px; }
.osdc-form .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s4); }
.osdc-form label { display: grid; gap: 6px; font-size: var(--t-xs); font-weight: 600; }
.osdc-form input, .osdc-form select, .osdc-form textarea { width: 100%; padding: 13px 14px; border-radius: var(--r-md); border: 1px solid var(--line); background: var(--bg); font-size: var(--t-sm); font-weight: 400; }
.osdc-form input:focus, .osdc-form select:focus, .osdc-form textarea:focus { outline: none; border-color: var(--blue); background: var(--card); }
.osdc-form textarea { min-height: 120px; resize: vertical; }
.osdc-form button { justify-self: start; cursor: pointer; }
.osdc-form .form-note { background: var(--blue-soft); color: var(--blue-text); border-radius: var(--r-md); padding: 12px 14px; font-size: var(--t-sm); }
@media (max-width: 560px) { .osdc-form .form-row { grid-template-columns: 1fr; } }