/* Fonts */
@font-face{font-family:VIC;src:url(../fonts/VIC-Bold.woff2) format("woff2");font-style:normal;font-weight:900}
@font-face{font-family:VIC;src:url(../fonts/VIC-SemiBold.woff2) format("woff2");font-style:normal;font-weight:700}
@font-face{font-family:VIC;src:url(../fonts/VIC-Medium.woff2) format("woff2");font-style:normal;font-weight:600}
@font-face{font-family:VIC;src:url(../fonts/VIC-Regular.woff2) format("woff2");font-style:normal;font-weight:500}
@font-face{font-family:VIC;src:url(../fonts/VIC-Light.woff2) format("woff2");font-style:normal;font-weight:300}
@font-face{font-family:VIC;src:url(../fonts/VIC-BoldItalic.woff2) format("woff2");font-style:italic;font-weight:900}
@font-face{font-family:VIC;src:url(../fonts/VIC-SemiBoldItalic.woff2) format("woff2");font-style:italic;font-weight:700}
@font-face{font-family:VIC;src:url(../fonts/VIC-MediumItalic.woff2) format("woff2");font-style:italic;font-weight:600}
@font-face{font-family:VIC;src:url(../fonts/VIC-Italic.woff2) format("woff2");font-style:italic;font-weight:500}
@font-face{font-family:VIC;src:url(../fonts/VIC-LightItalic.woff2) format("woff2");font-style:italic;font-weight:300}

/*! Notice for the below licenced code available at /licences/normalize.css.txt */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
:root {
  --transport-blue: #1d1d1d;
  --content-grey: #333434;
}

.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.hidden {display:  none;}

html {box-sizing: border-box;background: #fff;}
*, ::after, ::before {
    box-sizing: inherit;
}

body {font-family: VIC, sans-serif;font-size: 16px;color: #333434;line-height: 1.75;background: #fff;}

summary {display: block;cursor: pointer;}
summary::-webkit-details-marker {
	display: none;
}

.hra {
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
	padding: 0 24px 24px;
}

.dot-head {
	border-bottom: 1px solid #ececec;
	margin:  0 0 24px;
}
.dot-head__inner {
	width:  100%;
	margin:  0 auto;
	max-width: 1000px;
	padding: 24px;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
}
.dot-head__logo-container {
	width: 150px;
	flex-grow: 1;
	flex-grow: 0;
	flex-shrink: 0;
	display: flex;
    align-items: center;
}
.dot-head__logo-link {
	width: 100%;
}
.dot-head__logo {
	display: block;
	width: 100%;
}
.dot-head__title {
	margin: 0;
	font-size: 1.875rem;
	line-height:  1.1;
	color: var(--transport-blue);
	margin-left:  10px;
	text-align: right;
}

.dot-head__hira-logo {
	display:  block;
	width:  100%;
	height:  auto;
	max-width: 200px;
}

.header {
	margin:0 auto;
	width: 100%;
	max-width: 1000px;
	padding: 0 25px;
	margin:  40px 0 0;

}

.details-expander {
	background:  #EBF0F8;
	padding: 8px;
	margin-bottom:  24px;
	line-height: 1.2;
	display: block;
}
.details-expander--participant {
	margin-bottom: 16px;
}
.details-expander--no-margin-bottom {
	margin-bottom: 0;
}
.details-expander__title {
	font-size: 1.125rem;
	margin: 0;
	color: var(--transport-blue);
	font-weight: 700;
	background: url(../images/chevron.svg) no-repeat calc(100% - 8px) 50%;
	background-size: 18px auto;
	padding: 8px;
}
.details-expander__title:hover {
	background-color: #fff;
}
.details-expander__title-text-print {
	display:  none;
}
.details-expander__title-text-screen {
	display:  block;
}

.details-expander__datalist {
	margin: 16px 8px -8px;
	font-size:  0.75rem;
}
.details-expander__datalist-item {
	margin: 0 0 16px;
}
.details-expander__datalist-label {
	font-weight:  700;
	margin:  0 0 4px;
}
.details-expander__datalist-value {
	margin:  0;
	white-space:  pre-wrap;
}

.slide {outline: none;}
.slide__title,
.report-title {line-height: 1.2;font-size: 1.5rem;margin: 0 0 24px;color: var(--transport-blue);}

.report-title {display: none;font-weight: 700;text-align: right;}

.content-block{margin: 0 0 24px;font-size: 1rem;}
.content-block--minor-margin{margin-bottom: 16px;}
.content-block--report-disclaimer{margin-top: 24px;margin-bottom: 0;font-style: italic;font-size: 0.875rem;display: none;}
.content-block > * {margin: 0 0 8px;}
.content-block > *:last-child {margin-bottom:0;}
.content-block a {
	text-decoration: underline;
	color: #0c7db7;
}
.content-block a:hover,
.content-block a:active,
.content-block a:focus {
	color: #041e42;
}

.dialog {
	max-width: 500px;
	border: none;
	padding:  24px;
}

.btn-set {
	/*display:  flex;*/
	display: block;
	list-style:  none;
	margin:  0;
	padding:  0;
}
.btn-set--global,
.btn-set--space-bottom {
	margin-bottom: 24px;
}
.btn-set--separated {
	padding-top: 24px;
	border-top: 1px solid #ececec;
}
.btn-set--mobile-flex {
	display: flex;
}
.btn-set .btn {
	/*margin: 0 20px 0 0;*/
	display:  block;
	width:  100%;
}
.btn-set--mobile-flex .btn {
	width:  auto;
}
.btn-set__item {
	margin: 0 0 16px;
	display: block;
	list-style:  none;
	padding: 0;
}
.btn-set__item:last-child {
	margin-bottom:  0;
}
.btn-set__item--desktop-only {
	display:  none;
}

.btn {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	padding: 7px 15px 7px;
	line-height: 1.5;
	font-weight: 700;
	border-radius: 0;
	color: #fff;
	border: none;
	background-color: #041e42;
	cursor:  pointer;
}
.btn:hover,
.btn:active,
.btn:focus {
	background-color: #0c81bc;
	color: #fff;
}

.btn--green {
	background-color: #78BE20;
}
.btn--brilliant-blue {
	background-color: #13a2a6;
}

.btn--disabled {
	background: #ECECEC;
	color: #BBB;
}
.btn--disabled:hover,
.btn--disabled:active,
.btn--disabled:focus {
	background: #ECECEC;
	color: #BBB;
	cursor: not-allowed;
}



.btn--tab {
	background-color: #fff;
	color: #041e42;
}

.btn--tab-active {
	background-color: #ECECEC;
	color: #333434;
}

.btn--remove {
	flex-grow:  0;
	flex-shrink:  0;
	background-image:  url(../images/cross.svg);
	background-position:  50%;
	background-size:  32px auto;
	background-repeat:  no-repeat;
	padding: 0;
	width:  36px;
	height: 36px;
}

.btn--add.btn--add {
	display:  flex;
	justify-content: center;
	align-items: center;
}
.btn--add:after {
	content: '';
	background-image:  url(../images/plus.svg);
	background-position: 100% 50%;
	background-size:  100% auto;
	width:  16px;
	height:  16px;
	background-repeat:  no-repeat;
	margin-left:  8px;
	display:  block;
}

.btn--restart.btn--restart {
	display:  flex;
	justify-content: center;
	align-items: center;
}
.btn--restart:after {
	content: '';
	background-image:  url(../images/refresh.svg);
	background-position: 100% 50%;
	background-size:  100% auto;
	width:  16px;
	height:  16px;
	background-repeat:  no-repeat;
	margin-left:  8px;
	display:  block;
}

.btn--print.btn--print {
	display:  flex;
	justify-content: center;
	align-items: center;
}
.btn--print:after {
	content: '';
	background-image:  url(../images/print.svg);
	background-position: 100% 50%;
	background-size:  100% auto;
	width:  16px;
	height:  13px;
	background-repeat:  no-repeat;
	margin-left:  8px;
	display:  block;
}

.btn--download.btn--download {
	display:  flex;
	justify-content: center;
	align-items: center;
}
.btn--download:after {
	content: '';
	background-image:  url(../images/download.svg);
	background-position: 100% 50%;
	background-size:  100% auto;
	width:  16px;
	height:  16px;
	background-repeat:  no-repeat;
	margin-left:  8px;
	display:  block;
}

.btn--next.btn--next {
	display:  flex;
	justify-content: center;
	align-items: center;
}
.btn--next:after {
	content: '';
	background-image:  url(../images/chevron--white.svg);
	background-position: 100% 50%;
	background-size:  100% auto;
	width:  16px;
	height:  8px;
	background-repeat:  no-repeat;
	margin-left:  8px;
	display:  block;
	transform:  rotate(270deg);
}
.btn--back.btn--back {
	display:  flex;
	justify-content: center;
	align-items: center;
}
.btn--back:before {
	content: '';
	background-image:  url(../images/chevron--white.svg);
	background-position: 100% 50%;
	background-size:  100% auto;
	width:  16px;
	height:  8px;
	background-repeat:  no-repeat;
	margin-right:  8px;
	display:  block;
	transform:  rotate(90deg);
}

.btn--small-back {
	flex-grow:  0;
	flex-shrink:  0;
	background-image:  url(../images/chevron--white.svg);
	background-position:  50%;
	background-size:  16px auto;
	background-repeat:  no-repeat;
	padding: 0;
	width:  36px;
	height: 36px;
	transform:  rotate(90deg);
}

.btn--small-next {
	flex-grow:  0;
	flex-shrink:  0;
	background-image:  url(../images/chevron--white.svg);
	background-position:  50%;
	background-size:  16px auto;
	background-repeat:  no-repeat;
	padding: 0;
	width:  36px;
	height: 36px;
	transform: rotate(-90deg);
}

.hra-plan .btn-set {margin-bottom:  20px;}

.field-list {
	border:  solid 1px #ececec;
	padding:  16px;
	background:  #ECECEC;
}
.field-list--space-bottom {
	margin-bottom: 24px;
}
.field-list__title {
	margin:  0;
	font-size:  inherit;
	font-weight:  inherit;
}
.field-list .field {
	margin: 0 0 20px;
}
.field-list .field:last-child {
	margin-bottom: 0;
}

.field {font-size: 0.875rem;display: flex;flex-direction: column;}
.field--score {flex-direction: row;justify-content: space-between;padding: 16px 8px;border-bottom: 1px solid #041E42;}
.field--score-incomplete {
	background:  #EBF0F8;
}
.field--score:hover {
	background:  #fff;
}
.field--checkbox {
	flex-direction:  row;
	align-items:  center;
}
.field__label {
	display:  inline-block;
	font-size: inherit;
    font-weight: 700;
    line-height: 1.4;
    font-family: inherit;
    color:  inherit;
    margin: 0 0 5px 0;
}
.field__label--score {
	flex-grow:  1;
	margin-bottom:  0;
	display:  flex;
	align-items:  center;
	word-break:  break-all;
}
.field__label--checkbox {
	margin-bottom: 0;
	margin-left:  8px;
}
.field__help {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	display: inline-block;
	padding:  0;
	width: 20px;
	height:  20px;
	text-align:  center;
	line-height: 1.5;
	font-weight: 700;
	border-radius: 50%;
	color: #fff;
	border: none;
	background-color: #041e42;
	cursor:  pointer;
}
.field__help:hover,
.field__help:active,
.field__help:focus {
	background-color: #0c81bc;
}
.field__input {
	font-size: inherit;
    color: #333434;
    background-color: #FFF;
    border: 1px solid #BBB;
    padding: 13px 10px 15px;
    outline: none;
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    box-sizing: border-box;
    max-width: 400px;
}
.field__input:active,
.field__input:focus {
	border-color: #041E42;
	background-color: #eef2f3;
}
.field__input:hover {
	border-color: #041E42;
}

.field__input--max-50 {
	max-width:  50px;
}
.field__input--align-center {
	text-align:  center;
}
.field__input--textarea {
	height:  100px;
	line-height:  1.6;
}
.field__input--full-width {
	max-width: 100%;
}
.field__file {
	background: #fff;
	padding: 16px;
	border: 3px dashed #000;
	cursor: pointer;
}
.field__file:hover,
.field__file:active,
.field__file:focus {
	background-color: #eef2f3;
}
.field__input--score {
	padding: 0 38px 0 14px;
	line-height: 1;
	height: 43px;
	background: #fff url(../images/chevron.svg) no-repeat;
	background-position: calc(100% - 14px) 50%;
	background-size: 14px auto;
	cursor: pointer;
	width: 70px;
	margin-left: 16px;
	flex-grow:  0;
	flex-shrink:  0;
}
.field__input--score::-ms-expand {
	display: none;
}
.field__input--score:hover {
	border-color: #041E42;
}
.field__input--score:active,
.field__input--score:focus {
	background-color: #eef2f3;
}

.config-entry {
	margin: 24px 0;
}

.config-entry__title {
	line-height: 1.2;
	font-size: 1.375rem;
	margin: 0 0 24px;
	color: var(--transport-blue);
}

.config-entry__list{
	margin:  0 0 24px;
}

.config-entry__route {
	border-bottom:  3px solid #bbb;
	margin-bottom:  24px;
	padding-bottom:  24px;
}
.config-entry__route:last-child {
	margin-bottom:  0;
	border-bottom:  none;
	padding-bottom:  0;
}
.config-entry__header {
	margin-bottom:  16px;
	display:  flex;
	justify-content: space-between;
}
.config-entry__name {
	font-size:  1.25rem;
	margin: 0;
	flex-grow:  0;
	flex-shrink:  0;
	color: var(--transport-blue);
}

.route-carousel__route-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.route-details {
	margin: 24px 0;
}

.route-details__description {
	margin: 0 0 24px;
	background: #EBF0F8;
	padding: 16px;
}
.route-details__description-title {
	line-height: 1.2;
	font-size: 0.875rem;
	margin: 0 0 4px;
}
.route-details__description-text {
	font-size: 1.25rem;
	white-space: pre-wrap;
	margin: 0;
}
.route-details__description-materials {
	margin: 16px 0 0;
	background: #fff;
	padding: 8px;
}
.route-details__description-materials-text {
	font-size: 0.875rem;
	white-space: pre-wrap;
	margin: 0;
}

.route-details__title {
	margin: 0 0 24px;
	line-height: 1.2;
	font-size: 1.375rem;
}

.route-details__map {

}
.route-details__map-embed {
	padding: 16px;
	background: #ECECEC;
}
.route-details__map-link {
	padding: 16px;
	background: #ECECEC;
}

.route-details__map-title {
	margin: 0 0 16px;
	line-height: 1.2;
	font-size: 1.125rem;
}

.route-details__map-url {
	margin: 0;
	word-break: break-all;
	background: #fff;
	font-weight: 700;
	padding: 16px;
	text-align: center;
	line-height: 1.2;
	font-size: 1rem;
}
.route-details__map-url-link {
	color: inherit;
	text-decoration: none;
}
.route-details__map-url-link:hover,
.route-details__map-url-link:active,
.route-details__map-url-link:focus {
	text-decoration: underline;
}

.route-details__map-qr-code {
	background: #fff;
	padding: 16px;
	text-align: center;
	margin-bottom: 24px;
}

.route-details__map-qr-code-img {
	width: 198px;
	height: 198px;
	margin: 0 auto;
	display: block;
}

.map-embed {
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%;
}

.map-embed__iframe {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
	border: none;
}

.score-carousel {
	margin-bottom:  24px;
}

.score-carousel__head-list {
	margin: 24px 0;
	font-size:  0.875rem;
}
.score-carousel__head-list-item {
	margin-bottom: 8px;
}
.score-carousel__head-list-item:last-child {
	margin-bottom: 0;
}
.score-carousel__head-list-label {
	font-weight: 700;
	line-height: 1;
}
.score-carousel__head-list-value {
	margin: 0;
	font-size: 1.125rem;
	line-height: 1.2;
}
.score-carousel__head-list-value--category {
	color:  #0c81bc;
}


.score-carousel__list {
	display:  block;
	list-style:  none;
	margin:  0;
	padding:  0;
}

.score-carousel__category-title {
	font-size:  1.125rem;
	line-height:  1.2;
	margin:  0 0 24px;
}

.score-carousel__category-description {
	white-space: pre-line;
}

.score-guide {
	background:  #EBF0F8;
	border:  1px solid #ececec;
	padding:  8px;
	font-size: 0.75rem;
	margin:  0 0 24px;
}
.score-guide--route-level {
	display: none;
	margin: 0;
	padding: 0;
	background: #fff;
	border-width: 0 0 1px;
}
.score-guide__title {
	font-size:  0.875rem;
	margin: 0 0 16px;
}
.score-guide__list{
	margin: 0;
}
.score-guide__list-item {
	margin:  0 0 8px;
}
.score-guide__list-item:last-child {
	margin-bottom: 0;
}
.score-guide__item-title {
	font-weight:  700;
	margin: 0 0 4px;
	line-height: 1.2;;
}
.score-guide__item-description {
	margin:  0;
}

.score-entry--simple {
	display: flex;
	justify-content: space-between;
}
.score-entry__select-label {
	font-weight: 700;
	line-height: 1.4;
	font-size: 0.875rem;
	flex-grow: 1;
	align-items: center;
	display: flex;
}
.score-entry__select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	outline: none;
	color: #333434;
	font-size: 0.875rem;
	border: 1px solid #BBB;
	padding: 0 38px 0 14px;
    line-height: 1;
    height: 43px;
    background: #fff url(../images/chevron.svg) no-repeat;
    background-position: calc(100% - 14px) 50%;
    background-size: 14px auto;
    cursor: pointer;
    width: 70px;
    margin-left: 16px;
    flex-grow: 0;
    flex-shrink: 0;
}

.score-entry--extended {
	display: none;
	background: #fff;
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1.6;
}
.score-entry__radio-item {
	flex-grow: 1;
    flex-basis: 0;
    display: flex;
    flex-direction: column;
	align-items: center;
	position: relative;
	padding-top: 28px;
	padding-bottom: 16px;
}
.score-entry__radio-item--blank {
	background: #ECECEC;
}
.score-entry__radio-item--less-than-average {
	background: rgba(189,80,111,0.2);
}
.score-entry__radio-item--average {
	background: rgba(90,82,148,0.2);
}
.score-entry__radio-item--good {
	background: rgba(253,193,33,0.2);
}
.score-entry__radio-item--preferred {
	background: rgba(120,190,32,0.2);
}
.score-entry__radio-label {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	cursor: pointer;
	padding-top:8px;
	border-bottom: 3px solid transparent;
}
.score-entry__radio-item--less-than-average .score-entry__radio-label:hover {
	border-bottom-color: #BD506F;
}
.score-entry__radio-item--average .score-entry__radio-label:hover {
	border-bottom-color: #5A5294;
}
.score-entry__radio-item--good .score-entry__radio-label:hover {
	border-bottom-color: #FDC121
}
.score-entry__radio-item--preferred .score-entry__radio-label:hover {
	border-bottom-color: #78BE20;
}

.score-comment {
	font-size: 0.875rem;
	margin-top: 16px;
}
.score-comment__label {
	display: block;
    font-size: inherit;
    font-weight: 700;
    line-height: 1.4;
    font-family: inherit;
    color: inherit;
    margin: 0 0 5px 0;
}
.score-comment__input {
	font-size: inherit;
    color: #333434;
    background-color: #FFF;
    border: 1px solid #BBB;
    padding: 13px 10px 15px;
    outline: none;
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    box-sizing: border-box;
}

.category-progress__bar {
	height: 8px;
	background: #ececec;
}
.category-progress__bar-inner {
	background: #041e42;
	height: 100%;
}
.category-progress__description {
	margin: 0;
	font-size: 0.875rem;
	text-align:right;
}

.category-scores__title {
	font-size:  1rem;
	line-height:  1.2;
	margin:  0 0 16px;
}

.category-scores__route {
	/*background: #ECECEC;
	padding:  16px;*/
	margin:  0 0 16px;
	border-top: 1px solid #ececec;
	padding-top: 16px;
}
.category-scores__route-title {
	font-size:  0.875rem;
	margin:  0 0 16px;
	line-height:  1.2;
}
.category-scores__combined-outer {
	display:  flex;
	justify-content: center;
	margin: 0 0 24px;
}
.category-scores__combined {
	background: #fff;
	font-weight:  700;
	font-size: 0.875rem;
	line-height:  1;
	text-align:  center;
	padding:  8px;
}

.result-routes {
	margin: 0 0 24px;
}

.result-route {
	background: #ECECEC;
	padding:  16px;
	margin:  0 0 16px;
}
.result-route:last-child {
	margin-bottom: 0;
}
.result-route__title {
	font-size:  1.125rem;
	margin:  0 0 8px;
	line-height:  1.2;
}

.result-route__head {
	margin: 0 0 16px;
}

.result-route__head-data {
	margin: 0;
}

.result-route__comment {
	border-top: 1px solid #bbb;
	margin-top: 16px;
	padding-top: 16px;
}

.result-route__head-rating {
	background: #fff;
  line-height: 1;
  font-size: 1rem;
  margin: 0;
  font-weight:  700;
  display:  inline-flex;
}
.result-route__head-rating--preferred {
	background: #78BE20;
  color: #fff;
}
.result-route__head-rating--good {
	background: #FDC121;
}
.result-route__head-rating--average {
	background: #5A5294;
	color:  #fff;
}
.result-route__head-rating--less-than-average {
	background: #BD506F;
	color:  #fff;
}
.result-route__head-rating-text {
	padding: 8px;
}
.result-route__head-rating-top {
	background: #fff;
  text-transform: uppercase;
  line-height: 1;
  padding: 8px;
  font-size: 1rem;
  color: #000;
}

.result-route__description {
	margin: 0;
	font-size:  0.875rem;
	white-space: pre-wrap;
    line-height: 1.6;
}

.result-route__scores {
	margin-top: 16px;
	border-top: 1px solid #bbb;
	padding-top: 16px;
}

.result-route__scores-title {
	margin: 0 0 8px;
    font-size: 1.125rem;
}

.result-route__scores-section:first-child {
	margin-bottom: 8px;
}

.result-route__scores-section-title {
	margin: 0;
	background: #041e42;
	color: #fff;
	padding: 8px;
	font-size: 0.875rem;
	line-height: 1.2;
}

.participants {
	margin: 0 0 24px;
}

.participants__title {
	font-size: 1.25rem;
	line-height: 1.2;
	margin: 0 0 24px;
}

.participants__list {
	list-style: none;
	margin: 0;
	line-height: 1.2;
	padding: 0;
}

.participants__list-item {
	margin: 0 0 16px;
} 

.participants__list-item:last-child {
	margin-bottom: 0;
}

.participants__data-list {
	margin: 0;
}

.participants__data-list-name {
	margin: 0;
	font-weight: 700;
	font-size: 1rem;
}

.participants__data-list-organisation {
	margin: 0;
	font-size: 0.75rem;
}

.scores-table {
	font-size: 0.875rem;
  border-collapse: collapse;
  line-height:  1.2;
  width:  100%;
}
.scores-table__category {
	padding:  8px;
	background: #EBF0F8;
	font-weight:  700;
	border:  1px solid #bbb;
}
.scores-table__value {
	padding:  8px;
	background:  #fff;
	border:  1px solid #bbb;
	text-align:  center;
	width: 50px;
}
.scores-table__value--less-than-average {
	background: #BD506F;
	color:  #fff;
}
.scores-table__value--average {
	background: #5A5294;
	color:  #fff;
}
.scores-table__value--good {
	background: #FDC121;
}
.scores-table__value--preferred {
	background: #78BE20;
	color: #fff;
}
.scores-table__category-score-comment {
	font-weight: normal;
	margin-top: 16px;
	font-style: italic;
	white-space:  pre-wrap;
}

.notice {
	background: #EBF0F8;
    padding: 16px;
	font-size: 0.875rem;
	margin: 0 0 24px;
}
.notice__title {
	font-size: 1rem;
	line-height: 1.2;
	margin: 0 0 8px;
}
.notice__content > * {margin: 0 0 8px;}
.notice__content > *:last-child {
	margin-bottom: 0;
}

/* Mobile only*/
@media not screen and (min-width: 40em) {
	.visuallyhidden--mobile-only {
		border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;
	}
}

/* Larger than mobile */
@media print, screen and (min-width: 40em) {
	.dot-head__logo-container {
		width:  200px;
	}
	.btn-set {
		display: flex;
	}

	.btn-set__item {
		margin: 0 16px 0 0;
	}
	.btn-set__item--desktop-only {
		display: block;
	}
	.btn-set--opposite-ends {
		justify-content: space-between;
	}
	.btn-set--opposite-ends .btn-set__item{
		margin:  0;
	}
	.btn-set--centered{
		justify-content: center;
	}
	.btn-set--centered .btn-set__item{
		margin: 0 10px;
	}
	.btn-set--align-right {
		justify-content: flex-end;
	}
	.btn-set--align-right .btn-set__item{
		margin: 0 0 0 20px;
	}
	.btn-set .btn {
		width:  auto;
	}
	.field-list--desktop-two-col {
		display:  flex;
		flex-wrap:  wrap;
	}
	.field-list--desktop-two-col .field {
		width:  50%;
		flex-grow:  1;
		flex-shrink:  0;
	}
	.field-list--desktop-two-col .field__input {
		max-width:  calc(100% - 16px);
	}
	.details-expander__datalist {
		display: flex;
		flex-wrap:  wrap;
	}
	.details-expander__datalist-item {
		flex-shrink:  0;
		flex-grow: 0;
		padding-right: 16px;
		width: calc(25% - 16px);
	}
	.details-expander__datalist-item--double {
		width: calc(50% - 16px);
	}
	

	.score-carousel__head {
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 8px;
	}

	.score-carousel__head .btn-set {
		flex-grow: 0;
		flex-shrink: 0;
	}

	.score-carousel__head-list {
		margin: 0;
		display: flex;
		flex-grow: 1;
	}

	.score-carousel__head-list-item {
		margin-right: 16px;
		flex-grow: 1;
		flex-basis: 0;
	}
	.score-carousel__head-list-item:last-child {
		margin-right: 0;
	}

	.score-carousel__inner-content {
		/*display: flex;*/
		flex-direction: row-reverse;
		align-items: flex-start;
	}

	.score-carousel__category-description {
		font-size: 0.875rem;
		margin: 16px 0;
		line-height: 1.6;
	}
	.score-guide--category-level {
		display: none;
	}
	.score-guide--route-level {
		display: block;
	}
	.score-guide__list {
		display: flex;
	}
	.score-guide__list-item {
		flex-grow: 0;
		flex-shrink: 0;
		padding: 4px;
		margin: 0;
	}	
	.score-guide__list-item--less-than-average {
		background: #BD506F;
		color:  #fff;
		width: calc(2/10 * 100%);
	}
	.score-guide__list-item--average {
		background: #5A5294;
		color:  #fff;
		width: calc(3/10 * 100%);
	}
	.score-guide__list-item--good {
		background: #FDC121;
		width: calc(3/10 * 100%);
	}
	.score-guide__list-item--preferred {
		background: #78BE20;
		color: #fff;
		width: calc(2/10 * 100%);
	}
	.score-guide__item-title {
		text-align: center;
	}


	/*.score-guide {
		margin-bottom:  0;
		width:  250px;
		margin-left:  24px;
		flex-grow:  0;
		flex-shrink:  0;
	}
	*/
	.score-entry--extended {
		display: flex;
	}
	.score-entry--simple {
		display: none;
	}
	.category-scores {
		flex-grow:  1;
	}
	.category-scores__route-head {
		display:  flex;
		justify-content:  space-between;
		margin:  0 0 24px;
	}
	.category-scores__route-title {
		font-size: 1rem;
		margin-bottom: 8px;
	}
	/*.category-scores__route-title,*/
	.category-scores__combined-outer {
		margin-bottom:  0;
	}
	.category-scores__combined-outer {
		margin-left:  16px;
	}

	.config-entry__list {
		display:  flex;
		flex-wrap: wrap;
		justify-content:  space-between;
		margin-bottom:  0; /* To offset flex item spacing */
	}
	.config-entry__route {
		width: calc(50% - 8px);
		padding-bottom:  0;
		border-bottom:  none;
	}
	.config-entry__route:last-child {
		margin-bottom:  24px;
	}


	.result-route__head {
		display: flex;
		justify-content: space-between;
	}

	.result-route__title {
		margin: 0;
		flex-grow: 1;
	}

	.result-route__head-data {
		flex-grow: 0;
		flex-shrink: 0;
		margin-left: 16px;

	}

	.result-route__scores-sections {
		display: flex;
	}
	.result-route__scores-section {
		flex-grow: 1;
		flex-basis: 0;
		margin-right: 8px
	}
	.result-route__scores-section:first-child {
		margin-bottom: 0;
	}
	.result-route__scores-section:last-child {
		margin-left: 8px;
		margin-right: 0;
	}

	.participants__list {
		display: flex;
		flex-wrap: wrap;
	}

	.participants__list-item {
		width: calc(30% - 16px);
		margin: 0 16px 16px 0;
	}

	.route-details__content {
		display: flex;
		align-items: flex-start;
	}
	.route-details__description {
		flex-grow: 1;
		margin-bottom: 0;
	}
	.route-details__map {
		flex-grow: 0;
		flex-shrink: 0;
		width: calc(50% - 8px);
		min-width: 300px;
		margin-left: 16px;
	}

	
}

/* Larger desktop */
@media print, screen and (min-width: 64em) {
	/*.category-scores__participants {
		display:  flex;
		flex-wrap:  wrap;
	}*/
	.field--score {
		width:  50%;
		flex-grow:  0;
		flex-shrink:  0;
	}
}

@media only print {
	.btn-set{display:none;}
	.details-expander__title{background:none;}
	.content-block a {
		color: inherit;
		text-decoration: inherit;
	}
	.notice {display: none;}
	.result-route {
		break-inside: avoid;
	}
	.participants {
		break-inside: avoid;
	}
	.result-route__comment .field__input--textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		display: block;
		background: none;
		margin: 0;
		padding: 0;
		border: none;
		height: auto;
	}
	.report-title {
		display: block;
	}
	.details-expander__title-text-print {
		display:  block;
	}
	.details-expander__title-text-print + .details-expander__title-text-screen {
		display:  none;
	}
	.content-block--report-disclaimer {
		display:  block;
	}
}