/* Ethics commission pages: isolated from the shared preview stylesheet. */
.preview-page .ethics-team { margin-top: 72px; padding-top: 58px; border-top: 1px solid #dfe8f2; }
.ethics-team { scroll-margin-top: 34px; }
.ethics-section-heading { max-width: 720px; margin-bottom: 31px; }
.ethics-section-heading > span { display: block; margin-bottom: 10px; color: #2a639f; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.ethics-section-heading h2, .ethics-feedback h2 { margin: 0; color: #123b72; font-family: "Playfair Display", Georgia, serif; font-size: clamp(32px, 3.4vw, 46px); font-weight: 500; line-height: 1.1; }
.ethics-section-heading p { margin: 16px 0 0; color: #526b88; font-size: 17px; line-height: 1.6; }
.ethics-team-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.ethics-member { min-width: 0; overflow: hidden; border: 1px solid #dce7f2; border-radius: 15px; background: #fff; box-shadow: 0 8px 22px rgba(20, 61, 111, .06); }
.ethics-member img { display: block; width: 100%; aspect-ratio: .82; object-fit: cover; object-position: center top; background: #edf3f8; }
.ethics-member div { padding: 17px 16px 19px; }
.ethics-member h3 { margin: 0 0 8px; color: #123b72; font-size: 17px; line-height: 1.22; }
.ethics-member p { margin: 0; color: #60738d; font-size: 13px; line-height: 1.45; }
.ethics-feedback { display: grid; grid-template-columns: minmax(260px, .82fr) minmax(0, 1.18fr); gap: clamp(28px, 5vw, 70px); align-items: start; margin-top: 62px; padding: clamp(28px, 4vw, 54px); border-radius: 22px; background: linear-gradient(135deg, #0a3469, #185d9f); box-shadow: 0 18px 46px rgba(10, 48, 96, .18); }
.ethics-feedback-copy { padding-top: 6px; }
.ethics-feedback h2 { color: #fff; }
.ethics-feedback-copy > p { margin: 17px 0 27px; color: #dbeafb; font-size: 16px; line-height: 1.65; }
.ethics-note { display: flex; align-items: center; gap: 10px; color: #fff; font-size: 14px; }
.ethics-note + .ethics-note { margin-top: 12px; }
.ethics-note span { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 50%; background: #dcb648; color: #102f5d; font-weight: 800; }
.ethics-feedback-form-wrap { padding: clamp(23px, 3.1vw, 36px); border-radius: 15px; background: #fff; box-shadow: 0 8px 26px rgba(4, 31, 66, .15); }
.feedback-success { margin: 0 0 18px; padding: 12px 15px; border-radius: 8px; background: #e8f5ed; color: #236a45; font-weight: 600; }
.ethics-form { display: block; width: 100%; }
.ethics-fields { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }
.ethics-form label { display: grid; gap: 8px; color: #294a70; font-size: 12px; font-weight: 700; }
.ethics-form input:not([type="checkbox"]), .ethics-form textarea { box-sizing: border-box; width: 100%; border: 1px solid #d7e2ee; border-radius: 8px; padding: 13px 14px; background: #fbfdff; color: #173b69; font: inherit; font-size: 15px; font-weight: 400; outline: none; resize: vertical; transition: border-color .2s ease, box-shadow .2s ease; }
.ethics-form input:focus, .ethics-form textarea:focus { border-color: #2863a0; box-shadow: 0 0 0 3px rgba(40, 99, 160, .14); }
.ethics-form input::placeholder, .ethics-form textarea::placeholder { color: #99a9ba; }
.ethics-form-wide { grid-column: 1 / -1; }
.ethics-consent { grid-template-columns: 18px 1fr; align-items: start; gap: 10px !important; margin: 19px 0; color: #698099 !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.5; }
.ethics-consent input { width: 16px; height: 16px; margin: 1px 0 0; accent-color: #174f8d; }
.ethics-consent a { color: #123b72; text-decoration: underline; }
.ethics-submit { display: inline-flex; align-items: center; justify-content: center; gap: 18px; width: 100%; min-height: 52px; border: 0; border-radius: 9px; background: #123b72; color: #fff; font: inherit; font-size: 15px; font-weight: 700; cursor: pointer; transition: .2s ease; }
.ethics-submit span { font-size: 23px; line-height: 1; }
.ethics-submit:hover { background: #092d5c; transform: translateY(-1px); }
.ethics-team-cta { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 52px; margin-top: 28px; padding: 13px 22px; border-radius: 9px; background: #123b72; color: #fff !important; font-size: 15px; font-weight: 700; line-height: 1.35; text-decoration: none !important; transition: .2s ease; }
.ethics-team-cta span { font-size: 23px; line-height: 1; }
.ethics-team-cta:hover { background: #092d5c; transform: translateY(-1px); }
.association-page .association-ethics { margin: 48px 0 76px; padding-top: 0; border-top: 0; }
.association-ethics .ethics-section-heading { max-width: 920px; margin-bottom: 30px; }
.association-ethics .ethics-section-heading h2 { font-size: clamp(34px, 3.6vw, 48px); }
.association-ethics-description { max-width: 950px; margin-top: 18px !important; color: #45627f !important; font-size: 17px !important; line-height: 1.68 !important; }
.association-ethics-composition { margin: 34px 0 24px; padding-left: 18px; border-left: 3px solid #d9b747; }
.association-ethics-composition h3 { margin: 0 0 6px; color: #123b72; font-family: "Playfair Display", Georgia, serif; font-size: 27px; font-weight: 600; line-height: 1.2; }
.association-ethics-composition p { margin: 0; color: #526b88; font-size: 16px; line-height: 1.55; }
.association-ethics .ethics-team-cta { margin-top: 32px; }
.association-page .association-join-link { display: inline-flex; align-items: center; gap: 15px; margin-top: 12px; padding: 14px 19px; border-radius: 9px; background: #123b72; color: #fff; font-family: Inter, Arial, sans-serif; font-size: 15px; font-style: normal; font-weight: 700; line-height: 1.35; text-decoration: none; }
.association-page .association-join-link:hover { background: #092d5c; color: #fff; }
.association-page .association-join-link span { font-size: 22px; line-height: 1; }
@media (max-width: 1100px) { .ethics-team-grid { grid-template-columns: repeat(3, 1fr); } .ethics-member:last-child { grid-column: 2; } .ethics-fields { grid-template-columns: 1fr 1fr; } }
@media (max-width: 760px) { .preview-page .ethics-team { margin-top: 45px; padding-top: 42px; } .association-page .association-ethics { margin: 42px 0 62px; padding-top: 0; } .association-ethics-composition { margin-top: 27px; } .association-ethics-composition h3 { font-size: 23px; } .association-ethics-description { font-size: 16px !important; } .ethics-team-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; } .ethics-member:last-child { grid-column: auto; } .ethics-member div { padding: 13px 12px 15px; } .ethics-member h3 { font-size: 15px; } .ethics-member p { font-size: 12px; } .ethics-feedback { grid-template-columns: 1fr; gap: 27px; margin-top: 45px; padding: 27px 17px 17px; border-radius: 16px; } .ethics-feedback-copy { padding: 0 8px; } .ethics-feedback-form-wrap { padding: 21px 17px; } .ethics-fields { grid-template-columns: 1fr; gap: 14px; } .ethics-form label { grid-column: 1 / -1; } }