/* sqrtpow 固有スタイル */
.tool-main { max-width: 760px; }
[hidden] { display: none !important; }
.pt-tabs { overflow: visible; }

.sp-in { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; }
@media (max-width: 520px) { .sp-in { grid-template-columns: 1fr; } }
.sp-in input, .sp-opt input { font-variant-numeric: tabular-nums; }
.sp-quick { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-top: 0.5rem; }
.sp-quick .btn { width: auto; margin: 0; }
.sp-opt { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1rem; margin-top: 0.75rem; }
.sp-opt label { margin: 0; }
.sp-opt input[type="number"] { width: 6rem; }

.sp-big { font-size: 1.9rem; font-weight: 700; margin: 1.1rem 0 0.25rem; word-break: break-all; line-height: 1.35; }
.sp-copywrap { margin-bottom: 0.5rem; }
.sp-copy { width: auto; margin: 0; }
.sp-head { color: var(--text-sub); font-size: 0.9rem; margin-top: 1rem; }
.sp-stats { display: grid; grid-template-columns: 1fr; gap: 0.5rem; margin: 0.75rem 0; }
.sp-stat { border: 1px solid var(--border); border-radius: var(--pt-r); padding: 0.5rem 0.75rem; background: var(--surface); }
.sp-stat span { display: block; font-size: 0.78rem; color: var(--text-sub); }
.sp-stat b { font-size: 1.05rem; word-break: break-all; font-variant-numeric: tabular-nums; }
.sp-sub { font-weight: 700; margin: 1rem 0 0.35rem; }
.sp-line { margin: 0.3rem 0; line-height: 1.7; }
.sp-note { margin-top: 0.5rem; font-size: 0.88rem; color: var(--text-sub); }
.sp-bigbox { border: 1px solid var(--border); border-radius: var(--pt-r); padding: 0.6rem 0.75rem; background: var(--surface); word-break: break-all; font-family: ui-monospace, Consolas, monospace; font-size: 0.85rem; max-height: 16rem; overflow: auto; user-select: all; }

.sp-table { border-collapse: collapse; width: 100%; font-variant-numeric: tabular-nums; }
.sp-table th, .sp-table td { padding: 0.3rem 0.8rem; border-bottom: 1px solid var(--border); text-align: right; }
.sp-table th { background: var(--surface); font-size: 0.85rem; color: var(--text-sub); }
.sp-table td:last-child, .sp-table th:last-child { text-align: left; }
.sp-tablewrap { overflow-x: auto; margin-top: 0.75rem; }