/* /boka (r5) */
.top__nav--book .link--always { display: inline; }
.link--always { background-size: 100% 1px; }
.book { padding: 72px 0 var(--sec); }
.book__in { display: grid; grid-template-columns: repeat(12, 1fr); column-gap: var(--g); align-items: start; }
.book__intro { grid-column: 1 / span 5; position: sticky; top: 112px; }
.book__h { font-weight: 450; font-size: clamp(40px, 5vw, 72px); line-height: 1; letter-spacing: -.035em; }
.book__intro .body { margin-top: 24px; }
.book__sh { margin-top: 56px; font-family: var(--mono); font-weight: 400; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; border-top: 1px solid var(--line); padding-top: 14px; }
.book__steps { margin-top: 12px; }
.book__steps li { display: grid; grid-template-columns: 32px 1fr; padding: 12px 0; border-bottom: 1px solid var(--line); }
.book__steps span { font-family: var(--mono); font-size: 13px; color: var(--graphite); padding-top: 3px; }
.book__card { grid-column: 7 / span 6; background: var(--panel); padding: 40px; }
.field { display: grid; gap: 6px; margin: 0 0 20px; border: 0; padding: 0; min-width: 0; }
.field label, .field legend { font-family: var(--mono); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; font-weight: 400; padding: 0; }
.times legend { margin-bottom: 8px; }
.times label { color: var(--graphite); display: block; margin-bottom: 4px; }
.field input, .field textarea, .field select { width: 100%; font: inherit; font-size: 17px; color: var(--ink); background: var(--white); border: 0; border-bottom: 1px solid var(--ink); border-radius: 0; padding: 12px 14px; min-height: 52px; }
.field select { appearance: none; background: var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23151413' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 16px center; padding-right: 40px; cursor: pointer; }
.field input:focus-visible, .field textarea:focus-visible, .field select:focus-visible { outline: 2px solid var(--tegel); outline-offset: 0; border-color: var(--tegel); }
.field [aria-invalid="true"] { border-bottom: 2px solid var(--tegel); }
.field__err { color: #9E3518; font-size: 14px; font-weight: 500; margin-top: 4px; }
.field__hint { color: var(--graphite); font-size: 14px; }
.times__row { display: grid; grid-template-columns: 3fr 2fr; gap: 12px; }
.book__privacy { color: var(--graphite); font-size: 14px; margin: 4px 0 24px; }
.book__submit { width: 100%; border: 0; cursor: pointer; font-family: inherit; }
.book__done { outline: none; }
.book__done-h { font-weight: 450; font-size: 32px; line-height: 1.1; letter-spacing: -.02em; }
.book__done p { margin: 16px 0 24px; }
.foot--small { padding: 40px 0 32px; }
.foot--small .foot__grid { margin-top: 0; }
@media (max-width: 1000px) { .book__in { display: block; } .book__intro { position: static; } .book__card { margin-top: 48px; } }
@media (max-width: 760px) { .book { padding-top: 40px; } .book__card { padding: 24px 20px; margin-left: calc(-1 * var(--m)); margin-right: calc(-1 * var(--m)); } .times__row { grid-template-columns: 1fr 1fr; } }
.book__submit[disabled] { opacity: .6; cursor: progress; }