/* Participation guide: two preparation steps, invitation, broker, and support. */
body[data-page="conditions"] .conditions-hero-inner { min-height: 0; padding-bottom: 28px; }
body[data-page="conditions"] #requirements { padding-top: 36px; padding-bottom: clamp(28px, 3.5vw, 44px); }
body[data-page="conditions"] .conditions-contact-shortcut {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  min-height: 40px; padding: 8px 13px; border: 1px solid rgba(212,190,140,.65);
  color: #e5d5b3; font: 500 12px/1.4 var(--sans); white-space: nowrap;
  background: rgba(212,190,140,.06); transition: background .18s, border-color .18s;
}
body[data-page="conditions"] .conditions-contact-shortcut svg { width: 19px; height: 19px; }
body[data-page="conditions"] .conditions-contact-shortcut:hover { background: rgba(212,190,140,.14); border-color: #d4be8c; }
body[data-page="conditions"] #requirements,
body[data-page="conditions"] #account-options,
body[data-page="conditions"] #contact { scroll-margin-top: var(--nav-scroll-offset, 145px); }
body[data-page="conditions"] .join-intro { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(28px, 5vw, 64px); align-items: center; margin-bottom: 32px; }
body[data-page="conditions"] .join-intro h2,
body[data-page="conditions"] .broker-heading h2,
body[data-page="conditions"] .conditions-contact-copy h2 { margin: 0 0 20px; font: 500 clamp(30px, 3.7vw, 47px)/1.5 var(--serif); letter-spacing: -.015em; }
body[data-page="conditions"] .join-intro > div > p:last-child { color: #e4e4df; font-size: 15px; line-height: 1.9; margin-bottom: 0; }
body[data-page="conditions"] .join-steps-emphasis { display: inline-flex; align-items: baseline; gap: .04em; margin-inline: .03em; padding: .02em .13em .07em; border: 0; background: none; color: #e5cfa0; font-size: 1.13em; font-weight: 600; line-height: 1.15; letter-spacing: 0; white-space: nowrap; }
body[data-page="conditions"] .join-steps-number { color: #eedbb3; font: italic 400 1.42em/.95 Georgia, "Times New Roman", serif; font-variant-numeric: lining-nums; letter-spacing: -.045em; padding-right: .07em; }
body[data-page="conditions"] .join-intro.is-visible .join-steps-emphasis { animation: join-steps-arrive .65s cubic-bezier(.2,.7,.2,1) both; }
@keyframes join-steps-arrive { from { opacity: .5; transform: translateY(6px) scale(.97); } to { opacity: 1; transform: none; } }
body[data-page="conditions"] .join-time-card { padding: 24px 26px; border-left: 2px solid #bda16b; background: rgba(212,190,140,.045); }
body[data-page="conditions"] .join-time-card .join-time-title { margin-bottom: 12px; color: #d4be8c; font: 500 23px/1.5 var(--serif); }
body[data-page="conditions"] .join-time-card p { margin-bottom: 12px; font-family: var(--serif); font-size: 16px; font-weight: 400; line-height: 1.9; }
body[data-page="conditions"] .join-time-card strong { font-weight: 500; }
body[data-page="conditions"] .join-time-card small { display: block; color: #bdbdb7; font-family: var(--sans); font-size: 12px; line-height: 1.8; }
body[data-page="conditions"] .join-two-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; margin: 0; padding: 0; list-style: none; }
body[data-page="conditions"] .join-step { position: relative; display: flex; flex-direction: column; min-width: 0; padding: clamp(24px, 3vw, 36px); border: 1px solid rgba(212,190,140,.32); background: linear-gradient(145deg, #1e1d19, #151513); }
body[data-page="conditions"] .join-step:first-child::after { content: "→"; position: absolute; right: -28px; top: 48%; z-index: 1; display: grid; place-items: center; width: 28px; height: 30px; color: #d4be8c; background: #0c0c0b; font: 400 23px/1 var(--sans); }
body[data-page="conditions"] .join-step-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
body[data-page="conditions"] .join-step .join-step-number { margin: 0; color: #d4be8c; font: 500 17px/1 var(--serif); letter-spacing: .1em; }
body[data-page="conditions"] .join-step-icon svg { width: 46px; height: 46px; color: #d4be8c; }
body[data-page="conditions"] .join-step h3 { margin: 0 0 18px; color: #fff; font: 500 clamp(23px, 2.4vw, 30px)/1.55 var(--serif); }
body[data-page="conditions"] .join-step > p { color: #e1e1db; font-family: var(--serif); font-size: 16px; font-weight: 400; line-height: 1.9; }
body[data-page="conditions"] .join-existing-copy-emphasis { color: #f1f1ec; font-weight: 600; text-decoration: underline; text-decoration-color: #bfc5ca; text-decoration-thickness: 1px; text-underline-offset: .2em; }
body[data-page="conditions"] .join-existing-preserved-break { display: none; }
body[data-page="conditions"] .join-existing-copy-note { display: block; margin-top: 17px; padding-top: 17px; border-top: 1px solid rgba(212,190,140,.2); color: #d4be8c; font-family: var(--sans); font-size: 15px; }
body[data-page="conditions"] .join-existing-copy-note .join-existing-copy-emphasis { color: inherit; text-decoration-color: currentColor; }
body[data-page="conditions"] .join-step .join-step-tip { margin: auto 0 0; padding-top: 17px; color: #d4be8c; font-family: var(--sans); font-size: 15px; border-top: 1px solid rgba(212,190,140,.2); }
body[data-page="conditions"] .join-account-action { width: min(100%, 820px); margin: 30px auto 0; text-align: center; }
body[data-page="conditions"] .join-account-button {
  display: grid; grid-template-columns: 40px minmax(0, 1fr) 40px; align-items: center;
  width: 100%; min-height: 84px; padding: 20px 28px; gap: 16px;
  border: 1px solid #e4cf9c; border-radius: 3px;
  background: linear-gradient(110deg, #d2b16d, #ead8ab 55%, #dbc38e); color: #171710;
  box-shadow: 0 6px 22px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.32);
  font: 700 clamp(19px, 2.2vw, 23px)/1.5 var(--sans); letter-spacing: .025em;
  text-decoration: none; transition: transform .18s, box-shadow .18s, background .18s;
}
body[data-page="conditions"] .join-account-button > [data-cms-field] { grid-column: 2; overflow-wrap: anywhere; text-align: center; }
body[data-page="conditions"] .join-account-button > .join-account-arrow { grid-column: 3; display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid rgba(23,23,16,.38); border-radius: 50%; background: rgba(255,255,255,.14); transition: transform .18s; }
body[data-page="conditions"] .join-account-arrow svg { width: 23px; height: 23px; }
body[data-page="conditions"] .join-account-button:hover { background: linear-gradient(110deg, #ddc184, #f0e0bb 55%, #e4cf9f); box-shadow: 0 9px 25px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.4); transform: translateY(-2px); }
body[data-page="conditions"] .join-account-button:hover > .join-account-arrow { transform: translateX(3px); }
body[data-page="conditions"] .join-account-button:active { transform: translateY(0); }
body[data-page="conditions"] .join-account-button:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }
body[data-page="conditions"] .join-account-action .join-account-note { margin: 13px 0 0; color: #d9d9d2; font: 400 13px/1.8 var(--sans); }
body[data-page="conditions"] .join-account-action #join-account-type { margin-top: 18px; color: #f3f3ee; font-size: 16px; font-weight: 400; }
body[data-page="conditions"] .join-account-action .join-holding-note { max-width: 56em; margin: 6px auto 0; }
body[data-page="conditions"] .join-account-action .join-holding-note strong { font-size: 1.08em; text-decoration: underline; text-decoration-thickness: 1px; text-decoration-color: rgba(228,207,156,.65); text-underline-offset: .18em; }
body[data-page="conditions"] .join-account-note strong { color: #e4cf9c; font-weight: 600; }
body[data-page="conditions"] .join-existing-button { display: grid; grid-template-columns: 40px minmax(0, 1fr) 40px; align-items: center; width: min(100%, 660px); min-height: 60px; margin: 14px auto 0; padding: 9px 24px; gap: 16px; border: 1px solid #cbd0d5; border-radius: 3px; background: linear-gradient(110deg, #d0d4d8, #e5e7e9 55%, #c5cbd1); color: #20252a; font: 600 17px/1.55 var(--sans); letter-spacing: .01em; text-decoration: none; }
body[data-page="conditions"] .join-existing-button > [data-cms-field] { grid-column: 2; min-width: 0; text-align: center; overflow-wrap: anywhere; }
body[data-page="conditions"] .join-existing-arrow { grid-column: 3; display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid rgba(32,37,42,.38); border-radius: 50%; background: rgba(255,255,255,.14); }
body[data-page="conditions"] .join-existing-arrow svg { width: 23px; height: 23px; }
body[data-page="conditions"] .join-existing-button:hover { background: linear-gradient(110deg, #dce0e3, #f0f1f2 55%, #d5dbe0); transform: translateY(-1px); }
body[data-page="conditions"] .join-existing-button:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
body[data-page="conditions"] .join-invite { position: relative; display: grid; grid-template-columns: 50px minmax(0, 1fr) 230px; gap: 12px; align-items: center; width: 100%; max-width: 960px; margin: 28px auto 0; padding: 12px 28px; border: 1px solid rgba(212,190,140,.4); background: #1b1a16; }
body[data-page="conditions"] .join-invite::before { content: ""; position: absolute; top: -28px; left: 50%; width: 1px; height: 28px; background: rgba(212,190,140,.5); }
body[data-page="conditions"] .join-invite-icon svg { width: 50px; height: 50px; color: #d4be8c; }
body[data-page="conditions"] .join-invite .section-kicker { margin-bottom: 10px; color: #d4be8c; font-size: 11px; }
body[data-page="conditions"] .join-invite h3 { margin-bottom: 12px; color: #fff; font: 500 25px/1.55 var(--serif); }
body[data-page="conditions"] .join-invite-copy { min-width: 0; }
body[data-page="conditions"] .join-invite-copy > p:not(.section-kicker) { max-width: 48em; margin: 0; color: #e1e1db; font-size: 14px; line-height: 1.9; }
body[data-page="conditions"] .join-invite-copy > .join-line-button { width: min(100%, 400px); min-height: 58px; margin-top: 20px; font-size: 14px; }
body[data-page="conditions"] .join-line-contact { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; align-self: stretch; gap: 8px; min-width: 0; padding-left: 8px; border-left: 1px solid transparent; }
body[data-page="conditions"] .join-line-contact::before { content: ""; position: absolute; inset: 0 auto 0 -1px; width: 1px; background: rgba(212,190,140,.2); transform: translateX(-8px); pointer-events: none; }
body[data-page="conditions"] .join-line-contact .join-line-purpose { margin: 0; color: #e1e1db; font: 500 12px/1.65 var(--sans); text-align: center; }
body[data-page="conditions"] .join-line-qr { display: block; width: 220px; max-width: 100%; padding: 6px; background: #fff; border-radius: 3px; }
body[data-page="conditions"] .join-line-qr img { display: block; width: 100%; height: auto; aspect-ratio: 1; }
body[data-page="conditions"] .join-line-contact .join-line-id { margin: 0; color: #e5e5df; font: 500 13px/1.5 var(--sans); text-align: center; }
body[data-page="conditions"] .join-line-contact .join-line-search-note { max-width: 22em; margin: 0; color: #c9c9c3; font: 400 11px/1.65 var(--sans); text-align: center; }
body[data-page="conditions"] .join-line-button { width: 100%; min-height: 56px; padding: 13px 14px; gap: 8px; border: 1px solid #399a62; background: #155c36; color: #fff; font: 600 13px/1.6 var(--sans); text-align: center; }
body[data-page="conditions"] .join-line-button:hover { background: #1b7043; }
body[data-page="conditions"] .join-line-check-button { width: min(100%, 370px); min-height: 50px; margin: 12px auto; padding: 12px 16px; border: 1px solid #8b9c90; background: #2b513a; color: #fff; font-size: 14px; font-weight: 500; }
body[data-page="conditions"] .join-line-button,
body[data-page="conditions"] .join-line-check-button { display: grid; grid-template-columns: 32px minmax(0, 1fr) 32px; align-items: center; gap: 8px; }
body[data-page="conditions"] .join-line-button > [data-cms-field],
body[data-page="conditions"] .join-line-check-button > [data-cms-field] { grid-column: 2; min-width: 0; text-align: center; overflow-wrap: anywhere; }
body[data-page="conditions"] .join-line-button > b,
body[data-page="conditions"] .join-line-check-button > b { grid-column: 3; }
body[data-page="conditions"] .join-optional-check small { display: block; }
body[data-page="conditions"] .join-line-qr:focus-visible,
body[data-page="conditions"] .join-line-button:focus-visible,
body[data-page="conditions"] .join-line-check-button:focus-visible { outline: 2px solid #b7e2c5; outline-offset: 4px; }
body[data-page="conditions"] .join-optional-check { margin-top: 22px; border-block: 1px solid rgba(255,255,255,.13); color: #deded7; text-align: center; scroll-margin-top: var(--nav-scroll-offset, 145px); }
body[data-page="conditions"] .join-optional-check .join-check-copy { padding: 18px 0; font-size: 14px; line-height: 1.9; }
body[data-page="conditions"] .join-linkage-copy-emphasis { color: #f1f1ec; font-weight: 600; text-decoration: underline; text-decoration-color: rgba(225,225,219,.72); text-decoration-thickness: 1px; text-underline-offset: .22em; }
body[data-page="conditions"] .join-optional-check > .join-check-action { max-width: 62em; margin-inline: auto; padding-bottom: 20px; }
body[data-page="conditions"] .join-optional-check p { margin-bottom: 10px; font-size: 14px; line-height: 1.9; }
body[data-page="conditions"] .join-optional-check small { color: #bcbcb5; font-size: 12px; }
body[data-page="conditions"] .join-question { margin: 18px 0 0; color: #d4be8c; font-size: 13px; text-align: center; }
body[data-page="conditions"] .join-question a { text-decoration: underline; text-underline-offset: 5px; }
body[data-page="conditions"] .broker-section { padding-top: clamp(32px, 4vw, 48px); padding-bottom: clamp(16px, 2vw, 24px); background: #ebe8e1; color: #25241f; }
body[data-page="conditions"] .broker-heading { display: flex; align-items: center; justify-content: flex-start; gap: clamp(72px, calc(8vw + 8px), 120px); margin-bottom: 30px; }
body[data-page="conditions"] .broker-heading h2 { margin-bottom: 14px; }
body[data-page="conditions"] .broker-heading .section-kicker { color: #80693d; }
body[data-page="conditions"] .broker-lead { margin: 0; color: #514d44; font-size: 16px; }
body[data-page="conditions"] .broker-intro { max-width: 62em; margin: 0 0 25px; color: #514d44; font-size: 15px; line-height: 1.9; }
body[data-page="conditions"] .broker-logo-panel { flex: 0 0 auto; display: grid; place-items: center; min-width: 230px; padding: 25px; background: #11120f; }
body[data-page="conditions"] .broker-logo-panel img { width: 178px; height: 32px; object-fit: contain; }
body[data-page="conditions"] .broker-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 34px; border-block: 1px solid rgba(62,54,39,.23); }
body[data-page="conditions"] .broker-metrics > div { display: grid; gap: 8px; padding: 24px; border-right: 1px solid rgba(62,54,39,.18); }
body[data-page="conditions"] .broker-metrics > div:first-child { padding-left: 0; }
body[data-page="conditions"] .broker-metrics > div:last-child { border-right: 0; }
body[data-page="conditions"] .broker-metrics strong { color: #615033; font: 500 clamp(25px, 3vw, 39px)/1.3 var(--serif); }
body[data-page="conditions"] .broker-metrics span { color: #5e584b; font-size: 13px; }
body[data-page="conditions"] .broker-metrics > div.is-broker-counting > strong { grid-area: 1 / 1; }
body[data-page="conditions"] .broker-metrics > div.is-broker-counting > strong:not(.broker-count-visual) { opacity: 0; }
body[data-page="conditions"] .broker-metrics > div.is-broker-counting > span { grid-area: 2 / 1; }

body[data-page="conditions"] .broker-reasons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 50px; row-gap: 24px; }
body[data-page="conditions"] .broker-reasons article { padding-bottom: 22px; border-bottom: 1px solid rgba(62,54,39,.18); }
body[data-page="conditions"] .broker-reason-label { margin-bottom: 12px; color: #80693d; font-size: 10px; letter-spacing: .12em; }
body[data-page="conditions"] .broker-reasons h3 { margin-bottom: 12px; color: #25241f; font: 500 23px/1.5 var(--serif); }
body[data-page="conditions"] .broker-reasons article > p:last-child { margin: 0; color: #514d44; font-size: 15px; line-height: 1.9; }
body[data-page="conditions"] .broker-reasons strong { font-weight: 600; color: #312a1e; }
/* First-person broker selection story; keep the manuscript editable by paragraph. */
body[data-page="conditions"] .broker-story { width: min(100%, 880px); margin: 38px auto 40px; font-family: var(--serif); }
body[data-page="conditions"] .broker-story > p { margin: 0 0 24px; color: #39372f; font-size: 16px; font-weight: 400; line-height: 1.95; letter-spacing: .015em; overflow-wrap: anywhere; }
body[data-page="conditions"] .broker-story > .broker-story-lead { margin-bottom: 30px; padding-left: 22px; border-left: 2px solid #9b8353; color: #302b21; font: 500 clamp(22px, 2.5vw, 28px)/1.6 var(--serif); }
body[data-page="conditions"] .broker-story strong { color: inherit; font-weight: 600; }
body[data-page="conditions"] .broker-story > .broker-story-lead strong { font-weight: 500; }
body[data-page="conditions"] .broker-story > .broker-story-close strong { font-weight: 400; }
body[data-page="conditions"] .broker-story .broker-withdrawal-quote { color: inherit; font-weight: 600; text-decoration: underline; text-decoration-color: rgba(114,88,45,.6); text-decoration-thickness: 1px; text-underline-offset: .22em; text-decoration-skip-ink: auto; }
body[data-page="conditions"] .broker-story > .broker-story-subheading { position: relative; margin: 42px 0 22px; padding-top: 28px; padding-left: 22px; border-top: 1px solid rgba(62,54,39,.2); color: #302b21; font: 500 clamp(22px, 2.5vw, 28px)/1.6 var(--serif); letter-spacing: 0; overflow-wrap: anywhere; text-wrap: pretty; }
body[data-page="conditions"] .broker-story > .broker-story-subheading::before { content: ""; position: absolute; top: 28px; bottom: 0; left: 0; width: 2px; background: #9b8353; }
body[data-page="conditions"] .broker-story > .broker-story-takeaway { margin-block: 28px 32px; color: #39372f; font-size: 19px; font-weight: 500; }
body[data-page="conditions"] .broker-story > .broker-story-close { margin-bottom: 0; padding-top: 0; border-top: 0; color: #302b21; }

body[data-page="conditions"] .broker-experience { width: min(100%, 880px); margin: 28px auto 20px; padding: 20px 24px; border-left: 2px solid #9b8353; background: rgba(255,255,255,.44); }
body[data-page="conditions"] .broker-experience .section-kicker { margin-bottom: 15px; color: #80693d; font-size: 11px; }
body[data-page="conditions"] .broker-experience blockquote { margin: 0; color: #39372f; font: 400 16px/1.95 var(--serif); }
body[data-page="conditions"] .broker-experience figcaption { margin-top: 8px; text-align: right; color: #615033; font: 500 13px/1.5 var(--serif); }
body[data-page="conditions"] .broker-experience small { display: block; margin-top: 15px; color: #736d61; font: 400 11px/1.8 var(--sans); text-align: left; }
body[data-page="conditions"] .broker-source-note p { margin: 0 0 5px; color: #6c665b; font-size: 11px; line-height: 1.9; }
body[data-page="conditions"] .broker-source-note a { text-decoration: underline; text-underline-offset: 3px; }
body[data-page="conditions"] .conditions-contact-section { padding-block: clamp(24px, 3vw, 36px); background: #111210; }
body[data-page="conditions"] .conditions-contact-panel { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; align-items: center; width: 100%; max-width: 680px; margin-inline: auto; padding: clamp(16px, 2vw, 22px); border: 1px solid rgba(212,190,140,.35); background: #191a16; text-align: center; }
body[data-page="conditions"] .conditions-contact-copy h2 { margin-bottom: 10px; font-size: clamp(16px, 1.7vw, 20px); }
body[data-page="conditions"] .conditions-contact-copy > p { max-width: 56em; margin: 0 auto 10px; color: #deded7; font-size: 13px; line-height: 1.85; }
body[data-page="conditions"] .conditions-contact-copy .section-kicker { margin-bottom: 8px; font-size: 10px; }
body[data-page="conditions"] .conditions-contact-copy .conditions-reply-time { margin: 0; color: #d4be8c; font-weight: 500; }
body[data-page="conditions"] .conditions-contact-action { display: flex; flex-direction: column; align-items: stretch; gap: 8px; width: min(100%, 320px); min-width: 0; margin-inline: auto; }
body[data-page="conditions"] .conditions-contact-icon { display: inline-flex; align-items: center; flex: none; line-height: 0; color: #d4be8c; }
body[data-page="conditions"] .conditions-contact-icon svg { width: 18px; height: 18px; }
body[data-page="conditions"] .conditions-mail-button { display: grid; grid-template-columns: 24px minmax(0, 1fr) 24px; align-items: center; gap: 8px; min-height: 46px; padding: 10px 14px; border: 1px solid #bca26d; background: rgba(212,190,140,.05); color: #e7d7b6; font-size: 13px; font-weight: 500; }
body[data-page="conditions"] .conditions-mail-button > .conditions-mail-label { grid-column: 2; display: flex; align-items: center; justify-content: center; gap: 6px; min-width: 0; text-align: center; }
body[data-page="conditions"] .conditions-mail-label > [data-cms-field] { min-width: 0; overflow-wrap: anywhere; }
body[data-page="conditions"] .conditions-mail-button > b { grid-column: 3; width: 24px; height: 24px; }
body[data-page="conditions"] .conditions-mail-button:hover { background: rgba(212,190,140,.14); }
body[data-page="conditions"] .conditions-contact-address { color: #d0d0c7; text-align: center; font-size: 13px; overflow-wrap: anywhere; }
body[data-page="conditions"] .conditions-contact-shortcut:focus-visible,
body[data-page="conditions"] .conditions-mail-button:focus-visible { outline: 2px solid #d4be8c; outline-offset: 5px; }
@media (max-width: 1000px) {
  body[data-page="conditions"] .join-invite { grid-template-columns: 38px minmax(0, 1fr) 210px; gap: 12px; }
  body[data-page="conditions"] .join-line-qr { width: 200px; }
}
@media (max-width: 760px) {
  body[data-page="conditions"] .header-inner { gap: 8px; }
  body[data-page="conditions"] .conditions-contact-shortcut { width: 40px; height: 40px; padding: 8px; flex-shrink: 0; }
  body[data-page="conditions"] .conditions-contact-shortcut > span { display: none; }
  body[data-page="conditions"] .join-intro { grid-template-columns: minmax(0, 1fr); gap: 24px; margin-bottom: 24px; }
  body[data-page="conditions"] .join-time-card { padding: 19px 20px; }
  body[data-page="conditions"] .join-time-card p { font-size: 15px; }
  body[data-page="conditions"] .join-time-card .join-time-title { font-size: 21px; }
  body[data-page="conditions"] .join-intro h2 { font-size: clamp(29px, 7.5vw, 38px); }
  body[data-page="conditions"] .join-two-steps { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  body[data-page="conditions"] .join-step { padding: 24px; }
  body[data-page="conditions"] .join-step:first-child::after { content: "↓"; top: auto; bottom: -27px; right: calc(50% - 14px); height: 26px; }
  body[data-page="conditions"] .join-step h3 { font-size: 25px; }
  body[data-page="conditions"] .join-step > p { font-size: 15px; }
  body[data-page="conditions"] .join-existing-copy-note,
  body[data-page="conditions"] .join-step .join-step-tip { font-size: 14px; }
  body[data-page="conditions"] .join-account-action { margin-top: 24px; }
  body[data-page="conditions"] .join-account-button { grid-template-columns: minmax(0, 1fr) 30px; gap: 10px; min-height: 70px; padding: 18px 14px; font-size: clamp(16px, 4.2vw, 19px); letter-spacing: .01em; }
  body[data-page="conditions"] .join-account-button > [data-cms-field] { grid-column: 1; }
  body[data-page="conditions"] .join-account-button > .join-account-arrow { grid-column: 2; width: 30px; height: 30px; }
  body[data-page="conditions"] .join-account-arrow svg { width: 20px; height: 20px; }
  body[data-page="conditions"] .join-account-action .join-account-note { margin-top: 12px; font-size: 12px; }
  body[data-page="conditions"] .join-account-action #join-account-type { margin-top: 16px; font-size: 14px; }
  body[data-page="conditions"] .join-existing-button { grid-template-columns: minmax(0, 1fr) 30px; width: calc(100% - 16px); min-height: 56px; margin-top: 12px; padding: 12px; gap: 10px; font-size: 13px; }
  body[data-page="conditions"] .join-existing-button > [data-cms-field] { grid-column: 1; }
  body[data-page="conditions"] .join-existing-arrow { grid-column: 2; width: 30px; height: 30px; }
  body[data-page="conditions"] .join-existing-arrow svg { width: 20px; height: 20px; }
  body[data-page="conditions"] .join-invite { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 12px 24px; }
  body[data-page="conditions"] .join-invite-icon svg { width: 38px; height: 38px; }
  body[data-page="conditions"] .join-invite h3 { font-size: 23px; }
  body[data-page="conditions"] .join-line-contact { width: min(100%, 310px); margin-inline: auto; gap: 8px; padding-left: 0; border-left: 0; }
  body[data-page="conditions"] .join-line-contact::before { display: none; }
  body[data-page="conditions"] .join-invite-copy > .join-line-button { width: 100%; }
  body[data-page="conditions"] .join-line-qr { width: 220px; }
  body[data-page="conditions"] .broker-heading { flex-direction: column; align-items: flex-start; gap: 20px; }
  body[data-page="conditions"] .broker-heading h2 { font-size: 30px; }
  body[data-page="conditions"] .broker-logo-panel { min-width: 210px; padding: 22px; }
  body[data-page="conditions"] .broker-metrics > div { padding: 18px 10px; gap: 8px; }
  body[data-page="conditions"] .broker-metrics strong { font-size: clamp(18px, 5vw, 28px); }
  body[data-page="conditions"] .broker-metrics span { font-size: 10px; }
  body[data-page="conditions"] .broker-reasons { grid-template-columns: minmax(0, 1fr); gap: 23px; }
  body[data-page="conditions"] .broker-reasons h3 { font-size: 22px; }
  body[data-page="conditions"] .broker-reasons article > p:last-child { font-size: 14px; }
  body[data-page="conditions"] .broker-story { margin: 28px auto 32px; }
  body[data-page="conditions"] .broker-story > p { margin-bottom: 21px; font-size: 15px; line-height: 1.9; }
  body[data-page="conditions"] .broker-story > .broker-story-lead { padding-left: 15px; font-size: 22px; line-height: 1.6; }
  body[data-page="conditions"] .broker-story > .broker-story-subheading { margin-top: 32px; margin-bottom: 20px; padding-top: 22px; padding-left: 15px; font-size: 22px; }
  body[data-page="conditions"] .broker-story > .broker-story-subheading::before { top: 22px; }
  body[data-page="conditions"] .broker-story > .broker-story-takeaway { margin-block: 25px 28px; font-size: 17px; }
  body[data-page="conditions"] .broker-story > .broker-story-close { padding-top: 0; }
  body[data-page="conditions"] .broker-experience { margin-top: 24px; padding: 16px 18px; }
  body[data-page="conditions"] .broker-experience blockquote { font-size: 15px; line-height: 1.9; }
  body[data-page="conditions"] .conditions-contact-panel { gap: 12px; }
  body[data-page="conditions"] .conditions-contact-copy h2 { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-page="conditions"] .join-intro.is-visible .join-steps-emphasis { animation: none; }
  body[data-page="conditions"] .conditions-contact-shortcut { transition: none; }
  body[data-page="conditions"] .join-account-button,
  body[data-page="conditions"] .join-account-button > .join-account-arrow { transition: none; }
  body[data-page="conditions"] .join-account-button:hover,
  body[data-page="conditions"] .join-account-button:hover > .join-account-arrow { transform: none; }
}

/* Account routes: participation value with an explicit next action. */
body[data-page="conditions"] #account-options { padding-top: 0; padding-bottom: clamp(24px, 3vw, 40px); }
body[data-page="conditions"] #account-options .account-path-heading { width: 100%; max-width: none; margin: 0 0 20px; text-align: center; }
body[data-page="conditions"] #account-options .account-path-heading .section-kicker { margin-bottom: 14px; color: #72582d; font: 600 11px/1.6 var(--sans); letter-spacing: .06em; }
body[data-page="conditions"] #account-options .account-path-heading h2 { margin: 0 0 16px; color: #24231f; font: 500 clamp(28px, 3.1vw, 42px)/1.5 var(--serif); letter-spacing: 0; text-wrap: balance; }
body[data-page="conditions"] #account-options .account-path-intro { max-width: 680px; margin: 0 auto; color: #514d44; font: 400 15px/1.9 var(--serif); }
body[data-page="conditions"] #account-options .account-path-grid { gap: 24px; }
body[data-page="conditions"] #account-options .account-path-card { min-width: 0; min-height: 0; padding: clamp(22px, 2.5vw, 32px); border: 1px solid rgba(99,87,62,.22); border-top: 2px solid #af9158; background: rgba(255,255,255,.5); }
body[data-page="conditions"] #account-options .account-path-existing { border-top-color: #7a7e83; background: rgba(255,255,255,.34); }
body[data-page="conditions"] #account-options .account-path-card > p { margin: 0 0 16px; color: #71582c; font: 600 14px/1.6 var(--sans); }
body[data-page="conditions"] #account-options .account-path-existing > p { color: #50545a; }
body[data-page="conditions"] #account-options .account-path-card h3 { margin: 0 0 18px; color: #28251e; font: 500 clamp(22px, 2.1vw, 28px)/1.55 var(--serif); text-wrap: balance; }
body[data-page="conditions"] #account-options .account-path-description { flex: 1; margin: 0 0 24px; color: #514d44; font: 400 15px/1.9 var(--serif); }
body[data-page="conditions"] #account-options .path-cta { display: grid; grid-template-columns: 28px minmax(0, 1fr) 28px; gap: 10px; align-items: center; width: 100%; min-height: 72px; margin-top: auto; padding: 14px 18px; border-radius: 3px; font: 700 16px/1.55 var(--sans); letter-spacing: 0; text-decoration: none; box-shadow: 0 5px 14px rgba(35,29,17,.09); transition: transform .18s, box-shadow .18s, border-color .18s; }
body[data-page="conditions"] #account-options .path-cta > span { grid-column: 2; min-width: 0; text-align: center; overflow-wrap: anywhere; text-wrap: balance; }
body[data-page="conditions"] #account-options .path-cta > b { grid-column: 3; display: grid; place-items: center; width: 28px; height: 28px; border: 0; border-radius: 50%; background: rgba(0,0,0,.055); font: 500 20px/1 var(--sans); transition: transform .18s; }
body[data-page="conditions"] #account-options .path-cta-primary { color: #191813; border-color: #94763a; background: linear-gradient(110deg, #c3a66a, #e5d4aa 55%, #c7ab76); }
body[data-page="conditions"] #account-options .path-cta-existing { color: #242628; border-color: #81858c; background: linear-gradient(110deg, #e9ecef, #f8f9fa); }
body[data-page="conditions"] #account-options .path-cta:focus-visible { outline: 2px solid #302b21; outline-offset: 4px; }
body[data-page="conditions"] #account-options .path-cta:active { transform: translateY(0) scale(.995); box-shadow: 0 2px 7px rgba(35,29,17,.12); }
@media (hover: hover) and (pointer: fine) {
  body[data-page="conditions"] #account-options .path-cta:hover { transform: translateY(-2px); border-color: #66552e; box-shadow: 0 8px 20px rgba(35,29,17,.16); }
  body[data-page="conditions"] #account-options .path-cta:hover > b { transform: translate(2px, -2px); }
}
@media (max-width: 760px) {
  body[data-page="conditions"] #account-options .account-path-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  body[data-page="conditions"] #account-options .account-path-heading h2 { font-size: 27px; }
  body[data-page="conditions"] #account-options .account-path-card { padding: 22px 20px; }
  body[data-page="conditions"] #account-options .account-path-card h3 { font-size: 24px; }
  body[data-page="conditions"] #account-options .path-cta { grid-template-columns: 20px minmax(0, 1fr) 20px; padding: 12px 10px; gap: 8px; font-size: 15px; }
  body[data-page="conditions"] #account-options .path-cta > b { width: 20px; height: 20px; font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-page="conditions"] #account-options .path-cta,
  body[data-page="conditions"] #account-options .path-cta > b { transition: none; }
  body[data-page="conditions"] #account-options .path-cta:hover,
  body[data-page="conditions"] #account-options .path-cta:active,
  body[data-page="conditions"] #account-options .path-cta:hover > b { transform: none; }
}

/* Broker section: keep emphasis only on the two withdrawal quotations. */
body[data-page="conditions"] #why-xm,
body[data-page="conditions"] #why-xm * { font-weight: 400; }
body[data-page="conditions"] #why-xm .broker-withdrawal-quote,
body[data-page="conditions"] #why-xm .broker-withdrawal-quote * { font-weight: 600; }

/* Repeated LINE invitation below the account routes. */
body[data-page="conditions"] #account-options .account-path-primary h3 { color: #765b32; }
body[data-page="conditions"] #account-options .account-path-existing h3 { color: #4a5868; }
body[data-page="conditions"] #account-options .account-invite { grid-template-columns: minmax(0, 1fr) 180px; gap: 20px; margin-top: 24px; padding: 14px 20px; border-color: rgba(99,87,62,.22); border-top: 2px solid #af9158; background: rgba(255,255,255,.45); }
body[data-page="conditions"] #account-options .account-invite::before { display: none; }
body[data-page="conditions"] #account-options .account-invite .section-kicker { color: #71582c; }
body[data-page="conditions"] #account-options .account-invite h3,
body[data-page="conditions"] #account-options .account-invite .join-invite-copy > p:not(.section-kicker) { font: 600 15px/1.8 var(--serif); }
body[data-page="conditions"] #account-options .account-invite h3 { margin-bottom: 8px; color: #28251e; word-break: normal; overflow-wrap: normal; text-wrap: pretty; }
body[data-page="conditions"] #account-options .account-invite-title-part { display: inline-block; white-space: nowrap; }
body[data-page="conditions"] #account-options .account-invite-copy-intro { display: block; }
body[data-page="conditions"] #account-options .account-invite-copy-part { display: inline-block; white-space: nowrap; }
body[data-page="conditions"] #account-options .account-invite .join-invite-copy > p:not(.section-kicker) { color: #514d44; }
body[data-page="conditions"] #account-options .account-invite .join-line-button > [data-cms-mirror] { grid-column: 2; min-width: 0; text-align: center; overflow-wrap: anywhere; }
body[data-page="conditions"] #account-options .account-invite .join-invite-copy > .join-line-button { width: min(100%, 320px); min-height: 44px; margin-top: 16px; padding: 9px 12px; grid-template-columns: 24px minmax(0, 1fr) 24px; font-size: 13px; }
body[data-page="conditions"] #account-options .account-invite .join-line-button > b { width: 24px; height: 24px; font-size: 16px; }
body[data-page="conditions"] #account-options .account-invite .join-line-contact { gap: 6px; }
body[data-page="conditions"] #account-options .account-invite .join-line-qr { width: 144px; }
body[data-page="conditions"] #account-options .account-invite .join-line-contact::before { background: rgba(99,87,62,.2); }
body[data-page="conditions"] #account-options .account-invite .join-line-purpose,
body[data-page="conditions"] #account-options .account-invite .join-line-id { color: #39372f; }
body[data-page="conditions"] #account-options .account-invite .join-line-search-note { color: #615d53; }
body[data-page="conditions"] #account-options .account-invite .join-line-contact > .join-line-id { margin: 0; font: 600 13px/1.6 var(--sans); }
body[data-page="conditions"] #account-options .account-invite .join-invite-copy > p.account-invite-search-note { max-width: none; margin: 12px 0 0; font-weight: 650; text-align: inherit; text-decoration: underline; text-decoration-color: rgba(97,93,83,.4); text-decoration-thickness: 1px; text-underline-offset: .2em; }
body[data-page="conditions"] #account-options .account-invite .join-invite-copy > p.account-invite-search-id { margin: 4px 0 0; font: 600 14px/1.6 var(--sans); text-align: inherit; }
body[data-page="conditions"] #account-options .account-invite .join-line-button:focus-visible,
body[data-page="conditions"] #account-options .account-invite .join-line-qr:focus-visible { outline-color: #155c36; }
@media (max-width: 760px) {
  body[data-page="conditions"] #account-options .account-invite { grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 14px 16px; }
  body[data-page="conditions"] #account-options .account-invite .join-invite-copy { text-align: center; }
  body[data-page="conditions"] #account-options .account-invite h3,
  body[data-page="conditions"] #account-options .account-invite .join-invite-copy > p:not(.section-kicker) { font-size: 14.5px; }
  body[data-page="conditions"] #account-options .account-invite .join-invite-copy > p.account-invite-search-id { font-size: 13.5px; }
  body[data-page="conditions"] #account-options .account-invite .join-line-button { margin-inline: auto; }
}

/* Account opening deadline shares the fixed header clock. */
body[data-page="conditions"] #account-options .account-deadline { margin: 24px auto 0; padding: 20px 22px; border-block: 1px solid rgba(114,88,45,.25); background: rgba(255,255,255,.28); }
body[data-page="conditions"] #account-options .account-deadline-intro { display: grid; grid-template-columns: 260px minmax(0, 1fr); align-items: center; gap: 24px; }
body[data-page="conditions"] #account-options .account-deadline-clock { min-width: 0; text-align: center; }
body[data-page="conditions"] #account-options .free-countdown-label { margin: 0 0 10px; color: #71582c; font: 500 14px/1.5 var(--serif); }
body[data-page="conditions"] #account-options .account-deadline .access-window-clock { width: 100%; max-width: 260px; margin-inline: auto; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
body[data-page="conditions"] #account-options .account-deadline .access-window-unit { padding: 8px 4px 6px; gap: 4px; border: 1px solid rgba(114,88,45,.22); border-top-color: rgba(114,88,45,.45); background: rgba(255,255,255,.35); }
body[data-page="conditions"] #account-options .account-deadline .access-window-unit b { color: #302b21; font: 500 clamp(30px, 3.6vw, 38px)/1 var(--serif); font-variant-numeric: lining-nums tabular-nums; letter-spacing: .02em; }
body[data-page="conditions"] #account-options .account-deadline .access-window-unit small { color: #615746; font: 400 10px/1.4 var(--sans); }
body[data-page="conditions"] #account-options .account-deadline-copy { min-width: 0; text-align: left; }
body[data-page="conditions"] #account-options .account-deadline-action { margin: 0 0 10px; color: #302b21; font: 500 18px/1.75 var(--serif); text-wrap: pretty; }
body[data-page="conditions"] #account-options .account-deadline-warning { margin: 0; color: #75493d; font: 400 13px/1.85 var(--sans); }
body[data-page="conditions"] #account-options .account-deadline-note { margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(114,88,45,.18); text-align: center; }
body[data-page="conditions"] #account-options .account-deadline-note > p { margin: 0; color: #514d44; font: 400 13px/1.85 var(--sans); }
body[data-page="conditions"] #account-options .account-deadline-note > .account-deadline-note-title { margin-bottom: 6px; color: #302b21; font-size: 15px; font-weight: 600; }
@media (max-width: 760px) {
  body[data-page="conditions"] #account-options .account-deadline { padding: 18px 14px; }
  body[data-page="conditions"] #account-options .account-deadline-intro { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  body[data-page="conditions"] #account-options .account-deadline-copy { text-align: center; }
  body[data-page="conditions"] #account-options .account-deadline-action { font-size: 17px; }
}

/* Center and widen the existing hero CTA without increasing its height. */
body[data-page="conditions"] .conditions-hero-inner > [data-track="conditions_requirements"] { align-self: center; width: min(100%, 480px); display: grid; grid-template-columns: 32px minmax(0, 1fr) 32px; gap: 12px; border-color: #e4cf9c; background: linear-gradient(110deg, #d2b16d, #ead8ab 55%, #dbc38e); color: #171710; }
body[data-page="conditions"] .conditions-hero-inner > [data-track="conditions_requirements"]:hover { background: linear-gradient(110deg, #ddc184, #f0e0bb 55%, #e4cf9f); }
body[data-page="conditions"] .conditions-hero-inner > [data-track="conditions_requirements"] > span { grid-column: 2; min-width: 0; text-align: center; }
body[data-page="conditions"] .conditions-hero-inner > [data-track="conditions_requirements"] > b { grid-column: 3; }
@media (max-width: 760px) {
  body[data-page="conditions"] .conditions-hero-inner > [data-track="conditions_requirements"] { grid-template-columns: 24px minmax(0, 1fr) 24px; gap: 8px; padding-inline: 14px; }
  body[data-page="conditions"] .conditions-hero-inner > [data-track="conditions_requirements"] > b { width: 24px; }
}

/* The entry deadline uses the same clock as the fixed header. */
body[data-page="conditions"] #account-options .account-path-heading .account-deadline-heading { max-width: 24em; margin-inline: auto; font-size: clamp(24px, 3vw, 36px); line-height: 1.65; }
body[data-page="conditions"] #account-options .account-deadline-intro { grid-template-columns: minmax(0, 1fr); gap: 18px; }
body[data-page="conditions"] #account-options .account-deadline-countdown { display: flex; align-items: flex-end; justify-content: center; gap: 14px; width: min(100%, 470px); margin-inline: auto; }
body[data-page="conditions"] #account-options .account-deadline-prefix { flex: none; margin: 0; color: #61513a; font: 500 25px/1.4 var(--serif); }
body[data-page="conditions"] #account-options .account-deadline-clock { flex: 1; }
body[data-page="conditions"] #account-options .account-deadline .access-window-clock { max-width: 320px; }
body[data-page="conditions"] #account-options .account-deadline .access-window-unit { padding: 12px 4px 9px; gap: 6px; border-color: rgba(132,101,52,.24); border-top-color: rgba(132,101,52,.55); background: linear-gradient(155deg, rgba(255,255,255,.55), rgba(255,255,255,.16)); }
body[data-page="conditions"] #account-options .account-deadline .access-window-unit b { color: #927038; font-size: clamp(40px, 4.5vw, 52px); font-style: italic; font-weight: 500; letter-spacing: .015em; display: inline-block; transform: scale(.86, 1.13); transform-origin: center; }
body[data-page="conditions"] #account-options .account-deadline .access-window-unit small { color: #6b604c; }
body[data-page="conditions"] #account-options .account-deadline-finish { margin: 14px 0 0; color: #703e33; font: 600 clamp(24px, 3vw, 32px)/1.55 var(--serif); text-wrap: balance; }
body[data-page="conditions"] #account-options .account-deadline-copy { text-align: center; }
body[data-page="conditions"] #account-options .account-deadline-action { margin-bottom: 6px; font-size: 15px; }
@media (max-width: 400px) {
  body[data-page="conditions"] #account-options .account-deadline-countdown { gap: 8px; }
  body[data-page="conditions"] #account-options .account-deadline-prefix { font-size: 19px; }
  body[data-page="conditions"] #account-options .account-deadline .access-window-clock { gap: 4px; }
  body[data-page="conditions"] #account-options .account-deadline .access-window-unit b { font-size: 34px; }
}

/* Keep the invitation heading and deadline in one visual panel. */
body[data-page="conditions"] #account-options .account-deadline { margin-top: 0; }
body[data-page="conditions"] #account-options .account-deadline-heading-group { margin-bottom: 24px; }
body[data-page="conditions"] #account-options .account-deadline-heading-group .section-kicker { margin: 0 0 10px; }
body[data-page="conditions"] #account-options .account-deadline-heading-group .account-deadline-heading { margin: 0 auto; }
@media (max-width: 760px) {
  body[data-page="conditions"] #account-options .account-deadline-heading-group { margin-bottom: 20px; }
}

body[data-page="conditions"] #account-options .account-deadline-suffix { flex: none; margin: 0; color: #61513a; font: 500 25px/1.4 var(--serif); }
@media (max-width: 400px) {
  body[data-page="conditions"] #account-options .account-deadline-suffix { font-size: 19px; }
}

/* Use quiet typographic separators instead of boxes in the enrollment clock. */
body[data-page="conditions"] #account-options .account-deadline .access-window-clock { gap: 18px; }
body[data-page="conditions"] #account-options .account-deadline .access-window-unit { position: relative; padding: 0 2px 3px; border: 0; border-radius: 0; background: none; }
body[data-page="conditions"] #account-options .account-deadline .access-window-unit + .access-window-unit::before { content: ":"; position: absolute; left: -14px; top: 4px; width: 10px; color: #927038; font: 400 clamp(28px, 3.3vw, 38px)/1 var(--serif); text-align: center; }
@media (max-width: 400px) {
  body[data-page="conditions"] #account-options .account-deadline .access-window-clock { gap: 12px; }
  body[data-page="conditions"] #account-options .account-deadline .access-window-unit + .access-window-unit::before { left: -11px; top: 0; font-size: 28px; }
}

/* Align corresponding rows while allowing saved manuscript to wrap naturally. */
@media (min-width: 761px) {
  body[data-page="conditions"] .join-step h3 { min-height: 3.1em; }
  @supports (grid-template-rows: subgrid) {
    body[data-page="conditions"] .join-two-steps { grid-template-rows: repeat(4, auto); row-gap: 0; }
    body[data-page="conditions"] .join-step { display: grid; grid-row: span 4; grid-template-rows: subgrid; row-gap: 0; }
    body[data-page="conditions"] .join-step-top { grid-row: 1; }
    body[data-page="conditions"] .join-step h3 { grid-row: 2; }
    body[data-page="conditions"] .join-step > [data-cms-field="conditions.t2209"] { display: grid; grid-row: 3 / span 2; grid-template-rows: subgrid; row-gap: 0; margin: 0; }
    body[data-page="conditions"] .join-step-main-copy { grid-row: 1; }
    body[data-page="conditions"] .join-existing-copy-note { grid-row: 2; align-self: start; margin: 17px 0 0; }
    body[data-page="conditions"] .join-step > [data-cms-field="conditions.t2213"] { grid-row: 3; margin: 0; }
    body[data-page="conditions"] .join-step .join-step-tip { grid-row: 4; align-self: start; margin: 17px 0 0; }
  }
}

body[data-page="conditions"] #account-options .account-deadline-heading-group .section-kicker { font: 500 15px/1.65 var(--serif); letter-spacing: .04em; text-transform: none; }

/* Keep the deadline background at page width and its content at reading width. */
body[data-page="conditions"] #why-xm .broker-experience:last-child { margin-bottom: 0; }
body[data-page="conditions"] #account-options .account-path-heading .account-deadline { width: 100%; padding: 24px 0; border-inline: 0; }
body[data-page="conditions"] #account-options .account-deadline-inner { width: min(100%, 1000px); margin-inline: auto; padding-inline: clamp(16px, 3vw, 32px); }

/* A burgundy deadline panel, with a closing-door emblem and readable copy. */
body[data-page="conditions"] #account-options .account-deadline { border: 1px solid rgba(184,103,93,.68); border-left: 3px solid #a74e48; background: radial-gradient(ellipse at 85% 0%, #54272c 0%, #2b191e 50%, #191316 100%); box-shadow: 0 12px 30px rgba(26,10,14,.16); }
body[data-page="conditions"] #account-options .account-deadline-heading-group { margin-bottom: 20px; }
body[data-page="conditions"] #account-options .account-deadline-overline { display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 12px; }
body[data-page="conditions"] #account-options .account-deadline-door { flex: none; width: 56px; height: 64px; object-fit: contain; }
body[data-page="conditions"] #account-options .account-deadline-heading-group .section-kicker { margin: 0; color: #f1c2ba; text-align: left; text-wrap: balance; }
body[data-page="conditions"] #account-options .account-path-heading .account-deadline-heading { color: #fff8f1; }
body[data-page="conditions"] #account-options .account-deadline .access-window-unit b,
body[data-page="conditions"] #account-options .account-deadline .access-window-unit + .access-window-unit::before { color: #e3c790; }
body[data-page="conditions"] #account-options .account-deadline .access-window-unit small { color: #e5cabe; }
body[data-page="conditions"] #account-options .account-deadline-prefix,
body[data-page="conditions"] #account-options .account-deadline-suffix { color: #f0e6df; }
body[data-page="conditions"] #account-options .account-deadline-finish { color: #ef9f94; }
body[data-page="conditions"] #account-options .account-deadline-action { color: #f4e8e1; }
body[data-page="conditions"] #account-options .account-deadline-warning { color: #f0b2a7; }
body[data-page="conditions"] #account-options .account-deadline-note { border-top-color: rgba(218,148,133,.32); }
body[data-page="conditions"] #account-options .account-deadline-note > p { color: #dbd2ce; }
body[data-page="conditions"] #account-options .account-deadline-note > .account-deadline-note-title { color: #fff1e9; }
@media (max-width: 760px) {
  body[data-page="conditions"] #account-options .account-deadline-door { width: 36px; height: 42px; }
  body[data-page="conditions"] #account-options .account-deadline-overline { gap: 10px; margin-bottom: 10px; }
}
/* Reduce the two empty bands around FAQ without tightening its contents. */
body[data-page="conditions"] .why-free { padding-top: clamp(24px, 3vw, 40px); padding-bottom: clamp(28px, 3vw, 40px); }
body[data-page="conditions"] .why-free-grid > div:last-child > p { font-family: var(--serif); font-weight: 400; }
body[data-page="conditions"] .why-free-grid > div:last-child > .large-copy { font-weight: 500; }

/* One continuous recruitment area, through the invitation LINE panel. */
body[data-page="conditions"] #account-options { background: radial-gradient(ellipse at 85% 0%, #54272c 0%, #2b191e 50%, #191316 100%); }
body[data-page="conditions"] #account-options .account-path-heading .account-deadline { background: none; box-shadow: none; border-bottom: 0; }
body[data-page="conditions"] #account-options .account-path-card { background: #f3f0eb; }
body[data-page="conditions"] #account-options .account-path-existing { background: #ece8e2; }
body[data-page="conditions"] #account-options .account-invite { background: #f1ede7; }
body[data-page="conditions"] .faq-section { padding-block: clamp(22px, 2.4vw, 32px); background: #f2f0eb; color: #292723; --muted-dark: #554f48; --line-dark: rgba(41,39,35,.2); --line-gold: rgba(128,102,56,.4); --gold: #806638; }

/* Full-size door leaves frame the recruitment area without covering its controls. */
body[data-page="conditions"] #account-options { position: relative; isolation: isolate; }
body[data-page="conditions"] #account-options .recruitment-doors { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; user-select: none; }
body[data-page="conditions"] #account-options .recruitment-door-wing { position: absolute; top: 0; width: clamp(180px, calc((100vw - 1000px) / 2 + 20px), 380px); height: calc(100% - 24px); object-fit: contain; object-position: center top; opacity: .92; filter: drop-shadow(8px 0 18px rgba(0,0,0,.4)); }
body[data-page="conditions"] #account-options .recruitment-door-wing-left { left: -28px; }
body[data-page="conditions"] #account-options .recruitment-door-wing-right { right: -28px; transform: scaleX(-1); }
body[data-page="conditions"] #account-options > .account-path-heading,
body[data-page="conditions"] #account-options > .shell { position: relative; z-index: 1; }
body[data-page="conditions"] #account-options .account-deadline-overline { gap: 0; }
body[data-page="conditions"] #account-options .account-path-heading .account-deadline-heading,
body[data-page="conditions"] #account-options .account-deadline-prefix,
body[data-page="conditions"] #account-options .account-deadline-suffix,
body[data-page="conditions"] #account-options .account-deadline-finish { color: #fff8f1; }
body[data-page="conditions"] #account-options .account-deadline-keyword { color: #dbc18e; }
@media (max-width: 1100px) {
  body[data-page="conditions"] #account-options .recruitment-door-wing { width: 180px; opacity: .5; }
  body[data-page="conditions"] #account-options .recruitment-door-wing-left { left: -80px; }
  body[data-page="conditions"] #account-options .recruitment-door-wing-right { right: -80px; }
}
@media (max-width: 760px) {
  body[data-page="conditions"] #account-options .recruitment-door-wing { width: 150px; height: min(calc(100% - 24px), 760px); opacity: .45; }
  body[data-page="conditions"] #account-options .recruitment-door-wing-left { left: -98px; }
  body[data-page="conditions"] #account-options .recruitment-door-wing-right { right: -98px; }
}

/* Keep the free-environment heading in two complete lines without changing its copy. */
body[data-page="conditions"] .why-free h2 > .fs-cms-text,
body[data-page="conditions"] .why-free h2 > em { display: inline-block; white-space: nowrap; word-break: normal; overflow-wrap: normal; }
body[data-page="conditions"] .why-free h2 > em { color: inherit; }
body[data-page="conditions"] .why-free .why-free-keyword { position: relative; display: inline-block; isolation: isolate; color: var(--gold-light); font-size: 1.06em; line-height: 1.1; vertical-align: baseline; }
body[data-page="conditions"] .why-free .why-free-keyword::before { content: ""; position: absolute; z-index: -1; inset: .08em -.04em .02em; border-radius: 1px; background: linear-gradient(90deg, rgba(212,190,140,.12), rgba(212,190,140,.2)); transform: scaleX(0); transform-origin: left center; }
body[data-page="conditions"] .why-free .reveal.is-visible .why-free-keyword::before { animation: why-free-keyword-fill .85s cubic-bezier(.2,.65,.25,1) .2s both; }
@keyframes why-free-keyword-fill { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@media (max-width: 360px) {
  body[data-page="conditions"] .why-free .why-free-keyword { font-size: 1.04em; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-page="conditions"] .why-free .why-free-keyword::before,
  body[data-page="conditions"] .why-free .reveal.is-visible .why-free-keyword::before { animation: none; transform: scaleX(1); }
}
body[data-page="conditions"] .why-free-grid { grid-template-columns: minmax(0, 1fr); max-width: 1040px; gap: clamp(24px, 3vw, 36px); }
body[data-page="conditions"] .why-free-grid > div:last-child > p:not(.large-copy):not(.why-free-assurance) { font-size: 16px; }
@media (max-width: 760px) {
  body[data-page="conditions"] .why-free-grid > div:last-child > p:not(.large-copy):not(.why-free-assurance) { font-size: 15.5px; }
}
body[data-page="conditions"] .why-free .why-free-intent { font-weight: 600; text-decoration: underline; text-decoration-color: rgba(229,219,197,.55); text-decoration-thickness: 1px; text-underline-offset: .22em; }
body[data-page="conditions"] .why-free-grid > div:last-child > .why-free-assurance { margin-top: 32px; margin-bottom: 0; color: #dba39d; font-size: clamp(18px, 1.7vw, 20px); font-weight: 600; text-align: center; line-height: 1.95; }
body[data-page="conditions"] .why-free-assurance::before,
body[data-page="conditions"] .why-free-assurance::after { content: ""; display: block; width: min(264px, 100%); height: 1px; margin-inline: auto; background: rgba(219,163,157,.35); }
body[data-page="conditions"] .why-free-assurance::before { margin-bottom: 14px; }
body[data-page="conditions"] .why-free-assurance::after { margin-top: 14px; }

/* Give the questions more width and reduce their surrounding empty space. */
body[data-page="conditions"] .faq-layout { width: min(100%, 1060px); margin-inline: auto; grid-template-columns: 180px minmax(0, 720px); justify-content: center; gap: clamp(28px, 3.5vw, 48px); }
body[data-page="conditions"] .faq-section .accordion { width: 100%; max-width: 720px; }
body[data-page="conditions"] .faq-section .accordion summary { padding-block: 1.05rem; }
body[data-page="conditions"] #account-opening-options,
body[data-page="conditions"] #conditions-faq,
body[data-page="conditions"] #why-free { scroll-margin-top: var(--nav-scroll-offset, 145px); }
body[data-page="conditions"] .conditions-sticky-bar { display: none; }
@media (max-width: 760px) {
  body[data-page="conditions"] .faq-layout { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
@media (min-height: 480px) {
  body[data-page="conditions"] .conditions-sticky-bar {
    position: fixed; z-index: 90; inset: auto 0 0; display: flex; justify-content: center;
    padding: 8px 16px calc(8px + env(safe-area-inset-bottom));
    background: rgba(21, 20, 18, .96); box-shadow: 0 -3px 16px rgba(0, 0, 0, .2);
    opacity: 0; visibility: hidden; pointer-events: none;
    transition: opacity .18s ease, visibility .18s;
  }
  body[data-page="conditions"] .conditions-sticky-bar.is-visible { opacity: 1; visibility: visible; pointer-events: auto; }
  body[data-page="conditions"] .conditions-sticky-button {
    display: grid; grid-template-columns: 24px minmax(0, 1fr) 24px; align-items: center; gap: 8px;
    width: min(100%, 560px); min-height: 48px; padding: 10px 12px; border: 1px solid #d5bd87; border-radius: 3px;
    background: linear-gradient(110deg, #cfb77f, #e2cea1); color: #171710;
    font: 600 15px/1.5 var(--sans); text-align: center; text-decoration: none;
  }
  body[data-page="conditions"] .conditions-sticky-button > .fs-cms-text { grid-column: 2; min-width: 0; }
  body[data-page="conditions"] .conditions-sticky-arrow { grid-column: 3; font: 400 21px/1 var(--sans); }
  body[data-page="conditions"] .conditions-sticky-button:hover { background: linear-gradient(110deg, #d8c18f, #e9d7b1); }
  body[data-page="conditions"] .conditions-sticky-button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
  html.conditions-has-sticky-cta { scroll-padding-bottom: calc(80px + env(safe-area-inset-bottom)); }
}
@media (min-width: 761px) and (min-height: 480px) {
  body[data-page="conditions"] { padding-bottom: calc(88px + env(safe-area-inset-bottom)); }
}
@media (min-width: 1061px) and (min-height: 480px) {
  body[data-page="conditions"] { padding-bottom: 0; }
  body[data-page="conditions"] .conditions-sticky-bar { inset: auto 24px 24px auto; width: 320px; padding: 0; background: none; box-shadow: none; }
  body[data-page="conditions"] .conditions-sticky-button { font-size: 14px; box-shadow: 0 5px 20px rgba(0,0,0,.25); }
}
@media (prefers-reduced-motion: reduce) {
  body[data-page="conditions"] .conditions-sticky-bar { transition: none; }
}

/* A single closing invitation, with a restrained accent on the requested keyword. */
body[data-page="conditions"] #conditions-final .condition-final-title { max-width: 100%; margin: 0 auto 20px; font-size: clamp(27px, 4vw, 50px); font-weight: 500; line-height: 1.55; letter-spacing: .02em; text-wrap: balance; }
body[data-page="conditions"] #conditions-final .condition-final-title strong { color: var(--gold-light); font-weight: 600; }
body[data-page="conditions"] #conditions-final .final-buttons { display: grid; grid-template-columns: minmax(0, 1fr); width: 100%; margin-bottom: 0; }

/* Center the closing button labels while retaining their established palette. */
body[data-page="conditions"] #conditions-final .final-buttons .button { display: grid; grid-template-columns: 32px minmax(0, 1fr) 32px; gap: 6px; width: 100%; padding-inline: 14px; }
body[data-page="conditions"] #conditions-final .final-buttons .button > span { grid-column: 2; min-width: 0; text-align: center; }
body[data-page="conditions"] #conditions-final .final-buttons .button > b { grid-column: 3; }

body[data-page="conditions"] #conditions-final .condition-final-message { max-width: 720px; margin: 0 auto; color: #eeeae1; font-family: var(--serif); font-size: clamp(16px, 1.45vw, 19px); font-weight: 500; line-height: 1.9; text-align: center; text-wrap: balance; }
body[data-page="conditions"] #conditions-final .condition-final-message strong { color: var(--gold-light); font-weight: 600; }

body[data-page="conditions"] #conditions-final { padding-block: clamp(40px, calc(7vw - 24px), 72px); }

@media (min-width: 600px) {
  body[data-page="conditions"] #conditions-final .final-buttons .button > span { white-space: nowrap; text-wrap: nowrap; }
}
@media (min-width: 1024px) {
  body[data-page="conditions"] #conditions-final .final-buttons { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-page="conditions"] #conditions-final .final-buttons .button { font-size: clamp(14px, 1.2vw, 16px); }
}
@media (max-width: 599px) {
  body[data-page="conditions"] #conditions-final .final-buttons .button { grid-template-columns: 24px minmax(0, 1fr) 24px; padding-inline: 12px; font-size: 15px; }
  body[data-page="conditions"] #conditions-final .final-buttons .button > b { width: 24px; }
}
