/* 블로그 자동 저장 버튼과 같은 여백·글자 크기. */
.email-arrival-wrap {
    position: fixed;
    top: 4px;
    right: 32px;
    z-index: 200;
    width: max-content;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.email-arrival-wrap[hidden] { display: none; }
.email-arrival-dismiss {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    padding: 0;
    color: #fff;
    background: transparent;
    border: 1px solid #ffffffc9;
    border-radius: 50%;
    cursor: pointer;
}
.email-arrival-dismiss:hover { border-color: #fff; color: #d8f2ff; }
.email-arrival-dismiss:focus-visible { outline: 2px solid #93c5fd; outline-offset: 3px; }
.email-arrival {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-shrink: 0;
    padding: 2px 14px 2px 2px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #60baff;
    font-family: inherit;
    font-size: .82rem;
    line-height: 20px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: none;
}
.email-arrival[hidden] { display: none; }
.email-arrival-envelope {
    width: 39px;
    height: 36px;
    filter: drop-shadow(0 2px 2px #14568d66);
    transform-origin: 50% 50%;
    animation: email-arrival-ring 4s ease-in-out infinite, email-arrival-glow 4s ease-in-out infinite;
}
.email-arrival:hover { color: #a5ddff; }
.email-arrival:focus-visible { outline: 2px solid #93c5fd; outline-offset: 3px; }
.email-arrival-status {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}
@keyframes email-arrival-ring {
    0%, 22%, 100% { transform: rotate(0); }
    2%, 6% { transform: rotate(-8deg); }
    4%, 8% { transform: rotate(8deg); }
    10% { transform: rotate(-7deg); }
    12% { transform: rotate(7deg); }
    14% { transform: rotate(-5deg); }
    16% { transform: rotate(5deg); }
    18% { transform: rotate(-3deg); }
    20% { transform: rotate(3deg); }
}
@keyframes email-arrival-glow {
    0%, 30%, 100% { filter: drop-shadow(0 2px 2px #14568d66) brightness(1); }
    12% { filter: drop-shadow(0 2px 2px #14568d66) brightness(1.6); }
}
@media (prefers-reduced-motion: reduce) {
    .email-arrival, .email-arrival-envelope { animation: none; }
}

@media (max-width: 760px) {
    .email-arrival-wrap { top: 4px; right: 58px; }
}