.iw-command {
    min-width: 320px;
    min-height: 100vh;
    background: var(--iw-command-bg);
    color: var(--iw-command-text);
}

.iw-planning__header {
    border-bottom: var(--iw-command-border-thin) solid var(--iw-command-line);
    background: var(--iw-command-bg2);
}

.iw-planning__header-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--iw-command-gap-md);
    padding: var(--iw-command-padding-md) var(--iw-command-gutter-sm);
}

.iw-planning__brand {
    color: var(--iw-command-text);
    font: 700 1.25rem/1 "IW Command Barlow Condensed", sans-serif;
    letter-spacing: .08em;
    text-decoration: none;
    text-transform: uppercase;
}

.iw-planning {
    padding: var(--iw-command-space-8) var(--iw-command-gutter-sm) var(--iw-command-space-16);
}

.iw-planning__surface {
    display: grid;
    gap: var(--iw-command-gap-md);
    max-width: var(--iw-command-container-30);
}

.iw-planning__navigation {
    display: flex;
    flex-wrap: wrap;
    gap: var(--iw-command-gap-md);
    margin-top: var(--iw-command-space-6);
}

.iw-planning__skip {
    position: absolute;
    z-index: var(--iw-command-layer-raised);
    top: 0;
    left: 0;
    padding: var(--iw-command-padding-sm) var(--iw-command-padding-md);
    color: var(--iw-command-bg);
    background: var(--iw-command-gold2);
    transform: translateY(-120%);
}

.iw-planning__skip:focus { transform: translateY(0); }

@media (min-width: 30rem) {
    .iw-planning__header-inner,
    .iw-planning { padding-inline: var(--iw-command-gutter-md); }
}

@media (min-width: 64rem) {
    .iw-planning__header-inner,
    .iw-planning { padding-inline: var(--iw-command-gutter-lg); }
}