/* QBP v25.25.3 — Clean Story Interaction Rails
 * Design contract:
 * 1) Only the actual icons are visible — no rail/card/pill backgrounds.
 * 2) Left contact icons form one vertical column.
 * 3) Right content + social icons form ONE vertical column.
 * 4) Every icon uses the same hit-area and optical spacing.
 * 5) Existing JS hooks/data attributes remain untouched.
 */

.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"]{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:100!important;
  pointer-events:none!important;
  overflow:visible!important;
}

/* RIGHT: one single vertical icon rail. The content-type wrapper is flattened
   so its four icons participate in exactly the same flex column as Like/
   Comment/Share/Save/View. */
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement{
  position:absolute!important;
  top:50%!important;
  right:14px!important;
  left:auto!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  width:40px!important;
  max-width:40px!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  pointer-events:auto!important;
  overflow:visible!important;
  direction:ltr!important;
  z-index:4!important;
}

/* Flatten the content-type group: no second rail, no nested panel. */
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > .qbp-content-type-actions{
  position:static!important;
  inset:auto!important;
  width:auto!important;
  max-width:none!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  display:contents!important;
  flex-direction:unset!important;
  align-items:unset!important;
  justify-content:unset!important;
  gap:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  pointer-events:auto!important;
}

/* One exact hit-area for every right-side icon. */
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > .qbp-content-type-actions .qbp-content-type-action,
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > .qbp-story-like-action,
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > .qbp-story-comment-toggle,
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > [data-qbp-story-share],
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > [data-qbp-story-save],
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > .qbp-post-view-info{
  position:relative!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  flex:0 0 38px!important;
  padding:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.96)!important;
  box-shadow:none!important;
  text-decoration:none!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
  pointer-events:auto!important;
  transition:transform .16s ease, color .16s ease, opacity .16s ease!important;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.62))!important;
}

.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > .qbp-content-type-actions .qbp-content-type-action:hover,
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > .qbp-content-type-actions .qbp-content-type-action:focus-visible,
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > .qbp-story-like-action:hover,
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > .qbp-story-comment-toggle:hover,
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > [data-qbp-story-share]:hover,
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > [data-qbp-story-save]:hover,
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > .qbp-post-view-info:hover{
  transform:scale(1.10)!important;
  background:transparent!important;
}

.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > .qbp-content-type-actions .qbp-content-type-action:focus-visible,
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > .qbp-story-like-action:focus-visible,
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > .qbp-story-comment-toggle:focus-visible,
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > [data-qbp-story-share]:focus-visible,
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > [data-qbp-story-save]:focus-visible,
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > .qbp-post-view-info:focus-visible{
  outline:2px solid rgba(255,255,255,.82)!important;
  outline-offset:2px!important;
}

.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > .qbp-story-like-action.is-active{
  color:#ff496d!important;
}
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > .qbp-story-like-action.is-active svg{
  fill:currentColor!important;
}

/* Identical optical SVG size for the entire right rail. */
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement .qbp-content-type-action svg,
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > .qbp-story-like-action svg,
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > .qbp-story-comment-toggle svg,
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > [data-qbp-story-share] svg,
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > [data-qbp-story-save] svg,
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > .qbp-post-view-info svg{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* Count badges stay attached to their icon, never becoming separate controls. */
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-action-label{
  position:absolute!important;
  right:-2px!important;
  bottom:0!important;
  min-width:15px!important;
  height:15px!important;
  padding:0 3px!important;
  border-radius:8px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:8px!important;
  line-height:15px!important;
  font-weight:700!important;
  color:#fff!important;
  background:rgba(0,0,0,.72)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}

/* LEFT: contact information is icon-only and uses the same visual rhythm. */
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--contacts{
  position:absolute!important;
  top:50%!important;
  left:14px!important;
  right:auto!important;
  transform:translateY(-50%)!important;
  width:40px!important;
  max-width:40px!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  pointer-events:auto!important;
}
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--contacts .qbp-public-user-info{
  width:auto!important;
  max-width:none!important;
}
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--contacts .qbp-public-user-info__grid{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  width:40px!important;
  max-width:40px!important;
  height:auto!important;
  max-height:calc(100vh - 150px)!important;
  overflow:visible!important;
}
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--contacts .qbp-public-user-info__icon{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  flex:0 0 38px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.96)!important;
  box-shadow:none!important;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.62))!important;
  transition:transform .16s ease,color .16s ease,opacity .16s ease!important;
}
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--contacts .qbp-public-user-info__icon:hover,
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--contacts .qbp-public-user-info__icon:focus-visible{
  transform:scale(1.10)!important;
  background:transparent!important;
}
.qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--contacts .qbp-public-user-info__icon svg{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

@media (max-width:520px){
  .qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement{
    right:8px!important;
    width:40px!important;
    max-width:40px!important;
    gap:7px!important;
  }
  .qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > .qbp-content-type-actions .qbp-content-type-action,
  .qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > .qbp-story-like-action,
  .qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > .qbp-story-comment-toggle,
  .qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > [data-qbp-story-share],
  .qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > [data-qbp-story-save],
  .qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > .qbp-post-view-info,
  .qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--contacts .qbp-public-user-info__icon{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    flex-basis:36px!important;
  }
  .qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement .qbp-content-type-action svg,
  .qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > .qbp-story-like-action svg,
  .qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > .qbp-story-comment-toggle svg,
  .qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > [data-qbp-story-share] svg,
  .qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > [data-qbp-story-save] svg,
  .qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement > .qbp-post-view-info svg,
  .qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--contacts .qbp-public-user-info__icon svg{
    width:21px!important;
    height:21px!important;
    min-width:21px!important;
    min-height:21px!important;
  }
  .qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--contacts{
    left:8px!important;
    width:40px!important;
    max-width:40px!important;
  }
  .qbp-story-screen .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--contacts .qbp-public-user-info__grid{
    width:40px!important;
    max-width:40px!important;
    gap:7px!important;
    max-height:calc(100vh - 135px)!important;
  }
}

/* QBP v25.25.5 — Story interaction hit-test / click-through hardening
 * The story navigation hit zones are siblings of the action rail and are
 * intentionally transparent.  They must remain BELOW the action layer so
 * a tap on an icon can never be consumed by prev/next navigation.
 */
.qbp-story-screen .qbp-story-stage .qbp-story-slide__actions[data-qbp-content-bound="1"]{
  z-index:100!important;
  pointer-events:none!important;
}
.qbp-story-screen .qbp-story-stage .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-content-actions__row--engagement,
.qbp-story-screen .qbp-story-stage .qbp-story-slide__actions[data-qbp-content-bound="1"] .qbp-content-actions__row--contacts{
  position:absolute!important;
  z-index:101!important;
  pointer-events:auto!important;
}
.qbp-story-screen .qbp-story-stage .qbp-story-hit{
  /* Navigation is handled by the stage only outside real controls. Keeping
     these legacy hit-zones non-interactive eliminates click interception. */
  z-index:3!important;
  pointer-events:none!important;
  -webkit-tap-highlight-color:transparent!important;
  tap-highlight-color:transparent!important;
  outline:none!important;
  background:transparent!important;
}
.qbp-story-screen .qbp-story-stage .qbp-story-slide__actions a,
.qbp-story-screen .qbp-story-stage .qbp-story-slide__actions button,
.qbp-story-screen .qbp-story-stage .qbp-story-slide__actions [role="button"]{
  -webkit-tap-highlight-color:transparent!important;
  tap-highlight-color:transparent!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}

/* Do not let the transparent navigation zones paint/flash on press. */
.qbp-story-screen .qbp-story-hit:active,
.qbp-story-screen .qbp-story-hit:focus,
.qbp-story-screen .qbp-story-hit:focus-visible{
  background:transparent!important;
  outline:none!important;
  box-shadow:none!important;
}

/* Keep the two side rails above media and navigation hit areas at every size. */
@media (max-width:700px){
  .qbp-story-screen .qbp-story-stage .qbp-story-slide__actions[data-qbp-content-bound="1"]{z-index:100!important}
  .qbp-story-screen .qbp-story-stage .qbp-story-hit{z-index:3!important}
}


/* v25.25.7 CONTACT ICON INTERACTION FIX */
.qbp-story-screen .qbp-content-actions__row--contacts,
.qbp-story-screen .qbp-content-actions__row--contacts *,
.qbp-story-screen .qbp-public-user-info,
.qbp-story-screen .qbp-public-user-info__grid,
.qbp-story-screen .qbp-public-user-info__icon{
  pointer-events:auto !important;
}
.qbp-story-screen .qbp-public-user-info__icon{
  cursor:pointer !important;
  position:relative !important;
  z-index:120 !important;
}
.qbp-story-screen .qbp-public-user-info__sheet{
  position:fixed !important;
  inset:0 !important;
  z-index:999999 !important;
}


/* QBP v25.31.7 — Story interaction hard boundary.
 * There is one Story action owner. Keep the entire action surface above media
 * and navigation, while leaving the transparent parent itself non-interactive.
 */
.qbp-story-screen[data-qbp-story-viewer] .qbp-story-slide__actions[data-qbp-content-bound="1"]{
  position:absolute!important;
  inset:0!important;
  z-index:2147483000!important;
  pointer-events:none!important;
  isolation:isolate!important;
  overflow:visible!important;
}
.qbp-story-screen[data-qbp-story-viewer] .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--engagement,
.qbp-story-screen[data-qbp-story-viewer] .qbp-story-slide__actions[data-qbp-content-bound="1"] > .qbp-content-actions__row--contacts{
  pointer-events:auto!important;
  z-index:2147483001!important;
}
.qbp-story-screen[data-qbp-story-viewer] .qbp-story-slide__actions[data-qbp-content-bound="1"] button,
.qbp-story-screen[data-qbp-story-viewer] .qbp-story-slide__actions[data-qbp-content-bound="1"] a,
.qbp-story-screen[data-qbp-story-viewer] .qbp-story-slide__actions[data-qbp-content-bound="1"] [role="button"]{
  pointer-events:auto!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
}
.qbp-story-screen[data-qbp-story-viewer] .qbp-story-slide{
  isolation:isolate!important;
}


/* QBP v25.32 Story Experience: non-blocking feedback + native double-like */
.qbp-story-toast{
  position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%,16px);
  z-index:2147483000;max-width:min(92vw,420px);padding:11px 16px;border-radius:999px;
  background:rgba(20,20,20,.92);color:#fff;font-size:13px;line-height:1.4;text-align:center;
  box-shadow:0 10px 35px rgba(0,0,0,.28);opacity:0;pointer-events:none;
  transition:opacity .18s ease,transform .18s ease;
}
.qbp-story-toast.is-visible{opacity:1;transform:translate(-50%,0);}
.qbp-story-toast--success{background:rgba(25,25,25,.94);}
.qbp-story-toast--warning,.qbp-story-toast--error{background:rgba(35,25,25,.95);}
.qbp-story-double-like{animation:qbp-story-double-like .42s ease both;}
@keyframes qbp-story-double-like{
  0%{filter:brightness(1)}
  35%{filter:brightness(1.15)}
  100%{filter:brightness(1)}
}
@media (prefers-reduced-motion:reduce){
  .qbp-story-toast{transition:none}
  .qbp-story-double-like{animation:none}
}


/* v25.33.0 Story Experience Engine */
.qbp-story-owner-action{opacity:.9}
.qbp-story-reaction-picker{position:fixed;z-index:1000000;display:flex;gap:4px;padding:7px 9px;border-radius:999px;background:rgba(20,20,24,.96);box-shadow:0 10px 35px rgba(0,0,0,.28);direction:ltr}
.qbp-story-reaction-picker button{border:0;background:transparent;width:38px;height:38px;padding:0;border-radius:50%;font-size:23px;cursor:pointer;transition:transform .15s ease,background .15s ease}
.qbp-story-reaction-picker button:hover,.qbp-story-reaction-picker button:focus-visible{background:rgba(255,255,255,.12);transform:scale(1.15);outline:0}
.qbp-story-experience-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:16px}
.qbp-story-experience-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62)}
.qbp-story-experience-modal__dialog{position:relative;width:min(94vw,520px);max-height:min(82vh,700px);overflow:hidden;background:#fff;border-radius:22px;box-shadow:0 24px 80px rgba(0,0,0,.28);display:flex;flex-direction:column}
.qbp-story-experience-modal__dialog>header{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #eee}
.qbp-story-experience-modal__dialog>header button{border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer}
.qbp-story-experience-modal__body{overflow:auto;padding:16px}
.qbp-story-viewers-list{display:grid;gap:10px}
.qbp-story-viewer-row{display:flex;align-items:center;gap:11px;padding:9px 4px;border-bottom:1px solid #f0f0f0}
.qbp-story-viewer-row img{width:42px;height:42px;border-radius:50%;object-fit:cover}
.qbp-story-viewer-row div{display:grid;gap:3px}
.qbp-story-viewer-row small{opacity:.6}
.qbp-story-analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.qbp-story-analytics-card{padding:15px;border:1px solid #ececec;border-radius:16px;background:#fafafa;display:grid;gap:6px}
.qbp-story-analytics-card strong{font-size:12px;opacity:.65}
.qbp-story-analytics-card b{font-size:22px}
.qbp-story-experience-empty{padding:25px;text-align:center;opacity:.65}
@media(max-width:520px){
 .qbp-story-experience-modal{padding:0;align-items:end}
 .qbp-story-experience-modal__dialog{width:100%;max-height:84vh;border-radius:22px 22px 0 0}
 .qbp-story-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){
 .qbp-story-reaction-picker button{transition:none}
}

.qbp-story-archive__item{position:relative}
.qbp-story-archive__item [data-qbp-story-restore]{margin-top:8px;border:0;border-radius:10px;padding:7px 10px;cursor:pointer}
.qbp-story-archive__item [data-qbp-story-restore].is-restored{opacity:.65;cursor:default}
.qbp-story-reaction-action{display:inline-flex;align-items:center;justify-content:center}
.qbp-story-reaction-action span{font-size:20px;line-height:1}

.qbp-story-archive__actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.qbp-story-highlight-picker{display:grid;gap:8px}.qbp-story-highlight-picker__item{border:1px solid #e7e7e7;background:#fff;border-radius:12px;padding:11px;text-align:right;cursor:pointer}.qbp-story-highlight-picker__item:hover{background:#f7f7f7}.qbp-story-archive header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.qbp-story-archive header p{flex-basis:100%}


/* v25.34 Story Experience: owner highlight management + richer analytics */
.qbp-story-highlight-card{display:flex;flex-direction:column;gap:7px;min-width:92px}
.qbp-story-highlight-card__actions{display:flex;justify-content:center;gap:5px}
.qbp-story-highlight-card__actions button{border:0;background:transparent;font-size:11px;cursor:pointer;opacity:.72;padding:3px 5px}
.qbp-story-highlight-card__actions button:hover{opacity:1}
.qbp-story-analytics-breakdown{display:grid;gap:7px;margin-top:14px;padding-top:14px;border-top:1px solid #eee}
.qbp-story-analytics-breakdown__row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}
.qbp-story-analytics-breakdown__bar{height:6px;flex:1;background:#eee;border-radius:99px;overflow:hidden}
.qbp-story-analytics-breakdown__bar i{display:block;height:100%;background:currentColor;border-radius:99px}