.mosaique-accroche{--moza-vert:#2fa5b1;--moza-teal-deep:#007e80;--moza-ocean:#2f8fa8;--moza-accent-bv:#1f6f78;background:#f8fafb;flex-direction:column;min-height:100vh;display:flex}.mosaique-accroche main{flex-direction:column;flex:1;width:100%;max-width:42rem;margin:0 auto;padding:1.5rem 1rem 2rem;display:flex}.mosaique-question-view{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex}.mosaique-accroche .mosaique-intro{text-align:center;margin-bottom:2rem}.mosaique-accroche .mosaique-intro h1{color:var(--color-text,#1a1a1a);margin-bottom:.75rem;font-size:1.75rem}.mosaique-accroche .mosaique-intro p{color:var(--color-text-muted,#555);margin-bottom:1.5rem}.mosaique-accroche .btn-start{background:var(--color-primary,#2a9d8f);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:background .2s,transform .1s;display:inline-flex}.mosaique-accroche .btn-start:hover{background:var(--color-primary-hover,#238276)}.mosaique-accroche .mosaique-progress{color:var(--color-text-muted,#555);margin-bottom:1rem;font-size:.875rem}.mosaique-accroche .progress-bar{background:var(--color-border,#e0e0e0);border-radius:3px;height:6px;margin-bottom:2rem;overflow:hidden}.mosaique-accroche .progress-bar-fill{background:var(--color-primary,#2a9d8f);border-radius:3px;height:100%;transition:width .3s}.mosaique-accroche .question-block{margin-bottom:2rem}.mosaique-accroche .question-block h2{color:var(--color-text,#1a1a1a);margin-bottom:1.25rem;font-size:1.125rem;font-weight:600;line-height:1.5}.mosaique-accroche .question-options{flex-direction:column;gap:1rem;display:flex}.mosaique-accroche .question-options button{text-align:left;border:2px solid var(--color-border,#ddd);width:100%;color:var(--color-text,#1a1a1a);cursor:pointer;background:#fff;border-radius:10px;padding:1.25rem 1.5rem;font-size:.9375rem;line-height:1.55;transition:border-color .2s,background .2s,box-shadow .2s;display:block}.mosaique-slider-instruction{color:var(--color-text-muted,#555);margin:0 0 1rem;font-size:.9rem;line-height:1.5}.mosaique-slider-stack{flex-direction:column;gap:.75rem;display:flex}.mosaique-slider-labels{flex-direction:row;justify-content:space-between;align-items:stretch;gap:.75rem;display:flex}.mosaique-slider-side{min-width:0;color:var(--color-text,#1a1a1a);border:2px solid #e2e8f0;border-radius:12px;flex:1;padding:.9rem 1rem;font-size:.875rem;line-height:1.5;display:block;box-shadow:0 2px 8px #0f172a0f}.mosaique-slider-side--b{text-align:left;border-color:color-mix(in srgb, var(--moza-teal-deep) 55%, #cbd5e1);background:linear-gradient(155deg, color-mix(in srgb, var(--moza-accent-bv) 16%, #fff) 0%, color-mix(in srgb, var(--moza-teal-deep) 8%, #fff) 100%);box-shadow:0 2px 12px color-mix(in srgb, var(--moza-teal-deep) 18%, transparent), inset 0 1px 0 #ffffffe0}.mosaique-slider-side--a{text-align:right;border-color:color-mix(in srgb, var(--moza-vert) 48%, color-mix(in srgb, var(--moza-ocean) 40%, #cbd5e1));background:linear-gradient(200deg, color-mix(in srgb, var(--moza-ocean) 12%, #fff) 0%, color-mix(in srgb, var(--moza-vert) 10%, #fff) 100%);box-shadow:0 2px 12px color-mix(in srgb, var(--moza-vert) 16%, transparent), inset 0 1px 0 #ffffffe6}.mosaique-slider-control{padding:0 .25rem}.mosaique-slider-input{cursor:pointer;width:100%;height:2rem;accent-color:var(--moza-vert)}.mosaique-accroche .question-nav{margin-top:1.5rem}.mosaique-accroche .question-nav--with-next{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.mosaique-accroche .btn-mosaique-next{color:#fff;background:var(--color-primary,#2a9d8f);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.45rem;padding:.65rem 1.1rem;font-size:.95rem;font-weight:600;transition:filter .2s,transform .15s;display:inline-flex}.mosaique-accroche .btn-mosaique-next:hover{filter:brightness(1.05)}.mosaique-accroche .btn-mosaique-next:focus-visible{outline:none;box-shadow:0 0 0 3px #2a9d8f66}.mosaique-accroche .btn-previous{color:var(--color-text-muted,#555);cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;padding:.6rem 0;font-size:.9rem;font-weight:500;transition:color .2s;display:inline-flex}.mosaique-accroche .btn-previous:hover{color:var(--color-primary,#2a9d8f)}.mosaique-accroche .btn-previous:focus-visible{border-radius:4px;outline:none;box-shadow:0 0 0 2px #2a9d8f59}.mosaique-accroche .question-options button:hover{border-color:var(--color-primary,#2a9d8f);background:var(--color-bg-subtle,#f0f9f8)}.mosaique-accroche .question-options button:focus-visible{outline:none;box-shadow:0 0 0 3px #2a9d8f59}.mosaique-result{margin-top:1rem}.mosaique-result .result-title{text-align:center;color:var(--color-text,#1a1a1a);margin-bottom:1.5rem;font-size:1.25rem;font-weight:700}.mosaique-result-card{border:1px solid var(--color-border,#eee);background:#fff;border-radius:12px;margin-bottom:1.5rem;overflow:hidden;box-shadow:0 4px 20px #00000014}.mosaique-result-card--no-bands>.mosaique-axis-continuums:first-child{border-radius:12px 12px 0 0}.mosaique-result-bands{height:24px;display:flex}.mosaique-result-bands span{flex:1;min-width:0}.mosaique-axis-continuums{border-bottom:1px solid var(--color-border,#eee);background:var(--color-bg-subtle,#fafbfc);padding:1rem 1.25rem 1.25rem}.mosaique-axis-continuums-title{color:var(--color-text,#1a1a1a);margin:0 0 .35rem;font-size:.9375rem;font-weight:600}.mosaique-axis-continuums-intro{color:var(--color-text-muted,#555);max-width:36rem;margin:0 auto 1rem;font-size:.8125rem;line-height:1.55}.mosaique-axis-row{margin-bottom:1rem}.mosaique-axis-row:last-child{margin-bottom:0}.mosaique-axis-row-heading{text-align:center;margin-bottom:.5rem}.mosaique-axis-row-heading--name-only{margin-bottom:.4rem}.mosaique-result-facet-title{text-align:center;color:var(--color-text,#1a1a1a);margin:0 0 .75rem;font-size:1.15rem;font-weight:700;line-height:1.3}.mosaique-axis-continuums .mosaique-result-facet-title{margin-top:.15rem}.mosaique-axis-bar-mid-track{background:var(--color-border,#e8eaed);border-radius:999px;height:10px;position:relative;box-shadow:inset 0 0 0 1px #0f172a0f}.mosaique-axis-bar-mid-fill{position:absolute;top:0;bottom:0}.mosaique-axis-bar-mid-fill--left{border-radius:999px 0 0 999px;min-width:0;transition:width .45s ease-out;right:50%}.mosaique-axis-bar-mid-fill--right{border-radius:0 999px 999px 0;min-width:0;transition:width .45s ease-out;left:50%}.mosaique-axis-name-centered{color:var(--color-text,#1a1a1a);letter-spacing:.02em;margin:0 0 .25rem;font-size:.875rem;font-weight:700;display:block}.mosaique-axis-count{font-variant-numeric:tabular-nums;color:var(--color-text-muted,#777);font-size:.75rem}.mosaique-axis-row-heading .mosaique-axis-count--split{text-align:center;justify-content:center;width:100%;max-width:none}.mosaique-axis-count--split{text-align:right;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:0;max-width:11rem;display:inline-flex}.mosaique-axis-count-part--left{color:var(--mosaique-pole-left,#1f7a4d);font-weight:600}.mosaique-axis-count-part--right{color:var(--mosaique-pole-right,#dc2626);font-weight:600}.mosaique-axis-count-sep{color:var(--color-text-muted,#888);font-weight:400}.mosaique-axis-track{grid-template-columns:minmax(0,1fr) minmax(0,2.5fr) minmax(0,1fr);align-items:center;gap:.35rem .5rem;display:grid}.mosaique-axis-label{color:var(--color-text-muted,#666);min-width:0;font-size:.8125rem;line-height:1.3;display:block}.mosaique-axis-label--pole-left{color:var(--mosaique-pole-left,#1f7a4d);font-weight:600}.mosaique-axis-label--pole-right{color:var(--mosaique-pole-right,#dc2626);font-weight:600}.mosaique-axis-label--left{text-align:left}.mosaique-axis-label--right{text-align:right;justify-self:stretch;width:100%}.mosaique-axis-bar-wrap{order:-1;grid-column:1/-1}@media (max-width:479px){.mosaique-axis-track{grid-template-columns:minmax(0,1fr) minmax(0,2.5fr) minmax(0,1fr)}.mosaique-axis-bar-wrap{order:-1;grid-area:1/1/auto/-1}.mosaique-axis-label--left{grid-area:2/1}.mosaique-axis-label--right{text-align:right;grid-area:2/3}}@media (min-width:480px){.mosaique-axis-track{grid-template-columns:minmax(4.5rem,1fr) minmax(0,3fr) minmax(4.5rem,1fr);gap:0 .65rem}.mosaique-axis-bar-wrap{order:0;grid-area:auto/2}.mosaique-axis-label--left{grid-area:auto/1}.mosaique-axis-label--right{text-align:right;grid-area:auto/3}}.mosaique-axis-bar-bg{background:var(--color-border,#e5e7eb);border-radius:999px;height:8px;overflow:hidden}.mosaique-axis-bar-bg--split{background:0 0;border:1px solid #0000000f;flex-flow:row;align-items:stretch;display:flex}.mosaique-axis-bar-segment{min-width:0;height:100%;transition:width .45s ease-out}.mosaique-axis-bar-segment--left{background:var(--mosaique-pole-left,#1f7a4d);border-radius:999px 0 0 999px}.mosaique-axis-bar-segment--right{background:var(--mosaique-pole-right,#dc2626);border-radius:0 999px 999px 0}.mosaique-axis-bar-segment--full{border-radius:999px}.mosaique-result-body{padding:1.25rem 1.25rem 1rem}.mosaique-result-body .result-surnom{color:var(--color-text,#1a1a1a);margin-bottom:.5rem;font-size:1.375rem;font-weight:700}.mosaique-result-body .result-phrase{color:var(--color-text-muted,#555);margin-bottom:1rem;font-size:.9375rem;line-height:1.5}.mosaique-result-body .result-citation{color:var(--color-text,#333);border-left:3px solid var(--color-primary,#2a9d8f);padding-left:.75rem;font-size:.9375rem;font-style:italic}.mosaique-result-body .result-author{color:var(--color-text-muted,#666);margin-top:.25rem;font-size:.8125rem}.mosaique-share{margin-bottom:1.5rem}.mosaique-share h3{color:var(--color-text,#1a1a1a);margin-bottom:.75rem;font-size:1rem;font-weight:600}.mosaique-share-buttons{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.mosaique-share-buttons a{background:var(--color-bg-subtle,#f0f0f0);width:40px;height:40px;color:var(--color-text,#1a1a1a);border-radius:8px;justify-content:center;align-items:center;transition:background .2s,color .2s;display:inline-flex}.mosaique-share-buttons a:hover{background:var(--color-primary,#2a9d8f);color:#fff}.mosaique-share-buttons a svg{width:20px;height:20px}.mosaique-ctas{flex-direction:column;gap:.75rem;display:flex}.mosaique-ctas .btn-primary{background:var(--color-primary,#2a9d8f);color:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.mosaique-ctas .btn-primary:hover{background:var(--color-primary-hover,#238276)}.mosaique-ctas .btn-secondary{border:2px solid var(--color-primary,#2a9d8f);color:var(--color-primary,#2a9d8f);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.mosaique-ctas .btn-secondary:hover{background:var(--color-primary,#2a9d8f);color:#fff}@media (min-width:640px){.mosaique-accroche .question-options{flex-direction:row;gap:1.25rem}.mosaique-accroche .question-options button{flex:1;padding:1.5rem}}@media (max-width:639px){.mosaique-accroche .question-options button{padding:1.35rem 1.25rem}}@media (max-width:520px){.mosaique-slider-labels{flex-direction:column}.mosaique-slider-side--a{text-align:left}}
