/* own.css - the own / want control (templates/partial/own.html), for any
   page that has loaded cards.css: it uses that file's palette and .hb-fbtn. */
.hb-own { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 14px; }
.hb-own [hidden] { display: none !important; }
.hb-own .hb-fbtn { font-size: 12px; padding: 5px 12px; color: var(--t2, #C6CEC4); }
.hb-own .hb-fbtn i { margin-right: 6px; font-size: 11px; color: var(--t3, #9FAA9D); }
.hb-own .hb-fbtn.hb-on i { color: var(--orange, #F3843E); }
.hb-own-note { font-size: 12px; color: var(--t3, #9FAA9D); margin-left: 4px; }
.hb-own-how { display: inline-flex; flex-wrap: wrap; gap: 4px; }
.hb-own-busy { opacity: .55; pointer-events: none; }
.hb-own-failed .hb-fbtn { border-color: #EF5354; }
.hb-own a.hb-own-in { font-size: 12px; color: var(--t3, #9FAA9D); text-decoration: underline; }
.hb-own a.hb-own-in:hover { color: var(--t1, #F2F5F1); }

/* The publishing side (session 77): what a visitor holds of a publication,
   release or story - said, not set (templates/publishing/partial/own.html). */
.hb-own-said { display: inline-flex; vertical-align: middle; }
.hb-own-said:empty { display: none; }
.hb-own-mark { border-color: var(--green, #80AE41); color: var(--green, #80AE41); }
.hb-own-mark i { font-size: 10px; margin-right: 3px; }
.hb-own-mark-want { border-color: var(--orange, #F3843E); color: var(--orange, #F3843E); }