.demo-profile{background:#fff;border:1px solid #d9dfda;border-radius:18px;padding:26px}.demo-profile-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.demo-profile h1,.demo-profile h2{font:700 38px/1.1 Georgia,serif;letter-spacing:-.025em;margin:0 0 5px;overflow-wrap:anywhere}.demo-profile-head p{margin:0;color:#607369;font-size:14px}.demo-profile-head .eyebrow{font-size:11px;font-weight:800;letter-spacing:.13em;margin-bottom:6px}.demo-facts{display:flex;gap:28px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid #e4e9e1;font-size:14px}.demo-facts small{display:block;color:#7b877e;font-size:11px}.demo-profile form{margin-top:22px;display:grid;gap:14px}.demo-profile form .actions{margin-top:0}.live-profile{position:relative;margin-bottom:26px}.live-profile .demo-profile-head{padding-right:135px}.profile-notes{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;color:#607369;margin:20px 0 0}.profile-editor>summary{position:absolute;right:26px;top:26px;list-style:none;min-height:48px;font-size:14px}.profile-editor>summary::-webkit-details-marker{display:none}.profile-editor[open]>summary{background:#173e35;color:white}.profile-editor form{border-top:1px solid #e4e9e1;padding-top:24px}.profile-editor form h2{font-size:26px}.profile-editor form .muted{margin:0}.profile-photo{width:96px;height:96px;object-fit:cover;border-radius:16px;margin-top:20px}.profile-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.profile-tools .back{margin:0}.profile-tools>div{display:flex;gap:10px;flex-wrap:wrap}.profile-tools .button{font-size:12px;min-height:40px;padding:10px 14px}.profile-editor>summary:focus-visible{outline:3px solid #c89545;outline-offset:3px}
@media(max-width:760px){.demo-profile{padding:20px}.demo-profile h1,.demo-profile h2{font-size:29px}.demo-profile-head{align-items:start}.demo-facts{gap:20px}.live-profile .demo-profile-head{padding-right:100px}.profile-editor>summary{right:20px;top:20px;padding:10px;font-size:12px}.profile-tools{align-items:start}.profile-tools>div{gap:8px}.profile-editor form .actions{flex-direction:column}}