.jury-evaluation-page {
    padding: 36px 48px 58px;
    color: #14233e;
    background: #f4f7fb;
    font-family: "Manrope", sans-serif;
}

.jury-evaluation-shell {
    width: min(1220px, 100%);
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    align-items: start;
    gap: 20px;
    margin: 0 auto;
}

.jury-evaluation-panel,
.jury-evaluation-guide {
    background: #fff;
    border: 1px solid #d9e1ec;
    border-radius: 8px;
}

.jury-evaluation-panel { overflow: hidden; }

.jury-evaluation-panel__header {
    min-height: 104px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 22px 26px;
    border-bottom: 1px solid #e1e7ef;
}

.jury-evaluation-panel__header > div > span,
.jury-evaluation-guide > span {
    color: #e33212;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

.jury-evaluation-panel__header h2,
.jury-evaluation-guide h2 {
    margin: 3px 0 0;
    color: #071f50;
    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: 28px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.jury-evaluation-panel__header p {
    margin: 7px 0 0;
    color: #61718a;
    font-size: 14px;
}

.jury-evaluation-panel__header > i {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    color: #e33212;
    background: #fff0ec;
    border-radius: 50%;
    font-size: 20px;
}

.jury-alert {
    display: flex;
    gap: 11px;
    margin: 18px 26px 0;
    padding: 13px 15px;
    border: 1px solid;
    border-radius: 7px;
    font-size: 14px;
}

.jury-alert i { margin-top: 2px; font-size: 18px; }
.jury-alert strong, .jury-alert span { display: block; }
.jury-alert span { margin-top: 2px; }
.jury-alert--success { color: #12613a; background: #effaf3; border-color: #bfe7ce; }
.jury-alert--error { color: #8b2222; background: #fff3f2; border-color: #f0c7c3; }

.jury-steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 0 26px;
    border-bottom: 1px solid #e1e7ef;
}

.jury-step {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 6px 14px;
    color: #75839a;
    background: none;
    border: 0;
    border-bottom: 3px solid transparent;
    font: 700 14px/1.2 "Manrope", sans-serif;
    cursor: pointer;
}

.jury-step > span {
    width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
    background: #edf1f6;
    border-radius: 50%;
    font-size: 13px;
}

.jury-step.is-active { color: #071f50; border-bottom-color: #e33212; }
.jury-step.is-active > span { color: #fff; background: #e33212; }
.jury-step.is-complete > span { color: #fff; background: #16844c; }

.jury-form { padding: 0 26px 24px; }
.jury-form-step { padding: 25px 0 8px; }
.jury-form-step[hidden], .jury-rating[hidden] { display: none !important; }

.jury-form-step__heading {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 22px;
}

.jury-form-step__heading > span {
    width: 31px;
    height: 31px;
    flex: 0 0 31px;
    display: grid;
    place-items: center;
    color: #fff;
    background: #071f50;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 800;
}

.jury-form-step__heading h3 { margin: 0; color: #14233e; font-size: 18px; font-weight: 800; }
.jury-form-step__heading p { margin: 4px 0 0; color: #687891; font-size: 14px; }

.jury-profile-options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 20px;
}

.jury-profile-options input,
.jury-rating__options input,
.jury-binary input { position: absolute; opacity: 0; pointer-events: none; }

.jury-profile-options label { margin: 0; cursor: pointer; }
.jury-profile-options label > span {
    min-height: 74px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    color: #3f506a;
    background: #f8fafc;
    border: 1px solid #d6dfea;
    border-radius: 7px;
    font-size: 14px;
}
.jury-profile-options i { color: #73829a; font-size: 17px; }
.jury-profile-options input:checked + span { color: #0a3975; background: #eef5ff; border-color: #2164c4; box-shadow: 0 0 0 2px rgba(33,100,196,.1); }
.jury-profile-options input:checked + span i { color: #e33212; }

.jury-form-grid { display: grid; gap: 17px 18px; }
.jury-form-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.jury-field { min-width: 0; display: grid; gap: 7px; }
.jury-field--full { grid-column: 1 / -1; }
.jury-field--spaced { margin-top: 20px; }
.jury-field label { margin: 0; color: #263a58; font-size: 14px; font-weight: 800; text-transform: uppercase; }
.jury-field label small, .jury-field > small { color: #74829a; font-size: 13px; font-weight: 600; text-transform: none; }
.jury-field input, .jury-field textarea, .jury-security input {
    width: 100%;
    color: #14233e;
    background: #fff;
    border: 1px solid #cbd6e4;
    border-radius: 7px;
    outline: 0;
    font: 500 14px/1.45 "Manrope", sans-serif;
}
.jury-field input { min-height: 46px; padding: 0 12px; }
.jury-field textarea { min-height: 145px; padding: 12px; resize: vertical; }
.jury-field input:focus, .jury-field textarea:focus, .jury-security input:focus { border-color: #1558bc; box-shadow: 0 0 0 3px rgba(21,88,188,.11); }
.jury-search-field { position: relative; }
.jury-search-field i { position: absolute; top: 50%; left: 13px; color: #75849a; transform: translateY(-50%); }
.jury-search-field input { padding-left: 37px; }
.jury-error { display: block; color: #b42318 !important; font-size: 13px !important; font-weight: 700 !important; }

.jury-scale-legend { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 10px; padding: 10px 12px; color: #63738c; background: #f4f7fb; border-radius: 6px; font-size: 13px; }
.jury-scale-legend strong { color: #0a3975; }
.jury-rating-list { display: grid; gap: 11px; }
.jury-rating { min-width: 0; margin: 0; padding: 15px; border: 1px solid #d8e0eb; border-radius: 7px; }
.jury-rating legend { width: 100%; display: flex; justify-content: space-between; gap: 12px; margin: 0; padding: 0; color: #173052; font-size: 14px; font-weight: 800; }
.jury-rating legend em { color: #e33212; font-size: 13px; font-style: normal; }
.jury-rating p { margin: 5px 0 12px; color: #63738c; font-size: 14px; line-height: 1.45; }
.jury-rating__options { display: grid; grid-template-columns: repeat(7, minmax(34px, 1fr)); gap: 7px; }
.jury-rating__options label { margin: 0; cursor: pointer; }
.jury-rating__options span { min-height: 38px; display: grid; place-items: center; color: #42546d; background: #f7f9fc; border: 1px solid #cfdae7; border-radius: 6px; font-size: 14px; font-weight: 800; }
.jury-rating__options input:checked + span { color: #fff; background: #1455ae; border-color: #1455ae; }
.jury-rating--movement { margin-top: 14px; }

.jury-average { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 14px; padding: 14px 16px; color: #fff; background: #071f50; border-radius: 7px; }
.jury-average span, .jury-average small { display: block; }
.jury-average span { font-size: 14px; font-weight: 800; }
.jury-average small { margin-top: 3px; color: #b9c9e0; font-size: 13px; }
.jury-average > strong { min-width: 62px; color: #fff; font: 900 28px/1 "Barlow Semi Condensed", sans-serif; text-align: right; }

.jury-binary { min-width: 0; margin: 18px 0 0; padding: 0; border: 0; }
.jury-binary legend { margin: 0 0 9px; color: #263a58; font-size: 14px; font-weight: 800; }
.jury-binary > div { display: flex; gap: 8px; }
.jury-binary label { margin: 0; cursor: pointer; }
.jury-binary label span { min-width: 82px; display: grid; place-items: center; padding: 10px 15px; color: #42546d; background: #f7f9fc; border: 1px solid #cfdae7; border-radius: 6px; font-size: 14px; font-weight: 700; }
.jury-binary input:checked + span { color: #fff; background: #1455ae; border-color: #1455ae; }
.jury-binary--wide { margin-top: 2px; }

.jury-consent { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 11px; margin: 20px 0 0; padding: 15px; color: #42536d; background: #f7f9fc; border: 1px solid #dce4ef; border-radius: 7px; font-size: 14px; line-height: 1.55; }
.jury-consent input { width: 16px; height: 16px; margin-top: 2px; accent-color: #1455ae; }
.jury-security { max-width: 390px; display: grid; grid-template-columns: minmax(0, 1fr) 90px; align-items: center; gap: 12px; margin-top: 18px; }
.jury-security span, .jury-security strong { display: block; }
.jury-security span { color: #718099; font-size: 13px; font-weight: 800; text-transform: uppercase; }
.jury-security strong { margin-top: 2px; font-size: 14px; }
.jury-security input { min-height: 43px; padding: 0 10px; text-align: center; }
.jury-honeypot { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; }

.jury-form-actions { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; margin-top: 20px; padding-top: 18px; border-top: 1px solid #e1e7ef; }
.jury-form-actions > span { color: #74829a; font-size: 13px; font-weight: 700; text-align: center; }
.jury-button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 18px; border-radius: 7px; font: 800 14px/1 "Manrope", sans-serif; cursor: pointer; }
.jury-button--secondary { justify-self: start; color: #173052; background: #fff; border: 1px solid #cbd6e4; }
.jury-button--primary, .jury-button--submit { justify-self: end; color: #fff; background: #e33212; border: 1px solid #e33212; }
.jury-button--primary:hover, .jury-button--submit:hover { background: #bd280d; }

.jury-evaluation-guide { position: sticky; top: 18px; padding: 22px; }
.jury-evaluation-guide h2 { margin-bottom: 18px; font-size: 23px; }
.jury-evaluation-guide__scale { display: grid; gap: 6px; padding: 10px 0 18px; border-top: 3px solid #e33212; }
.jury-evaluation-guide__scale div { display: grid; grid-template-columns: 31px 1fr; align-items: center; gap: 9px; color: #5e6f88; font-size: 14px; }
.jury-evaluation-guide__scale strong { width: 29px; height: 29px; display: grid; place-items: center; color: #0a3975; background: #edf4fd; border-radius: 50%; font-size: 13px; }
.jury-evaluation-guide > section { display: flex; align-items: flex-start; gap: 10px; margin-top: 12px; padding: 13px; background: #f5f8fc; border-radius: 7px; }
.jury-evaluation-guide > section > i { margin-top: 2px; color: #e33212; }
.jury-evaluation-guide section strong { color: #173052; font-size: 14px; }
.jury-evaluation-guide section p { margin: 3px 0 0; color: #64748b; font-size: 13px; line-height: 1.5; }

@media (max-width: 980px) {
    .jury-evaluation-page { padding-right: 28px; padding-left: 28px; }
    .jury-evaluation-shell { grid-template-columns: 1fr; }
    .jury-evaluation-guide { position: static; }
}

@media (max-width: 680px) {
    .jury-evaluation-page { padding: 24px 14px 38px; }
    .jury-evaluation-panel__header { padding: 19px 18px; }
    .jury-evaluation-panel__header > i { display: none; }
    .jury-steps { padding: 0 12px; }
    .jury-step { flex-direction: column; font-size: 13px; }
    .jury-form { padding: 0 18px 20px; }
    .jury-profile-options, .jury-form-grid--two { grid-template-columns: 1fr; }
    .jury-field--full { grid-column: auto; }
    .jury-profile-options label > span { min-height: 58px; }
    .jury-rating__options { gap: 4px; }
    .jury-rating__options span { min-height: 36px; }
    .jury-average { align-items: flex-start; }
    .jury-form-actions { grid-template-columns: 1fr 1fr; }
    .jury-form-actions > span { grid-column: 1 / -1; grid-row: 1; }
    .jury-button--secondary { grid-column: 1; grid-row: 2; }
    .jury-button--primary, .jury-button--submit { grid-column: 2; grid-row: 2; }
}