/* Contact: same 34/66 row as the homepage Toolbox, kept minimal */
.ct { position: relative; isolation: isolate; padding: clamp(40px, 6vw, 96px) 0 var(--section); }
.ct .spot-reveal { inset: -72px 0 0 0; }
.ct-row { display: grid; grid-template-columns: minmax(0, 34fr) minmax(0, 66fr); padding-right: 12px; align-items: start; }
.ct-side { display: grid; align-content: start; gap: var(--s-4); padding: var(--s-6) var(--s-7) var(--s-6) var(--gutter); }
.ct-side .case-name { font-size: clamp(2.5rem, 5.4vw, 5.25rem); }
.ct-side .case-kind { max-width: 30ch; }
.ct-status { display: inline-flex; align-items: center; gap: 10px; margin-top: var(--s-3); font-size: var(--t-small); color: var(--ink); }
.ct-status i { width: 9px; height: 7px; flex: none; border-radius: 52% 48% 58% 42% / 60% 45% 55% 40%; background: var(--spot); box-shadow: 0 0 10px color-mix(in srgb, var(--spot) 60%, transparent); transform: rotate(-18deg); }
.ct-links { list-style: none; margin: var(--s-6) 0 0; padding: 0; border-top: 1px solid var(--line); }
.ct-links a { display: grid; grid-template-columns: 76px 1fr; gap: var(--s-4); padding: 14px 0; border-bottom: 1px solid var(--line); color: var(--ink); text-decoration: none; transition: color var(--d-ui, 200ms) var(--ease); }
.ct-links a span { color: var(--ink-2); font-size: var(--t-small); align-self: center; }
@media (hover: hover) and (pointer: fine) { .ct-links a:hover { color: var(--accent); } }
.ct-panel { border-radius: 10px; background: var(--surface); border: 1px solid var(--line); padding: clamp(28px, 4vw, 56px); }
.ct-form { display: grid; gap: var(--s-4); max-width: none; }
.ct-form input[type="text"], .ct-form input[type="email"], .ct-form textarea { background: color-mix(in srgb, var(--ground, #0A1012) 60%, transparent); }
@media (max-width: 860px) {
  .ct-row { grid-template-columns: 1fr; padding: 0 var(--gutter); gap: var(--s-6); }
  .ct-side { padding: 0; }
}