/* Single experience — v0.4.5 */
.experience{background:#f6f8fb}
.experience__hero{padding:clamp(3rem,6vw,5.5rem) 0;background:#0b1624;color:#fff}
.experience__hero-inner{max-width:1000px}
.experience__eyebrow,.experience-trip__eyebrow{margin:0 0:.55rem;color:#1682ff;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.experience__hero h1{max-width:950px;margin:0;font-size:clamp(2.5rem,5.5vw,4.8rem);line-height:1.02}
.experience__meta{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;margin-top:1.25rem;color:#cbd5e1;font-size:.8rem;font-weight:650}
.experience__meta span+span,.experience__meta span+time,.experience__meta time:not(:first-child){position:relative}
.experience__meta span+span::before,.experience__meta span+time::before{position:absolute;left:-.7rem;color:#64748b;content:"•"}
.experience__featured{max-width:1200px;margin-top:clamp(2rem,4vw,3.5rem)}
.experience__featured img{width:100%;max-height:680px;object-fit:cover;border-radius:12px}
.experience__layout{display:grid;grid-template-columns:minmax(0,820px) minmax(240px,300px);justify-content:center;gap:clamp(2.5rem,5vw,5rem);padding-block:clamp(3rem,6vw,5rem)}
.experience__content{min-width:0;color:#344256;font-size:1.05rem;line-height:1.85}
.experience__content>p,.experience__content>ul,.experience__content>ol,.experience__content>h2,.experience__content>h3,.experience__content>blockquote{max-width:760px;margin-inline:auto}
.experience__content h2,.experience__content h3{color:#172033}
.experience__content img{border-radius:8px}
.experience__content .wp-block-jetpack-tiled-gallery,.experience__content .tiled-gallery,.experience__content .wp-block-gallery,.experience__content figure.alignwide,.experience__content .alignwide{width:min(100%,1100px);max-width:1100px;margin-inline:50%;transform:translateX(-50%)}
.experience-trip{align-self:start;position:sticky;top:96px;padding:1.35rem;background:#fff;border:1px solid #dfe6ee;border-radius:10px;box-shadow:0 8px 24px rgb(14 35 58 / 6%)}
.experience-trip h2{margin:0 0 1rem;color:#172033;font-size:1.15rem}
.experience-trip ol{margin:0;padding:0;list-style:none}
.experience-trip li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem;padding:.75rem 0;border-top:1px solid #edf1f5;font-size:.75rem;line-height:1.4}
.experience-trip li:first-child{border-top:0}
.experience-trip a,.experience-trip li>span{color:#40516a;font-weight:700;text-decoration:none}
.experience-trip a:hover{color:#1682ff}
.experience-trip time{color:#8492a6;font-size:.65rem;text-transform:uppercase}
.experience-trip li.is-current{padding-inline:.7rem;border-radius:6px;background:#eef6ff}
.experience-trip li.is-current>span{color:#0878f9}
.experience-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding-bottom:clamp(3rem,6vw,5rem)}
.experience-navigation__item{display:flex;min-height:120px;flex-direction:column;justify-content:center;padding:1.3rem 1.5rem;background:#fff;border:1px solid #dfe6ee;border-radius:10px;box-shadow:0 8px 24px rgb(14 35 58 / 6%);color:#172033;text-decoration:none;transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease}
.experience-navigation__item span{margin-bottom:.45rem;color:#1682ff;font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.experience-navigation__item strong{font-size:1rem;line-height:1.35}
.experience-navigation__item--next{text-align:right}
@media(hover:hover) and (pointer:fine){.experience-navigation__item:hover{transform:translateY(-2px);border-color:#b7d7ff;box-shadow:0 12px 30px rgb(14 35 58 / 10%)}}
@media(max-width:900px){.experience__layout{grid-template-columns:1fr}.experience-trip{position:static;max-width:760px;width:100%;margin-inline:auto}}
@media(max-width:640px){.experience__hero{padding-block:2.5rem}.experience__layout{padding-block:2.5rem}.experience-navigation{grid-template-columns:1fr}.experience-navigation>span:empty{display:none}.experience-navigation__item--next{text-align:left}}


/* Wider single-post reading canvas — v0.4.6 */
.experience__hero-inner{
	max-width:1280px;
}
.experience__featured{
	max-width:1440px;
}
.experience__layout{
	grid-template-columns:minmax(0,1040px) minmax(250px,290px);
	max-width:1440px;
	gap:clamp(3rem,4vw,4.5rem);
}
.experience__content{
	font-size:1.08rem;
	line-height:1.9;
}
.experience__content>p,
.experience__content>ul,
.experience__content>ol,
.experience__content>h2,
.experience__content>h3,
.experience__content>blockquote{
	max-width:880px;
}
.experience__content .wp-block-jetpack-tiled-gallery,
.experience__content .tiled-gallery,
.experience__content .wp-block-gallery,
.experience__content figure.alignwide,
.experience__content .alignwide{
	width:100%;
	max-width:1040px;
	margin-inline:0;
	transform:none;
}
.experience__content figure,
.experience__content .wp-block-image,
.experience__content .wp-block-gallery,
.experience__content .wp-block-jetpack-tiled-gallery,
.experience__content .tiled-gallery{
	margin-top:1.6rem;
	margin-bottom:1.9rem;
}
.experience__content p{
	margin-top:0;
	margin-bottom:1.35rem;
}
@media(max-width:1180px){
	.experience__layout{
		grid-template-columns:minmax(0,1fr) 250px;
		gap:2.5rem;
	}
}
@media(max-width:900px){
	.experience__layout{
		grid-template-columns:1fr;
	}
	.experience__content>p,
	.experience__content>ul,
	.experience__content>ol,
	.experience__content>h2,
	.experience__content>h3,
	.experience__content>blockquote{
		max-width:760px;
	}
}


/* Full-width article flow — v0.4.7 */
.experience__content>p,
.experience__content>ul,
.experience__content>ol,
.experience__content>h2,
.experience__content>h3,
.experience__content>blockquote{
	width:100%;
	max-width:1040px;
	margin-inline:0;
}


/* Refined trip timeline and adjacent navigation — v0.4.8 */
.experience-trip{
	padding:1.25rem 1.1rem 1.35rem 1.25rem;
}
.experience-trip__timeline{
	position:relative;
	margin:0;
	padding:0 0 0 1.55rem;
	list-style:none;
}
.experience-trip__timeline::before{
	position:absolute;
	top:.45rem;
	bottom:.45rem;
	left:.43rem;
	width:2px;
	background:#d5dbe3;
	content:"";
}
.experience-trip__timeline li{
	position:relative;
	display:block;
	padding:.55rem 0 .65rem .2rem;
	border:0;
}
.experience-trip__dot{
	position:absolute;
	z-index:1;
	top:.9rem;
	left:-1.42rem;
	width:10px;
	height:10px;
	background:#fff;
	border:2px solid #c9d0d9;
	border-radius:50%;
}
.experience-trip__item{
	display:flex;
	flex-direction:column;
	gap:.1rem;
}
.experience-trip__item a,
.experience-trip__item strong{
	color:#667085;
	font-size:.73rem;
	font-weight:650;
	line-height:1.28;
	text-decoration:none;
}
.experience-trip__item span{
	color:#909aaa;
	font-size:.64rem;
	line-height:1.3;
}
.experience-trip__timeline li.is-current .experience-trip__dot{
	width:13px;
	height:13px;
	top:.8rem;
	left:-1.52rem;
	background:#1682ff;
	border-color:#1682ff;
	box-shadow:0 0 0 3px #e5f1ff;
}
.experience-trip__timeline li.is-current .experience-trip__item strong,
.experience-trip__timeline li.is-current .experience-trip__item span{
	color:#0878f9;
}
.experience-trip__timeline a:hover{
	color:#0878f9;
}

.experience-navigation{
	display:grid;
	grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);
	align-items:center;
	gap:1rem;
	padding-bottom:clamp(3rem,6vw,5rem);
}
.experience-navigation__side{
	min-width:0;
}
.experience-navigation__side--next{
	text-align:right;
}
.experience-navigation__item{
	display:flex;
	min-height:86px;
	align-items:center;
	gap:.8rem;
	padding:.7rem .85rem;
	background:#fff;
	border:1px solid #e3e8ef;
	border-radius:9px;
	box-shadow:0 6px 18px rgb(14 35 58 / 5%);
	color:#172033;
	text-decoration:none;
}
.experience-navigation__item img{
	width:64px;
	height:64px;
	flex:0 0 64px;
	object-fit:cover;
	border-radius:6px;
}
.experience-navigation__text{
	display:flex;
	min-width:0;
	flex:1;
	flex-direction:column;
	gap:.18rem;
}
.experience-navigation__text small{
	color:#7b8796;
	font-size:.6rem;
	font-weight:800;
	letter-spacing:.04em;
	text-transform:uppercase;
}
.experience-navigation__text strong{
	display:-webkit-box;
	overflow:hidden;
	color:#172033;
	font-size:.86rem;
	line-height:1.3;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.experience-navigation__arrow{
	color:#1682ff;
	font-size:2rem;
	font-weight:300;
	line-height:1;
}
.experience-navigation__index{
	display:grid;
	width:36px;
	height:36px;
	grid-template-columns:repeat(3,4px);
	grid-auto-rows:4px;
	align-content:center;
	justify-content:center;
	gap:3px;
	border-radius:50%;
	color:#1682ff;
	text-decoration:none;
}
.experience-navigation__index span{
	width:4px;
	height:4px;
	background:#1682ff;
	border-radius:1px;
}
.experience-navigation__index:hover{
	background:#eef6ff;
}
@media(max-width:700px){
	.experience-navigation{
		grid-template-columns:1fr;
	}
	.experience-navigation__index{
		display:none;
	}
	.experience-navigation__side--next{
		text-align:left;
	}
	.experience-navigation__side--next .experience-navigation__item{
		flex-direction:row-reverse;
	}
	.experience-navigation__side--next .experience-navigation__text{
		text-align:left;
	}
}


/* Timeline + adjacent navigation correction — v0.4.9 */
.experience-trip{
	padding:1.35rem 1.25rem 1.45rem;
}
.experience-trip__timeline{
	position:relative;
	margin:0;
	padding:0 0 0 1.35rem;
	list-style:none;
}
.experience-trip__timeline::before{
	position:absolute;
	top:.5rem;
	bottom:.5rem;
	left:.34rem;
	width:2px;
	background:#d7dde5;
	content:"";
}
.experience-trip__timeline li{
	position:relative;
	display:block;
	padding:.48rem 0 .52rem .3rem;
	border:0;
	background:transparent;
}
.experience-trip__dot{
	position:absolute;
	z-index:1;
	top:.8rem;
	left:-1.16rem;
	width:9px;
	height:9px;
	background:#fff;
	border:2px solid #cbd2dc;
	border-radius:50%;
}
.experience-trip__item{
	display:block;
}
.experience-trip__item a,
.experience-trip__item strong{
	display:block;
	color:#697586;
	font-size:.72rem;
	font-weight:650;
	line-height:1.35;
	text-decoration:none;
}
.experience-trip__timeline li.is-current{
	background:transparent;
}
.experience-trip__timeline li.is-current .experience-trip__dot{
	top:.74rem;
	left:-1.23rem;
	width:12px;
	height:12px;
	background:#1682ff;
	border-color:#1682ff;
	box-shadow:0 0 0 3px #e8f2ff;
}
.experience-trip__timeline li.is-current .experience-trip__item strong{
	color:#0878f9;
	font-weight:800;
}
.experience-trip__timeline a:hover{
	color:#0878f9;
}

/* Previous / next: compact cards, thumbnail outside the text block. */
.experience-navigation{
	display:grid;
	grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);
	align-items:stretch;
	gap:1rem;
	padding-bottom:clamp(3rem,6vw,5rem);
}
.experience-navigation__side{
	min-width:0;
}
.experience-navigation__item{
	display:grid;
	min-height:92px;
	align-items:center;
	gap:.9rem;
	padding:.8rem 1rem;
	background:#fff;
	border:1px solid #dfe6ee;
	border-radius:9px;
	box-shadow:0 6px 18px rgb(14 35 58 / 5%);
	color:#172033;
	text-decoration:none;
}
.experience-navigation__side--previous .experience-navigation__item{
	grid-template-columns:auto 64px minmax(0,1fr);
}
.experience-navigation__side--next .experience-navigation__item{
	grid-template-columns:minmax(0,1fr) 64px auto;
}
.experience-navigation__item img{
	width:64px;
	height:64px;
	object-fit:cover;
	border-radius:6px;
}
.experience-navigation__text{
	display:flex;
	min-width:0;
	flex-direction:column;
	gap:.2rem;
}
.experience-navigation__side--previous .experience-navigation__text{
	text-align:left;
}
.experience-navigation__side--next .experience-navigation__text{
	text-align:right;
}
.experience-navigation__text small{
	color:#7d8794;
	font-size:.58rem;
	font-weight:800;
	letter-spacing:.05em;
	text-transform:uppercase;
}
.experience-navigation__text strong{
	display:-webkit-box;
	overflow:hidden;
	color:#172033;
	font-size:.86rem;
	line-height:1.3;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.experience-navigation__arrow{
	color:#1682ff;
	font-size:1.9rem;
	font-weight:300;
	line-height:1;
}
.experience-navigation__index{
	align-self:center;
}
@media(max-width:700px){
	.experience-navigation{
		grid-template-columns:1fr;
	}
	.experience-navigation__index{
		display:none;
	}
	.experience-navigation__side--previous .experience-navigation__item,
	.experience-navigation__side--next .experience-navigation__item{
		grid-template-columns:56px minmax(0,1fr) auto;
	}
	.experience-navigation__side--next .experience-navigation__item{
		grid-template-columns:minmax(0,1fr) 56px auto;
	}
	.experience-navigation__item img{
		width:56px;
		height:56px;
	}
}


/* Centered "Nesta viagem" timeline — v0.5.0 */
.experience-trip{
	padding:1.45rem 1.35rem 1.55rem;
}
.experience-trip h2{
	margin-bottom:1.25rem;
}
.experience-trip__timeline{
	width:calc(100% - 1.2rem);
	margin:0 auto;
	padding-left:1.75rem;
}
.experience-trip__timeline::before{
	left:.45rem;
}
.experience-trip__timeline li{
	padding:.58rem 0 .62rem .45rem;
}
.experience-trip__dot{
	top:.86rem;
	left:-1.39rem;
}
.experience-trip__timeline li.is-current .experience-trip__dot{
	top:.8rem;
	left:-1.47rem;
}
.experience-trip__item a,
.experience-trip__item strong{
	font-size:.74rem;
	line-height:1.35;
}


/* Timeline rebuilt to match the approved vertical reference — v0.5.1 */
.experience-trip{
	padding:1.55rem 1.25rem 1.65rem;
}
.experience-trip__eyebrow{
	margin:0 0 1.15rem;
	padding-left:.15rem;
}
.experience-trip__timeline{
	position:relative;
	width:100%;
	max-width:220px;
	margin:0 auto;
	padding:0 0 0 2.25rem;
	list-style:none;
}
.experience-trip__timeline::before{
	position:absolute;
	top:.55rem;
	bottom:.55rem;
	left:.62rem;
	width:2px;
	background:#d8dee6;
	content:"";
}
.experience-trip__timeline li{
	position:relative;
	display:block;
	min-height:42px;
	padding:.4rem 0 .55rem 0;
	border:0;
	background:transparent;
}
.experience-trip__dot{
	position:absolute;
	z-index:1;
	top:.72rem;
	left:-1.94rem;
	width:10px;
	height:10px;
	background:#fff;
	border:2px solid #cbd2da;
	border-radius:50%;
}
.experience-trip__item{
	display:flex;
	flex-direction:column;
	gap:.12rem;
}
.experience-trip__item a,
.experience-trip__item strong{
	display:block;
	color:#737d89;
	font-size:.72rem;
	font-weight:600;
	line-height:1.3;
	text-decoration:none;
}
.experience-trip__timeline li.is-current .experience-trip__dot{
	top:.62rem;
	left:-2.02rem;
	width:14px;
	height:14px;
	background:#1682ff;
	border-color:#1682ff;
	box-shadow:none;
}
.experience-trip__timeline li.is-current .experience-trip__item strong{
	color:#0878f9;
	font-weight:800;
}
.experience-trip__timeline li.is-current .experience-trip__item{
	color:#0878f9;
}
.experience-trip__timeline a:hover{
	color:#0878f9;
}


/* "Nesta viagem" — marker-only timeline, v0.5.2 */
.experience-trip__timeline::before{
	display:none;
	content:none;
}

.experience-trip__timeline{
	max-width:220px;
	margin-inline:auto;
	padding-left:2rem;
}

.experience-trip__timeline li{
	min-height:40px;
	padding:.42rem 0 .52rem;
}

.experience-trip__dot{
	top:.72rem;
	left:-1.7rem;
	width:10px;
	height:10px;
	background:#fff;
	border:2px solid #cbd2da;
	border-radius:50%;
}

.experience-trip__timeline li.is-current .experience-trip__dot{
	top:.61rem;
	left:-1.78rem;
	width:14px;
	height:14px;
	background:#1682ff;
	border-color:#1682ff;
}

.experience-trip__timeline li.is-current .experience-trip__item strong{
	color:#0878f9;
	font-weight:800;
}


/* Centre the complete "Nesta viagem" content group — v0.5.3 */
.experience-trip__eyebrow{
	width:220px;
	max-width:100%;
	margin:0 auto 1.15rem;
	padding-left:0;
}

.experience-trip__timeline{
	width:220px;
	max-width:100%;
	margin-inline:auto;
	padding-left:2rem;
}


/* Marker-only trip list rebuilt with a true two-column layout — v0.5.4 */
.experience-trip__timeline{
	width:220px;
	max-width:100%;
	margin-inline:auto;
	padding:0;
}

.experience-trip__timeline li{
	display:grid;
	grid-template-columns:18px minmax(0,1fr);
	align-items:start;
	gap:.6rem;
	min-height:40px;
	padding:.42rem 0 .52rem;
}

.experience-trip__dot{
	position:static;
	width:10px;
	height:10px;
	margin-top:.28rem;
	justify-self:center;
	background:#fff;
	border:2px solid #cbd2da;
	border-radius:50%;
}

.experience-trip__timeline li.is-current .experience-trip__dot{
	position:static;
	width:14px;
	height:14px;
	margin-top:.18rem;
	background:#1682ff;
	border-color:#1682ff;
}

.experience-trip__item{
	min-width:0;
}

.experience-trip__item a,
.experience-trip__item strong{
	display:block;
}


/* Larger landscape thumbnails for previous / next navigation — v0.6.3 */
.experience-navigation__side--previous .experience-navigation__item{
	grid-template-columns:auto 96px minmax(0,1fr);
}

.experience-navigation__side--next .experience-navigation__item{
	grid-template-columns:minmax(0,1fr) 96px auto;
}

.experience-navigation__item img{
	width:96px;
	height:68px;
	aspect-ratio:24 / 17;
	object-fit:cover;
	object-position:center;
	border-radius:7px;
}

@media(max-width:700px){
	.experience-navigation__side--previous .experience-navigation__item{
		grid-template-columns:auto 82px minmax(0,1fr);
	}

	.experience-navigation__side--next .experience-navigation__item{
		grid-template-columns:minmax(0,1fr) 82px auto;
	}

	.experience-navigation__item img{
		width:82px;
		height:58px;
	}
}


/* Mobile single-post typography and spacing — v0.7.2 */
@media (max-width: 640px){
	.experience{
		overflow-x:clip;
	}

	.experience__hero{
		padding-block:1.8rem 2rem;
	}

	.experience__hero .container,
	.experience__layout,
	.experience-navigation{
		padding-left:1rem;
		padding-right:1rem;
	}

	.experience__hero h1{
		font-size:clamp(1.8rem,8vw,2.35rem);
		line-height:1.08;
	}

	.experience__eyebrow{
		font-size:.66rem;
	}

	.experience__meta{
		margin-top:.85rem;
		gap:.35rem .9rem;
		font-size:.7rem;
	}

	.experience__featured{
		margin-top:0;
		padding-left:1rem;
		padding-right:1rem;
	}

	.experience__featured img{
		border-radius:8px;
	}

	.experience__layout{
		gap:2rem;
		padding-top:1.7rem;
		padding-bottom:2.5rem;
	}

	.experience__content{
		font-size:.93rem;
		line-height:1.72;
	}

	.experience__content p{
		margin-bottom:1rem;
	}

	.experience__content h2{
		font-size:1.35rem;
		line-height:1.25;
	}

	.experience__content h3{
		font-size:1.12rem;
		line-height:1.3;
	}

	.experience__content figure,
	.experience__content .wp-block-image,
	.experience__content .wp-block-gallery,
	.experience__content .wp-block-jetpack-tiled-gallery,
	.experience__content .tiled-gallery{
		margin-top:1.1rem;
		margin-bottom:1.25rem;
	}

	.experience-trip{
		width:100%;
	}

	.experience-navigation{
		padding-bottom:2.5rem;
	}
}


/* Prevent collision with WordPress core body class `single-post` — v0.7.3 */
body.single-post{
	padding-block:0;
}


/* Native comments — v0.7.15 */
.experience-comments{
	border-top:1px solid #e1e7ee;
	background:#fff;
}
.experience-comments__inner{
	max-width:1040px;
	padding-block:clamp(2.75rem,5vw,4.5rem);
}
.experience-comments__header{
	margin-bottom:1.8rem;
}
.experience-comments__eyebrow{
	margin:0 0:.35rem;
	color:#1682ff;
	font-size:.72rem;
	font-weight:800;
	letter-spacing:.08em;
	text-transform:uppercase;
}
.experience-comments__header h2,
.comment-reply-title{
	margin:0;
	color:#172033;
	font-size:clamp(1.45rem,2.5vw,2rem);
}
.comment-list,
.comment-list .children{
	margin:0;
	padding:0;
	list-style:none;
}
.comment-list .children{
	margin:1rem 0 0 2.5rem;
}
.comment-body{
	margin-bottom:1rem;
	padding:1.25rem;
	border:1px solid #e1e7ee;
	border-radius:10px;
	background:#f8fafc;
}
.comment-meta{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:.4rem .8rem;
	margin-bottom:.7rem;
}
.comment-author{
	display:flex;
	align-items:center;
	gap:.65rem;
	color:#172033;
	font-size:.86rem;
}
.comment-author .avatar{
	width:40px;
	height:40px;
	border-radius:50%;
}
.comment-metadata{
	font-size:.68rem;
}
.comment-metadata a,
.comment-reply-link{
	color:#738095;
	text-decoration:none;
}
.comment-metadata a:hover,
.comment-reply-link:hover{
	color:#1682ff;
}
.comment-content{
	color:#40516a;
	font-size:.92rem;
	line-height:1.7;
}
.comment-content p:last-child{
	margin-bottom:0;
}
.reply{
	margin-top:.7rem;
}
.comment-reply-link{
	font-size:.72rem;
	font-weight:750;
}
.experience-comments__form{
	margin-top:2.25rem;
	padding-top:2rem;
	border-top:1px solid #e1e7ee;
}
.comment-form{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:1rem 1.25rem;
	margin-top:1.2rem;
}
.comment-form>p{
	margin:0;
}
.comment-form-comment,
.comment-notes,
.comment-form-cookies-consent,
.form-submit,
.logged-in-as{
	grid-column:1 / -1;
}
.comment-form label{
	display:block;
	margin-bottom:.4rem;
	color:#344256;
	font-size:.75rem;
	font-weight:750;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea{
	width:100%;
	padding:.8rem .9rem;
	border:1px solid #ccd5df;
	border-radius:8px;
	background:#fff;
	color:#172033;
	font:inherit;
}
.comment-form textarea{
	min-height:150px;
	resize:vertical;
}
.comment-form input:focus,
.comment-form textarea:focus{
	border-color:#1682ff;
	outline:3px solid rgb(22 130 255 / 12%);
}
.comment-notes,
.logged-in-as,
.comment-form-cookies-consent{
	color:#6f7d8f;
	font-size:.75rem;
	line-height:1.55;
}
.comment-form-cookies-consent{
	display:flex;
	align-items:flex-start;
	gap:.55rem;
}
.comment-form-cookies-consent label{
	margin:0;
	font-weight:500;
}
.form-submit .submit{
	padding:.78rem 1.25rem;
	border:0;
	border-radius:8px;
	background:#1682ff;
	color:#fff;
	font-weight:800;
	cursor:pointer;
}
.form-submit .submit:hover{
	background:#0878f9;
}
.experience-comments .navigation{
	margin:1.5rem 0;
}
.experience-comments__closed{
	margin:0;
	color:#6f7d8f;
}
@media(max-width:640px){
	.comment-list .children{
		margin-left:1rem;
	}
	.comment-form{
		grid-template-columns:1fr;
	}
	.comment-form>p{
		grid-column:1;
	}
}


/* Comments refinement — v0.7.16 */
.experience-comments{
	background:#f8fafc;
}
.experience-comments__inner{
	max-width:900px;
}
.experience-comments__header{
	margin-bottom:1.5rem;
}
.experience-comments__header h2{
	font-size:clamp(1.55rem,2.6vw,2rem);
}
.experience-comments__header>p{
	max-width:650px;
	margin:.45rem 0 0;
	color:#6f7d8f;
	font-size:.82rem;
	line-height:1.6;
}
.comment-body{
	padding:1rem 0 1.1rem;
	border:0;
	border-bottom:1px solid #e1e7ee;
	border-radius:0;
	background:transparent;
}
.comment-list>li:last-child>.comment-body{
	border-bottom:0;
}
.experience-comments__form{
	margin-top:1.75rem;
	padding-top:1.75rem;
}
.comment-form{
	gap:.9rem 1rem;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form textarea{
	border-color:#d6dee7;
	background:#fff;
}