.position-page{padding-block:clamp(32px,4vw,80px) var(--section-space)}
.position-opening{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:clamp(36px,5vw,120px);align-items:start}
.position-opening h1{font-size:clamp(32px,2.8vw,64px);max-width:13em;line-height:1.6;margin:16px 0 28px;text-wrap:balance}
.position-opening h1 span{display:inline-block;white-space:nowrap}
.position-opening header p{max-width:40em}
.position-lead{font-size:clamp(18px,1.25vw,25px);line-height:2}
.position-opening .button{white-space:normal;text-align:center;max-width:100%;margin-top:16px}
.position-return{display:block;width:fit-content;margin-top:24px}
.position-example{margin:0;padding:clamp(24px,2.5vw,56px);background:#f0f5f7;border:1px solid var(--line);min-width:0}
.position-example h2{font-size:clamp(22px,1.4vw,32px);line-height:1.6;margin:0 0 12px}
.position-example figcaption p,.example-definition{font-size:var(--small-size);line-height:1.8;color:var(--muted)}
.position-example h3{font-size:var(--body-size);margin-top:28px}
.position-amount{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;margin:20px 0}
.position-amount strong,.position-difference strong,.position-balance strong{font-size:clamp(24px,1.65vw,38px);font-variant-numeric:tabular-nums;font-weight:600}
.position-example small{font-size:.55em;font-weight:400;margin-left:6px}
.amount-bar{grid-column:1/-1;background:#dce8ed;height:8px;display:block}
.amount-bar i{display:block;width:var(--amount);height:100%;background:#426c83}
.position-difference,.position-balance{display:flex;gap:12px;justify-content:space-between;align-items:baseline;flex-wrap:wrap;border-top:1px solid #b6cbd5;padding-top:20px;margin-top:24px}
.position-balance{padding-top:28px}
.position-steps{margin-block:var(--section-space)}
.position-steps>h2,.position-guidance h2,.position-after h2{font-size:clamp(24px,1.6vw,36px);line-height:1.6}
.position-steps ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,60px)}
.position-steps li{border-top:1px solid var(--line);padding-top:20px}
.position-steps li>span{display:block;color:var(--blue);font-size:28px}
.position-steps li p{line-height:1.9}
.position-guidance,.position-after{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:var(--gap);margin-top:var(--section-space);border-top:1px solid var(--line);padding-top:36px}
.position-guidance p,.position-after p{max-width:44em;line-height:2}
.position-guidance h2,.position-after h2{margin-top:0}
.position-privacy{border-top:1px solid var(--line);padding-top:20px}
.input-example p{font-size:var(--body-size);line-height:1.9}
.input-example-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,.75fr);align-items:center;margin:22px 0;border:1px solid #cadce7}
.input-example-row span{padding:16px}
.input-example-row strong{padding:16px;background:#eaf3f8;color:#245a83;text-align:right;font-size:clamp(24px,1.7vw,36px)}
.input-steps li h3{font-size:clamp(21px,1.4vw,30px);line-height:1.6}
.input-guide-preview{margin:0 0 var(--section-space);max-width:1450px}
.input-guide-preview img{width:100%;height:auto;border:1px solid var(--line)}
.input-guide-preview p{max-width:44em}
@media(max-width:1100px){.position-opening{grid-template-columns:1fr}.position-opening h1{max-width:none}.position-example{max-width:900px;width:100%}}
@media(max-width:800px){.position-guidance,.position-after{grid-template-columns:1fr;gap:12px}.position-steps ol{grid-template-columns:1fr;gap:16px}.position-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:18px}.position-steps li p{margin-top:4px}}
@media(max-width:420px){.position-opening h1{font-size:clamp(26px,7.4vw,32px)}.position-example{padding:20px 16px}.position-example strong{font-size:25px}.position-amount{column-gap:8px}.position-opening .button{width:100%}}
@media(max-width:800px){.input-steps li{display:block}.input-example-row span,.input-example-row strong{padding:12px}}
