/* MIELA PIC-RAT sample v2 */
.miela-trial-page{padding-top:1.25rem;padding-bottom:5rem}.miela-trial-back{display:inline-flex;margin-bottom:1.5rem;font-weight:700;text-decoration:none}.miela-trial-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,240px);gap:2rem;align-items:end;padding-bottom:2rem;border-bottom:1px solid var(--line,#d8d3ca)}.miela-trial-header h1{max-width:760px;margin:.35rem 0 .6rem}.miela-trial-header p{max-width:720px;margin:0}.miela-trial-progress{display:grid;gap:.6rem;align-self:center}.miela-trial-progress>span{text-align:right;font-weight:800}.miela-trial-progress i{display:block;height:8px;border-radius:999px;background:#ddd9d2;overflow:hidden}.miela-trial-progress b{display:block;height:100%;background:currentColor;border-radius:999px}.miela-trial-learning-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:3.25rem;align-items:start;padding-top:3rem}.miela-trial-step{min-width:0}.miela-trial-step>span,.miela-trial-reference-head>span{display:block;margin-bottom:.8rem;font-size:.78rem;letter-spacing:.11em;text-transform:uppercase;font-weight:800;color:#9a3d3a}.miela-trial-step h2{margin:.1rem 0 1.6rem}.miela-trial-step p,.miela-trial-step li{font-size:1.08rem;line-height:1.65}.miela-trial-step ul{padding-left:1.2rem;margin:1.3rem 0 1.4rem}.miela-trial-step li+li{margin-top:.65rem}.miela-trial-reference{position:sticky;top:1.5rem;border:1px solid var(--line,#d8d3ca);border-radius:24px;background:#fff;padding:1.1rem;box-shadow:0 12px 34px rgba(20,20,20,.06)}.miela-trial-reference-head{padding:.25rem .2rem .9rem}.miela-trial-reference-head strong{display:block;font-size:1.05rem}.miela-trial-reference figure,.miela-trial-inline-visual{margin:0}.miela-trial-reference img,.miela-trial-inline-visual img{display:block;width:100%;height:auto;border-radius:16px;background:#111}.miela-trial-reference figcaption,.miela-trial-inline-visual figcaption{margin-top:.75rem;font-size:.86rem;line-height:1.45;color:#67635e}.miela-trial-inline-visual{margin:1.75rem 0 0}.miela-trial-learn-action{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--line,#d8d3ca)}.miela-trial-learn-action small{color:#6b6862}.miela-trial-check{margin-top:2.25rem;padding:1.65rem;border:1px solid var(--line,#d8d3ca);border-radius:22px;background:#fff}.miela-trial-check>span{display:block;margin-bottom:.65rem;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.miela-trial-check h3{margin:.25rem 0 1.15rem;font-size:1.35rem;line-height:1.25}.miela-trial-check>div{display:grid;gap:.7rem}.miela-trial-option{width:100%;padding:1rem 1.05rem;text-align:left;border:1px solid #d8d3ca;border-radius:16px;background:#faf8f4;font:inherit;cursor:pointer}.miela-trial-option:hover,.miela-trial-option:focus-visible{border-color:#1f2430;outline:none}.miela-trial-option.correct{border-color:#377a55;background:#eef7f1}.miela-trial-option.incorrect{border-color:#a44945;background:#fbefee}.miela-trial-feedback{min-height:1.5em;margin:1rem 0 0;font-size:.95rem}.miela-trial-complete{max-width:900px;margin:2.5rem auto 0;text-align:center}.miela-trial-complete h1{margin:.5rem auto 1rem}.miela-trial-score{display:grid;place-items:center;margin:2rem auto;padding:1.4rem;border:1px solid var(--line,#d8d3ca);border-radius:20px;background:#fff;max-width:280px}.miela-trial-score strong{font-size:2rem}.miela-trial-complete-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.miela-trial-complete-grid>div{padding:1.2rem;border:1px solid var(--line,#d8d3ca);border-radius:18px;background:#fff}.miela-trial-complete-grid b,.miela-trial-complete-grid span{display:block}.miela-trial-complete-grid span{margin-top:.35rem;color:#67635e}.miela-trial-complete .btn{margin:.35rem}.miela-trial-reference img[src*="picrat-matrix"]{background:#fff}
@media(max-width:900px){.miela-trial-header{grid-template-columns:1fr}.miela-trial-progress{max-width:260px}.miela-trial-progress>span{text-align:left}.miela-trial-learning-layout{grid-template-columns:1fr;gap:2rem}.miela-trial-reference{position:static;order:-1}.miela-trial-reference figure{max-width:680px}.miela-trial-complete-grid{grid-template-columns:1fr}}
@media(max-width:560px){.miela-trial-page{padding-top:.75rem}.miela-trial-header{padding-bottom:1.35rem}.miela-trial-learning-layout{padding-top:1.75rem}.miela-trial-step p,.miela-trial-step li{font-size:1rem}.miela-trial-reference,.miela-trial-check{border-radius:18px;padding:1rem}.miela-trial-option{padding:.9rem}.miela-trial-learn-action .btn{width:100%;justify-content:center}}