/* The shared-oath page: an editorial reading column, and the action pair —
   import as the page's one primary — at the top of the column on desktop,
   stuck to the bottom of the screen on a phone (thumb reach). */
.sphead{display:flex;flex-direction:column;gap:6px;margin-bottom:22px}
.seyebrow{color:var(--accent)}
.stitle{font-size:23px;font-weight:650;letter-spacing:-.02em;margin:0}

.sharebar{display:flex;align-items:center;gap:8px;margin-bottom:20px}
.sharebar[hidden]{display:none} /* display:flex would beat the hidden attribute */
.sbprint svg{flex:none}
.sbtxt{display:flex;align-items:baseline;gap:12px;min-width:0;flex-wrap:wrap}
.sbtitle{color:var(--accent);white-space:nowrap}
.sbhint{font-size:13.5px;color:var(--ink-3)}

/* the paste field of the bare / damaged-link states */
.spaste{display:flex;gap:6px;justify-content:center;margin-top:16px}
.spaste input{
  flex:1;max-width:420px;min-width:0;min-height:var(--ctl-h);padding:0 12px;border:1px solid var(--line);
  background:var(--panel);border-radius:var(--radius-s);outline:none;font-size:14px;color:var(--ink);
}
@media (hover:none){ .spaste input{font-size:16px} }

@media (min-width:861px){
  /* the bar reads as a card at the top of the column */
  .sharebar{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius-l);padding:14px 18px}
  .sharebar .btn{min-height:var(--ctl-h)}
}
@media (min-width:861px){
  .seyebrow{display:none} /* the bar card already says it */
  .scols{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;align-items:start}
  .scols>.sect{min-width:0}
}
@media (max-width:860px){
  /* the bar pins to the bottom; the column keeps room to scroll past it */
  .page{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
  .sharebar{
    position:fixed;left:0;right:0;bottom:0;z-index:60;margin:0;
    background:color-mix(in srgb,var(--bg) 88%,transparent);
    backdrop-filter:saturate(180%) blur(12px);border-top:1px solid var(--line);
    padding:10px calc(14px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left));
  }
  .sbtxt,.sharebar .sp{display:none}
  .sbimport{order:-1;flex:1}
  .sbprint{width:var(--ctl-big);padding:0;flex:none}
  .sbprint .lbl{display:none}
}