/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

trix-toolbar [data-trix-button-group="file-tools"] { display: none; }
trix-editor.trix-content { min-height: 10rem; border-color: #d6d3d1; border-radius: 0.5rem; background: white; }
.trix-content ul { list-style: disc; padding-left: 1.5rem; }
.trix-content ol { list-style: decimal; padding-left: 1.5rem; }
.trix-content blockquote { border-left: 0.25rem solid #d6d3d1; margin-left: 0; padding-left: 1rem; }
.trix-content a { color: #065f46; text-decoration: underline; }
.youtube-embed__frame { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #000; }
.youtube-embed__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.trix-button--icon-youtube::before { content: "▶"; background-image: none !important; display: grid !important; place-items: center; font-size: 0.75rem; }