/* Stair Calculator (Other) — Math-style Three.js stringer diagram. */

.pc-calc-shell[data-calculator="stair"] .pc-diagram-formula {
	display: none !important;
}

.pc-calc-shell[data-calculator="stair"] .pc-diagram-frame {
	height: auto;
	min-height: 0;
	max-height: none;
	aspect-ratio: 640 / 420;
	width: 100%;
}

.pc-calc-shell[data-calculator="stair"] .pc-diagram.pc-str-diagram,
.pc-calc-shell[data-calculator="stair"] .pc-diagram.pc-diagram--3d-only {
	display: block;
	padding: 0;
	min-height: 0;
	height: 100%;
	overflow: hidden;
	background: var(--pc-diagram-bg);
	border: 1px solid var(--pc-border);
	border-radius: var(--pc-radius-sm);
}

.pc-calc-shell[data-calculator="stair"] .pc-oth-mode-note,
.pc-calc-shell[data-calculator="stair"] .pc-oth-disclaimer {
	margin: 0.35rem 0 0.65rem;
	font-size: 0.75rem;
	line-height: 1.45;
	color: var(--pc-muted, #9ca3af);
}

.pc-calc-shell[data-calculator="stair"] .pc-oth-multi {
	margin-top: 0.65rem;
}

@media (min-width: 921px) {
	.pc-calc-shell[data-calculator="stair"] .pc-calc-views > .pc-result {
		margin-top: 0.35rem;
	}
}
