.kotomiru-notice {
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  color: #0f172a;
  font: 14px/1.6 system-ui, sans-serif;
  margin: 16px auto;
  max-width: 720px;
  padding: 8px 12px;
  position: static;
}

.kotomiru-notice summary { cursor: pointer; }
.kotomiru-notice[open] summary { margin-bottom: 12px; }

.kotomiru-notice p {
  margin: 0 0 12px;
}

.kotomiru-notice a {
  color: #1d4ed8;
  text-decoration: underline;
}

.kotomiru-notice div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.kotomiru-notice button {
  background: #fff;
  border: 1px solid #64748b;
  border-radius: 6px;
  color: #0f172a;
  cursor: pointer;
  font: inherit;
  padding: 8px 12px;
}

.kotomiru-notice button:focus-visible {
  outline: 3px solid #f59e0b;
  outline-offset: 2px;
}

.kotomiru-notice button:disabled {
  cursor: default;
  opacity: 0.55;
}

.kotomiru-notice [hidden] {
  display: none !important;
}

@media (max-width: 600px) {
  .kotomiru-notice {
    bottom: 8px;
    left: 8px;
    right: 8px;
  }
}