/* Keep profile copy readable over the illustrated overview, in view and edit mode. */
body.sc-network[data-net-page=profile] #pAboutCard {
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 22px;
  min-width:0;min-height:0;padding:18px 20px;border:1px solid #91adbf30;border-radius:12px;
  background:#111c26;-webkit-backdrop-filter:none;backdrop-filter:none;
  box-shadow:inset 0 1px #ffffff05,0 7px 20px #00000012;
  transition:border-color .18s ease;
}
body.sc-network[data-net-page=profile] #pAboutCard:hover {border-color:#91adbf45}
body.sc-network[data-net-page=profile] #pAboutCard .pf-about__head {
  grid-column:1;grid-row:1;min-height:0;padding:0;margin:0;display:block;
}
body.sc-network[data-net-page=profile] #pAboutCard .pf-about__label {
  display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;
  font:600 11px/1.5 Inter,Arial,sans-serif;letter-spacing:.035em;color:#93a8b8;
}
body.sc-network[data-net-page=profile] #pAboutCard .pf-about__msg {
  position:static;max-width:100%;font:500 11px/1.5 Inter,Arial,sans-serif;letter-spacing:0;
  overflow-wrap:anywhere;
}
body.sc-network[data-net-page=profile] #pAboutCard .pf-about__msg:empty {display:none}
body.sc-network[data-net-page=profile] #pAboutView {
  grid-column:1;grid-row:2;max-width:72ch;min-width:0;min-height:0;padding:0;
  font:400 15px/1.7 Inter,Arial,sans-serif;letter-spacing:0;color:#e3eaf0;
  white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;
}
body.sc-network[data-net-page=profile] #pAboutView.is-empty {font-style:normal;color:#98abb9;font-size:13px}
body.sc-network[data-net-page=profile] #pAboutEditBtn {
  --action-surface:#ffffff06;--action-hover:#ffffff0e;--action-border:#9cb6c424;--action-hover-border:#9cb6c44d;--action-text:#bcd0df;
  position:static;grid-column:2;grid-row:1 / 3;justify-self:end;align-self:center;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  width:auto;height:auto;min-width:76px;min-height:44px;padding:10px 12px;border-radius:8px!important;
  font:500 12px/1.5 Inter,Arial,sans-serif;letter-spacing:0;white-space:nowrap;box-shadow:none!important;
}
body.sc-network[data-net-page=profile] #pAboutEditBtn :is(svg,img) {width:16px;height:16px;flex:0 0 16px}
body.sc-network[data-net-page=profile] #pAboutEditBtn::after {content:attr(aria-label);display:inline!important}
body.sc-network[data-net-page=profile] #pAboutEditBtn:focus-visible {outline:2px solid #a7cde4!important;outline-offset:4px}
body.sc-network[data-net-page=profile] #pAboutCard.is-editing {
  padding:18px 20px;border-color:#91bbd36b;box-shadow:inset 0 1px #ffffff05;
}
body.sc-network[data-net-page=profile] #pAboutCard.is-editing .pf-about__head {grid-column:1 / -1}
body.sc-network[data-net-page=profile] #pAboutText {
  grid-column:1 / -1;grid-row:2;width:100%;min-height:116px;padding:12px 14px;margin:3px 0 2px;
  border:1px solid #9cb6c43d;border-radius:8px;background:#0c151e;color:#e3eaf0;
  font:400 15px/1.7 Inter,Arial,sans-serif;letter-spacing:0;overflow-wrap:anywhere;
}
body.sc-network[data-net-page=profile] #pAboutText::placeholder {color:#8ea2b2}
body.sc-network[data-net-page=profile] #pAboutText:focus-visible {outline:2px solid #a7cde4;outline-offset:2px}
body.sc-network[data-net-page=profile] #pAboutCard.is-editing #pAboutEditBtn {
  --action-surface:#28475b;--action-hover:#355b72;--action-border:#82adc04a;--action-hover-border:#a3c6d380;--action-text:#edf7fc;
  grid-row:3;min-width:86px;
}
body.sc-network[data-net-page=profile] #pAboutCount {
  position:static;grid-column:1;grid-row:3;justify-self:start;align-self:center;
  font:400 11px/1.5 Inter,Arial,sans-serif;letter-spacing:0;color:#91a8ba;font-variant-numeric:tabular-nums;
}
body.sc-network[data-net-page=profile] .pf.is-readonly #pAboutView {grid-column:1 / -1}
@media(max-width:600px) {
  body.sc-network[data-net-page=profile] #pAboutCard,
  body.sc-network[data-net-page=profile] #pAboutCard.is-editing {padding:16px;gap:9px 12px}
  body.sc-network[data-net-page=profile] #pAboutCard .pf-about__head {align-self:center}
  body.sc-network[data-net-page=profile] #pAboutView {grid-column:1 / -1;font-size:14px}
  body.sc-network[data-net-page=profile] #pAboutEditBtn {grid-row:1;min-width:0;padding:9px 10px;font-size:11px}
  body.sc-network[data-net-page=profile] #pAboutText {font-size:16px}
}
@media(prefers-reduced-motion:reduce) {
  body.sc-network[data-net-page=profile] #pAboutCard {transition:none}
}