.calculations-section{scroll-margin-top:100px;border-top:1px solid #223b49;border-bottom:1px solid #223b49;background:radial-gradient(ellipse at 90% 40%,#183a3e66,transparent 60%),#0b1622}
.calculations-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:22px}
.calculation-card{display:grid;grid-template-columns:190px minmax(0,1fr);gap:32px;padding:32px;border:1px solid #365360;border-radius:16px;background:#10212e;color:#e9f4f7;transition:border-color .2s,background .2s}
.calculation-card:hover{border-color:#7cdbc8;background:#132b36}.calculation-card:focus-visible{outline:2px solid #8be8d0;outline-offset:5px}
.calculation-symbol{align-self:center;color:#8ce9d1}.calculation-symbol svg{display:block;width:100%}
.calculation-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;font:10px Consolas,monospace;letter-spacing:.08em;color:#98b4c6}.calculation-live{border:1px solid #416e61;padding:5px 9px;border-radius:20px;color:#a4e5c7;letter-spacing:0}
.calculation-copy h3{font-size:clamp(25px,3vw,36px);margin:19px 0 13px;letter-spacing:-.035em}.calculation-copy p{color:#a9bfce;font-size:14px;line-height:1.8;max-width:670px;margin:0}
.calculation-tags{display:flex;gap:8px;flex-wrap:wrap;margin:21px 0 27px}.calculation-tags span{font-size:11px;padding:6px 10px;background:#1d3441;border-radius:5px;color:#b6d5db}
.calculation-open{display:flex;align-items:center;justify-content:space-between;color:#9af2d6;font-size:14px;padding-top:18px;border-top:1px solid #304a58}.calculation-open>span{font-size:22px}
@media(max-width:640px){.calculation-card{grid-template-columns:1fr;padding:24px;gap:15px}.calculation-symbol{display:none}.calculation-copy h3{font-size:27px}.calculation-copy p{font-size:13px}.calculation-meta{font-size:9px}.calculations-section{scroll-margin-top:80px}}