/* ==========================================
   INTERACTIVE TOOL STORAGE NOTICE
========================================== */

.tool-storage-notice {
    width: min(1050px, calc(100% - 28px));
    margin: 22px auto;
    padding: 22px 24px;

    color: #465e4e;
    background: #eef5ef;

    border: 1px solid #cfe1d7;
    border-left: 5px solid #678574;
    border-radius: 12px;
}

.tool-storage-notice-content {
    max-width: 900px;
}

.tool-storage-notice h2 {
    margin: 0 0 10px;
    color: #304438;
    font-size: 1.15rem;
}

.tool-storage-notice p {
    margin: 0 0 8px;
    color: #465e4e;
    line-height: 1.65;
}

.tool-storage-notice p:last-child {
    margin-bottom: 0;
}

.tool-storage-notice strong {
    color: #304438;
}

@media (max-width: 650px) {
    .tool-storage-notice {
        width: calc(100% - 18px);
        margin: 16px auto;
        padding: 18px;
    }
}