.matatabi-test{--test-blue:#2a8bbd;--test-ink:#263d50;--test-sun:#f3ad48;width:min(100%,720px);margin:2rem auto;padding:clamp(1rem,3vw,1.75rem);overflow:hidden;scroll-margin-top:110px;border:1px solid rgba(42,139,189,.14);border-radius:24px;background:radial-gradient(circle at 92% 8%,rgba(243,173,72,.18),transparent 25%),linear-gradient(145deg,#f4fbff,#fffaf2);box-shadow:0 14px 34px rgba(33,76,112,.1)}
.matatabi-test__header{display:flex;align-items:flex-end;justify-content:space-between;gap:1.25rem;margin-bottom:clamp(1.4rem,4vw,2.4rem)}
.matatabi-test__eyebrow{margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:800;color:var(--test-blue)}
.matatabi-test__title{margin:.15rem 0 .3rem!important;padding:0!important;border:0!important;color:var(--test-ink)!important;font-size:clamp(1.15rem,2.7vw,1.55rem)!important;line-height:1.25!important}
.matatabi-test__step{margin:0;color:var(--test-ink);font-size:.9rem;font-weight:700}
.matatabi-test__progress{width:min(42%,220px);height:7px;overflow:hidden;border-radius:999px;background:rgba(42,139,189,.13)}
.matatabi-test__progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--test-blue),var(--test-sun));transition:width .3s ease}
.matatabi-test__question{margin:0;padding:0;border:0;animation:test-arrive .28s ease both}
.matatabi-test__question legend{max-width:660px;margin-bottom:1rem;color:var(--test-ink);font-size:clamp(1.15rem,2.6vw,1.5rem);font-weight:800;line-height:1.25}
.matatabi-test__answer{position:relative;display:flex;align-items:center;gap:.8rem;margin:.5rem 0;padding:.78rem .95rem;border:1px solid rgba(42,111,151,.18);border-radius:14px;background:rgba(255,255,255,.88);box-shadow:0 5px 14px rgba(38,61,80,.04);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
.matatabi-test__answer:hover{transform:translateY(-2px);border-color:rgba(42,139,189,.55);box-shadow:0 9px 20px rgba(38,61,80,.08)}
.matatabi-test__answer:has(input:checked){border-color:var(--test-blue);background:#eaf7fd;box-shadow:0 0 0 3px rgba(42,139,189,.1)}
.matatabi-test__answer input{width:1.1rem;height:1.1rem;margin:0;flex:0 0 auto;accent-color:var(--test-blue)}
.matatabi-test__actions{display:flex;align-items:center;justify-content:space-between;margin-top:1.2rem}
.matatabi-test__back,.matatabi-test__submit{border:0;border-radius:999px;padding:.72rem 1rem;background:transparent;color:var(--test-blue);font:inherit;font-weight:800;cursor:pointer}
.matatabi-test__submit{margin-left:auto;background:var(--test-blue);color:#fff}
.matatabi-test.is-enhanced .matatabi-test__submit{display:none}
.matatabi-test__back:hover{background:rgba(42,139,189,.09)}
.matatabi-test__submit:focus-visible,.matatabi-test__back:focus-visible,.matatabi-test__answer:focus-within{outline:3px solid var(--test-sun);outline-offset:3px}
.matatabi-test__error{color:#9d3b32;font-weight:700}
.matatabi-test__result{padding:clamp(1rem,3vw,1.7rem);border-left:6px solid var(--test-sun);border-radius:18px;background:#fff;animation:test-arrive .32s ease both}
.matatabi-test__result:focus{outline:none}.matatabi-test__result h2{color:var(--test-ink)}
.matatabi-test__result [data-test-result-content]>h2+p{font-size:1.08rem;line-height:1.7;color:var(--test-ink)}
.matatabi-test__recommendation{position:relative;margin:1.25rem 0;padding:1rem 1.1rem 1rem 1.25rem;border:1px solid rgba(42,139,189,.2);border-radius:16px;background:linear-gradient(135deg,#edf8fd,#fff)}
.matatabi-test__recommendation::before{content:'\f1b0';position:absolute;right:1rem;top:.8rem;color:rgba(42,139,189,.16);font-family:'Font Awesome 6 Free';font-size:2rem;font-weight:900}
.matatabi-test__recommendation-label{margin:0 0 .2rem!important;color:var(--test-blue)!important;font-size:.72rem!important;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.matatabi-test__recommendation h3{margin:.2rem 2.3rem .35rem 0!important;color:var(--test-ink)!important;font-size:1.08rem!important}.matatabi-test__recommendation p:last-child{margin:0!important;font-size:.94rem!important;line-height:1.55!important}
.matatabi-test__advice{margin-top:1rem;padding:1rem;border-radius:14px;background:#f3f8fb}
.matatabi-test__products{margin-top:1.4rem}.matatabi-test__products>h3{margin:0 0 .7rem!important;color:var(--test-ink)!important;font-size:1.08rem!important}.matatabi-test__products>div{display:grid;gap:.9rem;grid-template-columns:minmax(0,1fr)}
.matatabi-test__product{display:grid;grid-template-columns:140px minmax(0,1fr);width:100%;min-width:0;overflow:hidden;border:1px solid rgba(42,139,189,.16);border-radius:15px;background:#fff;box-shadow:0 7px 18px rgba(38,61,80,.07)}.matatabi-test__product img{width:140px;height:100%;min-height:158px;object-fit:contain;padding:.75rem;background:#f7fafb}.matatabi-test__product-copy{display:flex;min-width:0;flex-direction:column;padding:1rem}.matatabi-test__product h3{margin:0 0 .4rem!important;color:var(--test-ink)!important;font-size:1rem!important;line-height:1.25!important}.matatabi-test__product p{margin:0!important;color:#5b6873!important;font-size:.88rem!important;line-height:1.45!important}.matatabi-test__product-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:auto;padding-top:.8rem}.matatabi-test__product-price{color:var(--primary-color);white-space:nowrap}.matatabi-test__product a{max-width:100%;padding:.5rem .75rem;border-radius:7px;background:var(--primary-color);color:#fff;font-size:.78rem;font-weight:800;text-align:center;text-decoration:none;white-space:normal}
.matatabi-test__result-back{margin-top:1rem}
.matatabi-test__question.is-answered{opacity:.35;transform:translateX(-12px);transition:opacity .17s ease,transform .17s ease}
@keyframes test-arrive{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
@media(max-width:600px){.matatabi-test{border-radius:20px}.matatabi-test__header{display:block}.matatabi-test__progress{width:100%;margin-top:.8rem}.matatabi-test__answer{min-height:50px;padding:.85rem}.matatabi-test__question legend{font-size:1.25rem}.matatabi-test__product{grid-template-columns:96px minmax(0,1fr)}.matatabi-test__product img{width:96px;min-height:140px;padding:.5rem}.matatabi-test__product-copy{padding:.75rem}.matatabi-test__product-footer{align-items:flex-start;flex-direction:column}.matatabi-test__product a{width:100%}}
@media(prefers-reduced-motion:reduce){.matatabi-test *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}