.journal-hero-v6 { padding: 82px 0 66px; background: radial-gradient(ellipse at 80% 20%, rgb(155 108 255 / .12), transparent 50%), radial-gradient(ellipse at 10% 70%, rgb(236 79 166 / .08), transparent 55%); border-bottom: 1px solid var(--line); }
.journal-hero-v6 h1 { font-size: clamp(42px, 5.8vw, 78px); letter-spacing: -.055em; line-height: 1.06; max-width: 920px; margin: 20px 0 25px; }
.journal-hero-v6 h1 span { color: var(--pink); background: var(--brand-gradient); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.journal-hero-v6 p { max-width: 610px; color: var(--copy); font-size: 19px; }
.journal-explore-v6 { display: inline-flex; align-items: center; gap: 22px; margin-top: 15px; font-weight: 650; color: #efa4d3; }
.journal-explore-v6:hover { color: #ffcbeb; }
.journal-heading-v6 { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.journal-heading-v6 h2 { font-size: 32px; margin: 4px 0 0; letter-spacing: -.035em; }
.journal-heading-v6 > span { font-size: 13px; color: var(--muted); }
.journal-grid-v6 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.journal-card-v6 { display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 16px; padding: 28px; background: var(--panel); transition: border-color 180ms ease, box-shadow 180ms ease; overflow-wrap: anywhere; }
.journal-card-v6:hover, .journal-card-v6:focus-within { border-color: #795376; box-shadow: 0 10px 40px rgb(0 0 0 / .22); }
.journal-card-featured-v6 { grid-column: span 2; background: radial-gradient(ellipse at top right, rgb(155 108 255 / .11), transparent 70%), var(--panel); }
.journal-card-meta-v6 { display: flex; gap: 12px; flex-wrap: wrap; justify-content: space-between; font-size: 12px; color: var(--muted); }
.journal-card-meta-v6 > span { color: #eca6d6; }
.journal-card-v6 h3 { font-size: 24px; line-height: 1.25; letter-spacing: -.025em; margin: 24px 0 10px; }
.journal-card-featured-v6 h3 { font-size: 34px; }
.journal-card-v6 p { color: var(--copy); margin: 0 0 24px; }
.journal-read-v6 { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: auto; padding-top: 20px; border-top: 1px solid var(--line); font-size: 14px; font-weight: 650; }
.journal-read-v6 span { color: var(--pink); font-size: 21px; }
.journal-empty-v6 { text-align: center; border: 1px solid var(--line); border-radius: 18px; padding: 50px 24px; background: radial-gradient(ellipse at 50% 0%, rgb(155 108 255 / .08), transparent 65%), var(--panel); }
.journal-empty-v6 h3 { font-size: 26px; margin: 12px 0; }
.journal-empty-v6 p { color: var(--copy); max-width: 500px; margin: 0 auto 25px; }
.journal-empty-mark-v6 { display: inline-block; width: 30px; height: 30px; color: var(--pink); background: currentColor; -webkit-mask: url('/assets/icons/spark.svg') center / contain no-repeat; mask: url('/assets/icons/spark.svg') center / contain no-repeat; }
.journal-status-v6 { color: var(--muted); font-size: 13px; }
.journal-status-v6:empty { display: none; }
.journal-status-v6[data-error="true"] { color: #ffafc2; }
.journal-more-v6 { display: flex; margin: 30px auto 0; }
.journal-article-v6 { max-width: 850px; }
.journal-back-v6 { display: inline-block; color: var(--muted); margin-bottom: 40px; }
.journal-back-v6:hover { color: var(--text); }
.journal-article-head-v6 { padding-bottom: 32px; border-bottom: 1px solid var(--line); margin-bottom: 34px; }
.journal-article-head-v6 h1 { font-size: clamp(36px, 4.7vw, 62px); letter-spacing: -.045em; line-height: 1.1; margin: 20px 0; overflow-wrap: anywhere; }
.journal-article-head-v6 > p { color: var(--copy); font-size: 21px; }
.journal-article-meta-v6 { display: flex; flex-wrap: wrap; gap: 22px; font-size: 13px; color: var(--muted); }
.journal-prose-v6 { font-size: 18px; line-height: 1.85; overflow-wrap: anywhere; }
.journal-prose-v6 h2 { margin-top: 40px; font-size: 30px; line-height: 1.3; letter-spacing: -.02em; }
.journal-prose-v6 h3 { color: var(--text); line-height: 1.4; font-size: 23px; }
.journal-prose-v6 li + li { margin-top: 8px; }
.journal-article-footer-v6 { margin-top: 54px; padding: 24px 0; border-top: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; color: var(--muted); }
@media (max-width: 980px) { .journal-grid-v6 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) {
  .journal-hero-v6 { padding: 52px 0 44px; }
  .journal-hero-v6 h1 { font-size: 43px; }
  .journal-grid-v6 { grid-template-columns: 1fr; }
  .journal-card-featured-v6 { grid-column: auto; }
  .journal-card-v6 { padding: 23px; }
  .journal-card-featured-v6 h3 { font-size: 28px; }
  .journal-heading-v6 { align-items: flex-start; }
  .journal-article-head-v6 > p { font-size: 18px; }
  .journal-prose-v6 { font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) { .journal-card-v6 { transition: none; } }

/* Editorial image system: the picture is original BrowseRP artwork, while the
   brand lock-up stays real HTML rather than baked, inaccessible image text. */
.journal-feed-v6 { padding-top: 68px; }
.journal-card-v6 { padding: 0; border-radius: 20px; overflow: hidden; }
.journal-card-art-v6 { display: block; position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #151426; }
.journal-card-art-v6 > img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 350ms ease; }
.journal-card-v6:hover .journal-card-art-v6 > img { transform: scale(1.035); }
.journal-card-featured-v6 .journal-card-art-v6 { aspect-ratio: 2 / 1; }
.journal-grid-single-v6 { grid-template-columns: minmax(0, 1fr); max-width: 880px; }
.journal-grid-single-v6 .journal-card-featured-v6 { grid-column: auto; }
.journal-art-brand-v6 { position: absolute; left: 18px; bottom: 17px; display: flex; align-items: center; width: 105px; min-height: 38px; padding: 7px 10px; border: 1px solid rgb(255 255 255 / .22); border-radius: 9px; background: rgb(9 9 22 / .72); backdrop-filter: blur(9px); }
.journal-art-brand-v6 img { display: block; width: 100%; height: auto; max-height: 26px; object-fit: contain; }
.journal-card-content-v6 { display: flex; flex: 1; flex-direction: column; padding: 24px 26px 25px; }
.journal-card-v6 h3 { margin: 17px 0 11px; }
.journal-card-v6 h3 a:hover, .journal-card-v6 h3 a:focus-visible { color: var(--pink); }
.journal-card-v6 p { line-height: 1.6; }
.journal-card-author-v6 { margin-top: auto; padding: 4px 0 18px; }
.journal-author-v6:empty { display: none; }
.journal-author-v6 a { display: inline-flex; align-items: center; gap: 10px; color: var(--text); font-size: 13px; font-weight: 650; text-decoration: none; }
.journal-author-v6 a:hover strong, .journal-author-v6 a:focus-visible strong { color: var(--pink); text-decoration: underline; text-underline-offset: 3px; }
.journal-author-avatar-v6 { width: 34px; height: 34px; display: grid; place-items: center; flex: none; overflow: hidden; border-radius: 50%; color: #fff; background: linear-gradient(135deg, #964cb9, #562d78); font-size: 14px; font-weight: 700; }
.journal-author-avatar-v6 img { width: 100%; height: 100%; object-fit: cover; }
.journal-author-name-v6 { display: grid; gap: 1px; }
.journal-author-name-v6 small { color: var(--muted); font-size: 11px; font-weight: 500; }
.journal-read-v6 { margin-top: 0; }
.journal-article-page-v6 { padding-top: 46px; }
.journal-article-v6 { max-width: 1120px; }
.journal-back-v6 { margin-bottom: 36px; }
.journal-article-head-v6 { max-width: 850px; margin: 0 auto 28px; padding-bottom: 0; border: 0; }
.journal-article-head-v6 h1 { margin: 15px 0 17px; font-size: clamp(39px, 5vw, 68px); line-height: 1.08; }
.journal-article-head-v6 > p { max-width: 760px; margin: 0 0 26px; line-height: 1.55; }
.journal-article-byline-v6 { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; padding: 20px 0 0; border-top: 1px solid var(--line); }
.journal-article-meta-v6 { gap: 8px; align-items: center; }
.journal-article-meta-v6 span:not(:empty)::before { content: "·"; padding-right: 8px; }
.journal-article-art-v6 { position: relative; width: 100%; max-width: 1120px; margin: 0 auto 36px; aspect-ratio: 16 / 8.5; overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: #151426; }
.journal-article-v6:not(:has(#journal-article-v6[data-public-rendered="true"])) .journal-article-art-v6 { display: none; }
.journal-article-art-v6 > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.journal-article-art-v6 .journal-art-brand-v6 { width: 150px; min-height: 46px; left: 24px; bottom: 22px; }
.journal-article-art-v6 .journal-art-brand-v6 img { max-height: 34px; }
.journal-prose-v6 { max-width: 740px; margin: 0 auto; line-height: 1.85; }
.journal-prose-v6 p, .journal-prose-v6 li { color: var(--copy); }
.journal-article-footer-v6 { max-width: 740px; margin-left: auto; margin-right: auto; }
@media (max-width: 600px) {
  .journal-feed-v6 { padding-top: 44px; }
  .journal-card-featured-v6 .journal-card-art-v6 { aspect-ratio: 16 / 9; }
  .journal-card-content-v6 { padding: 20px; }
  .journal-card-v6 { padding: 0; }
  .journal-article-page-v6 { padding-top: 26px; }
  .journal-back-v6 { margin-bottom: 25px; }
  .journal-article-head-v6 h1 { font-size: clamp(35px, 9vw, 48px); }
  .journal-article-byline-v6 { align-items: flex-start; }
  .journal-article-art-v6 { width: calc(100% + 28px); margin-left: -14px; border-radius: 12px; aspect-ratio: 4 / 3; }
  .journal-article-art-v6 .journal-art-brand-v6 { width: 112px; left: 14px; bottom: 14px; }
}
@media (prefers-reduced-motion: reduce) { .journal-card-art-v6 > img { transition: none; } }

/* The shared premium sheets are intentionally loaded first. These scoped rules
   keep the blog's image-led card structure intact without changing other pages. */
:root body[data-blog-page="index"]:not(.staff-v3):not([data-staff-page]) main .journal-card-v6,
:root body[data-blog-page="index"]:not(.staff-v3):not([data-staff-page]) main .journal-card-featured-v6 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 20px;
  overflow: hidden;
}
:root body[data-blog-page="index"] .journal-grid-single-v6 { grid-template-columns: minmax(0, 1fr); max-width: 880px; }
:root body[data-blog-page="index"] main .journal-card-featured-v6 h3 { max-width: 25ch; font-size: clamp(30px, 3vw, 42px); }
:root body[data-blog-page="article"] .journal-article-v6 { max-width: 1120px; }
/* Keep the reading inset inside the animated introduction, so its artwork
   begins at the navigation edge rather than below the return link. */
:root body[data-blog-page="article"]:not(.staff-v3):not([data-staff-page]) > main.journal-article-page-v6 { padding-top: 0; }
:root body[data-blog-page="article"]:not(.staff-v3):not([data-staff-page]) main .journal-article-head-v6 {
  padding: 46px 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
:root body[data-blog-page="article"]:not(.staff-v3):not([data-staff-page]) main .journal-article-head-v6::after { content: none; }
:root body[data-blog-page="article"] .journal-back-v6 { display: block; width: fit-content; }
:root body[data-blog-page="article"] > main > .advert-banner-shell-v7 { margin-top: 24px; }
@media (max-width: 600px) {
  :root body[data-blog-page="article"]:not(.staff-v3):not([data-staff-page]) main .journal-article-head-v6 { padding-top: 26px; }
}