@media (max-width: 768px) {
	header {
		flex-wrap: wrap;
		padding: 0.8rem 0.5rem;
	}

	.page {
		grid-template-columns: auto;
		grid-template-areas:
        "header header"
        "nav nav"
        "main main"
        "outline outline"
        "footer footer";
	}

	.outline {
		max-width: none;
		border-right: none;
	}

	p-compact-toggle {
		border-top: 1px solid var(--outline-bdcolor);
		border-bottom: none;
	}

	p-compact-toggle[enabled] {
		border-right: none;
	}

	.outline > .otl {
		display: none;
	}

	.headband {
		flex: 1 100vw;
	}
}

@media (max-width: 594px) {
	main {
		padding: 1.5rem 1rem;
	}

	.icon.large {
		margin-right: 0;
	}

	h1 > .ti {
		margin: .5rem 0;
	}

	p-rendbutton {
		grid-area: more;
		flex-direction: row;
	}

	nav.breadcrumb {
		font-size: var(--secondaryText-font-size);
	}

	dialog {
		width: -webkit-fill-available;
		width: -moz-available;
		max-width: none;
		box-shadow: none;
		border-radius: 0;
	}
	main {
		padding: 1rem;
	}

	.subPg.seance {
		grid-template-columns: auto;
		grid-template-areas:
			"head"
			"score"
			"rend"
			"body";
	}

	.sub.activity,
	.subPg.activity {
		grid-template-columns: auto;
		grid-template-areas:
			"head"
			"score"
			"rend"
			"abstract"
			"body";
	}

	.seance > .rendList,
	.seance > p-injectinprog > .rendList {
		border-inline-start: 2px solid var(--seq-bdcolor);
		padding-inline-start: 1.2rem;
		margin-inline-start: 1.05rem;
	}

	.rendList > p-rendbutton > .ti {
		max-width: initial;
		white-space: initial;
	}

	.subPgTi {
		flex-wrap: wrap;
	}

	.subPgTi > .ti {
		padding: .2rem;
		margin-inline-start: 0;
		flex: 1 1;
	}

	.subPgTi > .dt {
		flex: 1 1 100%;
		text-align: left;
		margin-inline-start: 2.5rem;
	}

	.subPgHead {
		margin-bottom: .3rem;
	}

	.bk {
		margin: .8rem 0;
	}

	.abstract,
	.details {
		padding-top: 1rem;
	}

	.abstract > .bk {
		margin: 0 0 1rem 0;
	}

	.sub.thematic {
		padding-inline-start: 1rem;
	}

	.sub.thematic > h2,
	.sub.thematic > h3,
	.sub.thematic > h4 {
		margin-left: 1.5rem;
	}

	.sub > .icon.them {
		margin-inline-start: 0;
	}

	.sub.thematic > h2.themTi {
		margin-left: 1.4rem;
	}
}