/* Commission-only layout, measured against the current reference at 390–1440px. */
.hj-page.hj-commission-page{width:100%;max-width:1280px;padding:10px 10px 0;margin-inline:auto;color:var(--hj-text);font-size:16px;line-height:24px}
.hj-commission-page .hj-commission-hero{padding-block:44px 110px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.hj-commission-page .hj-commission-intro{padding-top:10%;color:var(--hj-commission-heading,var(--site-commission-color-303042))}
.hj-commission-page .hj-commission-hero h1{font-size:44px;line-height:66px;margin-bottom:52px;max-width:none}
.hj-commission-page .hj-commission-hero p{font-size:16px;line-height:24px;max-width:340px;margin-bottom:64px;color:inherit}
.hj-commission-page .hj-commission-photo{height:500px;border-radius:16px}
.hj-commission-page .hj-commission-details{gap:20px;align-items:stretch}
.hj-commission-page .hj-commission-details>article{padding:64px 32px;min-width:0;color:var(--hj-commission-heading,var(--site-commission-color-303042))}
.hj-commission-page .hj-prose p,.hj-commission-page .hj-prose li{font-size:16px;line-height:24px;color:inherit}
.hj-commission-page .hj-prose ul{padding-inline-start:20px}
.hj-commission-page .hj-commission-memberships{display:flex;gap:20px;margin-block:110px 24px;flex-wrap:wrap}
.hj-commission-page .hj-commission-memberships a{flex:1;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:106px;padding:25px;border-radius:17px;background:var(--hj-card)}
.hj-commission-page .hj-commission-calculator{border:0;border-radius:12px;background:var(--hj-card);margin:0 0 40px;padding:40px 10px;text-align:center}
.hj-commission-page .hj-commission-calculator h2{font-size:24px;line-height:32px;color:var(--hj-blue);margin:0 0 56px}
.hj-commission-page .hj-calculator-controls{width:50%;margin-inline:auto}
.hj-commission-page .hj-calculator-controls .hj-field{display:flex;align-items:center;gap:0;width:100%;height:50px;padding:4px;border:1px solid var(--hj-border);border-radius:4px;margin:0}
.hj-commission-page .hj-calculator-controls label{flex:4;margin:0;padding:0 8px;font-size:16px;line-height:24px;color:var(--hj-commission-heading,var(--site-commission-color-303042))}
.hj-commission-page .hj-calculator-controls input{flex:8;width:0;min-height:40px;height:40px;border:0;border-inline-start:1px solid var(--hj-border);border-radius:0;padding:0 8px;text-align:center;font-size:16px;font-weight:700;background:transparent}
.hj-commission-page .hj-commission-result{display:flex;align-items:center;min-height:78px;margin:20px 0 0;padding:4px;border-radius:7px;background:var(--site-commission-background-cfd5e8);color:var(--hj-muted)}
.hj-commission-page .hj-commission-result>span:first-child{flex:4;font-size:16px}
.hj-commission-page .hj-commission-result>span:last-child{flex:8}
.hj-commission-page .hj-commission-result output{font-size:32px;line-height:40px;color:var(--hj-blue)}
.hj-commission-page .hj-commission-payment{margin-top:24px}
.hj-commission-page .hj-commission-payment p{margin:0 0 24px}
.hj-commission-page .hj-commission-payment .hj-button{width:min(100%,414px);min-height:44px}
.hj-commission-page .hj-commission-banks{background:var(--hj-card);border-radius:39px;padding:64px 5%;margin-bottom:40px;text-align:center}
.hj-commission-page .hj-commission-banks h2{font-size:18px;line-height:28px;color:var(--hj-blue);margin:0 0 20px}
.hj-commission-page .hj-commission-banks details{margin-bottom:24px;text-align:start}
.hj-commission-page .hj-commission-banks summary{cursor:pointer;text-align:center;color:var(--hj-blue)}
.hj-commission-page .hj-banks{margin-top:24px}
.hj-commission-page .hj-bank{min-width:0;overflow-wrap:anywhere}
.hj-commission-page .hj-commission-banks>.hj-button{width:min(100%,330px);min-height:44px}
.hj-commission-page .hj-transfer{background:var(--hj-card);border:0;border-radius:39px;padding:5%;margin:0 0 16px;text-align:center}
.hj-commission-page .hj-transfer>h2{font-size:28px;line-height:36px;color:var(--hj-blue);margin:0 0 32px}
.hj-commission-page .hj-transfer>p{margin:0 0 42px;color:var(--hj-muted)}
.hj-commission-page .hj-transfer-form{max-width:none;width:100%;text-align:start;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 10px}
.hj-commission-page .hj-transfer-form>.hj-grid{display:contents}
.hj-commission-page .hj-transfer-form .hj-field{margin:0;min-width:0;gap:0}
.hj-commission-page .hj-transfer-form label{font-size:16px;line-height:24px;margin:0;color:var(--hj-muted)}
.hj-commission-page .hj-transfer-form label:has(+[required])::after{content:' *';color:var(--hj-muted)}
.hj-commission-page .hj-transfer-form .hj-field input:not([type=file]),.hj-commission-page .hj-transfer-form .hj-field select,.hj-commission-page .hj-transfer-form .hj-field textarea{min-height:40px;height:40px;padding:5px 10px;border-radius:10px;margin-block:5px;font-size:16px;line-height:24px}
.hj-commission-page .hj-transfer-form>.hj-field:has(textarea){grid-column:span 2}
.hj-commission-page .hj-transfer-form>.hj-field:has([type=file]){grid-column:1/-1;margin-top:32px}
.hj-commission-page .hj-transfer-form input[type=file]{max-width:370px;border:0;border-radius:0;padding:4px 0;background:transparent}
.hj-commission-page .hj-transfer-form>.hj-button{grid-column:1/-1;justify-self:center;width:min(100%,320px);min-height:50px;margin-block:32px}
[data-theme=dark] .hj-commission-page .hj-commission-result{background:var(--hj-bg)}
@media(min-width:768px){.hj-commission-page .hj-commission-details{grid-template-columns:repeat(2,minmax(0,1fr))}.hj-commission-page .hj-commission-details>article:last-child:nth-child(odd){grid-column:1/-1}}
@media(min-width:768px) and (max-width:1023px){.hj-commission-page .hj-commission-hero h1{font-size:24px;line-height:36px}}
@media(max-width:767px){
.hj-page.hj-commission-page{padding-inline:10px}
.hj-commission-page .hj-commission-hero{display:flex;gap:20px;padding-block:44px 110px}
.hj-commission-page .hj-commission-intro{padding-top:10%;text-align:center}
.hj-commission-page .hj-commission-hero h1{font-size:24px;line-height:36px;margin:0 auto;max-width:100%}
.hj-commission-page .hj-commission-hero p{margin:0 auto 12px}
.hj-commission-page .hj-commission-photo{width:100%;margin-top:20px}
.hj-commission-page .hj-commission-details{gap:40px}
.hj-commission-page .hj-commission-details>article{padding:20px}
.hj-commission-page .hj-commission-memberships{gap:12px}
.hj-commission-page .hj-commission-memberships a{flex-basis:100%}
.hj-commission-page .hj-commission-calculator h2{font-size:20px;line-height:28px}
.hj-commission-page .hj-calculator-controls{width:93.125%}
.hj-commission-page .hj-commission-banks{padding:40px 20px}
.hj-commission-page .hj-transfer>h2{font-size:24px;line-height:32px}
.hj-commission-page .hj-transfer-form{grid-template-columns:minmax(0,1fr);gap:26px}
.hj-commission-page .hj-transfer-form>.hj-field:has(textarea){grid-column:auto}
.hj-commission-page .hj-transfer-form>.hj-button{margin-block:16px}
}
.hj-commission-page .hj-calculator-controls .hj-field{flex-direction:row}
.hj-page.hj-commission-page .hj-calculator-controls .hj-field input:not([type=checkbox]):not([type=radio]){flex:8;width:0;min-height:40px;height:40px;border:0;border-inline-start:1px solid var(--hj-border);border-radius:0;padding:0 8px;text-align:center;font-size:16px;font-weight:700;background:transparent}
.hj-commission-page .hj-commission-details h2{font-size:16px;line-height:24px;font-weight:500;margin-block:16px}
@media(min-width:768px){
.hj-commission-page .hj-commission-hero{display:grid;flex-direction:initial}
.hj-commission-page .hj-commission-intro{text-align:start}
}
.hj-page.hj-commission-page .hj-transfer-form .hj-field input[type=file]{max-width:370px;border:0;border-radius:0;padding:4px 0;background:transparent}
.hj-page.hj-commission-page .hj-transfer-form .hj-field:has([type=file]){align-items:flex-start}
.hj-commission-page .hj-calculator-controls label{box-sizing:border-box;padding:0;flex-basis:0}
.hj-commission-page .hj-commission-details .hj-prose ul{margin-block:0}
/* Match the reference's asymmetric hero split and compact tablet cards. */
@media(min-width:768px){.hj-commission-page .hj-commission-hero{grid-template-columns:minmax(0,calc(50% - 10px)) minmax(0,calc(50% + 10px));gap:0}}
@media(min-width:768px) and (max-width:1023px){.hj-commission-page .hj-commission-details>article{padding:40px 20px}}
.hj-page.hj-commission-page .hj-calculator-controls .hj-field input:not([type=checkbox]):not([type=radio]){padding:0;flex-basis:0}
.hj-page.hj-commission-page .hj-transfer-form .hj-field .hj-file-control{max-width:370px;border:0;border-radius:0;padding:4px 0;background:transparent}