:root { --overlay-max: 560px; }
html { scroll-behavior: smooth; }
html, body { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
img, svg, canvas { -webkit-touch-callout: none; }

.allow-select, .allow-select * { -webkit-user-select: text; -moz-user-select: text; user-select: text; }
.maintit	{font-family:Muli; font-size:32px; margin:0 0 10px 0; color:white; text-align:center}
h5 {padding-top:30px}
.usercode	{position:absolute; left:-1500px}
.vignet	{width:60px; height:60px}
.separation {margin:60px 0 70px 0; text-align:center; margin-left:auto; margin-right:auto;}

.bg-phil, .bg-lucy, .bg-louna {text-align:left; padding:12px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
.bg-phil {background:#fce5cd;}
.bg-lucy {background:#fde6e6;}
.bg-louna{background:#D5EBFF;}
.avis {display: flex;margin:20px 0 35px 120px; align-items: flex-start; }
.avis .media {margin-right: 15px; position: relative; }
.avis-content {color:#666666; font-style:italic ; font-size:16px}

.ch1-wrapper{max-width:920px;margin:0 auto;padding:16px}
fieldset{margin:18px 0;padding:16px 16px 8px;border:1px solid #ddd;border-radius:12px}
legend{padding:0 8px;font-weight:700}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.grid3{display:grid;grid-template-columns:1fr 140px 160px;gap:12px}
label{display:block;font-weight:600;margin:8px 0 6px; font-size:16px}
input[type=text],input[type=number],input[type=time],input[type=datetime-local],textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:10px;}
.hint{margin:0 0 8px;color:#666}
#fearRows .row{display:grid;grid-template-columns:1fr 1fr 34px;gap:8px;margin-bottom:8px}
#addFearRow{margin:6px 0}
.actions{display:flex;justify-content:flex-end;margin-top:14px}
button{cursor:pointer;padding:10px 14px;border-radius:10px;border:1px solid #bbb;background:#f6f6f6}
button:hover{background:#eee}
fieldset legend { font-size:18px; letter-spacing: .02em; }
.fear-row .form-group { margin-bottom: .5rem; }
.my-list {list-style-type: disc;  margin-left: 20px;  padding-left: 20px; line-height:30px; font-size:16px}
ol li {line-height:30px; font-size:16px}

.section-anchor { scroll-margin-top: 40px; display:block; }
.nav-link {cursor:pointer}
.tab-pane {padding:15px; border:1px #DFDFDF solid;background-color:#F4F4F4; -webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; border-bottom-left-radius:5px;}
.nav-tabs { border-bottom: none;}
.nav-tabs .nav-link {border: 1px solid #DFDFDF;border-bottom: none; border-radius: 4px 4px 0 0;margin-right: 4px;color: #444;background-color: #F4F4F4;font-weight: 500;transition: all 0.3s ease;}
.nav-tabs .nav-link:hover {background-color: #d6d8db;color: #000;}
.nav-tabs .nav-link.active {background-color: #ff1f59;color: #fff;font-weight: bold;border-color: #DFDFDF;border-bottom: none;}

.dl-inline{display: grid;grid-template-columns: 60px 1fr;column-gap: .5rem;row-gap: .25rem;}
.dl-inline2{display: grid;grid-template-columns: 80px 1fr;column-gap: .5rem;row-gap: .25rem;}
.dl-inline dt, .dl-inline2 dt{margin: 0;text-align: left;}
.dl-inline dt::after{content: " :";}
.dl-inline dd, .dl-inline2 dd{margin: 0;}
.text-muted {border-left: 5px #CBCBCB solid; padding-left:15px}

.btn-loadable {
  position: relative;
}
.btn-loadable.is-loading {
  pointer-events: none;
  opacity: .9;
}
.btn-loadable .spinner {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: .5em;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: btnspin .8s linear infinite;
  vertical-align: -0.125em;
}
@keyframes btnspin { to { transform: rotate(360deg); } }


.h2form, .h4form {font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 28px; font-weight: 600; color: #333; margin-bottom:40px; text-transform: uppercase;}
.h4form {font-family: Georgia, "Times New Roman", serif; font-size:24px; margin:10px 0 20px 0; text-transform:none}
.h2form.space {margin-top:30px}
hr.styled {margin-top:100px; border: 0;height:2px; border-radius: 3px;background: linear-gradient(90deg, #ff1f59 0%, #704FFE 100%); box-shadow: 0 0 8px rgba(254,144,99,0.6);}




@media (max-width: 768px){ 
	body { padding-bottom: 240px; } 
}

@media (max-width: 767px) {
	.avis {margin-left:0; }
	.vignet	{width:40px; height:40px}
	.h2form {font-size:24px;}
	.h4form {font-size:20px; margin-top:0}
	.avis {margin:40px 0 25px 0;}
	.paywall-overlay{ max-width: calc(100vw - 24px); top: 350px; }
}

@media (max-width: 576px){
	.lesson-section{ content-visibility:auto; contain-intrinsic-size: 1000px; }
	.paywall-overlay{ max-width: calc(100vw - 24px); top: 350px; }
}