.vcalc{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);max-width:760px;color:var(--color-text);margin:8px 0 28px;padding:16px clamp(12px,3vw,20px)}.vcalc__display{background:var(--color-surface-alt);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);text-align:right;min-height:92px;margin-bottom:14px;padding:10px 14px;overflow:hidden}.vcalc__status{color:var(--color-text);letter-spacing:.04em;justify-content:flex-start;gap:10px;font-size:.75rem;font-weight:700;display:flex}.vcalc__expression{min-height:1.4em;font-family:var(--font-body);color:var(--color-text);white-space:nowrap;font-size:.95rem;overflow-x:auto}.vcalc__value{font-family:var(--font-numeric);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(1.5rem,6vw,2rem);display:block;overflow-x:auto}.vcalc__rows{flex-direction:column;gap:6px;display:flex}.vcalc__row{grid-template-columns:repeat(11,minmax(0,1fr));gap:6px;display:grid}.vcalc__key{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-alt);min-height:44px;color:var(--color-text);font-family:var(--font-body);cursor:pointer;touch-action:manipulation;padding:4px 2px;font-size:.9rem;font-weight:600}.vcalc__key:hover{border-color:var(--color-accent-strong)}.vcalc__key:focus-visible{outline:2px solid var(--color-accent-strong);outline-offset:1px}.vcalc__key:active{transform:translateY(1px)}.vcalc__key--digit{background:var(--color-surface);font-size:1.05rem}.vcalc__key--op{font-size:1.1rem}.vcalc__key--equals,.vcalc__key[aria-pressed=true]{background:var(--color-button-bg);border-color:var(--color-button-bg);color:var(--color-on-button)}@media (max-width:760px){.vcalc{padding:12px 10px}.vcalc__row{grid-template-columns:repeat(5,minmax(0,1fr))}.vcalc__key{font-size:.85rem}}.vcalc-steps{flex-direction:column;gap:18px;margin:0;padding-left:1.4em;display:flex}.vcalc-steps__title{font-family:var(--font-heading);margin:0 0 4px;font-size:1.05rem}.vcalc-steps p{margin:0 0 6px;line-height:1.55}.vcalc-steps__keys{flex-wrap:wrap;gap:4px;margin:6px 0;padding:0;list-style:none;display:flex}.vcalc-steps__keys li{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-alt);min-width:2em;color:var(--color-text);text-align:center;padding:2px 7px;font-size:.85rem}.vcalc-steps__expected strong{font-family:var(--font-numeric)}.vcalc-steps__tip{color:var(--color-text);font-size:.92rem;font-style:italic}.vcalc-notice{border-left:3px solid var(--color-accent-strong);background:var(--color-surface-alt);color:var(--color-text);margin:0 0 16px;padding:10px 12px;font-size:.92rem;line-height:1.5}.page-main .vcalc-notice a{color:var(--color-text);text-decoration:underline}.vcalc-wrap{max-width:760px}.vcalc-controls{flex-wrap:wrap;gap:8px;margin:8px 0 0;display:flex}.vcalc-controls__button{background:var(--color-button-bg);color:var(--color-on-button);font-family:var(--font-body);cursor:pointer;border:none;border-radius:999px;padding:7px 14px;font-size:.88rem;font-weight:700}.vcalc-help{background:var(--color-surface-alt);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);margin:10px 0 0;padding:12px 14px;font-size:.9rem;line-height:1.5}.vcalc-help__label{margin:0 0 8px;font-size:.82rem;font-weight:700}.vcalc-help__quote{border-left:3px solid var(--color-accent-strong);margin:0;padding-left:12px}.vcalc-help__quote p{margin:0 0 6px}.vcalc-help__title,.vcalc-help__heading{font-weight:700}.vcalc-help__quote ul{margin:0 0 8px;padding-left:1.2em}
