.porosity{padding-top:55px}.porosity-panel,.porosity-result{border:1px solid var(--line);background:#fff;border-radius:28px;padding:42px;box-shadow:0 18px 50px #26372f0b}.porosity-progress{color:#68796f;align-items:center;gap:20px;margin-bottom:38px;font-size:13px;font-weight:700;display:flex}.porosity-progress>div{background:#f3e8e8;border-radius:99px;flex:1;height:7px;overflow:hidden}.porosity-progress i{background:var(--rose2);border-radius:99px;height:100%;transition:width .25s;display:block}.porosity-panel h3,.porosity-result h3{margin-bottom:28px;font:500 34px/1.15 Georgia,serif}.porosity-answers{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.porosity-answers button{border:1px solid var(--line);background:var(--cream);min-height:112px;color:var(--ink);text-align:left;cursor:pointer;border-radius:18px;padding:22px;font:700 14px/1.45 Arial,sans-serif}.porosity-answers button:hover,.porosity-answers button:focus-visible{border-color:var(--rose2);background:#fdf2f5;outline:none}.porosity-answers span{background:var(--rose);color:#8d4b60;border-radius:50%;place-items:center;width:28px;height:28px;margin-bottom:15px;display:grid}.porosity-back{color:var(--green);cursor:pointer;background:0 0;border:0;margin-top:25px;font-weight:700}.porosity-result{gap:30px;display:grid;position:relative}.porosity-result-copy{max-width:760px}.porosity-result-copy>p{color:#68796f;line-height:1.7}.porosity-result h4{margin:28px 0 12px}.porosity-result ul{padding-left:20px;line-height:1.9}.porosity-note{border-top:1px solid var(--line);color:#68796f;margin:0;padding-top:18px;font-size:12px}@media (width<=760px){.porosity-answers{grid-template-columns:1fr}.porosity-panel,.porosity-result{padding:25px}.porosity-progress{flex-direction:column;align-items:flex-start}.porosity-progress>div{flex:none;width:100%}}@media (width<=440px){.porosity-answers button{min-height:92px}}