/* Responsive and accessibility adjustments to the recovered design. */
button,a,input,textarea { touch-action: manipulation; }
button:focus-visible,a:focus-visible { outline: 3px solid #d97706; outline-offset: 4px; }
[data-loc="client/src/pages/Home.tsx:57"],[data-loc="client/src/pages/Home.tsx:213"] { background:transparent; }
@media(max-width:480px){h1{overflow-wrap:break-word} nav img{max-width:210px;object-fit:contain} }

/* Vibrant homepage cover: a deep violet reading area and a bright color field. */
[data-loc="client/src/pages/Home.tsx:37"] {
  background: radial-gradient(ellipse at 105% 12%, #ff9c45 0%, #f25287 22%, transparent 53%),
    radial-gradient(ellipse at 80% 110%, #984bff 0%, transparent 56%),
    linear-gradient(112deg, #301367 0%, #54219f 49%, #aa32ad 100%);
}
[data-loc="client/src/pages/Home.tsx:38"] { opacity: .18; }
[data-loc="client/src/pages/Home.tsx:41"] { color: #ffd9ee; }
[data-loc="client/src/pages/Home.tsx:44"] { color: #fff0a8; }
[data-loc="client/src/pages/Home.tsx:46"] { color: #f2eaff; }
[data-loc="client/src/pages/Home.tsx:50"] {
  background: #fff0a8;
  color: #301367;
  border: 1px solid #fff0a8;
  box-shadow: 0 6px 24px #210b4b26;
}
[data-loc="client/src/pages/Home.tsx:50"]:hover { background: #fff7d5; }
[data-loc="client/src/pages/Home.tsx:57"] {
  color: #fff;
  background: #30136740;
  border-color: #ffffffb3;
}
[data-loc="client/src/pages/Home.tsx:57"]:hover { background: #ffffff26; }
[data-loc="client/src/pages/Home.tsx:37"] button:focus-visible { outline-color: #fff; }
@media (max-width: 640px) {
  [data-loc="client/src/pages/Home.tsx:37"] {
    background: radial-gradient(ellipse at 115% 0%, #f25287 0%, transparent 49%),
      linear-gradient(150deg, #35136f 0%, #6226ac 70%, #a22dac 100%);
  }
}