.jatj-life-panel {
    box-sizing: border-box;
    margin: 2.2rem 0;
    padding: clamp(20px, 3vw, 32px);
    background: linear-gradient(125deg, #fff9eb 0%, #fff3d5 100%);
    color: #283346;
    border: 1px solid #e9d7a5;
    border-left: 4px solid #b78b32;
    border-radius: 12px;
    box-shadow: 0 4px 18px rgba(67, 49, 12, .045);
    text-align: left;
    clear: both;
    overflow-wrap: anywhere;
}
.jatj-life-panel .jatj-life-panel__heading { display: flex; align-items: center; gap: 15px; margin-bottom: 18px; }
.jatj-life-panel .jatj-life-panel__icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 48px; height: 48px; border-radius: 50%; background: #f4e6bc; color: #715014; }
.jatj-life-panel .jatj-life-panel__icon svg { display: block; width: 30px; height: 30px; }
.jatj-life-panel .jatj-life-panel__heading h2 { margin: 0; padding: 0; color: #17263b; font-family: inherit; font-size: clamp(22px, 2.5vw, 28px); font-weight: 700; line-height: 1.3; border: 0; background: none; }
.jatj-life-panel .jatj-life-panel__body { font-family: inherit; font-size: 1em; line-height: 1.75; }
.jatj-life-panel .jatj-life-panel__body p { margin: 0 0 1em; color: inherit; font-size: inherit; line-height: inherit; }
.jatj-life-panel .jatj-life-panel__body > :first-child { margin-top: 0; }
.jatj-life-panel .jatj-life-panel__body > :last-child { margin-bottom: 0; }
.jatj-life-panel .jatj-life-panel__body ul, .jatj-life-panel .jatj-life-panel__body ol { margin: .75em 0 1em; padding-left: 1.5em; }
.jatj-life-panel .jatj-life-panel__body li { margin: .35em 0; }
.jatj-life-panel .jatj-life-panel__body a { color: #742338; text-decoration: underline; text-underline-offset: .16em; }
.jatj-life-panel .jatj-life-panel__body a:focus-visible { outline: 2px solid #742338; outline-offset: 3px; }
.jatj-life-panel .jatj-life-panel__body blockquote { margin: 1em 0; padding: .2em 1em; border-left: 3px solid #b78b32; font-size: inherit; color: inherit; background: transparent; }
.jatj-life-panel .jatj-life-panel__body h3, .jatj-life-panel .jatj-life-panel__body h4 { color: #17263b; margin: 1em 0 .5em; font-size: 1.1em; line-height: 1.4; }
@media (max-width: 480px) {
    .jatj-life-panel { padding: 20px 18px; margin: 1.6rem 0; }
    .jatj-life-panel .jatj-life-panel__heading { gap: 12px; align-items: flex-start; }
    .jatj-life-panel .jatj-life-panel__icon { flex-basis: 38px; height: 38px; }
    .jatj-life-panel .jatj-life-panel__icon svg { width: 25px; height: 25px; }
}

.jatj-life-panel .jatj-life-invitation { border-top: 1px solid #d9bc75; margin-top: 26px; padding-top: 24px; }
.jatj-life-panel .jatj-life-invitation h3 { color: #17263b; margin: 0 0 14px; font-size: 1.3em; }
.jatj-life-invitation__links { display:flex; flex-wrap:wrap; gap:10px; margin:18px 0; }
.jatj-life-panel .jatj-life-invitation__links a { display:inline-block; background:#17263b; color:#fff; border-radius:7px; padding:10px 14px; text-decoration:none; font:600 15px/1.5 system-ui,sans-serif; overflow-wrap:anywhere; }
.jatj-life-panel .jatj-life-invitation__links a:hover { background:#742338; }
.jatj-life-panel .jatj-life-invitation__links a:focus-visible { outline:3px solid #876326; outline-offset:3px; }
.jatj-life-panel .jatj-life-invitation__note { font-size:0.85em; }