/* Homepage notice CTA. Its text and URL remain in the existing notice_home editor. */
a.cloneus-home-guide {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    gap: 11px;
    max-width: 100%;
    min-height: 52px;
    padding: 10px 15px;
    border: 1.5px solid #168fd1;
    border-radius: 14px;
    background: linear-gradient(120deg, #f7fcff, #eaf6ff);
    color: #075b92;
    box-shadow: 0 3px 10px rgba(12, 113, 175, .09);
    font: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: left;
    text-decoration: none;
    transition: background .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.cloneus-home-guide-wrap { display: flex; flex-wrap: wrap; align-items: stretch; gap: 12px; margin-top: 14px; margin-bottom: 4px; }
a.cloneus-home-guide::before {
    content: "";
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #d8efff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%230875bb' d='M5 2.5v11L14 8z'/%3E%3C/svg%3E") center / 13px 13px no-repeat;
}
a.cloneus-home-guide::after { content: ""; margin-left: auto; flex: 0 0 14px; width: 14px; height: 14px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 12 12 4M4 4h8v8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 12 12 4M4 4h8v8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
a.cloneus-home-guide:hover { background: #e2f3ff; border-color: #087fc7; color: #054f80; box-shadow: 0 5px 16px rgba(12,113,175,.15); text-decoration: none; }
a.cloneus-home-guide:focus-visible { outline: 3px solid #26a9ed; outline-offset: 3px; }
html[data-theme="dark"] a.cloneus-home-guide,
html.dark-mode a.cloneus-home-guide,
body.dark-mode a.cloneus-home-guide { background: linear-gradient(120deg,#102c42,#10354c); border-color: #3ca8e5; color: #c4eaff; box-shadow: 0 3px 12px rgba(0,0,0,.14); }
html[data-theme="dark"] a.cloneus-home-guide::before,
html.dark-mode a.cloneus-home-guide::before,
body.dark-mode a.cloneus-home-guide::before { background-color: #1c4663; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23a7ddff' d='M5 2.5v11L14 8z'/%3E%3C/svg%3E"); }
html[data-theme="dark"] a.cloneus-home-guide:hover,
html.dark-mode a.cloneus-home-guide:hover,
body.dark-mode a.cloneus-home-guide:hover { background: #164360; border-color: #7bceff; color: #e4f5ff; }
@media (max-width: 575.98px) {
    a.cloneus-home-guide { width: 100%; gap: 9px; padding: 11px 12px; border-radius: 12px; }
}
@media (prefers-reduced-motion: reduce) { a.cloneus-home-guide { transition: none; } }

/* External mailbox button. Text/URL stay in notice_home. */
a.cloneus-home-otp::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='2' y='4' width='16' height='12' rx='2' fill='none' stroke='%230875bb' stroke-width='1.6'/%3E%3Cpath d='m3 5 7 6 7-6' fill='none' stroke='%230875bb' stroke-width='1.6'/%3E%3C/svg%3E") !important; }
html[data-theme="dark"] a.cloneus-home-otp::before, html.dark-mode a.cloneus-home-otp::before, body.dark-mode a.cloneus-home-otp::before { background-color: #d8efff; }