.page{--page-bg:var(--color-front);--page-line:var(--color-line-out-black);--page-line-in:var(--color-line-in-black)}.page.gray{--page-bg:var(--color-gray);--page-line:var(--color-line-out-white);--page-line-in:var(--color-line-in-white);color:var(--color-front)}.page{width:var(--size-width);padding:var(--space-md)var(--space-sm);background-color:var(--page-bg);background-image:linear-gradient(var(--page-line)1px,transparent 1px),linear-gradient(to right,var(--page-line)1px,transparent 1px);background-size:1.6rem 1.6rem;border-radius:1.6rem;margin:3px auto 0;position:relative}.page:after{content:"";background-image:linear-gradient(to right,var(--page-bg)6px,transparent 6px);background-repeat:repeat-x;background-size:12px 3px;width:calc(100% - 3.2rem);height:3px;display:block;position:absolute;top:-3px;left:1.6rem}.page .line-dot-column{grid-template-columns:1fr 1fr;gap:3.2rem;width:100%;display:grid;position:relative}.page .line-dot-column:before{content:"";background-image:linear-gradient(to bottom,var(--page-line-in)4px,transparent 4px);background-repeat:repeat-y;background-size:2px 8px;width:2px;height:100%;position:absolute;top:0;left:calc(50% - 1px)}.page .page-title{padding:var(--space-sm).4rem;background:var(--color-front);border-bottom:var(--page-line-in)solid 2px;border-top:var(--page-line-in)solid 2px;margin-bottom:var(--space-md);background-repeat:repeat-x;background-size:8px 2px}.page .line-dot-bottom:after{content:"";background-image:linear-gradient(to right,var(--page-line-in)4px,transparent 4px);width:100%;height:2px;margin:var(--space-sm)0 var(--space-md)0;background-repeat:repeat-x;background-size:8px 2px;display:block}.book-ring{margin-top:var(--space-lg);padding-top:calc(var(--space-sm) + var(--space-md))}.book-ring:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 10 10\"><defs><style>.l{stroke:%23000;stroke-linecap:round;stroke-miterlimit:10;stroke-width:.7px}</style></defs><rect width=\"3\" height=\"1.99\" x=\"3.5\" y=\"7.91\" rx=\".14\" ry=\".14\" style=\"fill:%23ddd\"/><path d=\"M4.3.45v8.5M5.7.45v8.5\" class=\"l\"/></svg>");background-repeat:space no-repeat;background-size:3.2rem 3.2rem;height:3.2rem;top:-1.6rem}.marker{width:fit-content;text-decoration:underline;-webkit-text-decoration-color:rgb(from var(--marker-color)r g b/.5);text-decoration-color:rgb(from var(--marker-color)r g b/.5);text-underline-offset:-.35em;text-decoration-skip-ink:none;padding-inline:.15em;text-decoration-thickness:.6em}.marker.kenko{--marker-color:var(--color-light-kenko)}.marker.benkyo{--marker-color:var(--color-light-benkyo)}.marker.keisan{--marker-color:var(--color-light-keisan)}.marker.error:before,.marker.info:before{content:"";vertical-align:-.2em;width:1em;height:1em;margin-right:.2em;display:inline-block}.marker.error:before{background:url(/error.svg) 50%/contain no-repeat}.marker.info:before{background:url(/question.svg) 50%/contain no-repeat}
.ui-button{text-align:center;height:3.2rem;padding:0 var(--space-sm);color:var(--color-white);border-radius:1.6rem;font-size:1.6rem;line-height:1}.ui-button.kenko{background:var(--color-kenko)}.ui-button.kenko:hover:not(:disabled){background:var(--color-light-kenko)}.ui-button.benkyo{background:var(--color-benkyo)}.ui-button.benkyo:hover:not(:disabled){background:var(--color-light-benkyo)}.ui-button.keisan{background:var(--color-keisan)}.ui-button.keisan:hover:not(:disabled){background:var(--color-light-keisan)}.ui-button.gray{background:var(--color-gray)}.ui-button.gray:hover:not(:disabled){background:var(--color-light-gray)}.ui-button.white{background:var(--color-white);color:var(--color-text);border:solid 2px var(--color-gray)}.ui-button.white:hover:not(:disabled){background:var(--color-light-white)}.ui-button:disabled{cursor:not-allowed;background:var(--color-line-in-black);color:var(--color-line-in-white)}.ui-button:disabled>*{stroke:var(--color-line-in-white)}.ui-button.button-icon-layout{flex-wrap:nowrap;grid-auto-flow:column;justify-content:center;align-items:center;gap:.8rem;display:flex}.ui-button.button-icon-layout svg{width:2rem;height:2rem}.ui-checkbox{appearance:none;background:var(--color-front);border:solid 2px var(--color-gray);border-radius:.4rem;width:2rem;height:2rem;transition-property:background-color,border,box-shadow,color;transition-duration:.2s;position:relative}@media (forced-colors:active){.ui-checkbox{border-color:canvastext;transition:none}}.ui-checkbox:checked{background:var(--color-keisan);border-color:var(--color-keisan)}@media (forced-colors:active){.ui-checkbox:checked{background-color:canvas;border-color:canvastext}}@media (forced-colors:none) and (any-hover:hover){.ui-checkbox:hover:enabled{border-color:var(--color-keisan);box-shadow:0 0 0 .4rem var(--color-light-keisan)}}.ui-checkbox:disabled{cursor:not-allowed;background:var(--color-line-in-black);color:var(--color-line-in-white)}.ui-checkbox:disabled>*{stroke:var(--color-line-in-white)}.ui-checkbox:before{content:"";opacity:0;background-color:var(--color-white);width:100%;height:100%;transition:opacity .2s;display:block;position:absolute;inset:0;-webkit-mask-image:url(/check.svg);mask-image:url(/check.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (forced-colors:active){.ui-checkbox:before{background-color:canvastext;transition:none}}.ui-checkbox:checked:before{opacity:1}