.pelaamisen-itsearviointitesti{--blue:#145494;--blue-dark:#07477f;--blue-deep:#063866;--blue-soft:#eaf2fa;--yellow:#ffca05;--ink:#0c365f;--muted:#5e7690;--line:#c8d8e8;--paper:#f5f8fb;--white:#fff;margin:0 0 20px;font-family:InterVariable,arial,verdana,sans-serif;button:focus-visible,a:focus-visible{outline:4px solid var(--yellow);outline-offset:4px}.stage{width:min(calc(100% - 32px), 1280px);padding:24px 0;margin:auto}.card{position:relative;min-height:580px;overflow:hidden;background:var(--white);border:1px solid var(--line);border-radius:6px;box-shadow:0 22px 60px rgb(6 56 102 / .11)}.card::before{position:absolute;top:0;right:0;left:0;z-index:10;height:7px;content:"";background:var(--yellow)}h1,h2{margin:0;font-style:italic;font-weight:900;color:var(--ink);letter-spacing:-.035em}.eyebrow,.kicker{font-size:14px;font-style:italic;font-weight:900;color:var(--blue);letter-spacing:.075em}.eyebrow{display:flex;gap:10px;align-items:center;margin-bottom:24px}.eyebrow-mark{width:28px;height:28px;background:var(--yellow);clip-path:polygon(100% 39.57%,62.44% 44.29%,62.44% 0,0 60.39%,37.55% 55.68%,37.55% 100%)}.lead{max-width:700px;font-size:17px;line-height:1.65;color:var(--muted)}.primary{display:inline-flex;gap:24px;align-items:center;justify-content:space-between;min-width:240px;padding:17px 19px;margin-top:32px;font-weight:900;color:#fff;cursor:pointer;background:var(--blue);border:0;border-radius:3px}.primary:hover{background:var(--blue-deep)}.primary .arrow{font-size:24px;color:var(--yellow)}.micro{margin-top:20px;font-size:12px;line-height:1.5;color:#74889c}.start{display:block;min-height:0;background:var(--blue-deep)}.start-image{display:block;width:100%;height:auto;aspect-ratio:1731/909;object-fit:contain;background:var(--blue-deep)}.start-action{display:flex;gap:36px;align-items:center;justify-content:space-between;padding:27px clamp(28px, 4vw, 56px) 29px;background:#fff;border-top:5px solid var(--yellow)}.start-action>div{max-width:760px}.start-action .lead{margin:0;font-size:15px;line-height:1.55}.start-action .micro{margin:7px 0 0}.start-action .primary{flex:0 0 auto;margin:0}.question{display:grid;grid-template-columns:1fr 300px}.question-main{padding:clamp(40px, 5.5vw, 70px)}.topline{display:flex;justify-content:space-between;margin-bottom:13px;font-size:14px;font-style:italic;font-weight:900;color:var(--blue);letter-spacing:.06em}.topline p{margin:0}.progress{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin-bottom:42px}.progress i{height:7px;background:#d9e4ee;transform:skewX(-17deg)}.progress .filled{background:var(--yellow)}.progress .current{background:var(--yellow)}.heading{display:grid;grid-template-columns:78px 1fr;gap:26px;align-items:center;min-height:162px;margin-bottom:35px}.number{display:grid;place-items:center;width:72px;height:72px;font-size:30px;font-style:italic;font-weight:950;color:var(--blue-deep);background:var(--yellow);clip-path:polygon(0 0,100% 0,84% 100%,0 100%)}.question h1{max-width:760px;margin:0;font-size:clamp(30px, 3.7vw, 50px);line-height:1.08;animation:question-text-in 0.18s ease-out both}.answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;max-width:780px}.answer{display:grid;grid-template-columns:21px 1fr auto;gap:13px;align-items:center;min-height:64px;padding:13px 16px;font-size:15px;font-weight:800;color:var(--ink);text-align:left;cursor:pointer;background:#f7fafc;border:1.5px solid #a8bfd5;border-radius:4px;transition:0.15s}.answer:hover:not(:disabled){background:var(--blue-soft);border-color:var(--blue);transform:translateY(-2px)}.answer.selected{color:#fff;background:var(--blue);border-color:var(--blue)}.marker{width:18px;height:18px;background:#fff;border:2px solid #8da9c3;border-radius:50%}.selected .marker{background:var(--yellow);border:5px solid #fff}.answer-arrow{font-size:22px;color:var(--blue)}.selected .answer-arrow{color:var(--yellow)}.question-footer{display:flex;align-items:center;justify-content:space-between;max-width:780px;margin-top:29px}.question-footer small{color:#7b8fa2}.text-button{padding:7px 0;font-size:13px;font-weight:850;color:var(--blue);text-decoration:underline;text-underline-offset:4px;cursor:pointer;background:#fff0;border:0}.text-button:disabled{visibility:hidden}.aside{position:relative;display:flex;flex-direction:column;justify-content:center;padding:48px 40px;overflow:hidden;color:#fff;background:var(--blue);transition:background 0.32s}.alternate .aside{background:var(--blue-deep)}.aside svg{width:48px;height:135px}.aside .aside-label{margin:17px 0 11px;font-size:13px;font-style:italic;font-weight:900;color:var(--yellow);letter-spacing:.08em}.aside p:not(.aside-label){margin:0;font-size:19px;font-weight:750;line-height:1.4}.aside-line{width:52px;height:4px;margin:25px 0;background:var(--yellow)}.aside small{line-height:1.5;color:#d9e8f5}.midpoint{display:grid;grid-template-columns:0.85fr 1.15fr;align-items:center;padding:clamp(45px, 6vw, 78px);background:linear-gradient(90deg,var(--blue-soft) 0 37%,#fff 37%)}.mid-mark{display:grid;place-items:center;width:clamp(220px, 25vw, 330px);height:clamp(250px, 28vw, 360px);font-size:clamp(58px, 8vw, 100px);font-style:italic;font-weight:950;color:var(--blue-deep);background:var(--yellow);clip-path:polygon(0 0,100% 0,78% 100%,0 100%);transform:rotate(-3deg)}.mid-copy{max-width:650px;padding-left:clamp(20px, 6vw, 88px)}.mid-copy h1{font-size:clamp(38px, 5vw, 62px);line-height:1}.mid-copy .text-button{display:block;margin-top:22px}.result{display:grid;grid-template-columns:1fr 320px}.result-main{padding:clamp(40px, 5.5vw, 70px)}.result-label{display:inline-flex;padding:8px 13px;margin:0 0 18px;font-style:italic;font-weight:900;color:var(--blue-deep);background:var(--yellow)}.result h1{max-width:760px;font-size:clamp(36px, 4.5vw, 59px);line-height:1}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:31px}.action{display:grid;grid-template-columns:30px 1fr;gap:11px;padding:17px;background:#f7fafc;border:1px solid var(--line)}.action b{display:grid;place-items:center;width:27px;height:27px;background:var(--yellow)}.action p{margin:2px 0;font-size:13px;font-weight:700;line-height:1.45;color:#345676}.result-links{display:flex;flex-wrap:wrap;gap:27px;align-items:center}.result-links a{text-decoration:none}.meter{display:flex;flex-direction:column;justify-content:center;padding:48px 42px;color:#fff;background:var(--blue)}.meter>p{font-weight:900;color:var(--yellow)}.meter>strong{font-size:90px;font-style:italic}.meter>strong span{font-size:24px}.segments{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:25px 0}.segments i{height:12px;background:rgb(255 255 255 / .2);transform:skewX(-16deg)}.segments .active{background:var(--yellow)}@keyframes question-text-in{from{opacity:.72}to{opacity:1}}@media (max-width:760px){.stage{width:min(calc(100% - 16px), 1280px);padding:8px 0}.card{min-height:0}.start,.question,.midpoint,.result{display:block}.question-main,.result-main{padding:35px 22px 39px}.primary{min-width:0}.start-action{display:grid;gap:20px;padding:23px 22px 27px}.start-action .primary{width:100%}.aside{min-height:270px;padding:40px 28px}.heading{grid-template-columns:55px 1fr;gap:15px;min-height:130px}.number{width:52px;height:57px;font-size:22px}.answers{grid-template-columns:1fr}.question-footer{gap:18px;align-items:flex-start}.midpoint{padding:35px 22px}.mid-mark{width:180px;height:190px;font-size:54px}.mid-copy{padding:36px 0 10px}.actions{grid-template-columns:1fr}.meter{min-height:300px;padding:40px 28px}.result-links{display:grid;gap:12px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:0.01ms!important;animation-duration:0.01ms!important;animation-iteration-count:1!important}}}