/* RUNLAA V3.8.3.21 — reader tiers + featured collections + comments width */
:root{
 --v21-surface:var(--surface,var(--rl-surface,#fffdf8));
 --v21-surface-2:var(--surface-2,var(--rl-surface-2,#fff7ed));
 --v21-text:var(--text,var(--rl-text,#171717));
 --v21-muted:var(--muted,var(--rl-muted,#746f64));
 --v21-line:var(--line,var(--rl-border,rgba(15,23,42,.12)));
 --v21-brand:var(--brand,var(--rl-orange,var(--rl-brand,#f59e0b)));
 --v21-brand-2:var(--rl-orange-2,#fb923c);
}
/* Comments belong to reader column, never full screen. */
.story-comments-section{width:100%!important;max-width:760px!important;margin-left:auto!important;margin-right:auto!important}
.story-comments-section .story-comment-form,.story-comments-section .story-comment-login,.story-comments-section .story-comment-item{background:var(--v21-surface)!important;color:var(--v21-text)!important;border-color:var(--v21-line)!important}
.story-comments-section textarea.form-control,.story-comments-section .form-control{background:var(--v21-surface-2)!important;color:var(--v21-text)!important;-webkit-text-fill-color:var(--v21-text)!important;border-color:var(--v21-line)!important}
[data-theme="dark"] .story-comments-section,[data-theme="dark-orange"] .story-comments-section{--v21-surface:#191d26;--v21-surface-2:#111620;--v21-text:#f3f4f6;--v21-muted:#a8b0bf;--v21-line:#343b49}
[data-theme="dark"] .story-comments-section .story-comment-form,[data-theme="dark"] .story-comments-section .story-comment-login,[data-theme="dark"] .story-comments-section .story-comment-item,[data-theme="dark-orange"] .story-comments-section .story-comment-form,[data-theme="dark-orange"] .story-comments-section .story-comment-login,[data-theme="dark-orange"] .story-comments-section .story-comment-item{background:#191d26!important;color:#f3f4f6!important;border-color:#343b49!important}
[data-theme="dark"] .story-comments-section textarea.form-control,[data-theme="dark"] .story-comments-section .form-control,[data-theme="dark-orange"] .story-comments-section textarea.form-control,[data-theme="dark-orange"] .story-comments-section .form-control{background:#111620!important;color:#f3f4f6!important;-webkit-text-fill-color:#f3f4f6!important;border-color:#343b49!important}
[data-theme="dark"] .story-comments-section .story-comments-count,[data-theme="dark-orange"] .story-comments-section .story-comments-count{background:#202633!important;color:#c8cfda!important;border-color:#343b49!important}

.reader-tier-strip{max-width:860px;margin:1.25rem auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;padding:.6rem;border:1px solid var(--v21-line);background:color-mix(in srgb,var(--v21-surface) 92%,transparent);border-radius:20px}
.reader-tier-step{min-width:0;padding:.7rem .78rem;border-radius:14px;color:var(--v21-muted);display:grid;grid-template-columns:auto 1fr;grid-template-areas:"n label" "n small";column-gap:.55rem;align-items:center}
.reader-tier-step>span{grid-area:n;width:27px;height:27px;border-radius:999px;display:flex;align-items:center;justify-content:center;border:1px solid var(--v21-line);font-size:.74rem;font-weight:900}.reader-tier-step>strong{grid-area:label;font-size:.8rem;color:inherit}.reader-tier-step>small{grid-area:small;font-size:.66rem;line-height:1.25;color:inherit}
.reader-tier-step.is-current{background:color-mix(in srgb,var(--v21-brand) 12%,var(--v21-surface));color:var(--v21-text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--v21-brand) 42%,var(--v21-line))}.reader-tier-step.is-current>span{background:linear-gradient(135deg,var(--v21-brand),var(--v21-brand-2));border-color:transparent;color:#fff}

.featured-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.featured-collection-card{display:flex;flex-direction:column;min-height:285px;padding:1.35rem;border-radius:24px;border:1px solid var(--v21-line);background:linear-gradient(145deg,color-mix(in srgb,var(--v21-brand) 8%,var(--v21-surface)),var(--v21-surface));text-decoration:none;color:var(--v21-text);box-shadow:var(--rl-shadow-xs,0 4px 14px rgba(15,23,42,.05));transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.featured-collection-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--v21-brand) 55%,var(--v21-line));box-shadow:var(--rl-shadow-sm,0 10px 30px rgba(15,23,42,.08));color:var(--v21-text)}.featured-collection-kicker{font-size:.73rem;font-weight:900;letter-spacing:.08em;color:var(--v21-brand);margin-bottom:1.1rem}.featured-collection-card strong{font-size:1.45rem;line-height:1.2;margin-bottom:.8rem}.featured-collection-card p{color:var(--v21-muted);line-height:1.7;margin:0 0 1rem}.featured-collection-link{margin-top:auto;font-weight:850}.collection-21-note{max-width:760px;padding:1rem 1.2rem;border-radius:18px;border:1px solid color-mix(in srgb,var(--v21-brand) 42%,var(--v21-line));background:color-mix(in srgb,var(--v21-brand) 9%,var(--v21-surface));color:var(--v21-text)}

/* Free reader: one clear continue button, choices open in modal. */
.v21-continue-gate{max-width:720px;margin:0 auto}.v21-continue-gate .v21-continue-button{min-width:220px;font-size:1.04rem}.v21-reader-modal{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(7,10,16,.72);backdrop-filter:blur(8px)}.v21-reader-modal.is-open{display:flex}.v21-reader-modal-dialog{position:relative;width:min(980px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:26px;border:1px solid var(--v21-line);background:var(--v21-surface);color:var(--v21-text);padding:1.3rem;box-shadow:0 30px 90px rgba(0,0,0,.28)}.v21-reader-modal-close{position:absolute;right:14px;top:12px;width:38px;height:38px;border-radius:999px;border:1px solid var(--v21-line);background:var(--v21-surface-2);color:var(--v21-text);font-size:1.2rem}.v21-reader-modal-title{padding-right:48px}.v21-reader-modal .journey-option{background:var(--v21-surface-2);border-color:var(--v21-line)}.v21-reader-modal .form-control,.v21-reader-modal .input-group-text{background:var(--v21-surface)!important;color:var(--v21-text)!important;border-color:var(--v21-line)!important}
[data-theme="dark"] .v21-reader-modal,[data-theme="dark-orange"] .v21-reader-modal{--v21-surface:#171b24;--v21-surface-2:#202633;--v21-text:#f3f4f6;--v21-muted:#a8b0bf;--v21-line:#343b49}
body.v21-modal-open{overflow:hidden}

@media(max-width:991.98px){.featured-collection-grid{grid-template-columns:1fr}.featured-collection-card{min-height:0}.reader-tier-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.story-comments-section{max-width:100%!important}.reader-tier-strip{grid-template-columns:1fr}.reader-tier-step{grid-template-columns:auto 1fr}.v21-reader-modal{padding:10px}.v21-reader-modal-dialog{max-height:calc(100vh - 20px);border-radius:20px;padding:1rem}.featured-collection-card{border-radius:20px}}

/* Pagination — final theme-safe override for public + Owner tables/comments. */
.pagination{gap:.35rem;flex-wrap:wrap}
.pagination .page-item .page-link{min-width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px!important;border:1px solid var(--v21-line)!important;background:var(--v21-surface)!important;color:var(--v21-text)!important;box-shadow:none!important}
.pagination .page-item .page-link:hover{border-color:color-mix(in srgb,var(--v21-brand) 55%,var(--v21-line))!important;background:color-mix(in srgb,var(--v21-brand) 9%,var(--v21-surface))!important;color:var(--v21-text)!important}
.pagination .page-item.active .page-link{background:linear-gradient(135deg,var(--v21-brand),var(--v21-brand-2))!important;border-color:transparent!important;color:#fff!important;font-weight:900}
.pagination .page-item.disabled .page-link{opacity:.48!important;background:var(--v21-surface-2)!important;color:var(--v21-muted)!important}
[data-theme="dark"] .pagination,[data-theme="dark-orange"] .pagination{--v21-surface:#191d26;--v21-surface-2:#111620;--v21-text:#f3f4f6;--v21-muted:#a8b0bf;--v21-line:#343b49}
[data-theme="dark"] .pagination .page-item .page-link,[data-theme="dark-orange"] .pagination .page-item .page-link{background:#191d26!important;color:#f3f4f6!important;border-color:#343b49!important}
[data-theme="dark"] .pagination .page-item.disabled .page-link,[data-theme="dark-orange"] .pagination .page-item.disabled .page-link{background:#111620!important;color:#7f8898!important}