section.indemnities
{
    .indemnity
    {
        &:not(:last-child)
        {
            margin-bottom: steps(3.5);

            @include for-at-least-normal-tablets
            {
                margin-bottom: steps(2);
            }
        }

        @include for-at-least-normal-tablets
        {
            border: 1px solid $color-border-normal;
            padding: 0 steps(3);
        }

        .title
        {
            @include baseline-paddings(16px, steps(2.5), 0, steps(1.5));

            border-bottom: 1px solid $color-border-normal;
            margin-top: steps(-0.5);
            margin-bottom: steps(2) - 1px;

            font-weight: bold;
            color: $color-text-darker;

            @include for-at-least-normal-tablets
            {
                @include baseline-paddings(18px, steps(3), steps(1), steps(2));

                margin-top: 0;
                margin-bottom: steps(2);
            }

            .extra
            {
                color: $color-text-lighter;
            }
        }

        .property
        {
            margin-bottom: steps(2);

            @include for-at-least-normal-tablets
            {
                margin-bottom: steps(2.6);
            }

            .name
            {
                @include small-text;

                display: block;

                font-weight: bold;
                margin-bottom: 0;
                color: $color-text-darker;

                @include for-at-least-normal-tablets
                {
                    display: inline-block;
                    vertical-align: top;
                    margin-right: steps(1.2);
                }
            }

            .data
            {
                @include for-at-least-normal-tablets
                {
                    display: inline-block;
                    vertical-align: top;
                }
            }

            .status
            {
                @extend %status;

                margin-bottom: 0;
            }

            .meta
            {
                dt, dd
                {
                    @include font-dimensions(12px, 20px, 0.5px);

                    display: inline;
                    margin: 0;

                    @include for-at-least-normal-tablets
                    {
                        @include font-dimensions(14px, 20px, 0.6px);
                    }
                }

                dt:after
                {
                    content: ": ";
                }

                dd
                {
                    @include line-break-after;
                }
            }
        }

        .links
        {
            border: 1px solid $color-border-normal;
            background-color: $color-background-lighter;

            @include for-at-least-normal-tablets
            {
                display: flex;
                flex-wrap: wrap;

                border: none;
                border-top: 1px solid $color-border-normal;
                margin: 0 steps(-3);
                padding: steps(0.5) steps(1.5);
            }

            li
            {
                @include for-at-least-normal-tablets
                {
                    margin: steps(0.5) steps(1.5);
                }

                &:not(:last-child)
                {
                    border-bottom: 1px solid $color-border-normal;

                    @include for-at-least-normal-tablets
                    {
                        border: none;
                    }
                }
            }

            a
            {
                @include baseline-box(16px, steps(2), 0.5px, steps(1.5), steps(1.5));

                display: block;
                padding-left: steps(2.5);
                padding-right: steps(2.5);

                text-align: center;

                @include for-at-least-normal-tablets
                {
                    @include baseline-box(16px, steps(3), 0.5px);

                    padding-left: 0;
                    padding-right: 0;
                }
            }
        }
    }
}
