.layout-container {
    min-height: 100%;

    font-size: 15px;
}

.layout-container.shaded {
    background: #f9f9f9;
}

.layout-container .hidden {
    display: none;
}

.layout-container > .body {
    box-sizing: border-box;
    max-width: 640px;
    margin: 0 auto;
    padding: 3.2rem 1rem 3rem;
}

.layout-container h1 {
    margin: 0 0 .75rem;

    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.15;
}

.active-checks__list {
    margin: 1.5rem 0;
    padding: 0;

    list-style: none;
}

.active-check {
    margin: .75rem 0;
    padding: 0;
}

.active-check__domain {
    font-weight: 500;
}

.active-check[data-state='failed'] .active-check__state,
.active-check[data-state='expired'] .active-check__state,
.active-check[data-state='invalid_answers'] .active-check__state {
    color: rgba(255, 0, 0, .8);
}

.active-check[data-state='failed'] .active-check__domain,
.active-check[data-state='expired'] .active-check__domain,
.active-check[data-state='invalid_answers'] .active-check__domain {
    opacity: .5;
}

.active-check[data-state='success'] .active-check__state {
    color: #16c631;
}

.active-check__details {
    display: none;

    opacity: .4;
}

.active-check[data-state='in_progress'] .active-check__details {
    display: inline;
}

.active-check .link {
    display: block;

    padding: .7rem 1.25rem .8rem;

    color: rgba(0, 0, 0, .8);
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 3px;
}

.active-check a.link {
    position: relative;

    padding-right: 3rem;
}

.active-check a.link::after {
    position: absolute;
    top: 50%;
    right: 1rem;

    display: block;

    width: 1.5rem;
    height: 1.5rem;

    content: '';

    opacity: .65;
    background: url('../../../static/i/back.svg') 50% 50%/contain no-repeat;

    transform: translateY(-50%) rotate(180deg);
}

.active-check a.link:hover {
    border-color: rgba(255, 204, 0, .8);
    background-color: rgba(255, 204, 0, .05);
    box-shadow: 0 0 0 1px rgba(255, 204, 0, .8);
}

.active-check span.link {
    cursor: default;
}

.new-check {
    margin: 1.5rem 0;
    padding: 0;
}

.new-check .link {
    display: block;

    padding: .7rem 1.25rem;

    text-align: center;

    color: rgba(0, 0, 0, .75);
    border-radius: 3px;
    background-color: rgba(255, 204, 0, .5);
}

.new-check .link:hover,
.new-check .link:visited,
.new-check .link:active {
    color: rgba(0, 0, 0, .75);
    background-color: rgba(255, 204, 0, .5);
}

.active-check .link:hover,
.active-check .link:visited,
.active-check .link:active {
    color: rgba(0, 0, 0, .8);
}

.control-questions__form {
    margin: 0;
}

.control-questions__buttons {
    margin-top: 2.67rem;
}

.control-question {
    margin: 2.5rem 0;
}

.control-question:first-child {
    margin-top: 1.6rem;
    margin-bottom: .5rem;
}

.control-question > div {
    margin: .5rem 0;
}

.control-question > div.control-question__tip {
    margin-top: .25rem;
}

.control-question__tip {
    display: inline-block;

    font-size: .85rem;

    opacity: .35;

    transform: translateY(-.1rem);
}

.control-question textarea {
    height: 3.9rem;
}

.domain-ownership > div {
    margin: 1.5rem 0;
}

.domain-ownership > div.domain-ownership__last-check {
    margin-bottom: 2rem;
}

.domain-ownership > div.domain-ownership__buttons {
    margin-top: 2.67rem;
}

.domain-ownership > div.domain-ownership__state {
    margin-top: 1rem;
}

.domain-ownership ol {
    margin: 0;
    padding: 0 0 0 1.5rem;
}

.domain-ownership li {
    margin: 1.75rem 0;
    padding: 0;
}

.domain-ownership .code {
    display: block;
    overflow-x: scroll;

    margin: 1rem 0;
    padding: .75rem 1.25rem;

    font-size: .85rem;

    border-left: 2px solid rgba(0, 0, 0, .2);
    background-color: #f6f5f3;
}

.domain-ownership[data-state='success'] .domain-ownership__state {
    padding: .1rem 0 .1rem 2.25rem;

    background: url('../../../static/i/check.svg') 0 0/1.5rem no-repeat;
}

.domain-ownership[data-state='failed'] .domain-ownership__state,
.domain-ownership[data-state='expired'] .domain-ownership__state,
.domain-ownership[data-state='invalid_answers'] .domain-ownership__state {
    padding: .1rem 0 .1rem 2.25rem;

    background: url('../../../static/i/error.svg') 0 0/1.5rem no-repeat;
}

.domain-ownership__instructions + .domain-ownership__buttons {
    padding-left: 1.5rem;
}

.domain-ownership__buttons .lego-button + .lego-button {
    margin-left: 1.5rem;
}

.domain-ownership__last-check {
    padding: .75rem 1.5rem;

    background: rgba(0, 0, 0, .05);
}

.domain-ownership__last-check .status {
    color: rgba(255, 0, 0, .8);
}
