
body{
	background-color: #151515;
	color: #fbf9f4;
	letter-spacing: .02em;
	font-family: EB Garamond,sans-serif;
	color: #928f85;
	line-height: 20px;
	padding:40px;
}
div {
	text-align: justify;
}
input{
	margin: 0px 0px 5px 20px;
}
#sec-shift
{
	float:left;
}
.column
{
	max-width: 510px;
}
.tip{
	font-style: italic;
	font-size: 14px;
	color: #c7c7c7;
}
	
	
.control
{
	padding-top:40px;
}	
	
.text-textarea
{
    padding: 40px 0px 25px 0px;
    color: #ff6528;
    font-weight: bold;
}

	
#data-textarea
{
	width: 510px;
}

.control-page
{
	padding-bottom:30px;
}









.page
{
	margin-bottom: 20px;
}

.page.words .row
{ 
	display: flex;
	width: 90%;
	height: 190px;
}

.page.words .column
{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 900px;
    height: 150px;
    text-align: center;
    font-size: 20px;
    padding: 20px;
    border: 1px solid #515151;
}
 
.spacer
{
	height:10px;
}
@media print {
	
	
    /* Сброс отступов и границ */
    body {
        margin: 0;
		margin-top: -2px;
        padding-top: 0px;
        background: white;
    }
    
    /* Размер страницы A4 */
    @page {
        size: A4;
        margin: 0;
    }
    
	.page.words .column
	{
		padding: 0px;
		height:20mm;
	}
	.page.words .row
	{
		height: 20mm;
	}
	
	.no-print
	{
		height:0px;
		width:0px;
		display:none;
	}
	
    /* Контейнер для каждой страницы */
    .page {
        width: 210mm;
        height: 297mm;
        page-break-after: always;
        position: relative;
        overflow: hidden;
        box-sizing: border-box;
        padding: 5mm; /* Поля внутри страницы */
    }
    
    /* Последняя страница без разрыва */
    .page:last-child {
        page-break-after: auto;
    }
    
    /* Визуальный маркер границы страницы (только для предпросмотра) */
    .page-break-marker {
        display: none;
        border-top: 1px dashed #ccc;
        text-align: center;
        color: #999;
        font-size: 10px;
    }
    
    @media screen {
        .page {
            margin: 10px auto;
            box-shadow: 0 0 5px rgba(0,0,0,0.2);
        }
        .page-break-marker {
            display: block;
        }
    }
}
