.personal-page .header [aria-current=page]{border-color:#536d5c}
.personal-intro,.personal-about,.personal-section{max-width:1200px;margin:auto;padding:2.5rem 5%}
.personal-intro{padding-bottom:1rem}
.personal-label{font-size:.8rem;letter-spacing:.08em;color:#52645a;margin:0 0 .7rem}
.personal-intro h1{font:400 clamp(2rem,4vw,3rem)/1.2 Georgia,serif;margin:0 0 1rem}
.personal-lead{font:1.15rem/1.7 Georgia,serif;color:#52645a}
.personal-about,.personal-section{display:grid;grid-template-columns:25% minmax(0,1fr);gap:5%;align-items:center}
.personal-portrait{display:block}
.personal-portrait img{width:100%;height:auto}
.personal-page h2{font:400 clamp(1.4rem,2.5vw,1.9rem)/1.3 Georgia,serif;margin:0 0 1rem}
.personal-about p,.personal-section p{max-width:39rem}
.personal-section{border-top:1px solid #ccd7cc;align-items:start}
.personal-about p,.personal-section>div>p:not(.personal-label){color:#52645a}
.personal-facts{display:flex;flex-wrap:wrap;gap:1.25rem 2rem;margin:1.5rem 0 0}
.personal-facts dt{font-size:.85rem;color:#52645a}
.personal-facts dd{margin:.25rem 0 0;font-size:.95rem}
.personal-manual{background:#e2e8df;border-top:0;margin-top:1rem}
.personal-questionnaire{max-width:1200px;margin:1rem auto 0;padding:3rem 5% 4rem;border-top:1px solid #ccd7cc}
.questionnaire-intro{max-width:52rem;margin:0 auto 2.5rem;text-align:left}
.questionnaire-intro h2{margin-bottom:1rem}
.questionnaire-intro>p:not(.personal-label){color:#52645a}
.questionnaire-note{font:1.05rem/1.65 Georgia,serif}
.questionnaire-form{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:min(100%,52rem);margin:0 auto}
.questionnaire-form fieldset{display:flex;flex-direction:column;align-items:stretch;width:100%;margin:0;padding:1.2rem 1.25rem 1.3rem;border:1px solid #c8d2c7;background:#f6f7f3;min-width:0;text-align:left}
.questionnaire-form legend{float:none;width:100%;max-width:100%;margin:0 0 .65rem;padding:0 .35rem;font:400 1.05rem/1.45 Georgia,serif;color:#243b32;text-align:left}
.questionnaire-form legend span{display:inline-grid;place-items:center;width:1.8rem;height:1.8rem;margin-right:.35rem;border-radius:50%;background:#536d5c;color:#fff;font:700 .8rem/1 Arial,sans-serif}
.questionnaire-form label{display:flex;align-items:flex-start;gap:.65rem;width:100%;margin:.25rem 0 0;padding:.48rem .35rem;border-radius:.2rem;color:#44574e;cursor:pointer;text-align:left}
.questionnaire-form label:hover{background:#e7ece5;color:#243b32}
.questionnaire-form input[type=radio]{flex:0 0 auto;width:1.1rem;height:1.1rem;margin:.23rem 0 0;accent-color:#536d5c}
.questionnaire-form label:has(input:checked){background:#dde7dd;color:#243b32}
.questionnaire-submit{width:100%;padding-top:1rem;text-align:left}
.questionnaire-submit button{border:0;background:#243b32;color:#fff;padding:.9rem 1.35rem;font:700 .95rem/1.2 Arial,sans-serif;cursor:pointer}
.questionnaire-submit button:hover{background:#3d5b4d}
.questionnaire-submit p{margin:.8rem 0 0;font-size:.86rem;color:#66756d}
.personal-result{max-width:1200px;margin:auto;padding:3rem 5% 5rem}
.personal-result-copy{max-width:44rem;margin:0 auto;text-align:left}
.personal-result-copy h1{font:400 clamp(2rem,4vw,3rem)/1.2 Georgia,serif;margin:.25rem 0 1rem}
.personal-result-copy h2{margin-top:2.6rem}
.personal-result-copy p{color:#52645a}
.personal-result-copy .personal-email{margin:.15rem 0 1rem}
.manual-transition{margin:1.4rem auto 0}
.personal-result-contact{max-width:44rem;margin:2.5rem auto 0;padding:3rem 0;text-align:left;border-top:1px solid #ccd7cc}
.personal-result-contact h2{font:400 clamp(1.7rem,3vw,2.35rem)/1.25 Georgia,serif;margin:.25rem 0 1rem}
.personal-result-contact>p:not(.personal-label){color:#52645a}
.personal-result-contact .personal-email{margin-top:.65rem}
.personal-whatsapp{display:inline-block;margin:.2rem 0 1rem!important;padding:.65rem 1rem;background:#e2e8df;color:#243b32!important;font-size:1.15rem;letter-spacing:.02em}
.personal-short-profile{display:grid;gap:.55rem;margin:1.4rem auto 0;padding:1.35rem;background:#e2e8df;color:#52645a}
.personal-short-profile div{display:flex;justify-content:flex-start;gap:.4rem;flex-wrap:wrap}
.personal-short-profile dt{font-weight:700;color:#243b32}
.personal-short-profile dd{margin:0}
.personal-result-manual{margin:2.5rem auto 0;padding-top:2.5rem;border-top:1px solid #ccd7cc;text-align:center}
.personal-result-manual img{display:block;width:min(100%,1000px);height:auto;margin:0 auto;box-shadow:0 1rem 3rem rgba(36,59,50,.14)}
.personal-result-photo{width:min(50%,28rem);margin:3rem auto 0}
.personal-result-photo img{display:block;width:100%;height:auto;margin:0 auto;box-shadow:0 1rem 3rem rgba(36,59,50,.16)}
.work-in-progress{margin:2rem auto 0;padding:1.25rem;border-left:3px solid #8c9b91;background:#e2e8df;text-align:center}
.personal-email{display:inline-block;font-size:1.1rem;text-underline-offset:.3rem;overflow-wrap:anywhere}
.personal-contact{padding-bottom:4rem;border-top:0}
@media(max-width:650px){.personal-about,.personal-section{grid-template-columns:1fr;gap:1.25rem}.personal-portrait{width:60%;max-width:16rem}.personal-intro,.personal-about,.personal-section,.personal-questionnaire,.personal-result{padding-left:6%;padding-right:6%}.personal-questionnaire{padding-top:2rem}.questionnaire-form fieldset{padding:1rem}}