/* Callout boxes and button links written in the Question Tool (theme 0.9.35). */
.tf-callout { margin: 1.5rem 0; border-left: 4px solid; border-radius: 8px; padding: 0.9rem 1.1rem; }
.tf-callout > :first-child { margin-top: 0; }
.tf-callout > :last-child { margin-bottom: 0; }
.tf-callout::before { display: block; margin-bottom: 0.35rem; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; opacity: 0.8; }
.tf-callout--tip { border-color: #16a34a; background: rgba(22, 163, 74, 0.08); }
.tf-callout--tip::before { content: "Tip"; }
.tf-callout--key-fact { border-color: #0e7490; background: rgba(127, 214, 234, 0.22); }
.tf-callout--key-fact::before { content: "Key fact"; }
.tf-callout--note { border-color: #6b7280; background: rgba(107, 114, 128, 0.1); }
.tf-callout--note::before { content: "Note"; }
a.tf-button { display: inline-block; border-radius: 8px; padding: 0.6rem 1.1rem; background: #0e7490; color: #fff; font-weight: 600; text-decoration: none; }
a.tf-button:hover, a.tf-button:focus-visible { background: #155e75; color: #fff; }