.learning .decimal-column-example{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(100%,430px);max-width:100%;margin:20px auto;padding:16px 12px;border:2px solid #a99ac1;border-radius:14px;background:#f6e8c9;break-inside:avoid}
.learning .decimal-column-example figcaption{font:600 1.05rem/1.5 var(--notebook-ui);text-align:center;color:#4c365f}
.learning .decimal-column-table{width:auto;max-width:100%;table-layout:fixed;border-collapse:collapse;font-family:var(--notebook-ui);font-variant-numeric:tabular-nums;text-align:center;color:#352b48}
.learning .decimal-column-table td{width:1.65em;min-width:1.2em;height:1.8em;padding:2px 3px;font-size:1.45rem;line-height:1.4}
.learning .decimal-column-table thead td{font-size:1rem;color:#5c4b76;background:#e2d8ee;border-bottom:1px solid #9c8aad}
.learning .decimal-column-table .decimal-column-comma{width:.75em;min-width:.65em;color:#963c67;background:#f3d3e3}
.learning .decimal-column-table .decimal-column-result td{border-top:2px solid #55476c;background:#e0ecd9;font-weight:700}
.learning .decimal-column-table .decimal-column-result .decimal-column-comma{background:#f3d3e3}
.learning .decimal-column-table .decimal-column-direction td{font-size:.95rem;line-height:1.5;padding:10px 0;white-space:normal}
.learning .decimal-column-stack,.learning .decimal-division{margin:0;font:600 1.6rem/1.55 ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums;white-space:pre;color:#352b48}
.learning .decimal-column-stack{max-width:100%;overflow-x:auto;padding:8px 12px;background:#fff9ec;border-radius:8px}
.learning .decimal-division{display:flex;align-items:flex-start;padding:8px 12px;background:#fff9ec;border-radius:8px}
.learning .decimal-division-left{padding-right:15px}
.learning .decimal-division-left>div{text-align:right}
.learning .decimal-division-left pre{font:inherit;line-height:inherit;margin:0}
.learning .decimal-division-right{border-left:2px solid #55476c;min-width:3em;text-align:center}
.learning .decimal-division-right>div{padding:0 10px}
.learning .decimal-division-right>div+div{border-top:2px solid #55476c;background:#e0ecd9;color:#352b48}
.learning .decimal-column-key{max-width:100%;margin:0;font:1rem/1.55 var(--notebook-ui);text-align:center;color:#4c365f;white-space:normal;overflow-wrap:break-word}
@media(max-width:480px){.learning .decimal-column-example{padding:12px 5px}.learning .decimal-column-table td{font-size:1.3rem;min-width:1.1em;padding:2px}.learning .decimal-column-stack,.learning .decimal-division{font-size:1.4rem}.learning .decimal-column-key{font-size:.95rem}}