@page {
    size: a4 portrait;
    margin: 25mm 10mm 25mm 10mm;
    counter-increment: page;
    font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif !important;
    white-space: pre;
    color: grey;
    @bottom-left {
        content: '© OrderFlow Ltd. 2025';
        font-size: 9pt !important;
    }
    @top-center {
        content: string(chapter) !important;
        font-size: 11pt !important;
    }
    @bottom-right {
        content: 'Page ' counter(page) !important;
        font-size: 9pt !important;
    }
    @bottom-center {
        content: none !important;
    }
    @top-right {
        content: none !important;
    }
}

@page:first {
	margin-bottom:15%;
	@top-center {
        content: none !important;
	}
	@bottom-right {
		vertical-align:bottom;
		padding-bottom:40px;
	}
	@bottom-left {
      	 	vertical-align:bottom;
       		padding-bottom:40px;
       	}
	@bottom-center{
		content:"This document and its content is copyright of OrderFlow Ltd. All rights reserved.\AYou may not, except with our express written permission, distribute, publish or commercially exploit the content. \A Any reproduction of part or all of the contents in any form is prohibited." !important;
		white-space:pre-wrap;
		width:100%;
		display:block;
		font-size: 9pt !important;
		color: #444;
		vertical-align:top;
	}
}

article#doc-toc {
	display:none;
}

h1 .pdf-order,
h2 .pdf-order,
h3 .pdf-order,
h4 .pdf-order,
h5 .pdf-order {
	display:none;
}

@media print {
	body {
		font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif !important;
		color: #444;
	}

	h1,h2,h3,h4,h5 {
		font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif !important;
	}

	h2 {
		font-size:26px !important;
		color: #444;
	}

	h3 {
		font-size: 22px !important;
	}

	h4 {
    	color: #444;
		font-size: 16px !important;
	}

	h5 {
		font-size: 13px !important;
	}
		
	p {
		font-size: 13px !important;
	}

	li {
		font-size: 13px !important;
	}
		
	.md-typeset code {
		font-size: 10px !important;
		line-height:1.3;
		font-family: "Roboto Mono","Courier New","Times New Roman" !important;
	}
		
	.md-typeset pre {
		font-size: 10px;
		font-family: "Roboto Mono","Courier New","Times New Roman" !important;
	}

	.admonition span.nx,
	.admonition span.k,
	.admonition span.kn,
	.admonition span.w {
		font-size: 13px !important;
		font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif !important;
		color: #444 !important;
	}

	.md-typeset td {
		font-size: 11px !important;
	}

	.md-typeset td code {
		font-size: 10px !important;
	}
	
	.md-typeset table {
  		width:100%;
	}

	.md-typeset .flex-table_lastcol + table tr td:last-child {
  		width:99%;
	}

	.md-typeset .flex-table_lastcol + table tr th {
		white-space:nowrap;
	}

	.md-typeset table th {
		color:white;
		background-color:#757575;
		font-size:13px !important;
	}

	.md-typeset .admonition {
		border-width:3px;
		box-shadow:unset;
	}

	.md-typeset :is(.warning, .caution, .attention) > :is(.admonition-title, summary)::before {
		background-color: transparent;
		padding:0px !important;
		margin:3px 0 0 -22px !important;
		background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ff9100"><path d="M13 14h-2V9h2m0 9h-2v-2h2M1 21h22L12 2 1 21Z"/></svg>');
	}

	.md-typeset :is(.info, .todo) > :is(.admonition-title, summary)::before {
		background-color: transparent;
		padding:0px !important;
		margin:3px 0 0 -22px !important;
  		background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#00b8d4"><path d="M13 9h-2V7h2m0 10h-2v-6h2m-1-9A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2Z"/></svg>');
	}

  	.front-page {
  		display: block;
  		width:100%; 
    	height:100%;
    	page-break-after:always 
  	}

  	.row {
  		text-align: center;
	}
	
	.front-top {
		font-size: 20px; 
	}	
	
	.title {
		font-size: 30px !important;
	}
	
	.toc-title {
		margin: 2rem 0 .8rem;
		font-size: 1.25rem;
		line-height: 1.4;
		font-weight: 300;
		letter-spacing: -.01em;
	}
	
	p.logo img.center {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 80px;
		width: 60%;
	}

	h1 {
		display: none;
	}
	
	.front-bottom {
		position: absolute; 
        bottom: 0; 
        width: 100%; 
        height: 100px;
        font-size: 14px; 
	display:none;
	}
}