/* RUNLAA V3.8.3.22 — restore polished Story UI, share panel, comments, featured locale-safe UI */
:root{
  --v22-surface:var(--rl-surface,#fff);
  --v22-surface-2:var(--rl-surface-2,#fff7ed);
  --v22-text:var(--rl-text,#1f2937);
  --v22-muted:var(--rl-muted,#6b7280);
  --v22-line:var(--rl-border,rgba(15,23,42,.12));
  --v22-brand:var(--rl-orange,var(--rl-brand,#f59e0b));
  --v22-brand-2:var(--rl-orange-2,#fb923c);
  --v22-focus:rgba(245,158,11,.20);
}
[data-theme="dark"],[data-theme="dark-orange"]{
  --v22-surface:#191d26;
  --v22-surface-2:#111620;
  --v22-text:#f3f4f6;
  --v22-muted:#a8b0bf;
  --v22-line:#343b49;
  --v22-focus:rgba(245,158,11,.28);
}

/* The tier is an access model, not reader-facing decoration. */
.reader-tier-strip{display:none!important}

/* COMMENTS — restore the softer editorial treatment, keep it aligned to reading width. */
.story-comments-section{
  width:min(100%,760px)!important;
  max-width:760px!important;
  margin:4rem auto 1.5rem!important;
  padding-top:2rem!important;
  border-top:1px solid var(--v22-line)!important;
  color:var(--v22-text)!important;
}
.story-comments-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;margin-bottom:1.1rem}
.story-comments-count{
  display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:34px;padding:0 .72rem;
  border-radius:999px!important;border:1px solid var(--v22-line)!important;
  background:var(--v22-surface-2)!important;color:var(--v22-muted)!important;font-weight:850
}
.story-comment-form,.story-comment-login,.story-comment-item{
  border:1px solid var(--v22-line)!important;
  background:var(--v22-surface)!important;color:var(--v22-text)!important;
  box-shadow:0 10px 30px rgba(15,23,42,.055)!important;
}
.story-comment-form,.story-comment-login{border-radius:24px!important;padding:1.15rem 1.2rem 1.2rem!important}
.story-comment-item{border-radius:20px!important;padding:1.05rem 1.1rem!important}
.story-comment-list{display:grid;gap:.85rem;margin-top:1rem}
.story-comment-form label,.story-comment-author,.story-comment-body{color:var(--v22-text)!important}
.story-comment-author{font-weight:850}
.story-comment-time,.story-comment-note{color:var(--v22-muted)!important}
.story-comment-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.72}
.story-comment-form textarea.form-control{
  min-height:125px!important;resize:vertical;border-radius:18px!important;
  border:1px solid var(--v22-line)!important;background:var(--v22-surface-2)!important;
  color:var(--v22-text)!important;-webkit-text-fill-color:var(--v22-text)!important;
  padding:.95rem 1rem!important;box-shadow:none!important
}
.story-comment-form textarea.form-control::placeholder{color:var(--v22-muted)!important;opacity:.8!important}
.story-comment-form textarea.form-control:focus{border-color:var(--v22-brand)!important;box-shadow:0 0 0 4px var(--v22-focus)!important}
.story-comment-form .btn,.story-comment-login .btn{border-radius:999px!important}
.story-comment-delete{border-radius:999px!important;padding:.28rem .6rem!important}
.story-comment-feedback{border-radius:18px!important;background:var(--v22-surface-2)!important;color:var(--v22-text)!important;border-color:var(--v22-line)!important}
[data-theme="dark"] .story-comment-form,[data-theme="dark"] .story-comment-login,[data-theme="dark"] .story-comment-item,
[data-theme="dark-orange"] .story-comment-form,[data-theme="dark-orange"] .story-comment-login,[data-theme="dark-orange"] .story-comment-item{
  background:#191d26!important;color:#f3f4f6!important;border-color:#343b49!important;
  box-shadow:0 14px 34px rgba(0,0,0,.18)!important
}
[data-theme="dark"] .story-comment-form textarea.form-control,[data-theme="dark-orange"] .story-comment-form textarea.form-control{
  background:#111620!important;color:#f3f4f6!important;-webkit-text-fill-color:#f3f4f6!important;border-color:#343b49!important
}

/* SHARE — contained, polished and theme-safe instead of unstyled text controls. */
#story-share-toggle{
  border-radius:999px!important;padding:.58rem .95rem!important;
  border:1px solid color-mix(in srgb,var(--v22-brand) 34%,var(--v22-line))!important;
  background:color-mix(in srgb,var(--v22-brand) 7%,var(--v22-surface))!important;
  color:var(--v22-text)!important;font-weight:800!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease
}
#story-share-toggle:hover{
  transform:translateY(-1px);border-color:color-mix(in srgb,var(--v22-brand) 62%,var(--v22-line))!important;
  background:color-mix(in srgb,var(--v22-brand) 12%,var(--v22-surface))!important;
  box-shadow:0 8px 20px rgba(245,158,11,.10)!important
}
#story-share-panel{
  width:min(100%,760px)!important;max-width:760px!important;
  padding:1rem!important;border:1px solid var(--v22-line)!important;border-radius:24px!important;
  background:color-mix(in srgb,var(--v22-surface) 96%,transparent)!important;color:var(--v22-text)!important;
  box-shadow:0 18px 44px rgba(15,23,42,.08)!important
}
#story-share-panel[hidden]{display:none!important}
#story-share-panel .share-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:.58rem!important}
#story-share-panel .share-action{
  min-height:44px;display:flex!important;align-items:center;justify-content:center;gap:.4rem;
  border:1px solid var(--v22-line)!important;border-radius:14px!important;
  background:var(--v22-surface-2)!important;color:var(--v22-text)!important;
  padding:.65rem .7rem!important;text-decoration:none!important;font-size:.88rem;font-weight:800;
  cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease
}
#story-share-panel .share-action:hover{
  transform:translateY(-1px);border-color:color-mix(in srgb,var(--v22-brand) 55%,var(--v22-line))!important;
  background:color-mix(in srgb,var(--v22-brand) 8%,var(--v22-surface))!important;
  color:var(--v22-text)!important;box-shadow:0 7px 18px rgba(15,23,42,.06)
}
#story-share-panel .share-action[data-channel="native"],#story-share-panel .share-action[data-channel="copy"]{
  border-color:color-mix(in srgb,var(--v22-brand) 40%,var(--v22-line))!important;
}
[data-theme="dark"] #story-share-panel,[data-theme="dark-orange"] #story-share-panel{
  background:#191d26!important;border-color:#343b49!important;color:#f3f4f6!important;box-shadow:0 20px 48px rgba(0,0,0,.28)!important
}
[data-theme="dark"] #story-share-panel .share-action,[data-theme="dark-orange"] #story-share-panel .share-action{
  background:#111620!important;color:#f3f4f6!important;border-color:#343b49!important
}
[data-theme="dark"] #story-share-panel .share-action:hover,[data-theme="dark-orange"] #story-share-panel .share-action:hover{
  background:#202633!important;border-color:color-mix(in srgb,var(--v22-brand) 58%,#343b49)!important
}

/* Featured collection page/cards keep the current locale visually and structurally consistent. */
.runlaa-featured-collections .featured-collection-card,.featured-collection-hero+.section .story-card{border-radius:24px}

@media(max-width:767.98px){
  .story-comments-section{width:100%!important;margin-top:2.7rem!important;padding-top:1.5rem!important}
  .story-comments-head{align-items:flex-start}
  #story-share-panel{border-radius:20px!important;padding:.85rem!important}
  #story-share-panel .share-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:420px){#story-share-panel .share-grid{grid-template-columns:1fr}}