/* Clear labels and controls for registration and publishing, including mobile. */
.signup-simple .signup-intro h1{font-weight:700;color:var(--ink)}
.signup-simple .signup-intro p,.signup-simple .signup-footer{font-size:14px;color:var(--muted)}
.signup-simple .identity-picker legend{font-size:16px;font-weight:700;color:var(--ui-label,var(--ink))}
.signup-simple .identity-picker strong{font-size:16px;font-weight:700}
.signup-simple .identity-picker label{border-color:var(--ui-border,var(--line));color:var(--ui-label,var(--ink))}
.signup-simple .identity-picker label:has(input:checked){border-color:var(--green);background:var(--green-light);box-shadow:inset 0 0 0 1px var(--green);color:var(--ink)}
.signup-simple .identity-picker input{width:20px;height:20px;flex-shrink:0}
.signup-simple .signup-consent{font-size:14px;color:var(--ui-label,var(--ink));line-height:1.7}
.signup-simple .signup-consent input{width:19px;height:19px;flex-shrink:0;accent-color:var(--green)}
.signup-simple .signup-extra-education legend,.signup-simple .extra-remove{font-size:14px;font-weight:600;color:var(--green)}

:is(.signup-simple,#record-form,#social-form) .field>label,
:is(.signup-simple,#record-form,#social-form) label.field,
:is(#record-form,#social-form) .video-draft label,
:is(#record-form,#social-form) .content-image-draft label{font-size:15px;font-weight:600;color:var(--ui-label,var(--ink));line-height:1.6}
:is(.signup-simple,#record-form,#social-form) .field .required{color:#a33128}
:is(.signup-simple,#record-form,#social-form) :is(input,select,textarea){font-size:16px;color:var(--ui-label,var(--ink));border-color:var(--ui-border,var(--line))}
:is(.signup-simple,#record-form,#social-form) :is(input,textarea)::placeholder{color:var(--ui-placeholder,var(--muted));opacity:1;font-weight:400}
:is(.signup-simple,#record-form,#social-form) .help{font-size:14px;color:var(--muted);line-height:1.7}
:is(.signup-simple,#record-form,#social-form) .form-error{font-size:14px;color:#9d3025}
:is(.signup-simple,#record-form,#social-form) .btn{font-size:15px;font-weight:600;min-height:44px;border-color:var(--ui-border,var(--line))}
:is(.signup-simple,#record-form,#social-form) .btn.primary{color:#fff;background:var(--green);border-color:var(--green)}
:is(.signup-simple,#record-form,#social-form) .btn.primary:hover{background:var(--ui-active,var(--green))}
.signup-simple .signup-submit{font-size:17px;min-height:48px}
:is(#record-form,#social-form) input[type=file]{width:100%;min-width:0;max-width:100%;font-size:14px;font-weight:400;padding:8px}
:is(#record-form,#social-form) input[type=file]::file-selector-button{font:inherit;font-weight:600;color:var(--green);background:var(--green-light);border:1px solid var(--ui-border,var(--line));border-radius:6px;padding:9px 12px;margin-right:10px;cursor:pointer}
:is(#record-form,#social-form) :is(h3,.section-title,.activity-more>summary){color:var(--ui-label,var(--ink));font-size:17px;font-weight:700}
#modal:has(:is(#record-form,#social-form,.publish-grid)) .modal-head h2{font-size:20px;font-weight:700;color:var(--ink)}
#modal:has(.publish-grid) .modal-body>.help{font-size:15px;color:var(--muted)}
#modal:has(.publish-grid) .modal-actions .btn{font-size:15px;min-height:44px}
.publish-grid>button,.publish-grid>a{background:var(--ui-soft,var(--green-light));border-color:var(--line);color:var(--ink)}
.publish-grid strong{font-size:18px;font-weight:700;line-height:1.5}
.publish-grid small{font-size:14px;color:var(--muted);line-height:1.6}
.publish-grid .publish-icon{background:var(--green)}
.publish-grid>:nth-child(2n) .publish-icon{background:#805a28}
:is(.signup-simple,#record-form,#social-form) :is(input,select,textarea,.btn):focus-visible,
.publish-grid>button:focus-visible,.bottom-nav a:focus-visible{outline:3px solid var(--green);outline-offset:3px}

@media(max-width:1024px){
  .bottom-nav a{font-size:14px;font-weight:600;color:var(--muted);gap:4px;line-height:1.25}
  .bottom-nav svg{width:24px;height:24px;stroke-width:2}
  .bottom-nav a[aria-current=page]{color:#fff;background:var(--green);font-weight:700}
  .bottom-nav a[aria-current=page]:active{background:var(--ui-active,var(--green))}
}
@media(max-width:360px){
  .publish-grid{gap:10px}
  .publish-grid>button,.publish-grid>a{padding:16px 12px}
}