/*
 * Accordion is indicated by ",,fold,," at the end of an org header.  The
 * script accordion-fold.js will read the DOM, convert the header innerHTML
 * to a button with class "g-fold-btn", and then make sure any adjacent
 * sibling div of the header is either "display: block" or "display: none"
 * based on whether it follows a button.show or not.
 *
 * "button.g-fold-btn + div" and "button.show + div" have the same
 * specificity.  When the button has both ".g-fold-btn" and "show", both
 * match and the latter is selected.  (Or at least I hope so.)
 */
*.g-fold-hdr button.g-fold-btn {
    display: block;
    width: 100%;
    padding: 15px;
    border: none;
    outline: none;
    cursor: pointer;
    background: #ecefe0;
    text-align: left;
    transition: 0.2s; }

*.g-fold-hdr button.g-fold-btn::after {
    content: '\25be';
    float: right;
    transform: scale(1.5); }

*.g-fold-hdr + div {
    display: none;
    overflow: auto;
    padding: 0 15px; }

*.g-fold-hdr.show + div {
    display: block; }

*.g-fold-hdr.show button.g-fold-btn {
    background: #f4f8e8; }

*.g-fold-hdr.show button.g-fold-btn::after {
    content: '\25b4'; }