/* Keep banner headings above page-wide research_minimal.css heading rules. */
/* Scoped to the twelve public tools; embedded charts never load this file. */
body .topmoat-tool-welcome {
    display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,320px);
    align-items:center; gap:24px; margin:0 0 20px; padding:20px 28px;
    border:1px solid #e2eaf7; border-radius:24px;
    background:linear-gradient(120deg,#f5f8ff,#eff8f5); box-sizing:border-box;
    text-align:left; min-width:0;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;
    -webkit-text-size-adjust:100%; text-size-adjust:100%;
}
body .topmoat-tool-welcome-copy { min-width:0; }
body .topmoat-tool-welcome .topmoat-tool-welcome-kicker { margin:0 0 10px; color:#3977c8; font-size:11px; font-weight:750; line-height:1.5; letter-spacing:.07em; }
body .topmoat-illustrated-tool .topmoat-tool-welcome h2 { margin:0 0 10px; color:#253953; font-size:24px; font-weight:750; line-height:1.45; letter-spacing:-.035em; word-break:keep-all; overflow-wrap:anywhere; }
body .topmoat-tool-welcome .topmoat-tool-welcome-description { margin:0; color:#66768b; font-size:13px; font-weight:400; line-height:1.75; word-break:keep-all; overflow-wrap:anywhere; }
body .topmoat-tool-welcome img { display:block; width:100%; height:auto; margin:0; }
body .topmoat-tool-welcome-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:14px; }
body .topmoat-tool-welcome-tags span { padding:5px 9px; border-radius:8px; background:#e7eefc; color:#5076b0; font-size:11px; font-weight:600; line-height:1.5; }
body .topmoat-tool-welcome-tags span:nth-child(2) { background:#eee8f8; color:#846eaf; }
body .topmoat-tool-welcome-tags span:nth-child(3) { background:#e0f2e9; color:#46866f; }
@media(max-width:979px) {
    body .topmoat-illustrated-tool:is(main,.page-shell) {
        box-sizing:border-box !important; width:100% !important; max-width:100% !important;
        margin-left:0 !important; margin-right:0 !important;
        padding-left:15px !important; padding-right:15px !important;
    }
}
@media(max-width:680px) {
    body .topmoat-tool-welcome { grid-template-columns:minmax(0,1fr) 112px; gap:8px; padding:16px 15px; margin-bottom:16px; border-radius:18px; }
    body .topmoat-illustrated-tool .topmoat-tool-welcome h2 { font-size:20px; margin-bottom:7px; }
    body .topmoat-tool-welcome .topmoat-tool-welcome-kicker { font-size:9px; margin-bottom:6px; }
    body .topmoat-tool-welcome .topmoat-tool-welcome-description { font-size:12px; line-height:1.6; }
    body .topmoat-tool-welcome-tags { margin-top:10px; gap:4px; }
    body .topmoat-tool-welcome-tags span { padding:4px 6px; font-size:10px; }
    body .topmoat-tool-welcome img { align-self:center; }
}
@media(max-width:380px) {
    body .topmoat-tool-welcome { grid-template-columns:minmax(0,1fr) 84px; padding:14px 12px; }
}