@charset "UTF-8";

/**
version: 1.0.0 – 20241002

todo : margins
**/

/****************************/
/****************************/
/********** GLOBAL **********/
/****************************/
/****************************/

html,
body {
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
	width: 100%;
}
html {
	margin-top: 0 !important; /* remove wpadminbar margin */
}

/**************************/
/********** BODY **********/
/**************************/

body {
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	color: var(--dark-color);
	text-shadow: 0 0 0;
}

/*****************************/
/********** WRAPPER **********/
/*****************************/

/** flex == footer at bottom **/

#wrapper {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	min-height: 100%;
	background: inherit;
	margin: 0;
	padding: 0;
}

/**************************/
/********** MAIN **********/
/**************************/

main {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 0;
	margin: 0;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	   -moz-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	overflow: clip;
}

/****************************/
/****************************/
/********** CUSTOM **********/
/****************************/
/****************************/

/***********************************/
/********** SHORT CONTENT **********/
/***********************************/

/**
for images, text (unused)
**/

.short-content {
	max-width: -webkit-calc(var(--content-maxwidth) * 2 / 3) !important;
	max-width: -moz-calc(var(--content-maxwidth) * 2 / 3) !important;
	max-width: calc(var(--content-maxwidth) * 2 / 3) !important;
}
.min-content {
	max-width: -webkit-calc(var(--content-maxwidth) * 1 / 3) !important;
	max-width: -moz-calc(var(--content-maxwidth) * 1 / 3) !important;
	max-width: calc(var(--content-maxwidth) * 1 / 3) !important;
}

/*******************************/
/********** ERROR 404 **********/
/*******************************/

body.error main {
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
body.error main section {
	margin-top: auto;
	margin-bottom: auto;
}

/*********************************/
/********** MAINTENANCE **********/
/*********************************/

body.maintenance main {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

/** for admin **/

.maintenance-label {
	position: fixed;
	z-index: 10000;
	bottom: 0;
	left: 0;
	font-size: .75em;
	line-height: 1;
	font-weight: var(--font-weight-bold);
	padding: 1em;
	background: var(--alert-color);
}

/***********************************/
/********** HIDDEN STATUS **********/
/***********************************/

.hidden-label {
	position: fixed;
	z-index: 10000;
	bottom: 0;
	right: 0;
	font-size: .75em;
	line-height: 1;
	font-weight: var(--font-weight-bold);
	padding: 1em;
	background: var(--alert-color);
}

/****************************/
/****************************/
/********** HEADER **********/
/****************************/
/****************************/

/* background in :after for animations */

header {
	position: -webkit-sticky;
	position: sticky;
	z-index: 1200;
	top: 0;
	pointer-events: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin: 0;
	min-height:var(--header-height);
	padding: var(--global-spacing);
}
header > * {
	z-index: 10;
	pointer-events: auto;
	color: inherit;
	fill: inherit;
}
header:after {
	content:"";
	position:absolute;
	z-index: -1;
	top:0;
	left:0;
	height:100%;
	width:100%;
	-webkit-transform:translate3d(0,0,0);
	   -moz-transform:translate3d(0,0,0);
	        transform:translate3d(0,0,0);
	background: var(--bright-color);
}

/*****************************/
/********** HEADING **********/
/*****************************/

header .heading {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin: 0;
}

/**************************/
/********** LOGO **********/
/**************************/

/* #logo == in header */

#logo,
#overlay-navigation .logo {
	height: var(--logo-height);
	fill: inherit;
	margin: 0 auto 0 0;
	max-width: none;
}
#overlay-navigation .logo {
	margin: 0 auto 1em auto;
}

/****************************/
/****************************/
/********** FOOTER **********/
/****************************/
/****************************/

footer {
	position: relative;
	z-index: 10;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	   -moz-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	width: 100%;
	padding: var(--global-spacing);
	pointer-events: none;
	line-height: 1;
	color:var(--bright-color);
	background: var(--dark-color);
}
footer > * {
	text-align: center;
	pointer-events: auto;
	margin: 0 !important;
}

/****************************/
/********** @MEDIA **********/
/****************************/

@media (max-width:760px) {
	footer .socialbar {
		-webkit-flex-basis: 100%;
		    -ms-flex-preferred-size: 100%;
		        flex-basis: 100%;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		   -moz-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
}
@media (min-width:760px) {
	footer .socialbar {
		-webkit-flex-basis: -webkit-calc(100% / 3);
		    -ms-flex-preferred-size: calc(100% / 3);
		        flex-basis: -moz-calc(100% / 3);
		        flex-basis: calc(100% / 3);
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		   -moz-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
	}
}

/******************************/
/******************************/
/********** SECTIONS **********/
/******************************/
/******************************/

/**
[default]	== normal content max-width
.focus		== heading section
.full		== no content max-width / no padding
.large		== no content max-width
.min		== short padding
.cover		== Fullscreen (100vh) min-height

css <=> wp 
section <=> .section / .wp-block-group
section .section-content <=> .wp-block-group__inner-container

null		<=> short
alignwide 	<=> normal
alignfull	<=> large
**/

/*****************************/
/********** DEFAULT **********/
/*****************************/

section {
	position: relative;
	z-index: 10;
	clear: both;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	   -moz-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	overflow: initial;
	width: 100%;
	max-width: none; /* for back WP */
	padding: 0 !important;
	margin: 0;
	overflow: hidden; /* for swipers */
}

/**********************************/
/********** SECTION FULL **********/
/**********************************/

section.full,
section.full > .section-content {
	margin: 0 !important;
	max-width: none;
	width:100%;
}

/***********************************/
/********** SECTION LARGE **********/
/***********************************/

section.large,
section.large > .section-content {
	max-width: none;
}

/*********************************/
/********** SECTION MIN **********/
/*********************************/

/** cf. margins **/

/***********************************/
/********** SECTION COVER **********/
/***********************************/

section.cover {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	min-height: var(--viewport-height);
}
section.cover .section-content.vertical-aligned {
	margin: auto;
}

/*************************************/
/********** SECTION CONTENT **********/
/*************************************/

section .section-content {
	position: relative;
	z-index: 10;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	   -moz-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}
section > .section-content {
	-webkit-flex-basis: 0;
	    -ms-flex-preferred-size: 0;
	        flex-basis: 0;
}
section .section-content .columns .short img {
	margin: 0 0 0 auto;
}

/***********************************/
/********** SECTION ASIDE **********/
/***********************************/

section > aside {
	-webkit-box-flex: 0.5;
	-webkit-flex-grow: 0.5;
	   -moz-box-flex: 0.5;
	    -ms-flex-positive: 0.5;
	        flex-grow: 0.5;
	-webkit-flex-basis: 0;
	    -ms-flex-preferred-size: 0;
	        flex-basis: 0;
}

/*****************************/
/*****************************/
/********** SIDEBAR **********/
/*****************************/
/*****************************/

/*****************************/
/********** DEFAULT **********/
/*****************************/

.sidebar {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.sidebar > * + * {
	margin-top:1em;
}
.sidebar > .short + * {
	margin-top:0;
}

/****************************/
/********** STICKY **********/
/****************************/

.sticky.sidebar {
	position: -webkit-sticky;
	position: sticky;
	z-index: 100;
	top: -webkit-calc(var(--header-height));
	top: -moz-calc(var(--header-height));
	top: calc(var(--header-height));
	background: var(--bright-color);
	padding: var(--global-spacing) 0;
	margin-top: -webkit-calc(var(--global-spacing) * -1);
	margin-top: -moz-calc(var(--global-spacing) * -1);
	margin-top: calc(var(--global-spacing) * -1);
	margin-bottom: -webkit-calc(var(--global-spacing) * -1);
	margin-bottom: -moz-calc(var(--global-spacing) * -1);
	margin-bottom: calc(var(--global-spacing) * -1);
}
#contextual + .sticky.sidebar,
#contextual + section + .sticky.sidebar {
	margin-top: 0;
}
.sticky.sidebar nav.filters.only-mobile {
	margin: 0;
}

/********** @MEDIA **********/

@media (max-width:760px) {
	.sticky.sidebar {
		margin-top: -webkit-calc(var(--global-spacing) * -2);
		margin-top: -moz-calc(var(--global-spacing) * -2);
		margin-top: calc(var(--global-spacing) * -2);
		top: -webkit-calc(var(--header-height) + var(--contextual-height) + var(--global-spacing));
		top: -moz-calc(var(--header-height) + var(--contextual-height) + var(--global-spacing));
		top: calc(var(--header-height) + var(--contextual-height) + var(--global-spacing));
	}
}
@media (min-width:760px) {
	#contextual + .sticky.sidebar,
	#contextual + .columns .sticky.sidebar,
	#contextual + section + .sticky.sidebar {
		top: -webkit-calc(var(--header-height) + var(--contextual-height));
		top: -moz-calc(var(--header-height) + var(--contextual-height));
		top: calc(var(--header-height) + var(--contextual-height));
	}
}

/****************************/
/********** INLINE **********/
/****************************/

/**
in books
.sidebar.inline
**/

.sidebar.inline .buttons-container {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	   -moz-box-orient: horizontal;
	   -moz-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: baseline;
	-webkit-align-items: baseline;
	   -moz-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;
	gap: var(--gutter-gap);
}
.sidebar.inline .buttons-container > * {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	   -moz-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	-webkit-flex-basis: 0;
	    -ms-flex-preferred-size: 0;
	        flex-basis: 0;
	white-space: nowrap;
	margin: 0;
}
.sidebar.inline .buttons-container fieldset {
	-webkit-box-flex: 2;
	-webkit-flex-grow: 2;
	   -moz-box-flex: 2;
	    -ms-flex-positive: 2;
	        flex-grow: 2;
}
.sidebar.inline .buttons-container nav.buttons {
	-webkit-flex-wrap: unset;
	    -ms-flex-wrap: unset;
	        flex-wrap: unset;
}

/************************************/
/************************************/
/********** SECTION BANNER **********/
/************************************/
/************************************/

/**
<section> banner / introduction
**/

/*****************************/
/********** DEFAULT **********/
/*****************************/

section.banner {
	height:var(--banner-height);
}
section.banner .section-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 1em;
	margin: auto;
	max-width: none;
	height: 100%;
	width:100%;
}
section.banner .more-link {
	margin: 0;
}

/*********************************/
/********** MEDIAPLAYER **********/
/*********************************/

section.banner .mediaplayer-container {
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
}

/**********************************/
/********** ILLUSTRATION **********/
/**********************************/

section.banner figure.illustration {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	height: 100%;
	width: 100%;
	max-width: none;
}
section.banner figure.illustration picture {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	   -moz-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	overflow: hidden;
}
section.banner figure.illustration img {
	height: 100%;
	width: 100%;
	max-width: none;
	-o-object-fit: cover;
	   object-fit: cover;
}
section.banner figure.illustration figcaption {
	display: block;
	width: 100%;
	padding: 1em;
	margin: 0 auto;
	line-height: 1;
	max-width: var(--content-maxwidth);
	background: var(--bright-color);
}

/***********************************/
/***********************************/
/********** SECTION FOCUS **********/
/***********************************/
/***********************************/

/**
page color header
**/

/*****************************/
/********** DEFAULT **********/
/*****************************/

main section.focus {
	background: var(--bright-color);
}
section.focus .section-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

/********************************/
/********** MAIN TITLE **********/
/********************************/

section.focus .main-title:after {
	content: "";
	position: relative;
	z-index: 100;
	pointer-events: none;
	height: 100%;
	width:100%;
	margin-top: var(--gutter-gap);
	aspect-ratio: var(--line-break-ratio);
	background: var(--line-break);
	-webkit-background-size: 100% auto;
	   -moz-background-size: 100% auto;
	     -o-background-size: 100% auto;
	        background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
}

/******************************/
/********** IS-THEME **********/
/******************************/

[class^="is-theme-"] section.focus + #contextual {
	margin-top: -webkit-calc(var(--gutter-gap) * -1);
	margin-top: -moz-calc(var(--gutter-gap) * -1);
	margin-top: calc(var(--gutter-gap) * -1);
}

/****************************/
/****************************/
/********** MARGIN **********/
/****************************/
/****************************/

/*****************************/
/********** DEFAULT **********/
/*****************************/

section .section-content {
	margin: var(--gutter-gap) -webkit-calc(var(--gutter-gap) * 2);
	margin: var(--gutter-gap) -moz-calc(var(--gutter-gap) * 2);
	margin: var(--gutter-gap) calc(var(--gutter-gap) * 2);
	max-width: var(--content-maxwidth);
	width: -webkit-calc(100% - var(--gutter-gap) * 4);
	width: -moz-calc(100% - var(--gutter-gap) * 4);
	width: calc(100% - var(--gutter-gap) * 4);
}
section.large .section-content {
	margin: var(--gutter-gap);
	width: -webkit-calc(100% - var(--gutter-gap) * 2);
	width: -moz-calc(100% - var(--gutter-gap) * 2);
	width: calc(100% - var(--gutter-gap) * 2);
}
section.min .section-content {
	margin: -webkit-calc(var(--gutter-gap) / 2) -webkit-calc(var(--gutter-gap) * 2);
	margin: -moz-calc(var(--gutter-gap) / 2) -moz-calc(var(--gutter-gap) * 2);
	margin: calc(var(--gutter-gap) / 2) calc(var(--gutter-gap) * 2);
	width: -webkit-calc(100% - var(--gutter-gap) / 4 * 2);
	width: -moz-calc(100% - var(--gutter-gap) / 4 * 2);
	width: calc(100% - var(--gutter-gap) / 4 * 2);
}
section aside {
	margin: var(--gutter-gap) -webkit-calc(var(--gutter-gap) * 2);
	margin: var(--gutter-gap) -moz-calc(var(--gutter-gap) * 2);
	margin: var(--gutter-gap) calc(var(--gutter-gap) * 2);
}

/**************************/
/********** MAIN **********/
/**************************/

/**
no section == directly in main == apply to content to behave like section 
ex. <p>
**/

main > *:not(section):not(#contextual):not(.is-limited-large):not([class*='-background-color']) {
	width: -webkit-calc(100% - var(--gutter-gap) * 4);
	width: -moz-calc(100% - var(--gutter-gap) * 4);
	width: calc(100% - var(--gutter-gap) * 4);
	margin-left: -webkit-calc(var(--gutter-gap) * 2);
	margin-left: -moz-calc(var(--gutter-gap) * 2);
	margin-left: calc(var(--gutter-gap) * 2);
	margin-right: -webkit-calc(var(--gutter-gap) * 2);
	margin-right: -moz-calc(var(--gutter-gap) * 2);
	margin-right: calc(var(--gutter-gap) * 2);
	max-width:var(--content-maxwidth);
}

/** columns ending with -background-color **/

main > :not(section)[class*='-background-color'] {
	position:relative;
	z-index: 5;
	width:-webkit-calc(100% - var(--gutter-gap) * 4);
	width:-moz-calc(100% - var(--gutter-gap) * 4);
	width:calc(100% - var(--gutter-gap) * 4);
	padding:var(--gutter-gap) 0;
	margin-left:-webkit-calc(var(--gutter-gap) * 2);
	margin-left:-moz-calc(var(--gutter-gap) * 2);
	margin-left:calc(var(--gutter-gap) * 2);
	margin-right:-webkit-calc(var(--gutter-gap) * 2);
	margin-right:-moz-calc(var(--gutter-gap) * 2);
	margin-right:calc(var(--gutter-gap) * 2);
	max-width:var(--content-maxwidth);
}
main > :not(section)[class*='-background-color']:after {
	content:"";
	position:absolute;
	z-index: -1;
	top:0;
	left:50%;
	height:100%;
	width:100vw;
	-webkit-transform:translate3d(-50%,0,0);
	        -moz-transform:translate3d(-50%,0,0);
	     transform:translate3d(-50%,0,0);
	background:inherit;
	pointer-events: none;
}

/** test for content WIP **/
/*
main #contextual + :not(section.focus),
main #contextual + h1.hidden + :not(section.focus) {
	margin-top: var(--heading-spacing) !important;
}
*/
main section.focus + .go-back,

main #contextual + :not(section):not(.sticky.sidebar),
main #contextual + h1.hidden + :not(section) {
	margin-top: var(--heading-spacing) !important;
}
/*
main #contextual + .columns,
main > *:not(section) + .grid-container,
*/
main > section[class*='-background-color'] + .grid-container, /* in template-selections */
main > section[class*='-background-color'] + .columns, /* in template-books */
main > *:not(section) + .grid-container,
main > *:not(section) + .grid.gallery, /* ex. in la-grande-ourse */
main * + h1,
main * + h2,
main * + h3,
main * + h4,
main * + h5,
main * + h6 {
	margin-top: var(--heading-spacing);
}

main #contextual + section[class*='-background-color'] .section-content,
main section:not([class*='-background-color']) + :not(section):not(h1) {
	margin-top: 0;
}
/*
main:not([class^="is-theme-"]) > section.focus + #contextual {
	margin-top: calc(var(--global-spacing) * -1);
}
*/
main #contextual + section[class*='-background-color'] .section-content {
	margin-top: -webkit-calc(var(--global-spacing) / 2);
	margin-top: -moz-calc(var(--global-spacing) / 2);
	margin-top: calc(var(--global-spacing) / 2);
}
/* :not(.columns) => for agenda */
main > *:not(section):not(#contextual):first-child,
main > h1.page-title + */*,
main > section.focus + *:not([class*='-background-color']):not(.columns)*/ {
	margin-top:var(--heading-spacing); /* like heading tags */
}
main > *:not(section):last-child {
	margin-bottom: -webkit-calc(var(--gutter-gap) * 2);
	margin-bottom: -moz-calc(var(--gutter-gap) * 2);
	margin-bottom: calc(var(--gutter-gap) * 2);
}
/** from gravity form **/
main > script:last-child {
	display: block;
	width: 0;
	height: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
	white-space: nowrap;
	margin-bottom: -webkit-calc(var(--gutter-gap) * 2);
	margin-bottom: -moz-calc(var(--gutter-gap) * 2);
	margin-bottom: calc(var(--gutter-gap) * 2);
}

main > .button {
	-webkit-align-self: flex-start;
	    -ms-flex-item-align: start;
	        align-self: flex-start;
	width: auto !important;
}

main .collapsible + .see-also {
	margin-top: -webkit-calc(var(--global-spacing) * 2);
	margin-top: -moz-calc(var(--global-spacing) * 2);
	margin-top: calc(var(--global-spacing) * 2);
}
/*
main > section + *:not(section) {
	margin-top: var(--gutter-gap);
}
*/