/* The first profile editor uses native controls and the site's paragraph typography. */
.context-page > .personal-block { padding:0; }
.personal-block :is(form,fieldset,.personal-form-block,.personal-field) { margin:0; padding:0; min-width:0; border:0; }
/* The section owns native unglue; suppress the global first-child form margin. */
.context-page > .personal-block > form { margin-top:0; row-gap:0; font-size:var(--paragraph-font-size); line-height:var(--paragraph-line-height); }
.personal-fields { width:100%; box-sizing:border-box; align-self:stretch; }
.personal-field { display:grid; grid-template-columns:minmax(0,min(7em,calc((100% - var(--margin-grid)) * .4))) minmax(0,1fr); gap:var(--margin-grid); align-items:baseline; }
/* Match trimmed paragraph spacing without changing native control padding. */
.personal-field + .personal-field,.personal-sr-only + .personal-field { margin-top:calc(var(--margin-text) + var(--paragraph-top-compensator) + var(--paragraph-bottom-compensator)); }
.personal-field label { margin:0; padding:0; font:inherit; overflow-wrap:anywhere; }
.personal-field :is(input,select,textarea,.sport-narrative-preview) { appearance:none; box-sizing:border-box; display:block; width:100%; min-width:0; margin:0; padding:revert; border:0; border-bottom:1px solid var(--text-color); border-radius:0; background:transparent; color:var(--text-color); font:inherit; line-height:inherit; box-shadow:none; }
.personal-field input[type="number"] { appearance:textfield; }
.personal-field input::-webkit-inner-spin-button,.personal-field input::-webkit-outer-spin-button { appearance:none; margin:0; }
.personal-field :is(input,select,textarea,.sport-narrative-preview):disabled { opacity:.55; }
.personal-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }

/* The shared article .text rule bounds the whole form and fullscreen text. */
#sport-background-fields { margin:0; padding:0; }
.context-page > #goals { margin:0; }
.personal-field .sport-narrative-preview { height:calc(7lh + 1px); padding:2px; overflow:hidden; cursor:pointer; }
.sport-narrative-preview > span { display:block; height:100%; overflow:hidden; white-space:pre-wrap; text-align:left; }
html.personal-editor-open { overflow:hidden; }
.personal-text-editor { position:fixed; inset:0; width:100%; height:100dvh; max-width:none; max-height:none; box-sizing:border-box; margin:0; padding:0; border:0; background:var(--background-color,#fff); color:var(--text-color); font-size:var(--paragraph-font-size); line-height:var(--paragraph-line-height); }
.personal-text-editor::backdrop { background:var(--background-color,#fff); }
.personal-text-editor-body { height:100%; box-sizing:border-box; display:flex; flex-direction:column; gap:var(--margin-text); padding-block:var(--margin-text) 0; }
.personal-text-editor-title,.personal-text-editor-input { display:block; flex:none; box-sizing:border-box; width:100%; min-width:0; margin:0; padding:0; border:0; color:inherit; background:transparent; font:inherit; }
.personal-text-editor > .personal-text-editor-body > .personal-text-editor-title { margin-top:0; }
.personal-text-editor-input { flex:1; min-height:0; resize:none; overflow:auto; border-radius:0; }
.personal-editor-controls { position:fixed; left:max(22px,calc(env(safe-area-inset-left) + 22px)); bottom:max(22px,calc(env(safe-area-inset-bottom) + 22px)); }
@media(max-width:800px) { .personal-editor-controls { left:max(11px,calc(env(safe-area-inset-left) + 11px)); bottom:max(13px,calc(env(safe-area-inset-bottom) + 13px)); } }

/* Desktop keeps the paragraph column centered; compact editors stop above Close. */
.personal-text-editor > .personal-text-editor-body { max-width:none; }
@media(min-width:801px) { .personal-text-editor-title,.personal-text-editor-input { margin-inline:auto; } }
@media(max-width:800px) { .personal-text-editor-body { padding-bottom:calc(52px + max(13px,env(safe-area-inset-bottom) + 13px) * 2); } }