/* arc-profile-core.css - Task 259 (19 Oct 2026): the profile component's styles, moved out of member-dashboard.html so the Office
   ("How members see you") draws it the same way. Rules unchanged. */
/* A1C · the PROFILE core (arc-profile-core.js): View as member / Edit profile */
#arcProfileCore{background:#fff;border:1px solid var(--border,#e2d9c8);border-radius:16px;padding:20px 22px;margin:0 0 18px}
.pc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.pc-eyebrow{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8a6d1a}
.pc-lede{margin:4px 0 0;font-size:.9rem;color:var(--muted,#6b7a8d)}
.pc-switch{display:inline-flex;border:1px solid var(--border,#e2d9c8);border-radius:999px;padding:3px;gap:3px;background:#f7f5f0}
.pc-mode{border:0;background:transparent;border-radius:999px;padding:8px 16px;font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;color:var(--navy,#1a2744)}
.pc-mode[aria-pressed="true"]{background:var(--navy,#1a2744);color:#fff}
.pc-card{border:1px solid var(--border,#e2d9c8);border-radius:14px;padding:18px}
.pc-head{display:flex;gap:14px;align-items:center;margin-bottom:10px}
.pc-av{width:64px;height:64px;border-radius:50%;background:#1a2744;color:#fff;display:grid;place-items:center;font-weight:700;font-size:1.2rem;overflow:hidden;flex:none}
.pc-av img{width:100%;height:100%;object-fit:cover}
.pc-name{margin:0;font-size:1.35rem}
.pc-sub{margin:2px 0 0;color:var(--muted,#6b7a8d);font-size:.9rem}
.pc-sec{border-top:1px solid #f0ece3;padding-top:12px;margin-top:12px}
.pc-sec h3,.pc-more h3,.pc-form h3{margin:0 0 6px;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted,#6b7a8d)}
.pc-sec p{margin:0;line-height:1.55}
.pc-sec ul{margin:0;padding-left:18px;line-height:1.6}
.pc-tags{display:flex;flex-wrap:wrap;gap:6px}
.pc-tag{font-size:.8rem;border:1px solid var(--border,#e2d9c8);border-radius:999px;padding:4px 10px}
.pc-dl{margin:0;display:grid;gap:6px}
.pc-dl>div{display:flex;gap:12px}
.pc-dl dt{min-width:130px;color:var(--muted,#6b7a8d);font-size:.86rem}
.pc-dl dd{margin:0;font-size:.9rem;word-break:break-word}
.pc-hint,.pc-note{font-size:.82rem;color:var(--muted,#6b7a8d);margin:10px 0 0}
.pc-note{display:block;margin:2px 0 0;font-weight:400}
.pc-form{display:grid;gap:10px}
.pc-form h3{margin-top:10px}
.pc-form label{display:grid;gap:4px;font-size:.85rem;font-weight:600}
.pc-form input,.pc-form textarea{font:inherit;font-weight:400;padding:10px 12px;border:1px solid var(--border,#e2d9c8);border-radius:10px;width:100%;box-sizing:border-box}
.pc-form textarea{min-height:80px;resize:vertical}
.pc-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.pc-btn{display:inline-block;border:1px solid var(--navy,#1a2744);background:var(--navy,#1a2744);color:#fff;border-radius:10px;padding:10px 16px;font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;text-decoration:none}
.pc-btn--out{background:#fff;color:var(--navy,#1a2744)}
.pc-more{border-top:1px solid #f0ece3;padding-top:14px;margin-top:16px}
.pc-more p{margin:0 0 10px;font-size:.88rem;line-height:1.5}
.pc-msg{font-size:.88rem;margin:6px 0 0;min-height:1.2em}
.pc-ghost{border:1px solid #e8a020;background:#fff9ee;border-radius:10px;padding:10px 12px;font-size:.88rem;color:#7a6320;margin:0 0 12px}
.pc-err{color:#b3261e;margin:0}
.pc-publish .pc-acts{margin-bottom:12px}
.pc-hi{margin:0 0 8px;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.9rem;font-weight:600;color:var(--navy,#1a2744)}
/* A1C: no side column on Profile any more (its docks moved), so the main column takes the width */
.dash-grid.dash-grid--one{grid-template-columns:minmax(0,1fr) !important;display:block}
/* Task 262: the Profile's bio form is closed until "Create / Edit Your Bio" opens it; Close folds it away */
#arcProfileCore[data-closed]{display:none}
.pc-topacts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
/* Task 264: website box under LinkedIn; folded optional details */
.pc-web{margin-top:14px}
.pc-later{margin:18px 0;padding:14px 18px;border:1px dashed #d6cdb8;border-radius:14px;background:#fbf9f4}
.pc-later>summary{cursor:pointer;font-weight:700;color:#1a2744;list-style-position:inside}
.pc-later[open]>summary{margin-bottom:10px}