.sub-page { min-height: 100vh; background: var(--paper); }
.is-sub-page .site-header { position: absolute; right: 0; left: 0; background: rgba(5,34,40,.18); border-bottom: 0; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.is-sub-page .site-header.is-scrolled { position: fixed; background: rgba(255,255,255,.97); box-shadow: 0 4px 18px rgba(8,37,46,.12); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
.is-sub-page .site-header.is-mega-open:not(.is-scrolled) { background: rgba(9, 43, 43, .95); }
.sub-hero { position: relative; min-height: clamp(380px, 38vw, 510px); display: flex; align-items: flex-end; overflow: hidden; isolation: isolate; padding: 78px 0; background: #0b2d50 var(--hero-image) var(--hero-position, center) / cover no-repeat; }
.sub-hero::before { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(5,30,43,.53) 0%, rgba(5,30,43,.29) 46%, rgba(5,30,43,.05) 100%); content: ""; }
.sub-hero::after { position: absolute; right: -8%; bottom: -45%; z-index: -1; width: 55%; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.17); border-radius: 50%; content: ""; }
.sub-hero__inner { width: min(1200px, calc(100% - 96px)); margin: 0 auto; color: var(--paper); }
.sub-hero__breadcrumb { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 20px; color: rgba(251,252,250,.7); font-size: 12px; font-weight: 600; }
.sub-hero__breadcrumb span:last-child { color: #f1c66e; }
.sub-hero__eyebrow { margin: 0 0 10px; color: #f1c66e; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.sub-hero h1 { max-width: 680px; margin: 0; font-size: clamp(34px, 3.1vw, 50px); font-weight: 650; letter-spacing: -.055em; line-height: 1.23; word-break: keep-all; }
.sub-hero p { max-width: 520px; margin: 16px 0 0; color: rgba(251,252,250,.84); font-size: clamp(14px, 1.2vw, 16px); line-height: 1.75; word-break: keep-all; }
.president-greeting { padding: clamp(84px, 10vw, 148px) 0; background: linear-gradient(180deg, #fff 0%, #f6f8f6 100%); }
.president-greeting__inner { width: min(1120px, calc(100% - 96px)); margin: 0 auto; }
.president-greeting__lead { display: grid; grid-template-columns: minmax(260px, 360px) minmax(0, 1fr); align-items: center; gap: clamp(52px, 8vw, 124px); padding-bottom: clamp(76px, 10vw, 132px); border-bottom: 1px solid rgba(16,52,58,.14); }
.president-profile { width: min(100%, 318px); position: relative; margin: 0; }
.president-profile::before { position: absolute; top: -18px; right: -18px; z-index: 0; width: 72%; height: 72%; border: 1px solid rgba(212,151,43,.58); content: ""; }
.president-profile__image { position: relative; z-index: 1; overflow: hidden; aspect-ratio: 1 / 1.2; background: #dde3df; }
.president-profile__image img { width: 100%; height: 100%; display: block; object-fit: cover; }
.president-profile figcaption { position: relative; z-index: 2; width: calc(100% - 28px); display: flex; align-items: baseline; gap: 12px; margin: -28px 0 0 auto; padding: 19px 22px; background: #0b3538; color: #fff; }
.president-profile figcaption span { color: #df9b2f; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.president-profile figcaption strong { font-size: 19px; font-weight: 650; }
.president-greeting__eyebrow { margin: 0 0 18px; color: #c58420; font-size: 11px; font-weight: 800; letter-spacing: .14em; }
.president-greeting__welcome h2 { margin: 0; color: #102e42; font-size: clamp(31px, 3.2vw, 47px); font-weight: 650; letter-spacing: -.06em; line-height: 1.28; word-break: keep-all; }
.president-greeting__welcome > p:last-child { max-width: 490px; margin: 24px 0 0; color: #53646b; font-size: 16px; line-height: 1.8; word-break: keep-all; }
.president-greeting__body { display: grid; grid-template-columns: 180px minmax(0, 680px); justify-content: space-between; gap: 60px; padding-top: clamp(64px, 8vw, 112px); }
.president-greeting__aside { color: #102e42; }
.president-greeting__aside span { display: block; margin-bottom: 20px; color: #c58420; font-size: 12px; font-weight: 800; letter-spacing: .14em; }
.president-greeting__aside p { margin: 0; font-size: 18px; font-weight: 650; line-height: 1.65; letter-spacing: -.045em; word-break: keep-all; }
.president-greeting__copy { color: #4e5e64; font-size: 16px; line-height: 2; word-break: keep-all; }
.president-greeting__copy p { margin: 0 0 27px; }
.president-greeting__copy p:nth-child(2) { color: #153d47; font-weight: 700; }
.president-signature { display: grid; justify-items: end; gap: 8px; margin-top: 54px; padding-top: 28px; border-top: 1px solid rgba(16,52,58,.14); color: #53646b; font-size: 14px; }
.president-signature strong { color: #102e42; font-size: 21px; font-weight: 650; letter-spacing: -.04em; }
.chairman-section { position: relative; overflow: hidden; padding: clamp(84px,9vw,120px) 40px; background: radial-gradient(circle at 10% 15%, rgba(79,119,118,.08), transparent 31%), linear-gradient(135deg, #fbfcfa 0%, #f7f8f5 48%, #f1f4f2 100%); }
.chairman-section::before, .chairman-section::after { position: absolute; border: 1px solid rgba(23,61,75,.08); border-radius: 50%; content: ""; pointer-events: none; }
.chairman-section::before { top: -220px; right: -190px; width: 620px; height: 620px; }
.chairman-section::after { top: -120px; right: -90px; width: 420px; height: 420px; border-color: rgba(184,150,99,.12); }
.chairman-inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(280px,410px) minmax(0,1fr); align-items: start; gap: clamp(54px,7vw,110px); width: min(100%,1240px); margin: 0 auto; }
.portrait-column { position: sticky; top: 52px; }
.portrait-frame { position: relative; margin: 0; }
.portrait-frame::before { position: absolute; inset: 22px -18px -22px 22px; z-index: -1; border: 1px solid rgba(23,61,75,.18); content: ""; }
.portrait-image { width: 100%; display: block; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 35%; filter: saturate(.88) contrast(1.02); box-shadow: 0 28px 70px rgba(19,47,56,.14); }
.portrait-caption { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; margin-top: 36px; padding: 0 2px; }
.caption-role, .caption-name, .caption-en, .chairman-eyebrow, .headline-en, .chairman-lead, .chairman-quote { margin-top: 0; }
.caption-role { margin-bottom: 7px; color: #6f7d80; font-size: 13px; letter-spacing: .12em; }
.caption-name, .message-column h2, .chairman-lead, .chairman-quote, .chairman-signature strong { font-family: var(--sans); }
.caption-name { margin-bottom: 0; color: #102f3a; font-size: 24px; font-weight: 600; letter-spacing: .08em; }
.caption-en { margin-bottom: 3px; color: #899597; font-size: 10px; line-height: 1.5; letter-spacing: .16em; text-align: right; text-transform: uppercase; }
.message-column { padding-top: 7px; }
.chairman-eyebrow { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; color: #4f7776; font-size: 11px; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; }
.chairman-eyebrow::before { width: 36px; height: 1px; background: #b89663; content: ""; }
.message-column h2 { margin: 0; color: #102f3a; font-size: clamp(38px,4vw,58px); font-weight: 500; line-height: 1.2; letter-spacing: -.04em; }
.headline-en { margin-bottom: 0; color: #8a9697; font-family: var(--sans); font-size: 13px; letter-spacing: .12em; text-transform: uppercase; }
.chairman-lead { margin: 46px 0 30px; color: #173d4b; font-size: clamp(21px,2vw,27px); font-weight: 500; line-height: 1.72; letter-spacing: -.025em; }
.chairman-quote { margin: 0 0 42px; padding: 26px 30px 26px 33px; color: #36555d; background: rgba(255,255,255,.66); border-left: 2px solid #b89663; font-size: 18px; line-height: 1.8; }
.message-body { color: #4c5c60; font-size: 16px; line-height: 2.05; letter-spacing: -.012em; word-break: keep-all; }
.message-body p { margin: 0 0 23px; }
.message-body strong { color: #173d4b; font-weight: 600; }
.chairman-signature { display: flex; justify-content: flex-end; align-items: baseline; gap: 13px; margin-top: 55px; padding-top: 29px; border-top: 1px solid #dfe6e5; color: #102f3a; }
.chairman-signature span { font-size: 14px; letter-spacing: .02em; }
.chairman-signature strong { font-size: 24px; font-weight: 600; letter-spacing: .1em; }
.vision-manifesto { overflow: hidden; background: #fff; color: #23383e; }
.vision-wrap { width: min(1180px, calc(100% - 96px)); margin: 0 auto; }
.vision-opening { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: clamp(52px,8vw,120px); padding: clamp(72px,7vw,104px) 0 clamp(76px,8vw,112px); }
.vision-opening > p { grid-column: 1 / -1; margin: 0 0 -2px; color: #a86f1f; font-size: 14px; font-weight: 650; letter-spacing: -.02em; }
.vision-opening h2 { max-width: 520px; margin: 0; color: #102f3a; font-size: clamp(38px,3.6vw,54px); font-weight: 650; letter-spacing: -.065em; line-height: 1.24; word-break: keep-all; }
.vision-opening div { max-width: 550px; padding-top: 2px; color: #53656a; font-size: 16px; line-height: 1.88; word-break: keep-all; }
.vision-opening div p { margin: 0 0 22px; }
.vision-feature { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(360px, .96fr); align-items: center; gap: clamp(54px,7vw,96px); padding-bottom: clamp(84px,8vw,116px); }
.vision-feature__image { overflow: hidden; aspect-ratio: 1.55 / 1; background: #eef1ef; }
.vision-feature__image img, .vision-learning__image img { width: 100%; height: 100%; display: block; object-fit: cover; }
.vision-feature__copy h3, .vision-learning__copy h3, .vision-direction h3 { margin: 0 0 25px; color: #102f3a; font-size: clamp(29px,2.7vw,39px); font-weight: 650; letter-spacing: -.06em; line-height: 1.34; word-break: keep-all; }
.vision-feature__copy p, .vision-learning__copy p { margin: 0 0 18px; color: #53656a; font-size: 16px; line-height: 1.88; word-break: keep-all; }
.vision-statement { background: linear-gradient(135deg, #0d2731 0%, #173943 100%); color: #fff; }
.vision-statement__inner { display: grid; grid-template-columns: minmax(280px, .86fr) minmax(0, 1.14fr); align-items: center; gap: clamp(58px,9vw,140px); padding: clamp(68px,7vw,94px) 0; }
.vision-statement h3 { margin: 0 0 17px; color: #e7b75e; font-size: clamp(30px,2.8vw,39px); font-weight: 650; letter-spacing: -.055em; }
.vision-statement div p { max-width: 400px; margin: 0; color: rgba(255,255,255,.78); font-size: 17px; line-height: 1.75; word-break: keep-all; }
.vision-statement__inner > p { margin: 0; color: rgba(255,255,255,.82); font-size: 16px; line-height: 1.95; word-break: keep-all; }
.vision-learning { display: grid; grid-template-columns: minmax(360px, .96fr) minmax(0, 1.04fr); align-items: center; gap: clamp(62px,8vw,116px); padding: clamp(84px,8vw,118px) 0; }
.vision-learning__copy { position: relative; }
.vision-learning__visual { position: relative; padding: 0 0 28px 34px; }
.vision-learning__image { overflow: hidden; aspect-ratio: 1.48 / 1; margin: 0; background: #e9eeea; }
.vision-learning__accent { position: absolute; bottom: 0; left: 0; width: 150px; height: 100px; object-fit: cover; border: 8px solid #fff; box-shadow: 0 14px 32px rgba(18,47,55,.15); }
.vision-direction { padding: clamp(78px,8vw,110px) 0; background: #f4f5f3; }
.vision-direction header { margin-bottom: 52px; }
.vision-direction h3 { margin-bottom: 0; }
.vision-direction__grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); border-top: 1px solid rgba(18,59,62,.2); }
.vision-direction__grid article { padding: 34px 34px 38px 0; border-bottom: 1px solid rgba(18,59,62,.16); }
.vision-direction__grid article:nth-child(odd) { padding-right: 48px; border-right: 1px solid rgba(18,59,62,.16); }
.vision-direction__grid article:nth-child(even) { padding-left: 48px; }
.vision-direction__grid h4 { margin: 0 0 13px; color: #173d4b; font-size: 20px; font-weight: 650; letter-spacing: -.045em; }
.vision-direction__grid p { margin: 0; color: #617176; font-size: 15px; line-height: 1.8; word-break: keep-all; }
.vision-closing { padding: clamp(78px,8vw,112px) 0; background: #102f3a; text-align: center; }
.vision-closing p { margin: 0 0 34px; color: rgba(255,255,255,.74); font-size: clamp(17px,1.6vw,21px); line-height: 1.85; word-break: keep-all; }
.vision-closing strong { display: block; color: #f6c979; font-size: clamp(23px,2.3vw,32px); font-weight: 650; letter-spacing: -.055em; line-height: 1.55; word-break: keep-all; }
.vision-closing span { display: block; margin-top: 30px; color: rgba(255,255,255,.56); font-size: 15px; }
@media (max-width: 1120px) { .sub-hero { min-height: 360px; padding: 60px 0; } .sub-hero__inner { width: min(720px, calc(100% - 56px)); } }
@media (max-width: 760px) { .president-greeting { padding: 72px 0; } .president-greeting__inner { width: min(620px, calc(100% - 40px)); } .president-greeting__lead, .president-greeting__body { grid-template-columns: 1fr; gap: 42px; } .president-greeting__lead { padding-bottom: 64px; } .president-profile { width: min(280px, 86%); } .president-greeting__body { padding-top: 58px; } .president-greeting__aside p { font-size: 17px; } .president-greeting__copy { font-size: 15px; line-height: 1.9; } .president-greeting__copy p { margin-bottom: 23px; } .president-signature { margin-top: 42px; } }
@media (max-width: 920px) { .chairman-section { padding: 76px 28px 90px; } .chairman-inner { grid-template-columns: 1fr; gap: 70px; max-width: 720px; } .portrait-column { position: static; width: min(100%,430px); margin: 0 auto; } .message-column { padding-top: 0; } }
@media (max-width: 560px) { .chairman-section { padding: 58px 20px 72px; } .chairman-section::before, .chairman-section::after { display: none; } .chairman-inner { gap: 58px; } .portrait-frame::before { inset: 13px -9px -13px 13px; } .portrait-caption { margin-top: 27px; } .caption-name { font-size: 21px; } .caption-en { display: none; } .message-column h2 { font-size: 38px; } .chairman-lead { margin-top: 34px; font-size: 20px; line-height: 1.7; } .chairman-quote { padding: 21px 20px 21px 23px; font-size: 16px; } .message-body { font-size: 15px; line-height: 1.95; } .chairman-signature { flex-direction: column; align-items: flex-end; gap: 8px; } }
@media (max-width: 780px) { .vision-wrap { width: min(620px, calc(100% - 40px)); } .vision-opening, .vision-feature, .vision-statement__inner, .vision-learning { grid-template-columns: 1fr; gap: 36px; } .vision-opening { padding: 64px 0 68px; } .vision-opening > p { margin-bottom: 0; } .vision-feature { padding-bottom: 76px; } .vision-feature__image { aspect-ratio: 1.42 / 1; } .vision-statement__inner { padding: 62px 0; } .vision-learning { padding: 76px 0; } .vision-learning__visual { padding: 0 0 24px 22px; } .vision-learning__image { aspect-ratio: 1.35 / 1; } .vision-learning__accent { width: 120px; height: 80px; border-width: 6px; } .vision-direction { padding: 68px 0; } .vision-direction__grid { grid-template-columns: 1fr; } .vision-direction__grid article, .vision-direction__grid article:nth-child(odd), .vision-direction__grid article:nth-child(even) { padding: 27px 0; border-right: 0; } .vision-closing { padding: 72px 0; } .vision-closing p br, .vision-closing strong br { display: none; } }
@media (max-width: 680px) { .sub-hero { min-height: 316px; padding: 48px 0; } .sub-hero__inner { width: calc(100% - 40px); } .sub-hero__breadcrumb { margin-bottom: 16px; font-size: 11px; } .sub-hero h1 { font-size: clamp(30px, 9vw, 38px); } .sub-hero p { margin-top: 12px; font-size: 14px; line-height: 1.7; } }
.founding-manifesto { background: #fff; color: #405258; }
.manifesto-wrap { width: min(1160px, calc(100% - 96px)); margin: 0 auto; }
.manifesto-intro { padding: clamp(72px,7vw,104px) 0; background: #fff; }
.manifesto-intro__inner { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: clamp(56px,8vw,118px); align-items: start; }
.manifesto-label { margin: 0 0 18px; color: #a66f21; font-size: 14px; font-weight: 650; }
.manifesto-intro h2 { margin: 0; color: #102f3a; font-size: clamp(39px,3.7vw,54px); font-weight: 650; letter-spacing: -.065em; line-height: 1.24; word-break: keep-all; }
.manifesto-intro__inner > p { margin: 39px 0 0; color: #53656a; font-size: 16px; line-height: 1.95; word-break: keep-all; }
.manifesto-connected { display: grid; grid-template-columns: minmax(0,1.02fr) minmax(380px,.98fr); gap: clamp(58px,7vw,94px); align-items: center; padding: 24px 0 clamp(72px,7vw,98px); }
.manifesto-connected__visual { overflow: hidden; aspect-ratio: 1.5 / 1; background: #e9ece9; box-shadow: 0 22px 54px rgba(16,47,58,.1); }
.manifesto-connected__visual img, .manifesto-lifelong__visual img { width: 100%; height: 100%; display: block; object-fit: cover; }
.manifesto-connected h3, .manifesto-reading h3, .manifesto-lifelong h3, .manifesto-mission h3 { margin: 0 0 26px; color: #102f3a; font-size: clamp(28px,2.7vw,39px); font-weight: 650; letter-spacing: -.055em; line-height: 1.38; word-break: keep-all; }
.manifesto-connected h4, .manifesto-lifelong h4 { margin: 34px 0 17px; color: #173d4b; font-size: clamp(21px,1.8vw,27px); font-weight: 650; letter-spacing: -.045em; line-height: 1.5; word-break: keep-all; }
.manifesto-connected p, .manifesto-reading p, .manifesto-transpersonal p, .manifesto-lifelong p { margin: 0 0 18px; font-size: 16px; line-height: 1.9; word-break: keep-all; }
.manifesto-education { padding: clamp(62px,6.5vw,88px) 0; background: #f5f5f2; }
.manifesto-reading { display: grid; grid-template-columns: minmax(280px,.75fr) minmax(0,1.25fr); gap: clamp(58px,9vw,138px); }
.manifesto-reading > div { max-width: 680px; }
.manifesto-reading > div p:nth-child(2) { color: #173d4b; font-weight: 700; }
.manifesto-transpersonal { display: grid; grid-template-columns: minmax(300px,.86fr) minmax(0,1.14fr); gap: clamp(58px,9vw,128px); align-items: start; padding: clamp(68px,7vw,94px) 0; }
.manifesto-transpersonal h3 { margin: 0; color: #bd852c; font-size: clamp(28px,2.7vw,39px); font-weight: 650; letter-spacing: -.055em; line-height: 1.4; word-break: keep-all; }
.manifesto-lifelong { display: grid; grid-template-columns: minmax(380px,.98fr) minmax(0,1.02fr); gap: clamp(58px,7vw,94px); align-items: center; padding: 0 0 clamp(72px,7vw,98px); }
.manifesto-lifelong__visual { overflow: hidden; aspect-ratio: 1.5 / 1; margin: 0; background: #e9ece9; box-shadow: 0 22px 54px rgba(16,47,58,.1); }
.manifesto-mission { padding: clamp(60px,6vw,84px) 0; background: #f7f7f5; color: #405057; }
.manifesto-mission > .manifesto-wrap { display: block; }
.manifesto-mission h3 { max-width: 850px; margin: 0 0 36px; color: #243b42; font-size: clamp(25px,2.1vw,32px); font-weight: 550; letter-spacing: -.035em; line-height: 1.55; word-break: keep-all; text-wrap: balance; }
.manifesto-mission__list { display: block; margin: 0; padding: 6px 0 0; border-top: 1px solid #9daaa9; }
.manifesto-mission__list p { margin: 0; padding: 23px 0; border-bottom: 1px solid #dde2df; font-size: 17px; font-weight: 400; letter-spacing: -.015em; line-height: 1.85; word-break: keep-all; overflow-wrap: anywhere; }
.manifesto-mission__list p:last-child { border-bottom: 0; padding-bottom: 0; }
.manifesto-questions { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); column-gap: clamp(36px,4.5vw,64px); align-items: center; padding: clamp(64px,6vw,88px) 0; }
.manifesto-questions__copy { min-width: 0; }
.manifesto-questions__copy > p { margin: 0; color: #536269; font-size: 16px; line-height: 1.8; letter-spacing: -.02em; word-break: keep-all; overflow-wrap: anywhere; }
.manifesto-questions .manifesto-questions__lines { display: grid; gap: 18px; margin: 28px 0; color: #173741; font-size: clamp(22px,1.55vw,25px); font-weight: 600; letter-spacing: -.035em; line-height: 1.5; word-break: keep-all; overflow-wrap: anywhere; }
.manifesto-questions__lines span { display: block; text-wrap: balance; }
.manifesto-questions__copy > .manifesto-questions__summary { padding-top: 24px; border-top: 1px solid #e2e7e7; }
.manifesto-questions__visual { min-width: 0; margin: 0; }
.manifesto-questions__visual img { display: block; width: 100%; height: auto; aspect-ratio: 968 / 638; }
.manifesto-pledge { padding: clamp(64px,6.5vw,88px) 0; background: #f3f2ee; text-align: center; }
.manifesto-pledge p { margin: 0 0 10px; color: #455a60; font-size: 17px; line-height: 1.8; word-break: keep-all; }
.manifesto-pledge strong { display: block; margin-top: 30px; color: #102f3a; font-size: clamp(23px,2.2vw,31px); font-weight: 650; letter-spacing: -.05em; }
.manifesto-signatories { padding: clamp(62px,6.5vw,88px) 0; background: #fff; }
.manifesto-signatories .manifesto-wrap { display: grid; grid-template-columns: 230px minmax(0,1fr); gap: clamp(54px,8vw,110px); }
.manifesto-signatories__date p { margin: 0 0 18px; color: #a66f21; font-weight: 650; }
.manifesto-signatories__date strong, .manifesto-signatories__date span { display: block; color: #173d4b; font-size: 15px; line-height: 1.8; }
.manifesto-signatories__names strong { color: #173d4b; font-size: 15px; }
.manifesto-signatories__names p { margin: 15px 0 0; color: #748186; font-size: 13px; line-height: 2; word-break: keep-all; }
@media (max-width: 800px) { .manifesto-wrap { width: min(640px,calc(100% - 40px)); } .manifesto-intro__inner, .manifesto-connected, .manifesto-reading, .manifesto-transpersonal, .manifesto-lifelong, .manifesto-mission > .manifesto-wrap, .manifesto-signatories .manifesto-wrap { grid-template-columns: 1fr; gap: 34px; } .manifesto-intro { padding: 62px 0; } .manifesto-intro__inner > p { margin-top: 0; } .manifesto-connected { padding: 10px 0 64px; } .manifesto-connected__visual, .manifesto-lifelong__visual { aspect-ratio: 1.42 / 1; box-shadow: 0 14px 34px rgba(16,47,58,.09); } .manifesto-education, .manifesto-mission { padding: 58px 0; } .manifesto-transpersonal { padding: 62px 0; } .manifesto-lifelong { padding-bottom: 66px; } .manifesto-mission__list { grid-template-columns: 1fr; margin-top: 4px; } .manifesto-mission__list p, .manifesto-mission__list p:nth-child(odd), .manifesto-mission__list p:nth-child(even) { padding: 23px 0; border-right: 0; } .manifesto-pledge, .manifesto-signatories { padding: 58px 0; } }
@media (max-width: 1000px) { .manifesto-questions { grid-template-columns: 1fr; gap: 32px; max-width: 720px; padding: 60px 0; } .manifesto-questions__visual { width: 100%; } }
@media (max-width: 560px) { .manifesto-questions { padding: 48px 0; gap: 28px; } .manifesto-questions .manifesto-questions__lines { font-size: 21px; gap: 16px; margin: 24px 0; } .manifesto-questions__copy > p { font-size: 15px; } .manifesto-questions__copy > .manifesto-questions__summary { padding-top: 20px; } }
.bylaws-page { background: #fff; color: #42535a; }
.bylaws-container { width: min(1180px, calc(100% - 96px)); margin: 0 auto; }
.bylaws-page__intro { padding: clamp(68px, 7vw, 100px) 0 clamp(54px, 5vw, 76px); border-bottom: 1px solid #e1e6e5; background: #fbfcfb; }
.bylaws-page__label { margin: 0 0 15px; color: #a66f21; font-size: 14px; font-weight: 650; letter-spacing: -.02em; }
.bylaws-page__intro h2 { margin: 0; color: #112f39; font-size: clamp(34px, 3.3vw, 48px); font-weight: 650; letter-spacing: -.06em; line-height: 1.28; word-break: keep-all; }
.bylaws-page__intro p:last-child { max-width: 560px; margin: 20px 0 0; color: #66767a; font-size: 16px; line-height: 1.8; word-break: keep-all; }
.bylaws-layout { display: grid; grid-template-columns: 205px minmax(0, 1fr); gap: clamp(56px, 7vw, 112px); padding: clamp(68px, 7vw, 104px) 0 clamp(88px, 9vw, 136px); align-items: start; }
.bylaws-nav { position: sticky; top: 118px; display: grid; gap: 10px; padding-top: 4px; }
.bylaws-nav p { margin: 0 0 11px; color: #183d47; font-size: 14px; font-weight: 700; letter-spacing: -.02em; }
.bylaws-nav a { color: #728086; font-size: 14px; line-height: 1.55; text-decoration: none; word-break: keep-all; transition: color .2s ease; }
.bylaws-nav a:first-of-type { margin-bottom: 2px; color: #173d47; font-weight: 650; }
.bylaws-nav a:last-child { margin-top: 12px; padding-top: 18px; border-top: 1px solid #dbe2e0; color: #173d47; font-weight: 650; }
.bylaws-nav a:hover, .bylaws-nav a:focus-visible { color: #a66f21; }
.bylaws-content { min-width: 0; max-width: 810px; }
.bylaws-document + .bylaws-document { margin-top: clamp(94px, 10vw, 144px); padding-top: clamp(78px, 8vw, 114px); border-top: 1px solid #cbd5d2; }
.bylaws-document__header { margin: 0 0 clamp(52px, 5vw, 68px); padding-bottom: 26px; border-bottom: 2px solid #173d47; }
.bylaws-document__header p { margin: 0 0 12px; color: #a66f21; font-size: 14px; font-weight: 650; letter-spacing: -.02em; }
.bylaws-document__header h2 { margin: 0; color: #102f3a; font-size: clamp(30px, 2.8vw, 40px); font-weight: 650; letter-spacing: -.06em; line-height: 1.3; word-break: keep-all; }
.bylaws-chapter { scroll-margin-top: 125px; }
.bylaws-chapter + .bylaws-chapter { margin-top: clamp(66px, 6.5vw, 90px); }
.bylaws-chapter > h3, .bylaws-addendum > h3 { display: flex; align-items: baseline; gap: 13px; margin: 0 0 27px; color: #173d47; font-size: clamp(22px, 2vw, 27px); font-weight: 650; letter-spacing: -.05em; line-height: 1.45; word-break: keep-all; }
.bylaws-chapter > h3 span { color: #a66f21; font-size: .7em; font-weight: 650; letter-spacing: -.02em; }
.bylaws-article { padding: 25px 0 27px; border-top: 1px solid #e1e7e5; }
.bylaws-chapter > h3 + .bylaws-article, .bylaws-addendum > h3 + .bylaws-article { border-top-color: #bdc9c6; }
.bylaws-article h4 { margin: 0 0 12px; color: #1c3c45; font-size: 17px; font-weight: 700; letter-spacing: -.035em; line-height: 1.65; word-break: keep-all; }
.bylaws-article p, .bylaws-article li { margin: 0; color: #516168; font-size: 16px; font-weight: 400; letter-spacing: -.012em; line-height: 1.95; word-break: keep-all; overflow-wrap: anywhere; }
.bylaws-article ol { margin: 13px 0 0; padding: 0; list-style: none; counter-reset: article-list; }
.bylaws-article ol > li { position: relative; padding-left: 28px; counter-increment: article-list; }
.bylaws-article ol > li::before { position: absolute; top: 0; left: 0; color: #718187; content: counter(article-list, cjk-ideographic) ' '; font-size: .95em; }
.bylaws-article ol > li + li { margin-top: 8px; }
.bylaws-article ol > li > strong { color: #254852; font-weight: 650; }
.bylaws-article ol ol { margin: 10px 0 2px; counter-reset: subarticle-list; }
.bylaws-article ol ol > li { padding-left: 24px; counter-increment: subarticle-list; }
.bylaws-article ol ol > li::before { content: counter(subarticle-list) '.'; color: #7b898d; }
.bylaws-addendum { margin-top: clamp(62px, 6vw, 82px); padding-top: clamp(42px, 4vw, 58px); border-top: 1px solid #9caba8; }
.bylaws-addendum > h3 { margin-bottom: 19px; font-size: 21px; }
.bylaws-document--rules { scroll-margin-top: 115px; }
@media (max-width: 920px) { .bylaws-layout { grid-template-columns: 1fr; gap: 38px; } .bylaws-nav { position: static; display: flex; flex-wrap: wrap; gap: 7px 18px; padding: 0 0 22px; border-bottom: 1px solid #dfe6e4; } .bylaws-nav p { width: 100%; margin: 0 0 5px; } .bylaws-nav a, .bylaws-nav a:first-of-type, .bylaws-nav a:last-child { margin: 0; padding: 0; border: 0; font-size: 13px; } .bylaws-content { max-width: none; } }
@media (max-width: 620px) { .bylaws-container { width: min(100% - 40px, 640px); } .bylaws-page__intro { padding: 58px 0 47px; } .bylaws-page__intro p:last-child { margin-top: 16px; font-size: 15px; } .bylaws-layout { padding: 56px 0 78px; } .bylaws-document__header { margin-bottom: 44px; padding-bottom: 20px; } .bylaws-chapter + .bylaws-chapter { margin-top: 58px; } .bylaws-chapter > h3 { gap: 10px; margin-bottom: 20px; font-size: 22px; } .bylaws-article { padding: 21px 0 23px; } .bylaws-article h4 { margin-bottom: 9px; font-size: 16px; } .bylaws-article p, .bylaws-article li { font-size: 15px; line-height: 1.9; } .bylaws-article ol > li { padding-left: 25px; } .bylaws-document + .bylaws-document { margin-top: 76px; padding-top: 66px; } }
.officers-page { padding: clamp(72px, 7vw, 106px) 0 clamp(96px, 9vw, 138px); background: #fff; color: #41545a; }
.officers-container { width: min(1160px, calc(100% - 96px)); margin: 0 auto; }
.officers-page__intro { padding-bottom: clamp(62px, 6vw, 88px); border-bottom: 1px solid #dce4e2; }
.officers-page__intro p, .officers-section-heading > p, .officers-board header p { margin: 0 0 14px; color: #a66f21; font-size: 14px; font-weight: 650; letter-spacing: -.02em; }
.officers-page__intro h2 { margin: 0; color: #102f3a; font-size: clamp(34px, 3.3vw, 47px); font-weight: 650; letter-spacing: -.06em; line-height: 1.3; word-break: keep-all; }
.officers-leadership { padding: clamp(66px, 6.5vw, 94px) 0 clamp(82px, 8vw, 116px); }
.officers-section-heading { display: grid; grid-template-columns: minmax(140px, .42fr) minmax(0, 1fr); gap: 28px; align-items: end; margin-bottom: 32px; }
.officers-section-heading > p { margin: 0 0 4px; }
.officers-section-heading h2 { max-width: 700px; margin: 0; color: #173d47; font-size: clamp(26px, 2.4vw, 34px); font-weight: 600; letter-spacing: -.055em; line-height: 1.45; word-break: keep-all; }
.officers-leadership__table-wrap { overflow: hidden; border-top: 2px solid #173d47; border-bottom: 1px solid #d2dcda; }
.officers-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.officers-table caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.officers-table th, .officers-table td { border-bottom: 1px solid #e1e7e5; text-align: left; vertical-align: middle; }
.officers-table thead th { padding: 14px 20px; color: #718188; background: #f5f7f6; font-size: 13px; font-weight: 650; letter-spacing: -.02em; }
.officers-table tbody th, .officers-table tbody td { padding: 19px 20px; color: #496068; font-size: 16px; font-weight: 400; letter-spacing: -.02em; line-height: 1.6; word-break: keep-all; }
.officers-table tbody th { width: 23%; color: #1d414b; font-weight: 650; background: #fbfcfb; }
.officers-table tbody td:nth-child(2) { width: 25%; color: #183b45; font-weight: 600; }
.officers-table tbody tr:last-child th, .officers-table tbody tr:last-child td { border-bottom: 0; }
.officers-table__president th, .officers-table__president td { background: #edf4f0; }
.officers-boards { margin: 0 calc(50% - 50vw); padding: clamp(72px, 7vw, 104px) max(48px, calc((100vw - 1160px) / 2)); background: #f5f6f4; }
.officers-boards .officers-section-heading { width: min(1160px, calc(100vw - 96px)); margin: 0 auto 41px; }
.officers-boards__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: min(1160px, calc(100vw - 96px)); margin: 0 auto; border-top: 1px solid #cbd6d3; border-left: 1px solid #dce3e1; }
.officers-board { min-width: 0; padding: 34px 36px 0; border-right: 1px solid #dce3e1; border-bottom: 1px solid #cbd6d3; background: rgba(255,255,255,.52); }
.officers-board:nth-child(4n+1), .officers-board:nth-child(4n+4) { background: rgba(255,255,255,.8); }
.officers-board header { padding-bottom: 24px; }
.officers-board header p { margin-bottom: 9px; font-size: 13px; }
.officers-board h3 { margin: 0; color: #173d47; font-size: 23px; font-weight: 600; letter-spacing: -.05em; line-height: 1.35; word-break: keep-all; }
.officers-board .officers-table { border-top: 1px solid #b5c4c0; }
.officers-board .officers-table thead th { padding: 11px 12px; background: transparent; font-size: 12px; }
.officers-board .officers-table tbody td { padding: 14px 12px; font-size: 15px; }
.officers-board .officers-table tbody td:first-child { width: 35%; color: #1d414b; font-weight: 600; }
.officers-board .officers-table tbody td:nth-child(2) { width: auto; color: #607075; font-weight: 400; }
.officers-board .officers-table em { margin-left: 5px; color: #a66f21; font-size: 12px; font-style: normal; font-weight: 650; white-space: nowrap; }
@media (max-width: 800px) { .officers-container { width: min(640px, calc(100% - 40px)); } .officers-section-heading { grid-template-columns: 1fr; gap: 10px; margin-bottom: 27px; } .officers-section-heading > p { margin: 0; } .officers-boards { padding: 62px 20px; } .officers-boards .officers-section-heading, .officers-boards__grid { width: min(640px, 100%); } .officers-boards__grid { grid-template-columns: 1fr; } .officers-board { padding: 30px 26px 0; } }
@media (max-width: 560px) { .officers-page { padding: 58px 0 78px; } .officers-page__intro { padding-bottom: 52px; } .officers-leadership { padding: 58px 0 74px; } .officers-table thead th { padding: 12px 10px; font-size: 12px; } .officers-table tbody th, .officers-table tbody td { padding: 15px 10px; font-size: 14px; } .officers-table tbody th { width: 27%; } .officers-table tbody td:nth-child(2) { width: 24%; } .officers-board { padding: 27px 18px 0; } .officers-board h3 { font-size: 21px; } .officers-board .officers-table tbody td { padding: 13px 8px; font-size: 14px; } .officers-board .officers-table thead th { padding: 10px 8px; } }
.officers-table--leadership tbody td:first-of-type { width: 25%; color: #183b45; font-weight: 600; }
.officers-table--leadership tbody td:first-of-type + td { width: auto; color: #496068; font-weight: 400; }
.founder-president { padding: clamp(84px, 9vw, 132px) 0 clamp(96px, 10vw, 148px); background: #fff; }
.founder-president__inner { width: min(1080px, calc(100% - 96px)); margin: 0 auto; }
.founder-president__header { display: flex; align-items: baseline; justify-content: space-between; gap: 30px; padding-bottom: 28px; border-bottom: 2px solid #173d47; }
.founder-president__header p { margin: 0; color: #a66f21; font-size: 15px; font-weight: 650; letter-spacing: -.02em; }
.founder-president__header h2 { margin: 0; color: #102f3a; font-size: clamp(36px, 3.5vw, 48px); font-weight: 650; letter-spacing: -.06em; line-height: 1.2; }
.founder-president__profile { display: grid; grid-template-columns: minmax(250px, 302px) minmax(0, 1fr); min-height: 346px; margin-top: 42px; border: 1px solid #d6dfdc; }
.founder-president__portrait { min-height: 100%; margin: 0; background: #edf1ef; }
.founder-president__portrait img { display: block; width: 100%; height: 100%; min-height: 346px; object-fit: cover; object-position: center top; }
.founder-president__details { display: flex; flex-direction: column; justify-content: center; padding: clamp(42px, 6vw, 82px); }
.founder-president__role { margin: 0 0 22px; color: #a66f21; font-size: 15px; font-weight: 650; letter-spacing: -.02em; }
.founder-president__name { margin: 0; color: #173d47; font-size: clamp(34px, 3.4vw, 48px); font-weight: 650; letter-spacing: -.065em; line-height: 1.25; }
.founder-president__details dl { width: min(100%, 360px); margin: 42px 0 0; border-top: 1px solid #aebeba; }
.founder-president__details dl div { display: grid; grid-template-columns: 82px minmax(0,1fr); gap: 16px; padding: 18px 0; border-bottom: 1px solid #dce4e1; }
.founder-president__details dt { color: #718188; font-size: 14px; font-weight: 500; }
.founder-president__details dd { margin: 0; color: #294750; font-size: 16px; font-weight: 550; letter-spacing: -.025em; }
@media (max-width: 760px) { .founder-president { padding: 64px 0 82px; } .founder-president__inner { width: min(620px, calc(100% - 40px)); } .founder-president__header { padding-bottom: 21px; } .founder-president__profile { grid-template-columns: 1fr; min-height: 0; margin-top: 30px; } .founder-president__portrait img { min-height: 0; aspect-ratio: 1 / 1.1; } .founder-president__details { padding: 38px 30px 42px; } .founder-president__details dl { margin-top: 34px; } }
.society-history { margin-top: clamp(82px, 9vw, 128px); padding-top: clamp(54px, 5vw, 74px); border-top: 1px solid #c7d2cf; }
.society-history__header { display: flex; align-items: baseline; justify-content: space-between; gap: 28px; margin-bottom: 28px; }
.society-history__header p { margin: 0; color: #a66f21; font-size: 15px; font-weight: 650; letter-spacing: -.02em; }
.society-history__header h2 { margin: 0; color: #173d47; font-size: clamp(28px, 2.7vw, 38px); font-weight: 650; letter-spacing: -.055em; line-height: 1.2; }
.society-history__list { margin: 0; padding: 0; list-style: none; border-top: 2px solid #173d47; }
.society-history__list li { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 28px; align-items: baseline; padding: 23px 0; border-bottom: 1px solid #dfe6e3; }
.society-history__list time { color: #a66f21; font-size: 16px; font-weight: 650; letter-spacing: -.01em; }
.society-history__list p { margin: 0; color: #334e56; font-size: 17px; font-weight: 500; letter-spacing: -.03em; line-height: 1.7; word-break: keep-all; }
@media (max-width: 560px) { .society-history { margin-top: 64px; padding-top: 45px; } .society-history__list li { grid-template-columns: 82px minmax(0, 1fr); gap: 16px; padding: 19px 0; } .society-history__list time { font-size: 14px; } .society-history__list p { font-size: 15px; line-height: 1.7; } }
.journal-rules { background: #fff; color: #45585e; }
.journal-rules-container { width: min(1180px, calc(100% - 96px)); margin: 0 auto; }
.journal-rules__intro { padding: clamp(68px, 7vw, 100px) 0 clamp(54px, 5vw, 76px); border-bottom: 1px solid #e0e6e4; background: #fbfcfb; }
.journal-rules__intro p:first-child, .journal-rules__group > header p { margin: 0 0 15px; color: #a66f21; font-size: 14px; font-weight: 650; letter-spacing: -.02em; }
.journal-rules__intro h2 { margin: 0; color: #102f3a; font-size: clamp(34px, 3.3vw, 48px); font-weight: 650; letter-spacing: -.06em; line-height: 1.28; word-break: keep-all; }
.journal-rules__intro p:last-child { max-width: 570px; margin: 20px 0 0; color: #66767a; font-size: 16px; line-height: 1.8; word-break: keep-all; }
.journal-rules__enacted { display: block; margin-top: 20px; color: #8b989b; font-size: 14px; line-height: 1.6; }
.journal-rules__layout { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: clamp(58px, 7vw, 114px); padding: clamp(68px, 7vw, 104px) 0 clamp(90px, 9vw, 138px); align-items: start; }
.journal-rules-nav { position: sticky; top: 118px; display: grid; gap: 11px; padding-top: 4px; }
.journal-rules-nav p { margin: 0 0 10px; color: #183d47; font-size: 14px; font-weight: 700; letter-spacing: -.02em; }
.journal-rules-nav a { color: #728086; font-size: 14px; line-height: 1.55; text-decoration: none; transition: color .2s ease; }
.journal-rules-nav a:hover, .journal-rules-nav a:focus-visible { color: #a66f21; }
.journal-rules__content { min-width: 0; max-width: 820px; }
.journal-rules__group { scroll-margin-top: 122px; }
.journal-rules__group + .journal-rules__group { margin-top: clamp(86px, 9vw, 124px); }
.journal-rules__group > header { margin-bottom: 35px; padding-bottom: 25px; border-bottom: 2px solid #173d47; }
.journal-rules__group > header p { margin-bottom: 10px; }
.journal-rules__group > header h2 { margin: 0; color: #173d47; font-size: clamp(27px, 2.5vw, 36px); font-weight: 650; letter-spacing: -.055em; line-height: 1.35; word-break: keep-all; }
.journal-rule { padding: 25px 0 28px; border-top: 1px solid #e0e7e5; }
.journal-rules__group > header + .journal-rule { border-top-color: #bdc9c6; }
.journal-rule h3 { margin: 0 0 13px; color: #1c3e47; font-size: 18px; font-weight: 700; letter-spacing: -.035em; line-height: 1.6; word-break: keep-all; }
.journal-rule p, .journal-rule li { margin: 0; color: #51636a; font-size: 16px; font-weight: 400; letter-spacing: -.012em; line-height: 1.95; word-break: keep-all; overflow-wrap: anywhere; }
.journal-rule > ol { margin: 0; padding-left: 25px; }
.journal-rule > ol > li { padding-left: 4px; }
.journal-rule > ol > li + li { margin-top: 9px; }
.journal-rule__specs, .journal-rule__levels { display: grid; gap: 0; margin: 15px 0 2px; padding: 0; list-style: none; border-top: 1px solid #d6e0dd; }
.journal-rule__specs li { display: grid; grid-template-columns: 138px minmax(0,1fr); gap: 18px; padding: 12px 0; border-bottom: 1px solid #e0e7e5; }
.journal-rule__specs strong { color: #264852; font-size: 14px; font-weight: 650; }
.journal-rule__levels { grid-template-columns: repeat(2, minmax(0,1fr)); border-left: 1px solid #e0e7e5; }
.journal-rule__levels li { padding: 10px 15px; border-right: 1px solid #e0e7e5; border-bottom: 1px solid #e0e7e5; font-size: 15px; }
.journal-rule__levels li:last-child { grid-column: 1 / -1; }
.journal-rule__sublist { margin: 11px 0 2px; padding-left: 24px; }
.journal-rule__sublist > li + li { margin-top: 9px; }
#submission-references .journal-rule__sublist { padding-left: 0; list-style: none; }
#submission-references .journal-rule__sublist > li { position: relative; padding-left: 29px; }
#submission-references .journal-rule__sublist > li::before { position: absolute; top: 0; left: 0; color: #40565d; font-size: 16px; font-weight: 700; line-height: 1.95; content: "①"; }
#submission-references .journal-rule__sublist > li:nth-child(2)::before { content: "②"; }
#submission-references .journal-rule__sublist > li:nth-child(3)::before { content: "③"; }
#submission-references .journal-rule__sublist > li:nth-child(4)::before { content: "④"; }
#submission-references .journal-rule__sublist > li:nth-child(5)::before { content: "⑤"; }
#submission-references .journal-rule__sublist > li:nth-child(6)::before { content: "⑥"; }
#submission-references .journal-rule__sublist > li:nth-child(7)::before { content: "⑦"; }
.journal-rule__examples { margin: 9px 0 2px; padding: 12px 16px; list-style: none; border-left: 2px solid #c4d1cd; background: #f6f8f7; }
.journal-rule__examples li { color: #637278; font-size: 15px; line-height: 1.8; word-break: break-word; }
.journal-rule__examples li + li { margin-top: 5px; }
.journal-rule__examples strong { color: #40565d; font-weight: 650; }
.journal-rule__points { margin: 10px 0 2px; padding: 13px 18px 13px 35px; border-left: 2px solid #c4d1cd; background: #f7f9f8; }
.journal-rule__points li { color: #5b6d73; font-size: 15px; line-height: 1.82; }
.journal-rule__points li + li { margin-top: 3px; }
.journal-rule__criteria { margin-top: 16px; }
.journal-rule__criteria li { grid-template-columns: minmax(210px, .82fr) minmax(0, 1fr); align-items: baseline; }
.journal-rule__criteria strong { display: flex; justify-content: space-between; gap: 14px; }
.journal-rule__criteria strong em { flex: 0 0 auto; color: #a66f21; font-size: 13px; font-style: normal; font-weight: 650; }
.journal-rule__criteria li:last-child strong { grid-column: 1 / -1; }
.journal-rule__decisions { margin: 20px 0 0; padding: 0; list-style: none; border-top: 1px solid #cbd6d2; }
.journal-rule__decisions > li { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 24px; padding: 15px 0; border-bottom: 1px solid #e0e7e5; }
.journal-rule__decisions strong { color: #264852; font-size: 15px; font-weight: 650; line-height: 1.7; }
.journal-rule__decisions strong span { display: block; color: #a66f21; font-size: 13px; font-weight: 600; }
.journal-rule__decisions p { font-size: 15px; line-height: 1.8; }
.journal-rule__table-wrap { max-width: 100%; margin-top: 24px; overflow-x: auto; border-top: 2px solid #244852; outline: none; -webkit-overflow-scrolling: touch; }
.journal-rule__table { width: 100%; min-width: 660px; border-collapse: collapse; table-layout: fixed; color: #4b5f66; font-size: 14px; line-height: 1.55; }
.journal-rule__table caption { padding: 0; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.journal-rule__table th, .journal-rule__table td { padding: 11px 13px; border-bottom: 1px solid #dfe6e4; text-align: left; vertical-align: middle; word-break: keep-all; }
.journal-rule__table th { color: #294b54; background: #f4f7f6; font-weight: 650; }
.journal-rule__table th:last-child, .journal-rule__table td:last-child { border-left: 1px solid #d7e0de; color: #173d47; font-weight: 650; }
.journal-rule__table tbody tr:nth-child(5n) td { border-bottom-color: #bdcbc7; }
.journal-rule__table-wrap:focus-visible { box-shadow: 0 0 0 3px rgba(166, 111, 33, .2); }
.journal-rule__addendum { scroll-margin-top: 120px; margin-top: clamp(78px, 8vw, 110px); padding-top: clamp(48px, 5vw, 68px); border-top: 1px solid #9caba8; }
.journal-rule__addendum > h2 { margin: 0 0 20px; color: #173d47; font-size: 23px; font-weight: 650; letter-spacing: -.05em; }
.journal-rule__addendum .journal-rule { border-top-color: #cbd6d2; }
@media (max-width: 920px) { .journal-rules__layout { grid-template-columns: 1fr; gap: 38px; } .journal-rules-nav { position: static; display: flex; flex-wrap: wrap; gap: 7px 18px; padding: 0 0 22px; border-bottom: 1px solid #dfe6e4; } .journal-rules-nav p { width: 100%; margin: 0 0 5px; } .journal-rules-nav a { font-size: 13px; } .journal-rules__content { max-width: none; } }
@media (max-width: 620px) { .journal-rules-container { width: min(100% - 40px, 640px); } .journal-rules__intro { padding: 58px 0 47px; } .journal-rules__intro p:last-child { margin-top: 16px; font-size: 15px; } .journal-rules__layout { padding: 56px 0 78px; } .journal-rules__group + .journal-rules__group { margin-top: 68px; } .journal-rules__group > header { margin-bottom: 27px; padding-bottom: 20px; } .journal-rule { padding: 21px 0 24px; } .journal-rule h3 { margin-bottom: 10px; font-size: 16px; } .journal-rule p, .journal-rule li { font-size: 15px; line-height: 1.9; } .journal-rule > ol { padding-left: 22px; } .journal-rule__specs li { grid-template-columns: 1fr; gap: 3px; } .journal-rule__levels { grid-template-columns: 1fr; } .journal-rule__levels li:last-child { grid-column: auto; } .journal-rule__examples { padding: 11px 13px; } .journal-rule__examples li { font-size: 14px; line-height: 1.75; } .journal-rule__points { padding: 11px 14px 11px 30px; } .journal-rule__points li { font-size: 14px; line-height: 1.78; } .journal-rule__decisions > li { grid-template-columns: 1fr; gap: 5px; padding: 14px 0; } .journal-rule__decisions strong span { display: inline; margin-left: 7px; } .journal-rule__table-wrap { margin-right: -20px; padding-right: 20px; } .journal-rule__table { font-size: 13px; } .journal-rule__table th, .journal-rule__table td { padding: 10px 11px; } }

.membership-page { overflow: hidden; padding: clamp(84px, 9vw, 132px) 0 clamp(96px, 10vw, 148px); background: #fff; color: #4e6066; }
.membership-container { width: min(1120px, calc(100% - 96px)); margin: 0 auto; }
.membership-label, .membership-section-heading > p { margin: 0 0 15px; color: #a66f21; font-size: 14px; font-weight: 650; letter-spacing: -.02em; }
.membership-intro { display: grid; grid-template-columns: minmax(0, .98fr) minmax(320px, .82fr); gap: clamp(60px, 9vw, 140px); align-items: end; padding-bottom: clamp(70px, 8vw, 112px); }
.membership-intro h2 { margin: 0; color: #102f3a; font-size: clamp(38px, 3.7vw, 52px); font-weight: 650; letter-spacing: -.065em; line-height: 1.25; word-break: keep-all; }
.membership-intro__copy { max-width: 440px; color: #586970; font-size: 16px; line-height: 1.9; word-break: keep-all; }
.membership-intro__copy p { margin: 0; }
.membership-intro__copy p + p { margin-top: 18px; }
.membership-section-heading h2 { margin: 0; color: #173d47; font-size: clamp(28px, 2.6vw, 38px); font-weight: 650; letter-spacing: -.055em; line-height: 1.35; word-break: keep-all; }
.membership-eligibility { padding: clamp(52px, 5vw, 74px) 0 clamp(70px, 7vw, 104px); border-top: 2px solid #173d47; }
.membership-types { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 42px; border-top: 1px solid #b8c5c2; }
.membership-type { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; min-height: 174px; padding: 34px 38px 32px; border-bottom: 1px solid #dce4e1; background: #fff; }
.membership-type + .membership-type { border-left: 1px solid #dce4e1; }
.membership-type h3 { margin: 0; color: #173d47; font-size: 22px; font-weight: 650; letter-spacing: -.045em; }
.membership-type p { margin: 12px 0 0; color: #718187; font-size: 15px; line-height: 1.65; word-break: keep-all; }
.membership-type strong { color: #a66f21; font-size: clamp(29px, 2.8vw, 39px); font-weight: 650; letter-spacing: -.045em; line-height: 1; white-space: nowrap; }
.membership-type strong span { margin-left: 3px; font-size: 17px; font-weight: 550; }
.membership-note { margin: 20px 0 0; color: #7a898d; font-size: 14px; line-height: 1.7; }
.membership-benefits { padding: clamp(72px, 7vw, 102px) 0; background: #123a40; color: #fff; }
.membership-benefits__inner { display: grid; grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr); gap: clamp(54px, 8vw, 130px); align-items: start; }
.membership-benefits .membership-section-heading > p { color: #e6b963; }
.membership-benefits .membership-section-heading h2 { color: #fff; }
.membership-benefits ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.24); }
.membership-benefits li { position: relative; min-height: 88px; display: flex; align-items: center; padding: 22px 24px 22px 18px; border-bottom: 1px solid rgba(255,255,255,.16); color: rgba(255,255,255,.84); font-size: 16px; font-weight: 450; line-height: 1.72; word-break: keep-all; }
.membership-benefits li:nth-child(odd) { padding-left: 0; border-right: 1px solid rgba(255,255,255,.16); }
.membership-benefits li:nth-child(even) { padding-left: 34px; }
.membership-process, .membership-payment, .membership-contact { display: grid; grid-template-columns: minmax(280px, .84fr) minmax(0, 1.16fr); gap: clamp(54px, 8vw, 130px); padding: clamp(72px, 7vw, 104px) 0; border-bottom: 1px solid #dce4e1; }
.membership-process__copy { max-width: 560px; color: #55666c; font-size: 17px; line-height: 1.9; word-break: keep-all; }
.membership-process__copy p { margin: 0; }
.membership-contact-link { display: inline-flex; align-items: center; gap: 15px; margin-top: 30px; padding-bottom: 10px; border-bottom: 1px solid #a66f21; color: #173d47; font-size: 15px; font-weight: 650; transition: color .2s ease, gap .2s ease; }
.membership-contact-link span { color: #a66f21; font-size: 19px; line-height: 1; }
.membership-contact-link:hover, .membership-contact-link:focus-visible { gap: 21px; color: #a66f21; }
.membership-payment { align-items: start; }
.membership-payment__details { margin: 0; border-top: 2px solid #173d47; }
.membership-payment__details div { display: grid; grid-template-columns: 116px minmax(0, 1fr); gap: 24px; padding: 19px 0; border-bottom: 1px solid #dce4e1; }
.membership-payment__details dt { color: #75858a; font-size: 14px; font-weight: 550; }
.membership-payment__details dd { margin: 0; color: #24434d; font-size: 16px; font-weight: 600; letter-spacing: -.02em; word-break: keep-all; }
.membership-payment__notice { grid-column: 2; margin: -4px 0 0; padding: 20px 0 0; color: #64757a; font-size: 15px; line-height: 1.8; word-break: keep-all; }
.membership-payment__notice strong { display: block; margin-bottom: 7px; color: #a66f21; font-size: 14px; font-weight: 650; }
.membership-payment__notice span { display: block; margin-top: 4px; color: #879498; font-size: 14px; }
.membership-contact { grid-template-columns: minmax(280px, .84fr) minmax(0, 1.16fr); border-bottom: 0; padding-bottom: 0; }
.membership-contact__details { display: grid; grid-template-columns: minmax(220px, .78fr) minmax(0, 1.22fr); gap: 42px; align-items: start; padding-top: 5px; }
.membership-contact__details p { margin: 0; color: #63757a; font-size: 15px; line-height: 1.8; word-break: keep-all; }
.membership-contact__details p:first-child { display: grid; gap: 4px; }
.membership-contact__details strong { color: #24434d; font-size: 16px; font-weight: 650; }
.membership-contact__details a { color: #a66f21; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 800px) { .membership-container { width: min(640px, calc(100% - 40px)); } .membership-intro, .membership-benefits__inner, .membership-process, .membership-payment, .membership-contact { grid-template-columns: 1fr; gap: 34px; } .membership-intro { padding-bottom: 70px; } .membership-process, .membership-payment, .membership-contact { padding: 68px 0; } .membership-payment__notice { grid-column: auto; margin-top: -12px; } .membership-contact { padding-bottom: 0; } .membership-contact__details { grid-template-columns: 1fr; gap: 22px; } }
@media (max-width: 560px) { .membership-page { padding: 62px 0 76px; } .membership-label, .membership-section-heading > p { margin-bottom: 11px; font-size: 13px; } .membership-intro h2 { font-size: 34px; } .membership-intro__copy { font-size: 15px; line-height: 1.85; } .membership-intro__copy p + p { margin-top: 14px; } .membership-section-heading h2 { font-size: 26px; } .membership-types { grid-template-columns: 1fr; margin-top: 30px; } .membership-type { min-height: 144px; padding: 27px 24px 25px; } .membership-type + .membership-type { border-left: 0; } .membership-type h3 { font-size: 20px; } .membership-type strong { font-size: 33px; } .membership-benefits { padding: 62px 0; } .membership-benefits ul { grid-template-columns: 1fr; margin-top: 4px; } .membership-benefits li, .membership-benefits li:nth-child(odd), .membership-benefits li:nth-child(even) { min-height: 0; padding: 18px 0; border-right: 0; font-size: 15px; } .membership-process, .membership-payment, .membership-contact { gap: 28px; padding: 58px 0; } .membership-process__copy { font-size: 16px; line-height: 1.85; } .membership-payment__details div { grid-template-columns: 82px minmax(0,1fr); gap: 16px; padding: 17px 0; } .membership-payment__details dd { font-size: 15px; } .membership-payment__notice { font-size: 14px; } .membership-contact { padding-bottom: 0; } }

.membership-registration { padding: clamp(76px, 8vw, 112px) 0; border-bottom: 1px solid #dce4e1; }
.membership-form { max-width: 800px; margin: 48px auto 0; }
.membership-form fieldset { min-width: 0; margin: 0; padding: 34px 0 0; border: 0; border-top: 1px solid #cbd7d3; }
.membership-form fieldset + fieldset { margin-top: 45px; }
.membership-form legend { padding: 0; color: #173d47; font-size: 18px; font-weight: 650; letter-spacing: -.04em; }
.membership-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 28px; margin-top: 24px; }
.membership-form__grid p { margin: 0; }
.membership-form__wide { grid-column: 1 / -1; }
.membership-form label { display: flex; align-items: center; gap: 7px; margin-bottom: 9px; color: #40595f; font-size: 14px; font-weight: 600; }
.membership-form label em, .membership-agreement em { color: #a66f21; font-size: 11px; font-style: normal; font-weight: 650; }
.membership-form input:not([type="checkbox"]), .membership-form select { width: 100%; height: 46px; padding: 0 15px; border: 1px solid #d6dfdc; border-radius: 0; outline: 0; background: #fff; color: #24434d; font: inherit; font-size: 15px; transition: border-color .18s ease, box-shadow .18s ease; }
.account-form input:not([type="checkbox"]) { width: 100%; height: 51px; padding: 0 15px; border: 1px solid #d6dfdc; border-radius: 0; outline: 0; background: #fff; color: #24434d; font: inherit; font-size: 15px; transition: border-color .18s ease, box-shadow .18s ease; }
.membership-form select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, #64767b 50%), linear-gradient(135deg, #64767b 50%, transparent 50%); background-position: calc(100% - 18px) 20px, calc(100% - 13px) 20px; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; }
.membership-form input:focus, .membership-form select:focus, .account-form input:focus { border-color: #527a79; box-shadow: 0 0 0 3px rgba(82,122,121,.1); }
.membership-form__agreements { padding-top: 30px !important; }
.membership-form__all-check { display: flex; gap: 11px !important; margin: 0 0 19px !important; padding: 17px 18px; background: #f4f7f5; color: #173d47 !important; font-size: 15px !important; }
.membership-form input[type="checkbox"], .account-form input[type="checkbox"] { width: 17px; height: 17px; flex: 0 0 17px; margin: 0; accent-color: #2d6262; }
.membership-agreement { padding: 18px 0; border-top: 1px solid #e0e7e4; }
.membership-agreement > label { margin: 0; cursor: pointer; }
.membership-agreement > label span { display: inline-flex; align-items: center; gap: 7px; }
.membership-agreement details { margin-top: 13px; }
.membership-agreement summary { width: max-content; max-width: 100%; color: #718187; font-size: 13px; cursor: pointer; }
.membership-agreement details > div { margin-top: 13px; padding: 17px 18px; background: #f7f9f8; color: #69797e; font-size: 13px; line-height: 1.75; word-break: keep-all; }
.membership-agreement details p { margin: 0; }
.membership-agreement details p + p { margin-top: 10px; }
.membership-agreement details dl { display: grid; gap: 9px; margin: 0; }
.membership-agreement details dl div { display: grid; grid-template-columns: 116px minmax(0, 1fr); gap: 12px; }
.membership-agreement details dt { color: #466068; font-weight: 650; }
.membership-agreement details dd { margin: 0; }
.membership-form__submit { display: flex; align-items: center; gap: 22px; margin-top: 38px; }
.membership-form__submit button, .account-form > button { min-width: 176px; height: 54px; border: 1px solid #173d47; background: #173d47; color: #fff; font: inherit; font-size: 15px; font-weight: 650; cursor: pointer; transition: background .2s ease, border-color .2s ease, transform .2s ease; }
.membership-form__submit button:hover, .membership-form__submit button:focus-visible, .account-form > button:hover, .account-form > button:focus-visible { border-color: #a66f21; background: #a66f21; transform: translateY(-1px); }
.membership-form__submit p { margin: 0; color: #7a898d; font-size: 13px; line-height: 1.7; word-break: keep-all; }
.account-page { padding: clamp(84px, 10vw, 142px) 0; background: linear-gradient(135deg, #f7f9f8 0%, #fff 55%, #f3f6f3 100%); }
.account-page__inner { display: grid; grid-template-columns: minmax(360px, .96fr) minmax(320px, .74fr); width: min(1000px, calc(100% - 96px)); margin: 0 auto; box-shadow: 0 24px 70px rgba(17,49,55,.11); }
.account-panel { padding: clamp(48px, 6vw, 76px); background: #fff; }
.account-panel header > p, .account-page__aside > p { margin: 0 0 13px; color: #a66f21; font-size: 13px; font-weight: 650; }
.account-panel header h2 { margin: 0; color: #173d47; font-size: clamp(34px, 3.3vw, 44px); font-weight: 650; letter-spacing: -.06em; line-height: 1.2; }
.account-panel header > span { display: block; margin-top: 16px; color: #6f8085; font-size: 15px; line-height: 1.7; word-break: keep-all; }
.account-form { margin-top: 42px; }
.account-form > p { margin: 0 0 19px; }
.account-form > p label { display: block; margin-bottom: 9px; color: #40595f; font-size: 14px; font-weight: 600; }
.account-form__remember { display: inline-flex; align-items: center; gap: 8px; margin: 3px 0 28px; color: #74858a; font-size: 13px; cursor: pointer; }
.account-form__hint { display: block; margin: 2px 0 24px; color: #7a898d; font-size: 12px; line-height: 1.65; word-break: keep-all; }
.account-form > button { width: 100%; }
.account-panel__links { display: flex; gap: 20px; margin-top: 26px; }
.account-panel__links a { color: #738287; font-size: 13px; text-decoration: underline; text-decoration-color: #d2dbd8; text-underline-offset: 5px; }
.account-panel__links a + a { color: #a66f21; }
.account-panel__links--login { flex-wrap: wrap; }
.account-panel__links--login a:nth-child(2) { color: #738287; }
.account-panel__links--login a:last-child { margin-left: auto; color: #a66f21; }
.account-panel header + .form-message { margin-top: 28px; }
.account-panel .form-message + .account-form { margin-top: 25px; }
.account-page--single .account-page__inner { display: block; width: min(600px, calc(100% - 40px)); }
.account-invalid { margin-top: 36px; padding-top: 28px; border-top: 1px solid #dbe4e1; }
.account-invalid p { margin: 0; color: #66777c; font-size: 15px; line-height: 1.8; word-break: keep-all; }
.account-invalid a { display: inline-block; margin-top: 22px; padding-bottom: 6px; border-bottom: 1px solid #a66f21; color: #173d47; font-size: 13px; font-weight: 650; }
.account-page__aside { display: flex; flex-direction: column; justify-content: center; padding: clamp(44px, 5vw, 68px); background: #173d47; color: #fff; }
.account-page__aside > p { color: #e6b963; }
.account-page__aside h2 { margin: 0; font-size: clamp(27px, 2.7vw, 36px); font-weight: 600; letter-spacing: -.055em; line-height: 1.35; word-break: keep-all; }
.account-page__aside > span { max-width: 260px; margin-top: 22px; color: rgba(255,255,255,.72); font-size: 15px; line-height: 1.75; word-break: keep-all; }
.account-page__aside a { display: inline-flex; align-items: center; gap: 13px; width: max-content; margin-top: 42px; padding-bottom: 9px; border-bottom: 1px solid #e6b963; color: #fff; font-size: 14px; font-weight: 600; transition: gap .2s ease; }
.account-page__aside a:hover, .account-page__aside a:focus-visible { gap: 19px; }
.account-page__aside i { color: #e6b963; font-size: 18px; font-style: normal; }
@media (max-width: 800px) { .membership-registration { padding: 68px 0; } .account-page__inner { grid-template-columns: 1fr; width: min(620px, calc(100% - 40px)); } .account-page__aside { min-height: 250px; } }
@media (max-width: 560px) { .membership-registration { padding: 58px 0; } .membership-form { margin-top: 34px; } .membership-form fieldset { padding-top: 27px; } .membership-form fieldset + fieldset { margin-top: 34px; } .membership-form__grid { grid-template-columns: 1fr; gap: 19px; margin-top: 20px; } .membership-form__wide { grid-column: auto; } .membership-form__all-check { align-items: flex-start; padding: 15px; font-size: 14px !important; line-height: 1.55; } .membership-agreement details > div { padding: 14px; font-size: 12px; } .membership-agreement details dl div { grid-template-columns: 1fr; gap: 2px; } .membership-form__submit { display: grid; gap: 14px; margin-top: 30px; } .membership-form__submit button { width: 100%; } .account-page { padding: 62px 0 76px; } .account-panel { padding: 42px 28px; } .account-panel header h2 { font-size: 35px; } .account-page__aside { min-height: 0; padding: 42px 28px; } .account-page__aside a { margin-top: 30px; } }

/* Membership join: compact guidance followed by the application */
.membership-page { padding-top: clamp(56px,6vw,84px); }
.membership-summary { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); padding: 32px 0 38px; border-top: 2px solid #173d47; border-bottom: 1px solid #d6e0dd; }
.membership-summary article { min-width: 0; }
.membership-summary__fees { padding-right: clamp(32px,5vw,64px); }
.membership-summary__benefits { padding-left: clamp(32px,5vw,64px); border-left: 1px solid #dce4e1; }
.membership-summary header { display: grid; grid-template-columns: 178px minmax(0,1fr); align-items: baseline; gap: 18px; margin-bottom: 23px; }
.membership-summary header h2 { margin: 0; color: #173d47; font-size: 20px; font-weight: 670; letter-spacing: -.04em; line-height: 1.45; white-space: nowrap; }
.membership-summary header p { margin: 0; color: #75858a; font-size: 13px; line-height: 1.65; word-break: keep-all; }
.membership-summary dl { margin: 0; }
.membership-summary dl > div { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 22px; min-height: 48px; border-top: 1px solid #e1e7e5; }
.membership-summary dt { display: flex; align-items: baseline; gap: 12px; }
.membership-summary dt strong { color: #294b54; font-size: 14px; font-weight: 670; }
.membership-summary dt span { color: #839095; font-size: 12px; }
.membership-summary dd { margin: 0; color: #9b681c; font-size: 14px; font-weight: 670; white-space: nowrap; }
.membership-summary__benefits ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 24px; margin: 0; padding: 0; list-style: none; }
.membership-summary__benefits li { position: relative; min-height: 48px; display: flex; align-items: center; padding: 0 0 0 14px; border-top: 1px solid #e1e7e5; color: #53676d; font-size: 13px; line-height: 1.55; word-break: keep-all; }
.membership-summary__benefits li::before { position: absolute; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #b57a24; content: ""; }
.membership-registration { padding: clamp(48px,5.5vw,72px) 0 clamp(66px,7vw,94px); }
.membership-registration > .membership-section-heading { display: grid; grid-template-columns: 178px minmax(0,1fr); align-items: center; gap: 18px; }
.membership-registration > .membership-section-heading > p { margin: 0; font-size: 13px; }
.membership-registration > .membership-section-heading h2 { font-size: clamp(25px,2.3vw,32px); }
.membership-registration .form-message { margin-top: 25px; margin-bottom: -8px; border-radius: 0 6px 6px 0; }
.membership-form { max-width: none; margin-top: 32px; padding: clamp(30px,4vw,46px); border: 1px solid #d7e1de; border-radius: 12px; background: #f8faf9; box-shadow: 0 12px 34px rgba(23,61,71,.055); }
.membership-form fieldset { padding: 0; border: 0; }
.membership-form fieldset + fieldset { margin-top: 34px; padding-top: 32px; border-top: 1px solid #dce4e1; }
.membership-form legend { color: #173d47; font-size: 17px; font-weight: 670; }
.membership-form__grid { gap: 20px 24px; margin-top: 21px; }
.membership-form label { margin-bottom: 8px; font-size: 13px; }
.membership-form input:not([type="checkbox"]), .membership-form select { height: 44px; border-color: #cedbd7; border-radius: 7px; background-color: #fff; font-size: 14px; transition: border-color .18s ease,box-shadow .18s ease,background .18s ease; }
.membership-form input:not([type="checkbox"]):hover, .membership-form select:hover { border-color: #aebfba; }
.membership-form input:focus, .membership-form select:focus { border-color: #4e7877; box-shadow: 0 0 0 3px rgba(51,116,95,.09); }
.membership-form select { background-position: calc(100% - 18px) 19px,calc(100% - 13px) 19px; }
.membership-form__agreements { padding-top: 32px !important; }
.membership-form__all-check { margin-bottom: 14px !important; padding: 15px 17px; border: 1px solid #d8e2df; border-radius: 8px; background: #eef4f1; }
.membership-agreement { padding: 16px 2px; }
.membership-agreement details > div { border-radius: 6px; background: #f1f5f3; }
.membership-form__submit { margin-top: 32px; }
.membership-form__submit button { height: 50px; border-radius: 6px; box-shadow: 0 7px 18px rgba(23,61,71,.12); }
@media(max-width:900px){.membership-summary{grid-template-columns:1fr;gap:30px}.membership-summary__fees{padding-right:0}.membership-summary__benefits{padding-top:30px;padding-left:0;border-top:1px solid #dce4e1;border-left:0}.membership-summary header{grid-template-columns:170px minmax(0,1fr)}.membership-registration>.membership-section-heading{grid-template-columns:170px minmax(0,1fr)}}
@media(max-width:620px){.membership-page{padding-top:48px}.membership-summary{padding:25px 0 30px}.membership-summary header,.membership-registration>.membership-section-heading{grid-template-columns:1fr;gap:5px}.membership-summary header{margin-bottom:18px}.membership-summary header h2{font-size:19px}.membership-summary__benefits ul{grid-template-columns:1fr}.membership-summary__benefits li{min-height:44px}.membership-registration{padding:42px 0 68px}.membership-registration>.membership-section-heading h2{font-size:25px}.membership-form{margin-top:25px;padding:27px 20px;border-radius:9px}.membership-form fieldset+fieldset{margin-top:29px;padding-top:28px}.membership-form__grid{grid-template-columns:1fr;gap:17px;margin-top:18px}.membership-form__wide{grid-column:auto}.membership-form__submit{display:grid;gap:13px;margin-top:28px}.membership-form__submit button{width:100%}}

/* Membership join: concise after-application guidance */
.membership-guide { display: grid; grid-template-columns: .92fr 1.13fr .95fr; padding-top: clamp(44px,5vw,66px); border-top: 2px solid #173d47; }
.membership-guide__item { min-width: 0; padding: 2px clamp(28px,3.4vw,46px) 4px; }
.membership-guide__item:first-child { padding-left: 0; }
.membership-guide__item:last-child { padding-right: 0; }
.membership-guide__item + .membership-guide__item { border-left: 1px solid #d9e2df; }
.membership-guide__label { margin: 0 0 16px; color: #a66f21; font-size: 12px; font-weight: 680; letter-spacing: .01em; }
.membership-guide__item h2 { margin: 0; color: #173d47; font-size: clamp(18px,1.55vw,21px); font-weight: 650; letter-spacing: -.04em; line-height: 1.48; word-break: keep-all; }
.membership-guide__copy { margin: 15px 0 0; color: #66777c; font-size: 13px; line-height: 1.75; word-break: keep-all; }
.membership-guide__link { display: inline-flex; align-items: center; gap: 11px; margin-top: 21px; padding-bottom: 5px; border-bottom: 1px solid #c69a58; color: #294b54; font-size: 13px; font-weight: 650; transition: color .2s ease,gap .2s ease; }
.membership-guide__link span { color: #a66f21; font-size: 16px; }
.membership-guide__link:hover,.membership-guide__link:focus-visible { gap: 16px; color: #a66f21; }
.membership-guide__payment h2 { display: flex; flex-wrap: wrap; align-items: baseline; gap: 7px 13px; }
.membership-guide__payment h2 strong { color: #173d47; font-size: 1.06em; font-weight: 720; letter-spacing: -.025em; }
.membership-guide__account { margin: 17px 0 0; }
.membership-guide__account > div { display: grid; grid-template-columns: 66px minmax(0,1fr); gap: 12px; padding: 9px 0; border-top: 1px solid #e1e7e5; }
.membership-guide__account dt { color: #879397; font-size: 12px; font-weight: 550; }
.membership-guide__account dd { margin: 0; color: #4d6268; font-size: 13px; font-weight: 560; line-height: 1.55; word-break: keep-all; }
.membership-guide__account dd span { display: block; margin-top: 2px; color: #909b9e; font-size: 11px; font-weight: 450; }
.membership-guide__contact address { display: grid; gap: 8px; margin-top: 17px; font-style: normal; }
.membership-guide__contact address p,.membership-guide__contact address a { display: grid; grid-template-columns: 48px minmax(0,1fr); gap: 10px; margin: 0; color: #4d6268; font-size: 13px; line-height: 1.55; }
.membership-guide__contact address span { color: #8a9699; font-size: 12px; }
.membership-guide__contact address strong { color: #4d6268; font-weight: 600; }
.membership-guide__contact address a { transition: color .2s ease; }
.membership-guide__contact address a:hover,.membership-guide__contact address a:focus-visible { color: #a66f21; }
@media(max-width:900px){.membership-guide{grid-template-columns:1fr 1fr}.membership-guide__item{padding:2px 0 34px}.membership-guide__item+.membership-guide__item{border-left:0}.membership-guide__payment{padding-left:34px;border-left:1px solid #d9e2df!important}.membership-guide__contact{grid-column:1/-1;display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px;margin-top:0;padding-top:30px;border-top:1px solid #d9e2df}.membership-guide__contact .membership-guide__label{grid-column:1;grid-row:1;margin:3px 0 0}.membership-guide__contact h2{grid-column:2}.membership-guide__contact address{grid-column:2;margin-top:-10px}}
@media(max-width:620px){.membership-guide{grid-template-columns:1fr;padding-top:34px}.membership-guide__item,.membership-guide__payment{padding:0 0 29px;border-left:0!important}.membership-guide__item+.membership-guide__item{padding-top:28px;border-top:1px solid #d9e2df}.membership-guide__item h2{font-size:19px}.membership-guide__contact{display:block;margin:0}.membership-guide__contact .membership-guide__label{margin-bottom:16px}.membership-guide__contact address{margin-top:16px}}

/* Contact: quiet, form-first inquiry layout */
.contact-page { padding: clamp(72px,8vw,112px) 0 clamp(92px,10vw,138px); background: #fff; color: #4f6268; }
.contact-page__inner { width: min(1120px,calc(100% - 96px)); margin: 0 auto; }
.contact-heading { display: grid; grid-template-columns: minmax(290px,.8fr) minmax(0,1.2fr); align-items: end; gap: clamp(45px,8vw,116px); margin-bottom: 39px; }
.contact-heading div > p { margin: 0 0 11px; color: #a66f21; font-size: 12px; font-weight: 680; }
.contact-heading h2 { margin: 0; color: #173d47; font-size: clamp(27px,2.8vw,37px); font-weight: 650; letter-spacing: -.055em; line-height: 1.32; word-break: keep-all; }
.contact-heading > p { max-width: 580px; margin: 0 0 4px; color: #6b7c81; font-size: 14px; line-height: 1.78; word-break: keep-all; }
.contact-page .form-message { margin-bottom: 22px; border-radius: 0 5px 5px 0; }
.contact-layout { display: grid; grid-template-columns: minmax(0,1fr) 276px; border-top: 2px solid #173d47; border-bottom: 1px solid #d6e0dd; }
.contact-form { min-width: 0; padding: 42px clamp(38px,5vw,66px) 46px 0; }
.contact-form__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 30px; }
.contact-field { min-width: 0; margin: 0; }
.contact-field--wide { grid-column: 1/-1; }
.contact-field label { display: flex; align-items: center; gap: 7px; margin-bottom: 9px; color: #294b54; font-size: 13px; font-weight: 650; }
.contact-field label em { color: #a66f21; font-size: 10px; font-style: normal; font-weight: 700; }
.contact-field label span { color: #9aa4a6; font-size: 10px; font-weight: 550; }
.contact-field input,.contact-field select,.contact-field textarea { width: 100%; border: 0; border-bottom: 1px solid #cbd7d3; border-radius: 0; outline: 0; background: transparent; color: #294850; font: inherit; font-size: 14px; transition: border-color .2s ease,box-shadow .2s ease,background .2s ease; }
.contact-field input,.contact-field select { height: 47px; padding: 0 4px; }
.contact-field select { padding-right: 38px; cursor: pointer; }
.contact-field input::placeholder,.contact-field textarea::placeholder { color: #a0abad; }
.contact-field input:hover,.contact-field select:hover { border-color: #9fb1ac; }
.contact-field input:focus,.contact-field select:focus { border-color: #3f706f; box-shadow: 0 1px 0 #3f706f; }
.contact-field--message { margin-top: 3px; }
.contact-field textarea { min-height: 204px; padding: 18px 19px; border: 1px solid #d4dfdc; border-radius: 7px; background: #fbfcfb; line-height: 1.75; resize: vertical; }
.contact-field textarea:hover { border-color: #aebfba; }
.contact-field textarea:focus { border-color: #4d7775; background: #fff; box-shadow: 0 0 0 3px rgba(63,112,111,.08); }
.contact-field small { display: block; margin-top: 8px; color: #929da0; font-size: 11px; line-height: 1.55; }
.contact-form__consent { display: flex; align-items: flex-start; gap: 11px; margin-top: 25px; padding-top: 23px; border-top: 1px solid #e0e6e4; color: #748388; font-size: 12px; line-height: 1.65; cursor: pointer; word-break: keep-all; }
.contact-form__consent input { flex: 0 0 auto; width: 16px; height: 16px; margin: 2px 0 0; accent-color: #376b65; }
.contact-form__consent strong { color: #3b555d; font-weight: 650; }
.contact-form__actions { display: flex; align-items: center; gap: 18px; margin-top: 28px; }
.contact-form__actions button { min-width: 138px; height: 47px; padding: 0 24px; border: 1px solid #173d47; border-radius: 5px; background: #173d47; color: #fff; font: inherit; font-size: 13px; font-weight: 680; cursor: pointer; transition: background .2s ease,border-color .2s ease,transform .2s ease; }
.contact-form__actions button:hover,.contact-form__actions button:focus-visible { border-color: #9b681c; background: #9b681c; transform: translateY(-1px); }
.contact-form__actions p { margin: 0; color: #8b979a; font-size: 11px; }
.contact-aside { min-width: 0; padding: 42px 0 42px clamp(30px,3.5vw,48px); border-left: 1px solid #dce4e1; }
.contact-aside section + section { margin-top: 42px; padding-top: 35px; border-top: 1px solid #dce4e1; }
.contact-aside section > p { margin: 0 0 15px; color: #a66f21; font-size: 12px; font-weight: 680; }
.contact-aside h3 { margin: 0; color: #294b54; font-size: 18px; font-weight: 650; letter-spacing: -.035em; line-height: 1.55; word-break: keep-all; }
.contact-aside section > span { display: block; margin-top: 13px; color: #718186; font-size: 13px; line-height: 1.75; word-break: keep-all; }
.contact-aside dl { margin: 0; }
.contact-aside dl div { display: grid; grid-template-columns: 52px minmax(0,1fr); gap: 10px; padding: 7px 0; }
.contact-aside dt { color: #929da0; font-size: 11px; }
.contact-aside dd { min-width: 0; margin: 0; color: #4c6268; font-size: 12px; line-height: 1.55; overflow-wrap: anywhere; }
.contact-aside a { color: inherit; transition: color .2s ease; }
.contact-aside a:hover,.contact-aside a:focus-visible { color: #a66f21; }
@media(max-width:840px){.contact-page__inner{width:min(700px,calc(100% - 48px))}.contact-heading{grid-template-columns:1fr;gap:13px}.contact-heading>p{max-width:none}.contact-layout{grid-template-columns:1fr}.contact-form{padding-right:0}.contact-aside{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:34px 0;border-top:1px solid #dce4e1;border-left:0}.contact-aside section+section{margin:0;padding:0 0 0 34px;border-top:0;border-left:1px solid #dce4e1}}
@media(max-width:580px){.contact-page{padding:62px 0 82px}.contact-page__inner{width:calc(100% - 40px)}.contact-heading{margin-bottom:30px}.contact-form{padding:31px 0 36px}.contact-form__grid{grid-template-columns:1fr;gap:23px}.contact-field--wide{grid-column:auto}.contact-field textarea{min-height:190px;padding:15px}.contact-form__consent{margin-top:21px;padding-top:20px}.contact-form__actions{align-items:stretch;flex-direction:column;gap:10px}.contact-form__actions button{width:100%}.contact-aside{grid-template-columns:1fr;gap:27px;padding:29px 0}.contact-aside section+section{padding:27px 0 0;border-top:1px solid #dce4e1;border-left:0}}
.contact-success-modal[hidden] { display: none; }
.contact-success-modal { position: fixed; inset: 0; z-index: 500; display: grid; place-items: center; padding: 24px; background: rgba(7,30,36,.46); opacity: 0; transition: opacity .18s ease; }
.contact-success-modal.is-visible { opacity: 1; }
.contact-success-modal__dialog { width: min(420px,100%); padding: 39px 38px 34px; border: 1px solid rgba(23,61,71,.14); border-radius: 9px; outline: 0; background: #fff; box-shadow: 0 22px 58px rgba(7,30,36,.18); text-align: center; transform: translateY(8px); transition: transform .2s ease; }
.contact-success-modal.is-visible .contact-success-modal__dialog { transform: translateY(0); }
.contact-success-modal__mark { display: grid; width: 36px; height: 36px; margin: 0 auto 19px; place-items: center; border: 1px solid #80a59a; border-radius: 50%; color: #386d61; font-size: 18px; font-weight: 600; }
.contact-success-modal h2 { margin: 0; color: #173d47; font-size: 24px; font-weight: 650; letter-spacing: -.045em; line-height: 1.4; }
.contact-success-modal p { margin: 13px 0 0; color: #697a7f; font-size: 14px; line-height: 1.75; word-break: keep-all; }
.contact-success-modal small { display: block; margin-top: 13px; color: #9a751f; font-size: 11px; font-weight: 650; letter-spacing: .015em; }
.contact-success-modal button { min-width: 112px; height: 43px; margin-top: 25px; padding: 0 24px; border: 1px solid #173d47; border-radius: 5px; background: #173d47; color: #fff; font: inherit; font-size: 13px; font-weight: 650; cursor: pointer; transition: background .18s ease,border-color .18s ease; }
.contact-success-modal button:hover,.contact-success-modal button:focus-visible { border-color: #9b681c; background: #9b681c; }
@media(max-width:480px){.contact-success-modal{padding:20px}.contact-success-modal__dialog{padding:34px 25px 28px}.contact-success-modal h2{font-size:22px}.contact-success-modal p br{display:none}.contact-success-modal button{width:100%}}

.form-message { margin: 0 0 24px; padding: 14px 17px; border-left: 3px solid #a66f21; background: #faf6ef; color: #5f604f; font-size: 14px; line-height: 1.7; word-break: keep-all; }
.form-message--success, .form-message--result { border-left-color: #2f7461; background: #eef6f2; color: #315f53; }
.form-message--error { border-left-color: #a44e43; background: #fbf1ef; color: #874339; }
.my-page { padding: clamp(78px, 9vw, 126px) 0; background: #f7f9f8; }
.my-page__inner { width: min(1000px, calc(100% - 96px)); margin: 0 auto; }
.my-page__header { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 34px; }
.my-page__header p { margin: 0 0 12px; color: #a66f21; font-size: 13px; font-weight: 650; }
.my-page__header h2 { margin: 0; color: #173d47; font-size: clamp(32px, 4vw, 44px); font-weight: 650; letter-spacing: -.06em; }
.my-page__header span { color: #75868b; font-size: 15px; line-height: 1.7; word-break: keep-all; }
.my-page__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 2px solid #173d47; background: #fff; box-shadow: 0 17px 45px rgba(28,58,64,.06); }
.my-page__section { padding: 36px 38px 40px; border-bottom: 1px solid #dbe4e1; }
.my-page__section:nth-child(odd) { border-right: 1px solid #dbe4e1; }
.my-page__section h3 { margin: 0 0 25px; color: #173d47; font-size: 18px; font-weight: 650; letter-spacing: -.04em; }
.my-page__details { margin: 0; }
.my-page__details div { display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 18px; padding: 11px 0; }
.my-page__details dt { color: #819095; font-size: 13px; font-weight: 600; }
.my-page__details dd { margin: 0; color: #314f57; font-size: 15px; font-weight: 600; word-break: keep-all; }
.my-page__badge { display: inline-flex; align-items: center; min-height: 28px; padding: 0 10px; border-radius: 30px; background: #faf0db; color: #9b6c17; font-size: 12px; font-weight: 650; }
.my-page__badge--active, .my-page__badge--confirmed { background: #e6f1eb; color: #2d7059; }
.my-page__badge--suspended, .my-page__badge--rejected { background: #f8e9e7; color: #984a40; }
.my-page__notice { margin: 27px 0 0; padding-top: 20px; border-top: 1px solid #e2e8e6; color: #7a898d; font-size: 13px; line-height: 1.75; word-break: keep-all; }
.member-account-tools { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; padding-top: 20px; border-top: 1px solid #e2e8e6; }
.member-account-tool { flex: 0 0 auto; scroll-margin-top: 118px; }
.member-account-tool[open] { flex-basis: 100%; }
.member-account-tool summary { display: inline-flex; min-height: 37px; align-items: center; justify-content: center; padding: 0 14px; border: 1px solid #c8d5d2; border-radius: 4px; background: #fff; color: #365b63; font-size: 11px; font-weight: 680; list-style: none; cursor: pointer; transition: border-color .18s ease,background .18s ease,color .18s ease; }
.member-account-tool summary::-webkit-details-marker { display: none; }
.member-account-tool__open { display: none; }
.member-account-tool[open] .member-account-tool__closed { display: none; }
.member-account-tool[open] .member-account-tool__open { display: inline; }
.member-account-tool summary:hover, .member-account-tool summary:focus-visible { border-color: #527a79; background: #f2f6f4; outline: 0; }
.member-account-tool[open] summary { border-color: #173d47; background: #173d47; color: #fff; }
.member-account-tool__panel { margin-top: 13px; padding: 21px 22px 23px; border: 1px solid #d9e3e0; border-radius: 6px; background: #f7f9f8; }
.member-account-tool__panel > header { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.member-account-tool__panel h4 { margin: 0; color: #264a53; font-size: 15px; font-weight: 680; letter-spacing: -.025em; }
.member-account-tool__panel header p { margin: 0; color: #829095; font-size: 10px; line-height: 1.55; text-align: right; }
.member-account-form__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 15px; }
.member-account-form label { display: grid; gap: 7px; color: #50666c; font-size: 11px; font-weight: 620; }
.member-account-form__wide { grid-column: 1 / -1; }
.member-account-form input { width: 100%; height: 41px; min-width: 0; padding: 0 12px; border: 1px solid #d1ddda; border-radius: 4px; outline: 0; background: #fff; color: #294852; font: inherit; font-size: 12px; transition: border-color .18s ease,box-shadow .18s ease; }
.member-account-form input:focus { border-color: #527a79; box-shadow: 0 0 0 3px rgba(82,122,121,.09); }
.member-account-form__actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 17px; }
.member-account-form button { min-width: 122px; height: 40px; padding: 0 16px; border: 1px solid #173d47; border-radius: 4px; background: #173d47; color: #fff; font: inherit; font-size: 11px; font-weight: 680; cursor: pointer; }
.member-account-form button:hover, .member-account-form button:focus-visible { border-color: #a66f21; background: #a66f21; }
.member-account-form .member-account-form__cancel { min-width: 76px; border-color: #c5d2cf; background: #fff; color: #526970; }
.member-account-form .member-account-form__cancel:hover, .member-account-form .member-account-form__cancel:focus-visible { border-color: #78908a; background: #eef3f1; color: #294e57; }
.member-account-form__help { margin: 12px 0 0; color: #849195; font-size: 10px; line-height: 1.6; }
.member-account-feedback { margin: 0 0 15px; padding: 10px 12px; border-left: 2px solid #527a79; background: #edf5f2; color: #45665e; font-size: 11px; line-height: 1.6; }
.member-account-feedback--error { border-left-color: #a14f45; background: #fbf2f0; color: #884940; }
.my-page__edit { scroll-margin-top: 118px; margin-top: clamp(62px,7vw,92px); }
.my-page__edit > header { display: grid; grid-template-columns: minmax(0,.9fr) minmax(340px,1.1fr); gap: 10px clamp(40px,7vw,100px); align-items: end; margin-bottom: 32px; }
.my-page__edit > header p { grid-column: 1; margin: 0 0 8px; color: #a66f21; font-size: 13px; font-weight: 650; }
.my-page__edit > header h2 { grid-column: 1; margin: 0; color: #173d47; font-size: clamp(27px,3vw,37px); font-weight: 650; letter-spacing: -.055em; line-height: 1.35; word-break: keep-all; }
.my-page__edit > header span { grid-column: 2; grid-row: 1 / span 2; color: #74858a; font-size: 14px; line-height: 1.75; word-break: keep-all; }
.my-page__forms { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr); border-top: 2px solid #173d47; background: #fff; box-shadow: 0 17px 45px rgba(28,58,64,.06); }
.my-page-form { min-width: 0; padding: 36px 38px 40px; }
.my-page-form + .my-page-form { border-left: 1px solid #dbe4e1; }
.my-page-form h3 { margin: 0 0 25px; color: #173d47; font-size: 18px; font-weight: 650; letter-spacing: -.04em; }
.my-page-form__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 24px; }
.my-page-form p { margin: 0 0 18px; }
.my-page-form__grid p { margin: 0; }
.my-page-form label { display: block; margin-bottom: 8px; color: #50666c; font-size: 13px; font-weight: 600; }
.my-page-form input { width: 100%; height: 43px; padding: 0 14px; border: 1px solid #d5dfdc; border-radius: 0; outline: 0; background: #fff; color: #294852; font: inherit; font-size: 14px; transition: border-color .18s ease, box-shadow .18s ease; }
.my-page-form input:disabled { background: #f4f6f5; color: #8a9699; }
.my-page-form input:focus { border-color: #527a79; box-shadow: 0 0 0 3px rgba(82,122,121,.1); }
.my-page-form > span { display: block; color: #7c8b8f; font-size: 12px; line-height: 1.7; word-break: keep-all; }
.my-page-form button { min-width: 150px; height: 48px; margin-top: 28px; padding: 0 22px; border: 1px solid #173d47; background: #173d47; color: #fff; font: inherit; font-size: 13px; font-weight: 650; cursor: pointer; transition: background .2s ease, border-color .2s ease; }
.my-page-form button:hover, .my-page-form button:focus-visible { border-color: #a66f21; background: #a66f21; }
.my-page-form--password { scroll-margin-top: 118px; }
@media (max-width: 800px) { .my-page__forms { grid-template-columns: 1fr; } .my-page-form + .my-page-form { border-top: 1px solid #dbe4e1; border-left: 0; } }
@media (max-width: 700px) { .my-page__inner { width: min(100% - 40px, 620px); } .my-page__header { display: block; } .my-page__header span { display: block; margin-top: 13px; } .my-page__header span br { display: none; } .my-page__grid { grid-template-columns: 1fr; } .my-page__section, .my-page__section:nth-child(odd) { border-right: 0; } .my-page__edit > header { grid-template-columns: 1fr; gap: 10px; } .my-page__edit > header p, .my-page__edit > header h2, .my-page__edit > header span { grid-column: 1; grid-row: auto; } }
@media (max-width: 520px) { .my-page { padding: 62px 0 76px; } .my-page__section, .my-page-form { padding: 30px 24px; } .my-page__details div { grid-template-columns: 82px minmax(0, 1fr); gap: 12px; } .my-page-form__grid { grid-template-columns: 1fr; gap: 17px; } .my-page-form button { width: 100%; } }

/* Notice board */
.notice-board { padding: clamp(78px, 8vw, 118px) 0 clamp(94px, 10vw, 142px); background: #fff; }
.notice-board__inner { width: min(1120px, calc(100% - 96px)); margin: 0 auto; }
.notice-board__heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 38px; }
.notice-board__heading p { margin: 0 0 11px; color: #7a898d; font-size: 14px; line-height: 1.65; }
.notice-board__heading h2 { margin: 0; color: #173d47; font-size: clamp(30px, 3vw, 42px); font-weight: 650; letter-spacing: -.06em; line-height: 1.2; }
.notice-board__heading > span { color: #76868a; font-size: 13px; }
.notice-list { border-top: 2px solid #173d47; }
.notice-list__head, .notice-list__row { display: grid; grid-template-columns: 92px minmax(0, 1fr) 130px 78px; align-items: center; }
.notice-list__head { min-height: 53px; border-bottom: 1px solid #bac7c4; color: #6d7d82; font-size: 12px; font-weight: 650; text-align: center; }
.notice-list__head span:nth-child(2) { text-align: left; }
.notice-list__row { min-height: 76px; border-bottom: 1px solid #e0e6e4; color: #6b7a7f; font-size: 13px; text-align: center; transition: background .18s ease; }
.notice-list__row:hover, .notice-list__row:focus-visible { background: #f7f9f8; }
.notice-list__row strong { min-width: 0; overflow: hidden; color: #294852; font-size: 16px; font-weight: 540; letter-spacing: -.03em; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.notice-list__row.is-notice strong { color: #173d47; font-weight: 680; }
.notice-list__number b { display: inline-flex; align-items: center; min-height: 25px; padding: 0 9px; background: #173d47; color: #fff; font-size: 11px; font-weight: 650; }
.notice-list__row time, .notice-list__views { color: #899599; font-size: 12px; }
.press-list__source { display: inline-flex; align-items: center; margin-right: 11px; padding-right: 11px; border-right: 1px solid #d7dfdd; color: #a66f21; font-size: 11px; font-weight: 650; letter-spacing: -.01em; vertical-align: 2px; }
.press-list__link { color: #45686d; font-weight: 650; }
.press-list__row:hover .press-list__link, .press-list__row:focus-visible .press-list__link { color: #a66f21; }
.notice-view__actions .notice-view__external { border-color: #173d47; background: #173d47; color: #fff; }
.notice-list__empty { padding: 74px 24px; border-bottom: 1px solid #dfe6e4; color: #849195; font-size: 14px; text-align: center; }
.notice-board__message { margin: 0 0 18px; padding: 15px 18px; border-left: 2px solid #a66f21; background: #faf7f1; color: #716654; font-size: 14px; }
.notice-pagination { display: flex; align-items: center; justify-content: center; gap: 5px; margin-top: 38px; }
.notice-pagination a { display: inline-grid; width: 35px; height: 35px; place-items: center; color: #728186; font-size: 13px; text-decoration: none; }
.notice-pagination a:hover, .notice-pagination a:focus-visible { color: #173d47; }
.notice-pagination a.is-current { background: #173d47; color: #fff; font-weight: 650; }
.notice-pagination__arrow { font-size: 20px !important; }
.notice-search { display: flex; align-items: center; justify-content: flex-end; gap: 20px; margin-top: 46px; padding-top: 27px; border-top: 1px solid #e1e7e5; }
.notice-search label { color: #52676d; font-size: 13px; font-weight: 650; }
.notice-search > div { display: grid; grid-template-columns: minmax(220px, 300px) 72px; }
.notice-search input { min-width: 0; height: 42px; padding: 0 13px; border: 1px solid #ccd7d4; border-right: 0; outline: 0; color: #314e56; font: inherit; font-size: 13px; }
.notice-search input:focus { border-color: #527a79; box-shadow: inset 0 0 0 1px #527a79; }
.notice-search button { border: 0; background: #173d47; color: #fff; font: inherit; font-size: 12px; font-weight: 650; cursor: pointer; }
.notice-view { border-top: 2px solid #173d47; }
.notice-view__header { padding: 42px 32px 34px; border-bottom: 1px solid #ccd7d4; text-align: center; }
.notice-view__label { display: inline-block; margin-bottom: 17px; color: #a66f21; font-size: 12px; font-weight: 700; }
.notice-view__header h2 { max-width: 840px; margin: 0 auto; color: #173d47; font-size: clamp(25px, 3vw, 36px); font-weight: 650; letter-spacing: -.055em; line-height: 1.4; word-break: keep-all; }
.notice-view__header dl { display: flex; align-items: center; justify-content: center; gap: 0; margin: 24px 0 0; color: #829095; font-size: 12px; }
.notice-view__header dl div { display: flex; gap: 7px; padding: 0 14px; }
.notice-view__header dl div + div { border-left: 1px solid #d8e0de; }
.notice-view__header dt { font-weight: 650; }
.notice-view__header dd { margin: 0; }
.notice-view__content { min-height: 320px; padding: clamp(46px, 6vw, 74px) clamp(18px, 5vw, 68px); border-bottom: 1px solid #cdd8d5; color: #465d64; font-size: 16px; letter-spacing: -.015em; line-height: 2; word-break: keep-all; overflow-wrap: anywhere; }
.board-rich-content > :first-child { margin-top: 0; }
.board-rich-content > :last-child { margin-bottom: 0; }
.board-rich-content p { margin: 0 0 1.25em; }
.board-rich-content h3, .board-rich-content h4 { margin: 2em 0 .7em; color: #173d47; font-weight: 680; letter-spacing: -.045em; line-height: 1.45; }
.board-rich-content h3 { font-size: 1.34em; }
.board-rich-content h4 { font-size: 1.15em; }
.board-rich-content ul, .board-rich-content ol { margin: 1.1em 0 1.45em; padding-left: 1.55em; }
.board-rich-content li + li { margin-top: .42em; }
.board-rich-content blockquote { margin: 1.6em 0; padding: .25em 0 .25em 1.25em; border-left: 2px solid #a66f21; color: #5d7075; }
.board-rich-content a { color: #2d6974; text-decoration: underline; text-decoration-color: rgba(45,105,116,.4); text-underline-offset: 4px; }
.board-rich-content img { display: block; max-width: 100%; height: auto; margin: 2em 0; }
.board-rich-content table { width: 100%; margin: 1.8em 0; border-collapse: collapse; table-layout: fixed; }
.board-rich-content th, .board-rich-content td { padding: .85em 1em; border: 1px solid #d5dfdc; vertical-align: top; overflow-wrap: anywhere; }
.board-rich-content th { background: #f4f7f6; color: #294852; font-weight: 650; }
.board-rich-content hr { margin: 2.2em 0; border: 0; border-top: 1px solid #d5dfdc; }
.notice-view__adjacent { border-bottom: 1px solid #bdcac7; }
.notice-view__adjacent div { display: grid; grid-template-columns: 92px minmax(0,1fr); min-height: 59px; align-items: center; border-top: 1px solid #e1e7e5; }
.notice-view__adjacent span { color: #6f8084; font-size: 12px; font-weight: 650; text-align: center; }
.notice-view__adjacent a, .notice-view__adjacent em { overflow: hidden; color: #3b555d; font-size: 14px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.notice-view__adjacent em { color: #98a3a6; }
.notice-view__actions { display: flex; justify-content: center; gap: 9px; margin-top: 34px; }
.notice-view__actions a { display: inline-flex; align-items: center; justify-content: center; min-width: 112px; height: 44px; border: 1px solid #173d47; background: #173d47; color: #fff; font-size: 13px; font-weight: 650; }
.notice-view__actions .notice-view__admin { border-color: #cbd6d3; background: #fff; color: #53686e; }
.notice-board__empty { padding: 86px 24px; border-top: 2px solid #173d47; border-bottom: 1px solid #cdd8d5; text-align: center; }
.notice-board__empty strong { display: block; color: #173d47; font-size: 22px; font-weight: 650; }
.notice-board__empty p { margin: 12px 0 26px; color: #7b898d; font-size: 14px; }
.notice-board__empty a { display: inline-block; padding-bottom: 5px; border-bottom: 1px solid #a66f21; color: #314e56; font-size: 13px; font-weight: 650; }
@media (max-width: 720px) { .notice-board__inner { width: min(100% - 40px, 620px); } .notice-list__head { display: none; } .notice-list__row { grid-template-columns: 48px minmax(0,1fr) auto; min-height: 82px; padding: 14px 0; text-align: left; } .notice-list__row strong { padding-right: 14px; white-space: normal; line-height: 1.5; } .notice-list__views { display: none; } .notice-list__row time { align-self: end; grid-column: 2; grid-row: 2; margin-top: 5px; } .notice-list__number { grid-column: 1; grid-row: 1 / span 2; } .notice-list__number b { min-height: 23px; padding: 0 7px; } .notice-search { display: block; } .notice-search label { display: block; margin-bottom: 9px; } .notice-search > div { grid-template-columns: minmax(0,1fr) 68px; } .notice-view__header { padding: 34px 12px 28px; } .notice-view__header dl { flex-wrap: wrap; row-gap: 7px; } .notice-view__header dl div { padding: 0 9px; } .notice-view__content { min-height: 260px; padding-right: 4px; padding-left: 4px; font-size: 15px; line-height: 1.9; } }
@media (max-width: 460px) { .notice-board { padding: 62px 0 82px; } .notice-board__heading { display: block; margin-bottom: 27px; } .notice-board__heading > span { display: block; margin-top: 13px; } .notice-view__adjacent div { grid-template-columns: 68px minmax(0,1fr); } .notice-view__adjacent a, .notice-view__adjacent em { font-size: 13px; } }

/* Society news and gallery boards */
.news-board-page { padding: clamp(78px,8vw,118px) 0 clamp(94px,10vw,142px); background: #fff; }
.news-board-page__category { margin: 0 0 16px; color: #a66f21; font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.board-view-image { margin: clamp(44px,5vw,66px) auto 0; width: min(920px,calc(100% - 48px)); }
.board-view-image img { display: block; width: 100%; max-height: 620px; object-fit: contain; background: #f4f6f5; }
.board-view-image + .notice-view__content { min-height: 220px; }
.gallery-board-page { padding: clamp(78px,8vw,118px) 0 clamp(94px,10vw,142px); background: #fff; }
.gallery-board__inner { width: min(1180px,calc(100% - 96px)); margin: 0 auto; }
.gallery-board__heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 42px; }
.gallery-board__heading p { margin: 0 0 11px; color: #7a898d; font-size: 14px; }
.gallery-board__heading h2 { margin: 0; color: #173d47; font-size: clamp(30px,3vw,42px); font-weight: 650; letter-spacing: -.06em; }
.gallery-board__heading > span { color: #78888c; font-size: 13px; }
.gallery-board__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); column-gap: 26px; row-gap: 46px; padding-top: 28px; border-top: 2px solid #173d47; }
.gallery-board__item { display: block; color: inherit; text-decoration: none; }
.gallery-board__item figure { position: relative; margin: 0; aspect-ratio: 4/3; overflow: hidden; background: #edf1ef; }
.gallery-board__item img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.gallery-board__item:hover img,.gallery-board__item:focus-visible img { transform: scale(1.025); }
.gallery-board__placeholder { display: grid; width: 100%; height: 100%; place-items: center; color: #97a7a5; font-size: 14px; font-weight: 700; letter-spacing: .16em; }
.gallery-board__item > div { padding: 20px 2px 0; }
.gallery-board__item time { color: #a66f21; font-size: 11px; font-weight: 650; }
.gallery-board__item h3 { margin: 9px 0 0; color: #22434c; font-size: 19px; font-weight: 650; letter-spacing: -.045em; line-height: 1.45; word-break: keep-all; }
.gallery-board__item p { margin: 10px 0 0; color: #748389; font-size: 13px; line-height: 1.7; word-break: keep-all; }
.gallery-board__empty { grid-column: 1/-1; padding: 72px 20px; border-bottom: 1px solid #dfe6e4; color: #849195; font-size: 14px; text-align: center; }
.gallery-view { border-top: 2px solid #173d47; }
.gallery-view > header { padding: 43px 20px 37px; border-bottom: 1px solid #ccd7d4; text-align: center; }
.gallery-view > header > p { margin: 0 0 15px; color: #a66f21; font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.gallery-view > header h2 { max-width: 850px; margin: 0 auto; color: #173d47; font-size: clamp(25px,3vw,36px); font-weight: 650; letter-spacing: -.055em; line-height: 1.4; }
.gallery-view > header div { display: flex; justify-content: center; gap: 18px; margin-top: 22px; color: #849195; font-size: 12px; }
.gallery-view > figure { margin: clamp(48px,6vw,76px) auto 0; width: min(980px,calc(100% - 48px)); }
.gallery-view > figure img { display: block; width: 100%; max-height: 720px; object-fit: contain; background: #f4f6f5; }
.gallery-view__content { min-height: 190px; padding: 42px max(24px,calc((100% - 900px)/2)) 64px; border-bottom: 1px solid #ccd7d4; color: #4a6067; font-size: 16px; line-height: 1.95; word-break: keep-all; }
@media(max-width:900px){.gallery-board__grid{grid-template-columns:repeat(2,minmax(0,1fr));}.gallery-board__inner{width:min(100% - 48px,760px);}}
@media(max-width:580px){.news-board-page,.gallery-board-page{padding:62px 0 82px}.gallery-board__inner{width:calc(100% - 40px)}.gallery-board__heading{display:block;margin-bottom:28px}.gallery-board__heading>span{display:block;margin-top:13px}.gallery-board__grid{grid-template-columns:1fr;row-gap:36px;padding-top:22px}.gallery-board__item h3{font-size:18px}.gallery-view>header{padding:34px 8px 29px}.gallery-view>figure{width:100%;margin-top:38px}.gallery-view__content{padding:34px 2px 50px;font-size:15px}.board-view-image{width:100%;margin-top:38px}}

/* Official social channels */
.sns-directory { padding: clamp(82px,9vw,128px) 0 clamp(96px,10vw,144px); background: #fff; }
.sns-directory__inner { width: min(1120px,calc(100% - 96px)); margin: 0 auto; }
.sns-directory__heading { display: grid; grid-template-columns: 230px minmax(0,1fr); align-items: center; gap: clamp(38px,6vw,86px); padding: 0 12px 28px; border-bottom: 1px solid #cbd6d3; }
.sns-directory__heading h2 { margin: 0; color: #173d47; font-size: clamp(25px,2.2vw,31px); font-weight: 650; letter-spacing: -.045em; line-height: 1.4; white-space: nowrap; }
.sns-directory__heading > p { max-width: 620px; margin: 0; color: #63757a; font-size: 14px; line-height: 1.8; word-break: keep-all; }
.sns-directory__list { margin: 0; padding: 0; list-style: none; }
.sns-directory__list li { border-bottom: 1px solid #dce4e2; }
.sns-channel { position: relative; display: grid; grid-template-columns: 64px 190px minmax(0,1fr) 112px; align-items: center; gap: 26px; min-height: 124px; padding: 27px 12px; color: inherit; text-decoration: none; transition: background .2s ease; }
.sns-channel::before { position: absolute; top: 27px; bottom: 27px; left: 0; width: 2px; background: transparent; content: ""; transition: background .2s ease; }
.sns-channel:hover, .sns-channel:focus-visible { background: #f8faf9; outline: 0; }
.sns-channel--facebook:hover::before, .sns-channel--facebook:focus-visible::before { background: #1877f2; }
.sns-channel--instagram:hover::before, .sns-channel--instagram:focus-visible::before { background: #c13584; }
.sns-channel__icon { display: grid; width: 58px; height: 58px; place-items: center; color: #fff; }
.sns-channel__icon svg { width: 28px; height: 28px; fill: currentColor; }
.sns-channel--facebook .sns-channel__icon { border-radius: 50%; background: #1877f2; }
.sns-channel--facebook .sns-channel__icon svg { width: 31px; height: 31px; }
.sns-channel--instagram .sns-channel__icon { border-radius: 15px; background: linear-gradient(145deg,#5b51d8 0%,#c13584 47%,#f77737 78%,#fcaf45 100%); }
.sns-channel--instagram .sns-channel__icon svg { fill: none; stroke: currentColor; stroke-width: 1.8; }
.sns-channel:not(.sns-channel--facebook):not(.sns-channel--instagram) .sns-channel__icon { border: 1px solid #cad7d3; border-radius: 50%; color: #315d64; }
.sns-channel:not(.sns-channel--facebook):not(.sns-channel--instagram) .sns-channel__icon svg { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.sns-channel__identity { display: grid; gap: 6px; }
.sns-channel__identity strong { color: #183e47; font-size: 20px; font-weight: 680; letter-spacing: -.025em; }
.sns-channel__identity small { color: #859397; font-size: 12px; font-weight: 520; letter-spacing: 0; }
.sns-channel__description { max-width: 500px; color: #5d7075; font-size: 14px; line-height: 1.75; word-break: keep-all; }
.sns-channel__action { display: inline-flex; align-items: center; justify-self: end; gap: 11px; padding-bottom: 5px; border-bottom: 1px solid #9eaeaa; color: #3a5960; font-size: 12px; font-weight: 650; white-space: nowrap; transition: gap .2s ease,border-color .2s ease,color .2s ease; }
.sns-channel__action span { font-size: 15px; font-weight: 450; }
.sns-channel:hover .sns-channel__action, .sns-channel:focus-visible .sns-channel__action { gap: 15px; border-color: #a66f21; color: #8f611c; }
.sns-directory__notice { margin: 23px 0 0; color: #899699; font-size: 12px; line-height: 1.7; }
@media(max-width:800px){.sns-directory__inner{width:min(680px,calc(100% - 48px))}.sns-directory__heading{grid-template-columns:190px minmax(0,1fr);gap:28px;padding-right:8px;padding-left:8px}.sns-channel{grid-template-columns:58px minmax(0,1fr) auto;gap:20px;min-height:0;padding:27px 8px}.sns-channel__description{grid-column:2/4;margin-top:-5px}.sns-channel__action{grid-column:3;grid-row:1}.sns-channel__icon{width:54px;height:54px}.sns-channel::before{top:24px;bottom:24px}}
@media(max-width:580px){.sns-directory__heading{grid-template-columns:1fr;gap:8px;padding-bottom:25px}.sns-directory__heading h2{font-size:25px}.sns-directory__heading>p{font-size:13px}}
@media(max-width:520px){.sns-directory{padding:66px 0 86px}.sns-directory__inner{width:calc(100% - 40px)}.sns-channel{grid-template-columns:50px minmax(0,1fr);gap:15px;padding:24px 4px}.sns-channel__icon{width:48px;height:48px}.sns-channel__icon svg{width:24px;height:24px}.sns-channel__identity strong{font-size:18px}.sns-channel__description{grid-column:2;margin-top:-4px;font-size:13px}.sns-channel__action{grid-column:2;grid-row:auto;justify-self:start;margin-top:1px}.sns-directory__notice{margin-top:19px}}

/* Certificate service and member records */
.certificate-services { padding: clamp(76px,8vw,118px) 0 clamp(96px,10vw,144px); background: #fff; }
.certificate-services__inner { width: min(1120px,calc(100% - 96px)); margin: 0 auto; }
.certificate-services__heading { display: grid; grid-template-columns: minmax(300px,.72fr) minmax(360px,1.28fr); align-items: end; gap: clamp(48px,8vw,112px); padding-bottom: 34px; border-bottom: 2px solid #173d47; }
.certificate-services__heading > div > p { margin: 0 0 9px; color: #a66f21; font-size: 12px; font-weight: 680; }
.certificate-services__heading h2 { margin: 0; color: #173d47; font-size: clamp(27px,3vw,36px); font-weight: 650; letter-spacing: -.055em; line-height: 1.35; word-break: keep-all; }
.certificate-services__heading > p { max-width: 620px; margin: 0; color: #65777c; font-size: 14px; letter-spacing: -.018em; line-height: 1.85; word-break: keep-all; }
.certificate-services__item { position: relative; display: grid; grid-template-columns: 66px minmax(0,1fr) 130px; align-items: center; gap: 24px; min-height: 104px; padding: 22px 8px; border-bottom: 1px solid #dce4e2; color: inherit; text-decoration: none; transition: background .2s ease; }
.certificate-services__item::before { position: absolute; top: 28px; bottom: 28px; left: 0; width: 2px; background: transparent; content: ""; transition: background .2s ease; }
a.certificate-services__item:hover, a.certificate-services__item:focus-visible { background: #f8faf9; outline: 0; }
a.certificate-services__item:hover::before, a.certificate-services__item:focus-visible::before { background: #a66f21; }
.certificate-services__item.is-disabled { background: #fbfcfb; }
.certificate-services__item.is-disabled .certificate-services__number, .certificate-services__item.is-disabled .certificate-services__title strong, .certificate-services__item.is-disabled .certificate-services__title small { color: #a2adaf; }
.certificate-services__item.is-disabled .certificate-services__action { padding: 5px 10px; border-radius: 999px; background: #edf1f0; color: #899699; font-size: 11px; }
.certificate-services__number { color: #a66f21; font-family: Georgia,"Times New Roman",serif; font-size: 15px; text-align: center; }
.certificate-services__title { display: grid; grid-template-columns: minmax(190px,.7fr) minmax(320px,1.3fr); align-items: center; gap: 32px; }
.certificate-services__title strong { color: #1e424b; font-size: 19px; font-weight: 650; letter-spacing: -.04em; }
.certificate-services__title small { color: #718186; font-size: 13px; line-height: 1.7; word-break: keep-all; }
.certificate-services__action { justify-self: end; color: #425f66; font-size: 12px; font-weight: 650; white-space: nowrap; }
.certificate-services__action i { margin-left: 9px; color: #a66f21; font-size: 15px; font-style: normal; }
.member-history__pending { justify-self: end; color: #929ea1; font-size: 11px; font-weight: 620; white-space: nowrap; }
.certificate-services__process { display: grid; grid-template-columns: minmax(260px,.72fr) minmax(0,1.28fr); gap: clamp(48px,8vw,110px); margin-top: clamp(70px,8vw,104px); padding-top: 34px; border-top: 1px solid #bdcac7; }
.certificate-services__process header > p { margin: 0 0 8px; color: #a66f21; font-size: 12px; font-weight: 680; }
.certificate-services__process header h2 { margin: 0; color: #173d47; font-size: 23px; font-weight: 650; letter-spacing: -.045em; line-height: 1.5; word-break: keep-all; }
.certificate-services__process ol { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; margin: 0; padding: 0; list-style: none; }
.certificate-services__process li { padding-top: 4px; }
.certificate-services__process li span { display: block; margin-bottom: 20px; color: #a66f21; font-family: Georgia,"Times New Roman",serif; font-size: 12px; }
.certificate-services__process li strong { display: block; color: #244851; font-size: 15px; font-weight: 650; }
.certificate-services__process li p { margin: 8px 0 0; color: #78878b; font-size: 12px; line-height: 1.7; word-break: keep-all; }

.my-page__inner { width: min(1160px,calc(100% - 96px)); }
.my-page__quick-nav { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: -2px 0 32px; border-top: 1px solid #bdcac7; border-bottom: 1px solid #dbe4e1; background: rgba(255,255,255,.7); }
.my-page__quick-nav a { position: relative; display: grid; grid-template-columns: 26px minmax(0,1fr); align-items: center; gap: 1px 8px; min-height: 66px; padding: 11px 16px; color: inherit; text-decoration: none; transition: background .18s ease; }
.my-page__quick-nav a + a::before { position: absolute; top: 15px; bottom: 15px; left: 0; width: 1px; background: #e0e7e5; content: ""; }
.my-page__quick-nav a:hover, .my-page__quick-nav a:focus-visible { background: #f2f6f4; outline: 0; }
.my-page__quick-nav a > span { grid-row: 1 / span 2; color: #af7828; font-family: Georgia,"Times New Roman",serif; font-size: 11px; }
.my-page__quick-nav strong { color: #294c54; font-size: 13px; font-weight: 680; }
.my-page__quick-nav small { overflow: hidden; color: #879498; font-size: 10px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.my-page__grid, .member-history, .member-payments, .certificate-center, .my-page__edit { scroll-margin-top: 108px; }
.member-history, .member-payments, .certificate-center { scroll-margin-top: 108px; margin-top: clamp(68px,7vw,94px); }
.member-service-heading { display: grid; grid-template-columns: minmax(330px,.85fr) minmax(350px,1.15fr); align-items: end; gap: 28px 70px; margin-bottom: 28px; }
.member-service-heading > div > p { margin: 0 0 8px; color: #a66f21; font-size: 12px; font-weight: 680; }
.member-service-heading h2 { margin: 0; color: #173d47; font-size: clamp(25px,2.7vw,34px); font-weight: 650; letter-spacing: -.055em; line-height: 1.38; word-break: keep-all; }
.member-service-heading > span { color: #728388; font-size: 13px; line-height: 1.75; word-break: keep-all; }
.member-service-heading > a { justify-self: end; padding-bottom: 5px; border-bottom: 1px solid #9eaeaa; color: #3b5b62; font-size: 12px; font-weight: 650; text-decoration: none; }
.member-service-heading > a i { margin-left: 10px; color: #a66f21; font-style: normal; }
.member-history__columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 42px; padding-top: 24px; border-top: 2px solid #173d47; }
.member-history__group > header { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 45px; padding: 0 3px 13px; border-bottom: 1px solid #bdcac7; }
.member-history__group > header h3, .certificate-request-list > h3 { margin: 0; color: #294c54; font-size: 16px; font-weight: 650; }
.member-history__group > header span { color: #8a979a; font-size: 11px; }
.member-history__list article { display: grid; grid-template-columns: 82px minmax(0,1fr) auto; align-items: center; gap: 15px; min-height: 86px; padding: 15px 3px; border-bottom: 1px solid #e0e6e4; }
.member-history__list time, .member-payment-list time { color: #879498; font-size: 11px; }
.member-history__list article > div { display: grid; gap: 5px; min-width: 0; }
.member-history__list article > div strong { overflow: hidden; color: #2c4c54; font-size: 14px; font-weight: 620; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; }
.member-history__list article > div span { color: #7a898d; font-size: 11px; line-height: 1.5; }
.member-history__list article > a, .member-history__actions a, .member-payment-list article > a { padding-bottom: 3px; border-bottom: 1px solid #aab8b5; color: #46636a; font-size: 11px; font-weight: 650; text-decoration: none; white-space: nowrap; }
.member-history__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.member-history__empty { margin: 0; padding: 42px 10px; border-bottom: 1px solid #e0e6e4; color: #8a979a; font-size: 13px; text-align: center; }
.member-history__empty a, .certificate-request-form small a { display: inline-block; margin-top: 7px; padding-bottom: 2px; border-bottom: 1px solid #9fb0ac; color: #41676a; font-weight: 650; text-decoration: none; }
.member-service-unavailable { margin-top: clamp(62px,7vw,88px); padding: 24px 28px; border-top: 1px solid #bfcac7; border-bottom: 1px solid #e0e6e4; background: rgba(255,255,255,.62); }
.member-service-unavailable strong { display: block; color: #294c54; font-size: 14px; font-weight: 650; }
.member-service-unavailable p { margin: 7px 0 0; color: #7b8a8e; font-size: 12px; line-height: 1.7; }
.member-payment-list { border-top: 2px solid #173d47; }
.member-payment-list article { display: grid; grid-template-columns: 100px minmax(0,1fr) 110px 92px 82px; align-items: center; gap: 20px; min-height: 82px; padding: 15px 10px; border-bottom: 1px solid #dfe6e4; }
.member-payment-list article > div { display: grid; gap: 5px; }
.member-payment-list article > div strong { color: #294c54; font-size: 14px; font-weight: 650; }
.member-payment-list article > div span { color: #7e8d91; font-size: 11px; }
.member-payment-list article > b { color: #294c54; font-size: 13px; font-weight: 650; text-align: right; }
.member-payment-list article > a { justify-self: end; }
.certificate-center__layout { display: grid; grid-template-columns: minmax(340px,.7fr) minmax(0,1.3fr); gap: 18px; padding: 18px; border-top: 2px solid #173d47; background: #eef3f1; box-shadow: 0 18px 48px rgba(28,58,64,.06); }
.certificate-request-form { display: grid; align-content: start; gap: 17px; padding: 27px 28px 30px; border: 1px solid #d8e1df; border-radius: 9px; background: #fff; }
.certificate-request-form h3, .certificate-request-list > h3 { margin: 0 0 3px; color: #173d47; font-size: 17px; font-weight: 650; letter-spacing: -.035em; }
.certificate-request-form__heading { display: flex; align-items: center; gap: 12px; padding-bottom: 17px; border-bottom: 1px solid #e0e6e4; }
.certificate-request-form__heading > span, .certificate-records-heading > div > span { display: grid; flex: 0 0 30px; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: #173d47; color: #fff; font-family: Georgia,"Times New Roman",serif; font-size: 10px; }
.certificate-request-form__heading h3 { margin: 0; }
.certificate-request-form__heading p { margin: 3px 0 0; color: #849195; font-size: 10px; line-height: 1.5; }
.certificate-account-context { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin: -4px 0 1px; color: #819094; font-size: 10px; line-height: 1.55; }
.certificate-account-context strong { color: #45646a; font-weight: 680; }
.certificate-account-context span { padding: 2px 6px; border-radius: 3px; background: #eef3f1; color: #58716f; font-weight: 650; }
.certificate-request-feedback { margin: -2px 0 1px; padding: 12px 14px; border-left: 2px solid #527a79; border-radius: 0 4px 4px 0; background: #f1f6f4; color: #45645d; font-size: 11px; font-weight: 520; line-height: 1.65; }
.certificate-request-feedback--error { border-left-color: #a14f45; background: #fbf3f2; color: #884940; }
.certificate-request-form label { display: grid; gap: 8px; color: #50666c; font-size: 12px; font-weight: 620; }
.certificate-request-form label[hidden] { display: none; }
.certificate-request-form input, .certificate-request-form select, .certificate-request-form textarea { width: 100%; min-width: 0; border: 1px solid #d2ddda; border-radius: 4px; outline: 0; background: #fff; color: #294852; font: inherit; font-size: 13px; transition: border-color .18s ease,box-shadow .18s ease; }
.certificate-request-form input, .certificate-request-form select { height: 43px; padding: 0 12px; }
.certificate-request-form textarea { min-height: 96px; padding: 12px; line-height: 1.7; resize: vertical; }
.certificate-request-form input:focus, .certificate-request-form select:focus, .certificate-request-form textarea:focus { border-color: #527a79; box-shadow: 0 0 0 3px rgba(82,122,121,.09); }
.certificate-request-form small { color: #8a979a; font-size: 10px; font-weight: 450; line-height: 1.55; }
.certificate-request-form > button { justify-self: stretch; height: 47px; margin-top: 3px; padding: 0 20px; border: 1px solid #173d47; border-radius: 5px; background: #173d47; color: #fff; font: inherit; font-size: 12px; font-weight: 680; cursor: pointer; transition: background .18s ease,border-color .18s ease; }
.certificate-request-form > button:hover, .certificate-request-form > button:focus-visible { border-color: #a66f21; background: #a66f21; }
.certificate-request-form > button:disabled { border-color: #cbd5d2; background: #dfe6e3; color: #899693; cursor: not-allowed; }
.certificate-request-list { min-width: 0; padding: 27px 28px 30px; border: 1px solid #d8e1df; border-radius: 9px; background: #fff; }
.certificate-request-list [data-certificate-records] > h3 { margin: 0; padding-bottom: 21px; border-bottom: 1px solid #bdcac7; color: #173d47; font-size: 17px; font-weight: 650; }
.certificate-request-list [data-certificate-refresh] { margin-top: 16px; padding: 8px 12px; border: 1px solid #d3dedb; border-radius: 5px; background: #fff; color: #365d65; font: inherit; font-size: 10px; font-weight: 620; cursor: pointer; }
.certificate-request-list [data-certificate-refresh]:hover { border-color: #a66f21; }
.certificate-request-list [data-certificate-refresh]:disabled { opacity: .55; cursor: wait; }
.certificate-request-list > h3 { padding-bottom: 21px; border-bottom: 1px solid #bdcac7; }
.certificate-request-list article { position: relative; margin-top: 12px; padding: 19px 20px 18px; border: 1px solid #dce5e2; border-radius: 8px; background: #fff; box-shadow: 0 6px 20px rgba(32,68,75,.035); }
.certificate-request-list article::before { position: absolute; top: 17px; bottom: 17px; left: -1px; width: 2px; border-radius: 0 2px 2px 0; background: #b8873e; content: ""; }
.certificate-request-list article.certificate-record--issued::before { background: #4f8775; }
.certificate-request-list article.certificate-record--rejected::before { background: #a65b52; }
.certificate-request-list article > header { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 12px; color: #859397; font-size: 10px; }
.certificate-request-list article > header span { color: #a66f21; font-weight: 650; letter-spacing: .02em; }
.certificate-request-list article > strong { display: block; color: #294c54; font-size: 15px; font-weight: 650; }
.certificate-record__purpose { display: flex; gap: 10px; margin: 9px 0 13px; color: #60757a; font-size: 11px; line-height: 1.65; }
.certificate-record__purpose > span { flex: 0 0 auto; color: #9a7a45; font-size: 9px; font-weight: 680; }
.certificate-progress { display: grid; grid-template-columns: repeat(3,1fr); margin: 17px 0 15px; padding: 0; list-style: none; }
.certificate-progress li { position: relative; display: grid; gap: 6px; color: #a1aaac; font-size: 9px; font-weight: 620; }
.certificate-progress li::before { position: absolute; top: 4px; right: 6px; left: 6px; height: 1px; background: #dfe5e3; content: ""; }
.certificate-progress li:first-child::before { left: 5px; }
.certificate-progress li:last-child::before { right: calc(100% - 5px); }
.certificate-progress i { position: relative; z-index: 1; width: 9px; height: 9px; border: 2px solid #cbd5d2; border-radius: 50%; background: #fff; }
.certificate-progress li.is-active { color: #436760; }
.certificate-progress li.is-active::before { background: #7e9c96; }
.certificate-progress li.is-active i { border-color: #527a71; background: #527a71; box-shadow: 0 0 0 3px #edf3f1; }
.certificate-request-list article > footer { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 10px 16px; padding-top: 13px; border-top: 1px solid #e7ecea; }
.certificate-status { display: inline-flex; align-items: center; min-height: 25px; padding: 0 9px; border-radius: 20px; background: #fbf1dc; color: #946515; font-size: 10px; font-weight: 700; }
.certificate-status--processing { background: #e8f0f6; color: #386b8d; }
.certificate-status--issued { background: #e7f3ed; color: #33745f; }
.certificate-status--rejected { background: #f8e9e7; color: #a14f45; }
.certificate-status--cancelled { background: #f0f1f1; color: #677579; }
.certificate-record__update { display: flex; align-items: center; gap: 7px; color: #929d9f; font-size: 9px; }
.certificate-record__update span { color: #6f8286; font-weight: 650; }
.certificate-record__note { grid-column: 1 / -1; display: flex; gap: 9px; padding: 9px 11px; border-radius: 4px; background: #f4f7f6; color: #61767b; font-size: 10px; line-height: 1.55; }
.certificate-record__note span { flex: 0 0 auto; color: #a66f21; font-weight: 680; }
.certificate-record__actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; grid-column: 2; grid-row: 1; }
.certificate-record__actions:empty { display: none; }
.certificate-request-list footer a { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 0 11px; border: 1px solid #c9d6d3; border-radius: 4px; color: #365d65; font-size: 10px; font-weight: 650; text-decoration: none; white-space: nowrap; }
.certificate-records-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-bottom: 17px; border-bottom: 1px solid #bdcac7; }
.certificate-records-heading > div { display: flex; align-items: center; gap: 12px; }
.certificate-records-heading h3 { margin: 0; color: #173d47; font-size: 17px; font-weight: 650; letter-spacing: -.035em; }
.certificate-records-heading > p { margin: 0; color: #8a979a; font-size: 9px; white-space: nowrap; }
.certificate-records-heading > p strong { color: #47696d; font-weight: 700; }
.certificate-record-filter { display: flex; gap: 4px; margin: 15px 0 2px; }
.certificate-record-filter button { height: 30px; padding: 0 10px; border: 1px solid #d7e1de; border-radius: 4px; background: #fff; color: #718287; font: inherit; font-size: 9px; font-weight: 650; cursor: pointer; }
.certificate-record-filter button span { margin-left: 3px; color: #a66f21; }
.certificate-record-filter button.is-active { border-color: #294f58; background: #294f58; color: #fff; }
.certificate-record-filter button.is-active span { color: #f1d29e; }
.certificate-request-list article[hidden], .certificate-record-filter-empty[hidden] { display: none; }
.certificate-record__title { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }
.certificate-record__title > div { display: grid; gap: 3px; }
.certificate-record__title > div > span { color: #9a7a45; font-size: 9px; font-weight: 680; }
.certificate-record__title > div > strong { color: #234851; font-size: 16px; font-weight: 680; letter-spacing: -.025em; }
.certificate-record--rejected { opacity: .78; }
.certificate-request-list footer .certificate-record__primary { min-height: 36px; padding: 0 13px; border-color: #315d65; background: #315d65; color: #fff; }
.certificate-request-list footer .certificate-record__primary:hover, .certificate-request-list footer .certificate-record__primary:focus-visible { border-color: #a66f21; background: #a66f21; }
.certificate-request-list footer .certificate-record__secondary:hover, .certificate-request-list footer .certificate-record__secondary:focus-visible { border-color: #78918b; background: #f5f8f7; }
.certificate-record__notice { grid-column: 1 / -1; color: #8b5d58; font-size: 10px; line-height: 1.55; }
.certificate-record-filter-empty { margin: 0; padding: 40px 10px; border-bottom: 1px solid #e0e6e4; color: #8a979a; font-size: 12px; text-align: center; }
.certificate-records-heading__meta { display: flex; align-items: center; gap: 12px !important; }
.certificate-records-heading__meta a { padding-bottom: 2px; border-bottom: 1px solid #aab9b5; color: #48676d; font-size: 9px; font-weight: 680; text-decoration: none; white-space: nowrap; }
.certificate-records-heading__meta p { margin: 0; color: #8a979a; font-size: 9px; white-space: nowrap; }
.certificate-records-heading__meta p strong { color: #47696d; font-weight: 700; }
.certificate-record--closed { opacity: .82; }
.certificate-record--closed::before { background: #899896 !important; }
.certificate-record__control-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-top: 12px; padding-top: 12px; border-top: 1px solid #e6ecea; }
.certificate-record__details { flex: 1; min-width: 0; }
.certificate-record__details summary { display: inline-flex; min-height: 34px; align-items: center; gap: 5px; padding: 0 2px; color: #526c72; font-size: 10px; font-weight: 680; list-style: none; cursor: pointer; }
.certificate-record__details summary::-webkit-details-marker { display: none; }
.certificate-record__details summary i { color: #a66f21; font-size: 12px; font-style: normal; }
.certificate-record__details[open] summary i { transform: rotate(45deg); }
.certificate-record__detail-panel { margin: 8px 0 2px; padding: 15px 16px; border-radius: 5px; background: #f6f8f7; }
.certificate-record__detail-panel .certificate-record__purpose { margin-top: 0; }
.certificate-record__detail-meta { display: grid; gap: 8px; margin-top: 13px; padding-top: 12px; border-top: 1px solid #e0e7e5; }
.certificate-record__note--cancel { background: #fbf5e9; color: #796544; }
.certificate-record__actions { display: flex; flex: 0 0 auto; align-items: center; justify-content: flex-end; gap: 6px; }
.certificate-record__actions a { display: inline-flex; min-height: 34px; align-items: center; justify-content: center; padding: 0 10px; border: 1px solid #c9d6d3; border-radius: 4px; color: #365d65; font-size: 10px; font-weight: 650; text-decoration: none; white-space: nowrap; }
.certificate-record__actions .certificate-record__primary { border-color: #315d65; background: #315d65; color: #fff; }
.certificate-record__actions .certificate-record__primary:hover, .certificate-record__actions .certificate-record__primary:focus-visible { border-color: #a66f21; background: #a66f21; }
.certificate-record__manage { display: flex; justify-content: flex-end; margin-top: 13px; }
.certificate-record__manage form { margin: 0; }
.certificate-record__manage button { min-height: 31px; padding: 0 10px; border: 1px solid #ccd7d4; border-radius: 4px; background: #fff; color: #65777b; font: inherit; font-size: 9px; font-weight: 650; cursor: pointer; }
.certificate-record__manage button:hover, .certificate-record__manage button:focus-visible { border-color: #728c86; color: #2f565e; }
.certificate-record__manage button.is-caution { color: #925449; }
.certificate-record-more { width: 100%; height: 39px; margin-top: 12px; border: 1px solid #d7e1de; border-radius: 5px; background: #f7f9f8; color: #49666c; font: inherit; font-size: 10px; font-weight: 680; cursor: pointer; }
.certificate-record-more span { margin-left: 5px; color: #a66f21; }
.certificate-record-more[hidden] { display: none; }

@media(max-width:900px){.certificate-services__heading,.certificate-services__process{grid-template-columns:1fr;gap:20px}.certificate-services__title{grid-template-columns:minmax(170px,.65fr) minmax(0,1.35fr)}.member-service-heading{grid-template-columns:1fr;gap:10px}.member-service-heading>a{justify-self:start}.member-history__columns,.certificate-center__layout{grid-template-columns:1fr}.member-payment-list article{grid-template-columns:82px minmax(0,1fr) 90px auto}.member-payment-list article>a{grid-column:4}.member-payment-list .my-page__badge{display:none}.my-page__quick-nav{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.certificate-services__inner,.my-page__inner{width:min(100% - 40px,620px)}.certificate-services__heading{padding-bottom:27px}.certificate-services__item{grid-template-columns:46px minmax(0,1fr);gap:14px;min-height:112px;padding:18px 4px}.certificate-services__title{display:grid;grid-template-columns:1fr;gap:5px}.certificate-services__action{grid-column:2;justify-self:start}.certificate-services__process ol{gap:16px}.member-history__columns{gap:44px}.member-payment-list article{grid-template-columns:76px minmax(0,1fr) auto;gap:12px}.member-payment-list article>b{grid-column:3;grid-row:1}.member-payment-list article>a,.member-payment-list article>.member-history__pending{grid-column:2;justify-self:start}.member-payment-list .my-page__badge{display:inline-flex;grid-column:3;grid-row:2}.certificate-center__layout{gap:12px;padding:12px}.certificate-request-form,.certificate-request-list{padding:25px 22px}}
@media(max-width:520px){.certificate-services{padding:64px 0 84px}.certificate-services__process ol{grid-template-columns:1fr}.certificate-services__process li{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:8px}.certificate-services__process li span{grid-row:1/span 2;margin:2px 0 0}.certificate-services__process li p{grid-column:2}.member-history__list article{grid-template-columns:70px minmax(0,1fr);gap:11px}.member-history__list article>a,.member-history__actions,.member-history__list article>.member-history__pending{grid-column:2;justify-self:start}.member-payment-list article{grid-template-columns:1fr auto;padding:17px 3px}.member-payment-list article>time{grid-column:1}.member-payment-list article>div{grid-column:1}.member-payment-list article>b{grid-column:2;grid-row:2}.member-payment-list .my-page__badge{grid-column:2;grid-row:1}.member-payment-list article>a,.member-payment-list article>.member-history__pending{grid-column:1}.certificate-request-form,.certificate-request-list{padding:27px 20px}}
@media(max-width:520px){.my-page__quick-nav{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px}.my-page__quick-nav a:nth-child(3),.my-page__quick-nav a:nth-child(4){border-top:1px solid #e0e7e5}.my-page__quick-nav a:nth-child(3)::before{display:none}.my-page__quick-nav a{min-height:61px;padding:9px 12px}.member-account-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.member-account-tool summary{width:100%;padding:0 9px}.member-account-tool[open]{grid-column:1/-1}.member-account-tool__panel{padding:19px 16px 20px}.member-account-tool__panel>header{display:block}.member-account-tool__panel header p{margin-top:5px;text-align:left}.member-account-form__grid{grid-template-columns:1fr}.member-account-form__wide{grid-column:auto}.member-account-form__actions button{width:100%}.certificate-records-heading{align-items:flex-start;flex-direction:column;gap:9px}.certificate-records-heading__meta{width:100%;justify-content:space-between}.certificate-record-filter{overflow-x:auto;padding-bottom:3px}.certificate-record-filter button{flex:0 0 auto}.certificate-record__title{align-items:flex-start}.certificate-request-list article{padding:16px 14px}.certificate-record__control-row{display:grid;grid-template-columns:1fr}.certificate-record__actions{grid-row:1;justify-content:stretch;flex-wrap:wrap;width:100%}.certificate-record__actions a{flex:1}.certificate-record__actions .certificate-record__primary{flex-basis:100%}.certificate-record__details{grid-row:2}.certificate-record__detail-panel{padding:14px 12px}.certificate-record__note{grid-column:1}}
/* Online journal submission */
.journal-portal{background:#f5f8f7;color:#173d47}.journal-portal__inner{width:min(1180px,calc(100% - 64px));margin:0 auto;padding:54px 0 110px}.journal-portal-nav{display:flex;align-items:center;min-height:58px;margin-bottom:32px;border-top:2px solid #173d47;border-bottom:1px solid #cfdad7;background:#fff}.journal-portal-nav a,.journal-portal-nav button{position:relative;display:inline-flex;align-items:center;min-height:56px;padding:0 23px;border:0;background:transparent;color:#667a7f;font-size:13px;font-weight:650;cursor:pointer}.journal-portal-nav a.is-active,.journal-portal-nav a:hover,.journal-portal-nav button:hover{color:#173d47}.journal-portal-nav a.is-active:after{position:absolute;right:22px;bottom:-1px;left:22px;height:2px;background:#b37a21;content:""}.journal-portal-nav form{margin:0}.journal-portal-nav span{display:grid;min-width:21px;height:21px;place-items:center;margin-left:7px;border-radius:11px;background:#edf2f0;font-size:10px}.journal-message{margin:0 0 22px;padding:14px 17px;border-left:3px solid #33745f;background:#fff;color:#38575e;font-size:13px;line-height:1.65}.journal-message.is-error{border-left-color:#a14f45;background:#fff9f8;color:#88473f}.journal-system-note{padding:68px 70px;border:1px solid #d8e2df;background:#fff}.journal-system-note>p,.journal-work-heading p,.journal-guide-flow header p,.journal-guide-intro>div:first-child>p{margin:0 0 11px;color:#ad761f;font-size:10px;font-weight:760;letter-spacing:.11em}.journal-system-note h2{margin:0;color:#173d47;font-size:32px;font-weight:680;letter-spacing:-.055em}.journal-system-note span{display:block;max-width:680px;margin-top:18px;color:#718287;font-size:14px;line-height:1.8}.journal-system-note a{display:inline-flex;margin-top:28px;padding-bottom:4px;border-bottom:1px solid #ad761f;font-size:12px;font-weight:680}.journal-work-heading,.journal-detail-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:38px;margin:42px 0 26px}.journal-work-heading h2{margin:0;color:#173d47;font-size:31px;font-weight:680;letter-spacing:-.055em}.journal-work-heading>span{max-width:430px;color:#75868a;font-size:13px;line-height:1.7;text-align:right}.journal-stepper{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 22px;padding:0;border-top:1px solid #cdd9d6;border-bottom:1px solid #cdd9d6;background:#fff;list-style:none}.journal-stepper li{position:relative;display:flex;align-items:center;gap:11px;min-height:68px;padding:0 22px;border-left:1px solid #e0e7e5;color:#879598}.journal-stepper li:first-child{border-left:0}.journal-stepper span{font-size:10px;font-weight:720;letter-spacing:.05em}.journal-stepper strong{font-size:13px;font-weight:630}.journal-stepper li.is-current{background:#173d47;color:#fff}.journal-stepper li.is-done{color:#33745f}.journal-stepper li.is-done span{width:20px;height:20px;display:grid;place-items:center;border:1px solid #81a89a;border-radius:50%}.journal-work-panel{padding:46px 52px 54px;border:1px solid #d5dfdc;background:#fff}.journal-work-panel>header{display:flex;align-items:flex-start;gap:18px;margin-bottom:30px;padding-bottom:21px;border-bottom:1px solid #dbe3e1}.journal-work-panel>header>p{margin:2px 0 0;color:#ad761f;font-size:11px;font-weight:760;letter-spacing:.08em}.journal-work-panel>header h3{margin:0;color:#173d47;font-size:22px;font-weight:690;letter-spacing:-.045em}.journal-work-panel>header span{display:block;margin-top:7px;color:#718287;font-size:12px;line-height:1.6}.journal-form{display:grid;gap:32px}.journal-form fieldset{min-width:0;margin:0;padding:0;border:0}.journal-form legend{width:100%;margin:0 0 21px;padding:0 0 12px;border-bottom:1px solid #dce5e2;color:#173d47;font-size:16px;font-weight:700}.journal-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.journal-form label,.journal-response-panel label{display:grid;gap:8px;color:#405960;font-size:12px;font-weight:650}.journal-form label.is-wide{grid-column:1/-1}.journal-form input,.journal-form select,.journal-form textarea,.journal-response-panel input,.journal-response-panel textarea,.journal-withdrawal textarea{width:100%;min-width:0;border:1px solid #cad8d4;border-radius:0;outline:0;background:#fff;color:#29474f;font:inherit}.journal-form input,.journal-form select{height:44px;padding:0 13px}.journal-form textarea,.journal-response-panel textarea,.journal-withdrawal textarea{padding:12px 13px;line-height:1.75;resize:vertical}.journal-form input:focus,.journal-form select:focus,.journal-form textarea:focus,.journal-response-panel input:focus,.journal-response-panel textarea:focus{border-color:#4f7978;box-shadow:0 0 0 3px rgba(79,121,120,.1)}.journal-form-help{margin:-8px 0 18px;color:#718287;font-size:12px;line-height:1.7}.journal-agreements{border-top:1px solid #dce5e2}.journal-agreements label{display:flex;align-items:flex-start;gap:15px;padding:21px 4px;border-bottom:1px solid #e2e9e7;cursor:pointer}.journal-agreements input{width:17px;height:17px;flex:0 0 17px;margin:2px 0 0;accent-color:#173d47}.journal-agreements span{display:grid;gap:6px}.journal-agreements strong{font-size:14px}.journal-agreements small{color:#718287;font-size:12px;font-weight:450;line-height:1.55}.journal-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:4px;padding-top:22px;border-top:1px solid #dce5e2}.journal-form-actions a,.journal-form-actions button{display:inline-flex;align-items:center;justify-content:center;min-width:112px;height:44px;padding:0 18px;border:1px solid #cbd8d5;background:#fff;color:#405960;font-size:12px;font-weight:680;cursor:pointer}.journal-form-actions button,.journal-form-actions .is-primary{border-color:#173d47;background:#173d47;color:#fff}.journal-form-actions button:disabled{border-color:#bec9c6;background:#bec9c6;cursor:not-allowed}.journal-author-list{display:grid;gap:15px}.journal-author{padding:22px 24px 24px;border:1px solid #d4dfdc;background:#f8faf9}.journal-author>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.journal-author>header strong{font-size:14px}.journal-author>header button{padding:3px 0;border:0;border-bottom:1px solid #b8c6c3;background:transparent;color:#75868a;font-size:11px;cursor:pointer}.journal-author>header button:disabled{visibility:hidden}.journal-author-flags{display:flex;gap:22px;margin-top:18px}.journal-author-flags label{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:7px}.journal-author-flags input{width:15px;height:15px;accent-color:#173d47}.journal-add-author{width:max-content;margin-top:13px;padding:9px 0;border:0;border-bottom:1px solid #ad761f;background:transparent;color:#173d47;font-size:12px;font-weight:680;cursor:pointer}.journal-file-requirements{display:grid;border-top:1px solid #d8e2df}.journal-file-requirements>section{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:21px 3px;border-bottom:1px solid #dfe7e5}.journal-file-requirements strong{font-size:14px}.journal-file-requirements strong em{margin-left:7px;color:#ad761f;font-size:10px;font-style:normal}.journal-file-requirements p{margin:6px 0 0;color:#718287;font-size:11px;line-height:1.55}.journal-file-requirements>section>div>span{display:block;margin-top:8px;color:#33745f;font-size:11px}.journal-file-requirements form{display:flex;align-items:center;gap:7px}.journal-file-button input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.journal-file-button span,.journal-file-requirements form>button{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 13px;border:1px solid #bdceca;background:#fff;color:#405960;font-size:11px;font-weight:650;cursor:pointer}.journal-file-requirements form>button{border-color:#173d47;background:#173d47;color:#fff}.journal-anonymity-note{margin-top:24px;padding:19px 21px;border-left:3px solid #ad761f;background:#f7f8f4}.journal-anonymity-note strong{font-size:13px}.journal-anonymity-note p{margin:7px 0 0;color:#6e7d7e;font-size:12px;line-height:1.7}.journal-review-summary{margin:0;border-top:1px solid #d7e1de}.journal-review-summary>div{display:grid;grid-template-columns:150px 1fr;padding:18px 3px;border-bottom:1px solid #dfe7e5}.journal-review-summary dt{color:#718287;font-size:12px}.journal-review-summary dd{margin:0;color:#29474f;font-size:13px}.journal-review-summary dd strong,.journal-review-summary dd span{display:block}.journal-review-summary dd span{margin-top:6px;color:#718287;font-size:11px}.journal-final-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:10px!important;margin-top:22px}.journal-final-check input{width:17px;height:17px;accent-color:#173d47}.journal-detail-heading{align-items:flex-start;margin-top:42px;padding-bottom:27px;border-bottom:1px solid #cbd8d5}.journal-detail-heading p{margin:0 0 9px;color:#ad761f;font-size:11px;font-weight:760;letter-spacing:.06em}.journal-detail-heading h2{max-width:850px;margin:0;color:#173d47;font-size:29px;font-weight:690;letter-spacing:-.05em;line-height:1.4}.journal-detail-heading span{display:block;margin-top:8px;color:#718287;font-size:12px;line-height:1.6}.journal-status{display:inline-flex;align-items:center;min-height:29px;padding:0 11px;border-radius:16px;background:#edf1f0;color:#667a7f;font-size:11px;font-weight:720;white-space:nowrap}.journal-status.is-green{background:#e7f3ed;color:#33745f}.journal-status.is-blue{background:#e7f0f5;color:#386b8d}.journal-status.is-gold{background:#fbf0db;color:#946515}.journal-status.is-red{background:#f8e9e7;color:#a14f45}.journal-progress{display:grid;grid-template-columns:repeat(6,1fr);margin:0 0 32px;padding:0;list-style:none}.journal-progress li{position:relative;display:grid;gap:8px;color:#91a09f;font-size:10px}.journal-progress li:before{position:absolute;top:5px;right:0;left:0;height:1px;background:#d4dfdc;content:""}.journal-progress li:first-child:before{left:8px}.journal-progress li:last-child:before{right:calc(100% - 8px)}.journal-progress span{position:relative;z-index:1;width:11px;height:11px;border:2px solid #ccd8d5;border-radius:50%;background:#f5f8f7}.journal-progress li.is-done:before{background:#73a18f}.journal-progress li.is-done span,.journal-progress li.is-current span{border-color:#4f8a75;background:#4f8a75;box-shadow:0 0 0 4px #e6f0ec}.journal-progress li.is-current{color:#173d47}.journal-progress b{font-weight:630}.journal-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.journal-detail-layout>main,.journal-detail-layout>aside{display:grid;gap:18px}.journal-next-action,.journal-detail-section,.journal-history-panel,.journal-response-panel{padding:27px 29px;border:1px solid #d6e1de;background:#fff}.journal-next-action{border-top:2px solid #173d47}.journal-next-action>p{margin:0 0 9px;color:#ad761f;font-size:9px;font-weight:760;letter-spacing:.11em}.journal-next-action h3{margin:0;font-size:18px;font-weight:680}.journal-next-action span{display:block;margin-top:9px;color:#a14f45;font-size:11px}.journal-detail-section>header,.journal-history-panel h3{margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid #dce5e2}.journal-detail-section h3,.journal-history-panel h3,.journal-response-panel h3{margin-top:0;color:#173d47;font-size:15px}.journal-detail-section dl,.journal-history-panel dl{margin:0}.journal-detail-section dl>div,.journal-history-panel dl>div{display:grid;grid-template-columns:120px 1fr;padding:10px 0;border-bottom:1px solid #edf1f0}.journal-detail-section dt,.journal-history-panel dt{color:#7b8b8e;font-size:11px}.journal-detail-section dd,.journal-history-panel dd{margin:0;color:#405960;font-size:12px;line-height:1.6}.journal-file-list{display:grid}.journal-file-list>a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #e3e9e7}.journal-file-list>a strong,.journal-file-list>a small{display:block}.journal-file-list>a strong{font-size:12px}.journal-file-list>a small{margin-top:5px;color:#7b8b8e;font-size:10px}.journal-file-list>a>b{padding-bottom:3px;border-bottom:1px solid #ad761f;font-size:10px}.journal-response-panel>p{color:#718287;font-size:11px;line-height:1.6}.journal-response-panel form{display:grid;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid #e0e7e5}.journal-response-panel input{height:38px;padding:7px}.journal-response-panel button,.journal-withdrawal button{height:36px;padding:0 12px;border:1px solid #bdceca;background:#fff;color:#405960;font-size:11px;font-weight:650;cursor:pointer}.journal-response-panel button.is-primary{border-color:#173d47;background:#173d47;color:#fff}.journal-withdrawal{padding:17px 20px;border:1px solid #d7e0de;background:#fff}.journal-withdrawal summary{color:#718287;font-size:11px;cursor:pointer}.journal-withdrawal form{display:grid;gap:8px;margin-top:13px}.journal-withdrawal button{border-color:#a14f45;color:#a14f45}.journal-manuscript-list{display:grid;gap:12px}.journal-manuscript-list article{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:30px;min-height:148px;padding:28px 30px;border:1px solid #d5dfdc;border-left:3px solid #527f72;background:#fff}.journal-manuscript-list__main p{margin:0 0 9px;color:#ad761f;font-size:10px;font-weight:760;letter-spacing:.04em}.journal-manuscript-list__main h3{margin:0;color:#173d47;font-size:19px;letter-spacing:-.04em}.journal-manuscript-list__main span{display:block;margin-top:13px;color:#718287;font-size:12px}.journal-manuscript-list__meta{display:grid;grid-template-columns:1fr auto;align-content:start;justify-items:end;gap:15px}.journal-manuscript-list__meta time{color:#899798;font-size:10px}.journal-manuscript-list__meta a{grid-column:1/-1;align-self:end;margin-top:14px;padding-bottom:3px;border-bottom:1px solid #ad761f;font-size:11px;font-weight:680}.journal-empty{padding:60px;border:1px solid #d7e1de;background:#fff;text-align:center}.journal-empty strong,.journal-empty span{display:block}.journal-empty span{margin-top:9px;color:#718287;font-size:12px}.journal-notifications{margin-top:40px;border-top:2px solid #173d47;background:#fff}.journal-notifications header{padding:20px 24px;border-bottom:1px solid #dce5e2}.journal-notifications h2{margin:0;font-size:16px}.journal-notifications>a{display:grid;grid-template-columns:8px 1fr auto;gap:14px;padding:18px 24px;border-bottom:1px solid #e1e8e6}.journal-notifications>a>span{width:6px;height:6px;margin-top:6px;border-radius:50%;background:#ced8d5}.journal-notifications>a>span.is-new{background:#ad761f}.journal-notifications strong{font-size:12px}.journal-notifications p{margin:6px 0 0;color:#718287;font-size:11px;line-height:1.55}.journal-notifications time{color:#899798;font-size:10px}.journal-guide-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;padding:54px 36px 62px;border-bottom:1px solid #c9d6d3;background:#fff}.journal-guide-intro h2{margin:0;color:#173d47;font-size:clamp(32px,4vw,48px);font-weight:640;letter-spacing:-.065em;line-height:1.35}.journal-guide-intro>div:last-child{align-self:end}.journal-guide-intro>div:last-child>p{margin:0;color:#62777c;font-size:14px;line-height:1.85}.journal-guide-intro form{margin:24px 0 0}.journal-guide-intro button,.journal-guide-intro a{display:inline-flex;align-items:center;justify-content:center;min-width:160px;height:45px;padding:0 20px;border:1px solid #173d47;background:#173d47;color:#fff;font-size:12px;font-weight:680}.journal-guide-intro button:disabled{border-color:#aebbb8;background:#aebbb8;cursor:not-allowed}.journal-guide-flow{padding:70px 36px;background:#fff}.journal-guide-flow header{display:flex;align-items:flex-end;justify-content:space-between}.journal-guide-flow h2{margin:0;font-size:26px}.journal-guide-flow ol{display:grid;grid-template-columns:repeat(4,1fr);margin:32px 0 0;padding:0;border-top:1px solid #cbd8d5;list-style:none}.journal-guide-flow li{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:24px 18px 12px 0;border-right:1px solid #e0e7e5}.journal-guide-flow li+li{padding-left:19px}.journal-guide-flow li:last-child{border-right:0}.journal-guide-flow li>span{color:#ad761f;font-size:10px;font-weight:760}.journal-guide-flow strong{font-size:14px}.journal-guide-flow li p{margin:8px 0 0;color:#718287;font-size:11px;line-height:1.65}.journal-guide-policy{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid #d3dedb;border-bottom:1px solid #d3dedb;background:#eef3f1}.journal-guide-policy>div{padding:28px 35px}.journal-guide-policy>div+div{border-left:1px solid #d3dedb}.journal-guide-policy h3{margin:0;font-size:14px}.journal-guide-policy p{margin:9px 0 0;color:#64787d;font-size:11px;line-height:1.7}
@media(max-width:900px){.journal-portal__inner{width:min(720px,calc(100% - 40px))}.journal-detail-layout{grid-template-columns:1fr}.journal-guide-intro{grid-template-columns:1fr;gap:34px}.journal-guide-flow ol{grid-template-columns:repeat(2,1fr)}.journal-stepper strong{display:none}.journal-work-panel{padding:36px 30px}.journal-manuscript-list article{grid-template-columns:1fr}.journal-manuscript-list__meta{grid-template-columns:auto 1fr;justify-items:start}.journal-manuscript-list__meta a{grid-column:auto;margin:0 0 0 auto}.journal-detail-layout>aside{grid-template-columns:repeat(2,1fr)}.journal-withdrawal{grid-column:1/-1}}
@media(max-width:620px){.journal-portal__inner{width:calc(100% - 28px);padding:34px 0 76px}.journal-portal-nav{overflow-x:auto;white-space:nowrap}.journal-portal-nav a,.journal-portal-nav button{padding:0 15px}.journal-work-heading,.journal-detail-heading{display:grid}.journal-work-heading>span{text-align:left}.journal-stepper li{justify-content:center;padding:0 9px}.journal-work-panel{padding:28px 20px}.journal-form-grid{grid-template-columns:1fr}.journal-form label.is-wide{grid-column:auto}.journal-file-requirements>section{grid-template-columns:1fr}.journal-file-requirements form{align-items:stretch}.journal-file-button{min-width:0}.journal-file-button span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.journal-form-actions{justify-content:stretch}.journal-form-actions a,.journal-form-actions button{min-width:0;flex:1}.journal-review-summary>div{grid-template-columns:1fr;gap:7px}.journal-progress b{font-size:9px}.journal-progress li:nth-child(2n) b{visibility:hidden}.journal-detail-layout>aside{grid-template-columns:1fr}.journal-withdrawal{grid-column:auto}.journal-manuscript-list article{padding:23px 21px}.journal-notifications>a{grid-template-columns:7px 1fr}.journal-notifications time{grid-column:2}.journal-guide-intro{padding:38px 24px}.journal-guide-intro h2{font-size:32px}.journal-guide-flow{padding:48px 24px}.journal-guide-flow ol{grid-template-columns:1fr}.journal-guide-flow li,.journal-guide-flow li+li{padding:20px 0;border-right:0;border-bottom:1px solid #e0e7e5}.journal-guide-policy{grid-template-columns:1fr}.journal-guide-policy>div+div{border-top:1px solid #d3dedb;border-left:0}.journal-system-note{padding:46px 30px}.journal-detail-section dl>div{grid-template-columns:92px 1fr}}
/* Reviewer workspace */
.review-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:22px;align-items:start}.review-summary{position:sticky;top:92px;padding:29px;border-top:2px solid #173d47;background:#fff}.review-summary>a{display:inline-block;margin-bottom:25px;color:#718287;font-size:11px}.review-summary>p,.review-manuscript header p,.review-form-section>header p,.review-decision>p{margin:0 0 8px;color:#ad761f;font-size:9px;font-weight:760;letter-spacing:.1em}.review-summary h2{margin:0;color:#173d47;font-size:20px;line-height:1.45}.review-summary>span{display:block;margin-top:9px;color:#718287;font-size:11px;line-height:1.6}.review-summary dl{margin:25px 0 0;border-top:1px solid #dce5e2}.review-summary dl>div{display:grid;grid-template-columns:75px 1fr;padding:12px 0;border-bottom:1px solid #e5ebe9}.review-summary dt{color:#879598;font-size:10px}.review-summary dd{margin:0;color:#405960;font-size:11px}.review-workspace>main{display:grid;gap:18px}.review-decision,.review-manuscript,.review-form-section{padding:34px 36px;border:1px solid #d5dfdc;background:#fff}.review-decision h3,.review-manuscript h3,.review-form-section h3{margin:0;color:#173d47;font-size:21px}.review-ethics{margin:24px 0;padding:21px 23px;border-left:3px solid #ad761f;background:#f7f8f4}.review-ethics strong{font-size:13px}.review-ethics ul{margin:10px 0 0;padding-left:18px;color:#64787d;font-size:12px;line-height:1.8}.review-decision form{display:grid;gap:18px}.review-decision form>label:not(.journal-final-check){display:grid;gap:8px;color:#405960;font-size:12px;font-weight:650}.review-decision textarea{width:100%;padding:12px;border:1px solid #cad8d4;resize:vertical}.review-decision-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:18px;border-top:1px solid #dce5e2}.review-decision-actions button{height:42px;padding:0 18px;border:1px solid #bdcbc8;background:#fff;color:#405960;font-size:12px;font-weight:680}.review-decision-actions button.is-primary{border-color:#173d47;background:#173d47;color:#fff}.review-manuscript>header,.review-form-section>header{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:23px;padding-bottom:17px;border-bottom:1px solid #dce5e2}.review-manuscript>header>span,.review-form-section>header>span{max-width:390px;color:#718287;font-size:11px;line-height:1.6;text-align:right}.review-manuscript>div>a{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #e3e9e7}.review-manuscript>div>a strong,.review-manuscript>div>a small{display:block}.review-manuscript>div>a strong{font-size:12px}.review-manuscript>div>a small{margin-top:4px;color:#879598;font-size:10px}.review-manuscript>div>a>b{padding-bottom:3px;border-bottom:1px solid #ad761f;font-size:10px}.review-form-section .journal-form label>small{color:#718287;font-size:10px;font-weight:450;line-height:1.55}.review-list{display:grid;gap:12px}.review-list>a{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:30px;min-height:144px;padding:27px 30px;border:1px solid #d5dfdc;border-left:3px solid #587f75;background:#fff}.review-list p{margin:0 0 8px;color:#ad761f;font-size:10px;font-weight:760}.review-list h3{margin:0;color:#173d47;font-size:18px}.review-list span{display:block;margin-top:8px;color:#718287;font-size:11px}.review-list>a>div:last-child{display:grid;grid-template-columns:1fr auto;align-content:start;justify-items:end;gap:13px}.review-list time{color:#879598;font-size:10px}.review-list>a>div:last-child>strong{grid-column:1/-1;margin-top:17px;padding-bottom:3px;border-bottom:1px solid #ad761f;font-size:11px}
@media(max-width:900px){.review-workspace{grid-template-columns:1fr}.review-summary{position:static}.review-list>a{grid-template-columns:1fr}}
@media(max-width:620px){.review-decision,.review-manuscript,.review-form-section{padding:27px 21px}.review-manuscript>header,.review-form-section>header{display:grid}.review-manuscript>header>span,.review-form-section>header>span{text-align:left}.review-list>a{padding:23px 21px}}
 .journal-result-list{display:grid}.journal-result-list article{padding:15px 0;border-bottom:1px solid #e3e9e7}.journal-result-list span,.journal-result-list strong,.journal-result-list small{display:block}.journal-result-list span{color:#ad761f;font-size:9px;font-weight:720}.journal-result-list strong{margin-top:7px;color:#405960;font-size:12px;font-weight:550;line-height:1.7}.journal-result-list small{margin-top:7px;color:#a14f45;font-size:9px}.journal-result-list article.is-decision{margin-top:10px;padding:19px;border-left:3px solid #33745f;background:#f4f8f6}.journal-result-list article.is-decision strong{font-size:15px;font-weight:700}.journal-result-list article.is-decision p{margin:8px 0 0;color:#64787d;font-size:11px;line-height:1.7}
.journal-field-alert{display:block;margin-top:1px;color:#9a5c27;font-size:11px;font-weight:500;line-height:1.55}

/* Journal submission writing experience */
.journal-portal .journal-stepper{
  overflow:hidden;
  border:1px solid #d7e1de;
  border-radius:12px;
  background:#fbfcfc;
  box-shadow:0 8px 24px rgba(25,61,71,.035);
}
.journal-portal .journal-guide-intro h2 span{display:block;white-space:nowrap}
.journal-portal .journal-stepper li{
  min-height:72px;
  border-left-color:#e5ebe9;
  transition:background-color .2s ease,color .2s ease;
}
.journal-portal .journal-stepper li.is-current{
  background:#edf4f1;
  color:#173d47;
  box-shadow:inset 0 -2px 0 #3f7167;
}
.journal-portal .journal-stepper li.is-current span{
  display:grid;
  width:23px;
  height:23px;
  place-items:center;
  border-radius:50%;
  background:#285761;
  color:#fff;
}
.journal-portal .journal-stepper li.is-done{background:#f8fbfa}
.journal-portal .journal-work-panel{
  overflow:hidden;
  padding:50px 54px 0;
  border-color:#dbe4e1;
  border-radius:15px;
  background:#fff;
  box-shadow:0 18px 48px rgba(24,58,67,.055);
}
.journal-portal .journal-work-panel>header{
  align-items:center;
  margin-bottom:36px;
  padding-bottom:24px;
  border-bottom-color:#e2e9e7;
}
.journal-portal .journal-work-panel>header>p{
  display:grid;
  width:32px;
  height:32px;
  flex:0 0 32px;
  place-items:center;
  margin:0;
  border-radius:50%;
  background:#f7f0e4;
  color:#a66f21;
  letter-spacing:.02em;
}
.journal-portal .journal-work-panel>header h3{font-size:23px;line-height:1.35}
.journal-portal .journal-form{gap:38px}
.journal-portal .journal-form fieldset+fieldset{
  padding-top:4px;
}
.journal-portal .journal-form legend{
  margin-bottom:23px;
  padding-bottom:14px;
  border-bottom-color:#e3eae8;
  font-size:16px;
  letter-spacing:-.025em;
}
.journal-portal .journal-form-grid{gap:20px 22px}
.journal-portal .journal-form label,
.journal-portal .journal-response-panel label{
  gap:9px;
  color:#38555c;
}
.journal-portal .journal-form input,
.journal-portal .journal-form select,
.journal-portal .journal-form textarea,
.journal-portal .journal-response-panel input,
.journal-portal .journal-response-panel textarea,
.journal-portal .journal-withdrawal textarea{
  border-color:#cbd8d5;
  border-radius:8px;
  background:#fcfdfd;
  transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease;
}
.journal-portal .journal-form input,
.journal-portal .journal-form select{height:48px;padding-right:15px;padding-left:15px}
.journal-portal .journal-form textarea,
.journal-portal .journal-response-panel textarea,
.journal-portal .journal-withdrawal textarea{padding:14px 15px}
.journal-portal .journal-form input:hover,
.journal-portal .journal-form select:hover,
.journal-portal .journal-form textarea:hover{border-color:#9fb4af;background:#fff}
.journal-portal .journal-form input:focus,
.journal-portal .journal-form select:focus,
.journal-portal .journal-form textarea:focus,
.journal-portal .journal-response-panel input:focus,
.journal-portal .journal-response-panel textarea:focus{
  border-color:#547e76;
  background:#fff;
  box-shadow:0 0 0 4px rgba(72,118,107,.105);
}
.journal-portal .journal-form input[type="checkbox"],
.journal-portal .journal-form input[type="radio"]{border-radius:3px;box-shadow:none}
.journal-portal .journal-extra-check{
  display:flex;
  min-height:48px;
  align-items:center;
  gap:9px;
  padding:0 14px;
  border:1px solid #d7e1de;
  border-radius:8px;
  background:#fcfdfd;
  color:#526970;
  font-weight:500;
}
.journal-portal .journal-extra-check input{
  width:17px;
  height:17px;
  flex:0 0 17px;
  margin:0;
  accent-color:#285761;
}
.journal-portal .journal-agreements{
  overflow:hidden;
  border:1px solid #dde6e3;
  border-radius:11px;
  background:#fcfdfc;
}
.journal-portal .journal-agreements label{
  padding:22px 24px;
  border-bottom-color:#e6ecea;
  transition:background-color .18s ease;
}
.journal-portal .journal-agreements label:last-child{border-bottom:0}
.journal-portal .journal-agreements label:hover{background:#f6faf8}
.journal-portal .journal-agreements input{
  width:18px;
  height:18px;
  flex-basis:18px;
  border-radius:4px;
}
.journal-portal .journal-agreements strong{color:#294b53}
.journal-portal .journal-author-list{gap:18px}
.journal-portal .journal-author{
  padding:24px 26px 26px;
  border-color:#d9e3e0;
  border-radius:11px;
  background:#fafcfb;
  box-shadow:inset 3px 0 0 #c7dcd5;
}
.journal-portal .journal-author>header{margin-bottom:20px}
.journal-portal .journal-author>header strong{color:#244a52;font-size:15px}
.journal-portal .journal-author>header button{
  min-height:30px;
  padding:0 9px;
  border:1px solid #d5dfdc;
  border-radius:6px;
  background:#fff;
  transition:border-color .18s ease,color .18s ease;
}
.journal-portal .journal-author>header button:hover{border-color:#9baea9;color:#294f58}
.journal-portal .journal-author-flags{gap:10px;flex-wrap:wrap}
.journal-portal .journal-author-flags label{
  min-height:34px;
  padding:0 11px;
  border:1px solid #dbe4e1;
  border-radius:7px;
  background:#fff;
}
.journal-portal .journal-author-flags input{width:15px;height:15px}
.journal-portal .journal-add-author{
  margin-top:15px;
  padding:10px 13px;
  border:1px solid #bfcfca;
  border-radius:7px;
  background:#fff;
  color:#315b63;
  transition:border-color .18s ease,background-color .18s ease;
}
.journal-portal .journal-add-author:hover{border-color:#77958d;background:#f6faf8}
.journal-portal .journal-file-requirements{
  gap:12px;
  border-top:0;
}
.journal-portal .journal-file-requirements>section{
  padding:21px 22px;
  border:1px solid #dde6e3;
  border-radius:10px;
  background:#fbfcfc;
}
.journal-portal .journal-file-button span,
.journal-portal .journal-file-requirements form>button{
  height:38px;
  border-radius:7px;
  transition:border-color .18s ease,background-color .18s ease;
}
.journal-portal .journal-file-button span:hover{border-color:#819c95;background:#f5f9f7}
.journal-portal .journal-anonymity-note{
  margin-top:26px;
  padding:20px 22px;
  border:1px solid #eadbc2;
  border-radius:10px;
  background:#fcfaf5;
}
.journal-portal .journal-review-summary{
  overflow:hidden;
  border:1px solid #dce5e2;
  border-radius:11px;
  background:#fcfdfd;
}
.journal-portal .journal-review-summary>div{
  padding:19px 22px;
  border-bottom-color:#e6ecea;
}
.journal-portal .journal-review-summary>div:last-child{border-bottom:0}
.journal-portal .journal-final-check{
  margin-top:0;
  padding:18px 20px;
  border:1px solid #d6e5df;
  border-radius:9px;
  background:#f4f8f6;
}
.journal-portal .journal-form-actions{
  margin:2px -54px 0;
  padding:24px 54px 26px;
  border-top-color:#e1e8e6;
  background:#f8faf9;
}
.journal-portal .journal-form-actions a,
.journal-portal .journal-form-actions button{
  min-width:116px;
  height:44px;
  border-radius:7px;
  transition:border-color .18s ease,background-color .18s ease,transform .18s ease;
}
.journal-portal .journal-form-actions a:hover{border-color:#91a8a2;background:#fff}
.journal-portal .journal-form-actions button:hover,
.journal-portal .journal-form-actions .is-primary:hover{border-color:#285761;background:#285761}
.journal-portal .journal-form-actions a:active,
.journal-portal .journal-form-actions button:active{transform:translateY(1px)}
.journal-portal .journal-message{border-radius:8px}
.journal-portal :focus-visible{outline:2px solid #b78334;outline-offset:2px}

@media(max-width:900px){
  .journal-portal .journal-work-panel{padding:40px 30px 0}
  .journal-portal .journal-form-actions{margin-right:-30px;margin-left:-30px;padding-right:30px;padding-left:30px}
}
@media(max-width:620px){
  .journal-portal .journal-stepper{border-radius:9px}
  .journal-portal .journal-stepper li{min-height:62px}
  .journal-portal .journal-stepper li.is-current span{width:21px;height:21px}
  .journal-portal .journal-work-panel{padding:30px 20px 0;border-radius:11px}
  .journal-portal .journal-work-panel>header{gap:12px;margin-bottom:28px}
  .journal-portal .journal-work-panel>header>p{width:29px;height:29px;flex-basis:29px}
  .journal-portal .journal-work-panel>header h3{font-size:20px}
  .journal-portal .journal-form{gap:32px}
  .journal-portal .journal-agreements label{padding:19px 17px}
  .journal-portal .journal-author{padding:21px 18px 23px}
  .journal-portal .journal-file-requirements>section{padding:19px 17px}
  .journal-portal .journal-review-summary>div{padding:17px}
  .journal-portal .journal-form-actions{margin-right:-20px;margin-left:-20px;padding:20px}
  .journal-portal .journal-guide-intro h2{font-size:clamp(26px,8vw,32px)}
  .journal-portal .journal-guide-flow header{display:block}
  .journal-portal .journal-guide-flow header p{margin-bottom:10px}
}
@media(prefers-reduced-motion:reduce){
  .journal-portal .journal-stepper li,
  .journal-portal .journal-form input,
  .journal-portal .journal-form select,
  .journal-portal .journal-form textarea,
  .journal-portal .journal-form-actions a,
  .journal-portal .journal-form-actions button{transition:none}
}