:root {
    --zoo-accent: #D91018;
    --zoo-main:#ED6F3F;
    --zoo-gray:#585E76;
}

.zoo {

    em {
        color: var(--zoo-main);
        font-weight: 900;
        }
    h3 {
        font-size: 1.5em;
        font-family: 'Lato', "Noto Sans JP", sans-serif!important;
    i { padding-right: 1.5em;}
    }

    > section {
        padding-top: 2em;
        border-top: 3px double var(--zoo-gray);
    }
    #stamp_summary {
        padding: .25em .5em;
        margin: .25em;

        h6 {
            max-width: 400px;
            color: #FFF;
            font-size: 1em;
            padding: 0 1em;
            margin: 0;
            background: var(--zoo-gray);
        }
        section {
            margin: 1em 0;

            dl {
                padding-left: 1em;
                border-left: 2px solid var(--zoo-gray);
                margin: .5em 0 .75em;

                dt {
                    color: var(--zoo-gray);
                    font-weight: 700;
                    font-size: .9em;
                }
                dd { font-size: .85em;}
            }
        }
    }
    #display_summary {
        dl {
            margin-bottom: 1em;
            dt {
                display: inline-block;
                color: var(--zoo-gray);
                font-weight: 700;
                font-size: .9em;
                padding: .25em .5em;
                border: 1px solid var(--zoo-gray);
                margin-bottom:.5em;
            }
            dd { font-size: .85em;}
            dd small {}
            }
    }
}
