#orientamento .orientation-layout{display:block;max-width:900px}
#orientamento .orientation-intro{max-width:760px}
#orientamento .orientation-intro h2{margin-top:20px}
#orientamento .orientation-intro p{margin-top:20px}
#quiz-start{margin-top:26px}
#orientation-app{scroll-margin-top:110px;padding:clamp(20px,4vw,42px);border-radius:16px}
#orientation-app[hidden],#quiz-intro[hidden]{display:none}
.quiz-question{border:0;border-bottom:1px solid var(--line);padding:26px 0;margin:0;min-width:0}
.quiz-question legend{float:left;width:100%;font-size:1.08rem;line-height:1.65;font-weight:500;margin-bottom:16px}
.quiz-options{clear:both;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.quiz-options .choice{align-items:center;min-height:52px;padding:11px;border-radius:10px;font-size:.875rem}
.quiz-options .choice:last-child{grid-column:1/-1;width:fit-content}
.quiz-options input{margin:0;accent-color:var(--mauve)}
.quiz-none{margin-top:26px;border-radius:10px;background:#f1e6eb}
#orientation-app .button,#quiz-start{border-radius:30px}
#orientation-app>p{margin-top:18px}
.quiz-result-card{position:relative;margin:25px 0;padding:26px;border:1px solid #d9c4cd;border-radius:14px;background:#f8f0ee}
.quiz-result-card h4{font:1.65rem/1.3 var(--serif);margin:12px 0}
.quiz-result-card p+p{margin-top:15px}
.quiz-result-card .eyebrow{letter-spacing:.06em;padding-right:25px}
#orientamento .orientation-note{line-height:1.7;max-width:900px}
#orientamento .local-note{margin-top:15px}
@media(max-width:640px){.quiz-options{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-options .choice:last-child{width:auto}.quiz-question legend{font-size:1rem}.quiz-result-card{padding:20px}.quiz-result-card h4{font-size:1.45rem}#orientation-app .step-actions{flex-wrap:wrap}#orientation-app .step-actions .button{margin-left:auto}.quiz-result-card p{text-align:left}#orientation-app .button{max-width:100%;text-align:center}#orientation-app .orientation-heading{font-size:1.65rem}}
.quiz-result-list{list-style:none;padding:0;margin:26px 0;display:grid;gap:16px}
.quiz-area-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:15px;padding:24px;background:#f4e9ec;border:1px solid #dfcbd4;border-radius:14px}
.quiz-area-item:nth-child(2){background:#f5eee7;border-color:#e2d4c8}
.quiz-area-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#fffaf5;color:var(--mauve);line-height:0}
.quiz-area-icon svg{display:block;width:17px;height:17px;flex:none}
.quiz-area-item h4{font:1.5rem/1.3 var(--serif);margin:3px 0 10px;color:var(--brown)}
.quiz-area-item p{margin:0;line-height:1.7;text-align:left}
#orientation-app .quiz-personal-note{border-left:2px solid #b895a9;padding:3px 0 3px 17px;margin-top:24px;color:var(--muted)}
.quiz-closing{margin-top:26px;padding-top:23px;border-top:1px solid var(--line)}
.quiz-closing p{margin-bottom:18px}
@media(max-width:640px){.quiz-area-item{padding:18px 14px;grid-template-columns:30px minmax(0,1fr);gap:11px}.quiz-area-icon{width:30px;height:30px}.quiz-area-icon svg{width:15px;height:15px}.quiz-area-item h4{font-size:1.3rem}.quiz-area-item p{font-size:.9375rem}}
#orientamento p,#orientamento .quiz-question legend,#orientamento .quiz-none span{text-align:justify;text-align-last:start;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}