#content .MSFDevNote {
    box-sizing: border-box;
    margin: 32px 0;
    padding: 26px 30px;
    border: 1px dashed #94702a;
    border-left: 6px solid #94702a;
    background: #fff7e5;
    color: #443516;
    overflow-wrap: anywhere;
}
#content .MSFDevNote-label {
    display: inline-block;
    margin-bottom: 12px;
    padding: 4px 10px;
    background: #6a4c12;
    color: #fff;
    font: 700 13px/1.5 var(--body-font, sans-serif);
    letter-spacing: .08em;
    text-transform: uppercase;
}
#content .MSFDevNote h2.MSFDevNote-title {
    margin: 0 0 12px;
    color: #443516;
    font: 700 30px/1.2 var(--title-font, sans-serif);
    letter-spacing: 0;
}
#content .MSFDevNote p {
    margin: 0;
    padding: 0;
    color: #443516;
    font: 400 17px/1.7 var(--body-font, sans-serif);
}
@media (max-width: 620px) {
    #content .MSFDevNote { padding: 22px 20px; }
    #content .MSFDevNote h2.MSFDevNote-title { font-size: 27px; }
}