@tailwind base;
@tailwind components;
@tailwind utilities;

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

/* Customer documentation site (/docs). Tailwind's preflight resets heading and
   list styling to nothing, which is right for the app and wrong for rendered
   markdown, so the prose elements are restored here rather than by annotating
   markdown output we do not control. */
.docs-body h1 { font-size: 1.75rem; font-weight: 600; margin: 1.75rem 0 0.75rem; }
.docs-body h2 { font-size: 1.4rem; font-weight: 600; margin: 1.6rem 0 0.6rem; }
.docs-body h3 { font-size: 1.15rem; font-weight: 600; margin: 1.4rem 0 0.5rem; }
.docs-body p { margin: 0.75rem 0; line-height: 1.65; }
.docs-body ul { list-style: disc; margin: 0.75rem 0 0.75rem 1.5rem; }
.docs-body ol { list-style: decimal; margin: 0.75rem 0 0.75rem 1.5rem; }
.docs-body li { margin: 0.3rem 0; line-height: 1.6; }
.docs-body a { color: #0b6cb5; text-decoration: underline; }
.docs-body strong { font-weight: 600; }
.docs-body em { font-style: italic; }
.docs-body hr { margin: 2rem 0; border-top: 2px solid #e5e5e5; }
.docs-body blockquote { border-left: 4px solid #dbdbdb; padding-left: 1rem; margin: 1rem 0; color: #555; }
.docs-body code { background: #f4f4f4; padding: 0.1rem 0.3rem; border-radius: 3px; font-size: 0.9em; }
.docs-body pre { background: #f4f4f4; padding: 1rem; border-radius: 4px; overflow-x: auto; margin: 1rem 0; }
.docs-body pre code { background: none; padding: 0; }
/* Wide tables scroll inside their own container rather than pushing the page. */
.docs-body table { display: block; overflow-x: auto; border-collapse: collapse; margin: 1rem 0; max-width: 100%; }
.docs-body th, .docs-body td { border: 1px solid #dbdbdb; padding: 0.4rem 0.7rem; text-align: left; }
.docs-body th { background: #f4f4f4; font-weight: 600; }