.intro { width:min(760px,100%); }
section[id] { scroll-margin-top:88px; }
.calculation-steps { margin:28px 0; padding-left:1.5em; }
.calculation-steps li { padding:0 0 24px 8px; }
.calculation-steps li:last-child { padding-bottom:0; }
.calculation-steps li::marker { color:var(--lcd-dark); font-weight:700; }
.calculation-steps p { margin-bottom:10px; }
.step-result { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px 24px; padding:20px; border:1px solid var(--line); border-radius:16px; background:var(--white); }
.result { color:var(--lcd-dark); font-size:28px; font-weight:750; font-variant-numeric:tabular-nums; }
.calculation-table { margin:26px 0; }
.calculation-table table { width:100%; border-collapse:collapse; font-size:15px; font-variant-numeric:tabular-nums; }
.calculation-table th,.calculation-table td { padding:16px 10px; border-bottom:1px solid var(--line); text-align:left; }
.calculation-table thead th { color:var(--muted); font-size:13px; }
.calculation-table tbody th { font-weight:500; }
.calculation-table td:last-child { color:var(--lcd-dark); font-weight:750; }
.quick-keys code,.formula code,.step-result code,.calculation-table code { overflow-wrap:anywhere; }
@media(max-width:480px) { .calculation-table th,.calculation-table td { padding:14px 5px; } .calculation-table { font-size:14px; } .calculation-table table { font-size:14px; } .calculation-table code { padding:.12em .15em; } .formula { padding:22px 18px; } }
@media(max-width:480px) { .intro h1 { font-size:clamp(30px,8.2vw,38px); } }

#operation-note { scroll-margin-top:100px; }

.operation-guidance { margin:26px 0 0; padding:20px 24px; border-left:4px solid var(--lcd); border-radius:0 12px 12px 0; background:var(--soft); }
.operation-guidance p { font-size:14px; line-height:1.8; }
.operation-guidance p:last-child { margin-bottom:0; }
.article > .step-result { margin:18px 0 26px; }
