/* Structural base styles for LFM rendered elements.
 * Safe to import alongside display.js regardless of CSS framework.
 * Does not set any colors — use default-colors.css or display.js for those. */

.extra-content-holder {
    border-bottom: 1px dotted #565656;
}

.inline-special-area {
    display: inline-block;
    padding: 3px 7px;
    white-space: nowrap;
    text-align: center;
    border-radius: 5px;
    vertical-align: middle;
    line-height: 1;
    border: 1px solid;
}

.special-area-block {
    display: block;
    padding: 3px 7px;
    border: 1px solid;
    border-radius: 6px;
}