.question-tool{margin:-2.5rem auto 3rem;position:relative;z-index:3}
.question-tool__shell{background:#fff;border:1px solid #d9e4e9;border-radius:24px;box-shadow:0 24px 70px rgba(3,17,29,.13);overflow:hidden}
.question-tool__head{background:linear-gradient(135deg,#07283d,#0a3c55);color:#fff;padding:2rem}
.question-tool__head span{color:#70f4e9;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.question-tool__head h2{color:#fff;margin:.45rem 0 .65rem}
.question-tool__head p{color:#cfe5ed;margin:0;max-width:760px}
.question-form{padding:2rem}
.question-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}
.question-field{display:flex;flex-direction:column;gap:.42rem}
.question-field label,.question-areas legend{color:#102f42;font-weight:750}
.question-field small{color:#647581}
.question-field input,.question-field select{background:#f7fafb;border:1px solid #cbd8de;border-radius:12px;color:#102433;font:inherit;min-height:50px;padding:.7rem .85rem;width:100%}
.question-field input:focus,.question-field select:focus{border-color:#128e9d;box-shadow:0 0 0 3px rgba(18,142,157,.13);outline:none}
.question-areas{border:0;border-top:1px solid #e1eaee;margin:1.6rem 0 0;padding:1.4rem 0 0}
.question-areas legend{padding-right:.8rem}
.question-areas>p{color:#60717d;font-size:.92rem;margin:.15rem 0 1rem}
.question-areas__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem}
.question-area{background:#f4f8fa;border-radius:12px;padding:.8rem}
.question-area label{display:block;font-size:.78rem;font-weight:750;margin-bottom:.35rem}
.question-area input{background:#fff;border:1px solid #cbd8de;border-radius:9px;font:inherit;padding:.55rem;width:100%}
.question-form__actions{align-items:center;display:flex;gap:1rem;margin-top:1.5rem}
.question-calc-btn{background:#086d78;border:0;border-radius:12px;color:#fff;cursor:pointer;font:inherit;font-weight:800;padding:.95rem 1.3rem}
.question-calc-btn:hover{background:#075963}
.question-privacy{color:#687985;font-size:.82rem}
.question-result{background:#edf8f8;border-top:1px solid #cce4e5;padding:2rem}
.question-result[hidden]{display:none}
.question-result__top{align-items:start;display:flex;gap:1rem;justify-content:space-between}
.question-result__top h3{color:#092f40;font-size:1.55rem;margin:0 0 .4rem}
.question-result__top p{margin:0}
.question-result__badge{background:#d6f7f1;border-radius:999px;color:#086256;font-size:.78rem;font-weight:850;padding:.45rem .7rem;text-transform:uppercase;white-space:nowrap}
.question-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:1.3rem 0}
.question-stat{background:#fff;border:1px solid #d2e5e5;border-radius:14px;padding:1rem}
.question-stat small{color:#647680;display:block;font-size:.76rem;text-transform:uppercase}
.question-stat strong{color:#073449;display:block;font-size:1.55rem;margin-top:.2rem}
.question-result__warning{background:#fff5df;border-left:4px solid #d7a52e;border-radius:8px;color:#594316;margin:1rem 0;padding:.85rem 1rem}
.question-plan{background:#fff;border-radius:16px;margin-top:1.1rem;padding:1.1rem}
.question-plan h4{margin:0 0 .8rem}
.question-plan__row{align-items:center;display:grid;grid-template-columns:130px 1fr 70px;gap:.7rem;margin:.55rem 0}
.question-plan__bar{background:#dfeaec;border-radius:999px;height:9px;overflow:hidden}
.question-plan__bar i{background:linear-gradient(90deg,#0b7b88,#28bcae);display:block;height:100%}
.question-recommendation{background:#071e31;border-radius:18px;color:#fff;margin-top:1.2rem;padding:1.25rem}
.question-recommendation small{color:#70f4e9;font-weight:800;text-transform:uppercase}
.question-recommendation h4{color:#fff;font-size:1.3rem;margin:.35rem 0}
.question-recommendation p{color:#cee1e8;margin:.4rem 0 1rem}
.question-recommendation a{background:#2ce0d4;border-radius:10px;color:#052431;display:inline-block;font-weight:850;padding:.8rem 1rem;text-decoration:none}
.question-recommendation button{background:transparent;border:1px solid #638092;border-radius:10px;color:#fff;cursor:pointer;font:inherit;font-weight:750;margin-left:.5rem;padding:.75rem 1rem}
.superarticle-intro{font-size:1.13rem;line-height:1.75}
.evidence-grid,.phase-grid,.product-grid{display:grid;gap:1rem;margin:1.3rem 0}
.evidence-grid{grid-template-columns:repeat(3,1fr)}
.evidence-card,.phase-card{background:#f4f8fa;border:1px solid #dee8ec;border-radius:16px;padding:1.15rem}
.evidence-card strong,.phase-card strong{color:#083a50;display:block;margin-bottom:.35rem}
.phase-grid{grid-template-columns:repeat(3,1fr)}
.product-grid{grid-template-columns:repeat(3,1fr)}
.product-card{background:#fff;border:1px solid #d8e3e8;border-radius:18px;display:flex;flex-direction:column;padding:1.2rem}
.product-card--featured{border:2px solid #159c9c;box-shadow:0 12px 35px rgba(13,113,120,.11)}
.product-card__tag{color:#087b75;font-size:.75rem;font-weight:850;text-transform:uppercase}
.product-card h3{font-size:1.12rem;margin:.4rem 0}
.product-card__price{color:#0c3e52;font-size:1.45rem;font-weight:850;margin:.7rem 0 0}
.product-card__price small{font-size:.8rem;font-weight:600}
.product-card ul{flex:1;padding-left:1.1rem}
.product-card a{background:#087580;border-radius:10px;color:#fff;font-weight:800;padding:.75rem;text-align:center;text-decoration:none}
.article-source{color:#667884;font-size:.88rem}
@media(max-width:850px){.question-tool{margin:-1.5rem .7rem 2rem}.question-form__grid,.evidence-grid,.phase-grid,.product-grid{grid-template-columns:1fr}.question-areas__grid{grid-template-columns:repeat(2,1fr)}.question-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.question-tool__head,.question-form,.question-result{padding:1.2rem}.question-form__grid{grid-template-columns:1fr}.question-areas__grid{grid-template-columns:1fr 1fr}.question-result__top{display:block}.question-result__badge{display:inline-block;margin-top:.75rem}.question-plan__row{grid-template-columns:105px 1fr 54px;font-size:.84rem}.question-form__actions{align-items:stretch;flex-direction:column}.question-recommendation button{display:block;margin:.6rem 0 0;width:100%}.question-recommendation a{display:block;text-align:center}}

.question-result__exam-tip{background:#fff;border:1px solid #d2e5e5;border-radius:14px;margin:1rem 0;padding:1rem}.question-result__exam-tip strong{color:#083e51;display:block;margin-bottom:.3rem}.question-result__exam-tip p{color:#536b78;margin:0}