.resume-intro{text-align:center;max-width:760px;margin:42px auto}.resume-intro h1{color:#07534e;font-size:clamp(2rem,5vw,3.3rem);line-height:1.1}.resume-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:28px;max-width:1160px;margin:auto;display:grid}.resume-editor fieldset{border:0;min-width:0;padding:0}.resume-editor progress{accent-color:#008c82;width:100%;height:8px}.resume-field{flex-direction:column;gap:8px;margin:20px 0;font-weight:650;display:flex}.resume-field small,.resume-disclosure{color:#526260;font-size:.85rem;font-weight:400;line-height:1.5}.resume-field input,.resume-field textarea{box-sizing:border-box;width:100%;font:inherit;color:#162f2b;background:#fff;border:1px solid #a6bdb9;border-radius:10px;padding:13px}.resume-options{flex-wrap:wrap;gap:10px;margin:22px 0;display:flex}.resume-options button,.resume-editor button{cursor:pointer;min-height:44px}.resume-preview{overflow-wrap:anywhere;background:#fff;border:1px solid #d7e6e2;border-top:6px solid #008c82;padding:36px;position:sticky;top:20px;box-shadow:0 8px 32px #174c4214}.resume-preview-label{letter-spacing:.08em;color:#52736b;font-size:.7rem}.resume-preview h2{font-size:1.8rem}.resume-preview h3{color:#07534e;border-bottom:1px solid #dde9e6;margin-top:24px;padding-bottom:8px;font-size:.95rem}.resume-preview section p{white-space:pre-wrap;line-height:1.6}.resume-suggestion{background:#eaf7f3;border-radius:12px;margin:16px 0;padding:18px}.resume-disclosure{margin:18px 0;display:block}.resume-editor :focus-visible{outline-offset:3px;outline:3px solid #0b8277}@media (max-width:800px){.resume-workspace{grid-template-columns:1fr}.resume-preview{padding:24px;position:static}.resume-intro{margin:24px 0}.resume-options button{flex:140px}}