.support-card,.support-card *,.support-dialog,.support-dialog *,.support-page,.support-page * { box-sizing: border-box; }
.support-card { display: flex; align-items: center; gap: 22px; padding: 25px 28px; margin: 28px 0; border: 1px solid #e9ddcf; border-radius: 12px; background: #fcf5ed; color: #4b4351; text-align: left; }
.support-heart { display: grid; place-items: center; width: 45px; height: 45px; flex-shrink: 0; border-radius: 50%; color: #a5634b; background: #f6e3d6; }
.support-heart svg { width: 23px; height: 23px; }
.support-copy { flex: 1; min-width: 0; }
.support-eyebrow { display: block; font-size: 9px; font-weight: 600; letter-spacing: 1.5px; color: #906c54; }
.support-card h2 { margin: 7px 0 8px; color: #55475a; font-size: 21px; font-weight: 600; letter-spacing: -.4px; line-height: 1.35; }
.support-card p { max-width: 650px; margin: 0; color: #786b76; font-size: 13px; line-height: 1.8; }
.support-card small { display: block; margin-top: 9px; color: #8b7669; font-size: 10px; line-height: 1.7; }
.support-button { display: inline-flex; justify-content: center; align-items: center; gap: 13px; flex-shrink: 0; min-height: 44px; padding: 12px 17px; border: 1px solid #dcbba5; border-radius: 7px; background: #fff; color: #744c3c !important; font: 500 12px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; text-decoration: none !important; }
.support-button:hover { background: #f5e7da; border-color: #c79474; }
.support-button:focus-visible,.support-close:focus-visible,.support-dialog a:focus-visible { outline: 3px solid #adbbe5; outline-offset: 4px; }
.support-card.is-after-print { border-color: #c69e7c; background: #fcf1e6; }
.article-main>.support-card { flex-wrap: wrap; margin: 28px 0 40px; }
.article-main>.support-card .support-button { margin-left: 67px; }
.support-dialog { width: min(620px,calc(100vw - 32px)); max-height: calc(100dvh - 40px); padding: 25px; border: 1px solid #e5dbe6; border-radius: 14px; background: #faf9f6; color: #403b4d; box-shadow: 0 18px 75px #25203430; font: 14px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; overflow-y: auto; overscroll-behavior: contain; }
.support-dialog::backdrop { background: #242a486b; }
body.support-open { overflow: hidden; }
.support-dialog-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 15px; position: sticky; top: 0; z-index: 1; padding: 4px 0 10px; background: #faf9f6; }
.support-dialog h2 { margin: 8px 0; color: #443b50; font-size: 25px; line-height: 1.3; font-weight: 600; letter-spacing: -.5px; }
.support-dialog>p { margin: 7px 0 14px; color: #766d7d; font-size: 13px; }
.support-close { display: grid; place-items: center; width: 36px; height: 36px; flex-shrink: 0; padding: 0; border: 1px solid #e3dce5; border-radius: 50%; background: #fff; color: #72647d; font-size: 15px; cursor: pointer; }
.support-close:hover { background: #f0edf5; }
.support-frame { display: block; border: none; width: 100%; height: 712px; padding: 4px; background: #f9f9f9; border-radius: 7px; }
.support-fallback { font-size: 12px; line-height: 1.8; color: #817486; margin: 16px 0; }
.support-fallback a,.support-provider a { color: #4856a3; text-underline-offset: 3px; }
.support-dialog .support-provider,.support-provider { color: #897b8b; font-size: 11px; line-height: 1.8; margin-top: 15px; }
.support-page { max-width: 740px; padding: 48px 32px; margin: auto; }
.support-page h1 { margin: 15px 0 20px; color: #3c465f; font-size: 39px; line-height: 1.2; letter-spacing: -1px; }
.support-page .support-intro { color: #776d7d; font-size: 15px; line-height: 1.9; }
.support-page .support-return { margin-top: 25px; font-size: 13px; line-height: 1.8; }
@media(max-width:760px) { .support-card { align-items: flex-start; flex-wrap: wrap; padding: 22px; gap: 15px; }.support-card h2 { font-size: 20px; }.support-card .support-button { margin-left: 60px; }.article-main>.support-card .support-button { margin-left: 60px; }.support-copy { flex-basis: calc(100% - 60px); }.support-card p { font-size: 12px; } }
@media(max-width:430px) { .support-card { gap: 14px; padding: 20px; }.support-heart { width: 35px; height: 35px; }.support-heart svg { width: 19px; height: 19px; }.support-copy { flex-basis: calc(100% - 49px); }.support-card .support-button,.article-main>.support-card .support-button { margin-left: 49px; max-width: calc(100% - 49px); font-size: 11px; }.support-card h2 { font-size: 18px; }.support-dialog { width: calc(100vw - 20px); max-height: calc(100dvh - 20px); padding: 19px 14px; }.support-dialog h2 { font-size: 22px; }.support-page { padding: 30px 20px; }.support-page h1 { font-size: 32px; } }
@media print { .support-card,.support-dialog,.support-page,.support-fallback,.support-provider,#kofiframe { display: none !important; } }