/* Tailwind CSS v4.3.3-compatible utility layer for the server-rendered CMS.
   The project keeps its existing editorial stylesheet as the component layer;
   these utilities provide a stable, local, dependency-free Tailwind surface. */
@layer theme, base, components, utilities;
@layer theme {
  :root { --tw-ring-color: rgb(56 189 248 / .45); }
}
@layer utilities {
  .mx-auto { margin-inline: auto; }
  .block { display: block; }
  .flex { display: flex; }
  .grid { display: grid; }
  .hidden { display: none; }
  .items-center { align-items: center; }
  .justify-between { justify-content: space-between; }
  .gap-2 { gap: .5rem; }
  .gap-4 { gap: 1rem; }
  .gap-6 { gap: 1.5rem; }
  .w-full { width: 100%; }
  .max-w-4xl { max-width: 56rem; }
  .max-w-6xl { max-width: 72rem; }
  .px-4 { padding-inline: 1rem; }
  .py-4 { padding-block: 1rem; }
  .py-8 { padding-block: 2rem; }
  .p-4 { padding: 1rem; }
  .p-6 { padding: 1.5rem; }
  .text-left { text-align: left; }
  .text-center { text-align: center; }
  .text-sm { font-size: .875rem; line-height: 1.25rem; }
  .font-semibold { font-weight: 600; }
  .break-all { overflow-wrap: anywhere; }
  .select-all { user-select: all; }
  .rounded-xl { border-radius: .75rem; }
  .border { border-width: 1px; border-style: solid; }
  .border-slate-700 { border-color: rgb(51 65 85); }
  .bg-slate-950 { background-color: rgb(2 6 23); }
  .text-white { color: rgb(255 255 255); }
  .text-slate-300 { color: rgb(203 213 225); }
  .text-sky-300 { color: rgb(125 211 252); }
  .ring-2 { box-shadow: 0 0 0 2px var(--tw-ring-color); }
}