@charset "UTF-8";

/* Articles use the portal palette on both listing cards and reading pages. */
.portal-page .pc-page--articles {
  --article-text: #c4cbd5;
  --article-muted: #a5aebc;
  --article-heading: var(--portal-text, #f0f1f3);
  --article-accent: var(--portal-accent, #f5a53b);
  --article-border: var(--portal-border, #30343c);
  --article-panel: var(--portal-panel, #1b1e23);
  --article-raised: var(--portal-raised, #22262d);
  min-width: 0;
}

.portal-page .pc-page--articles .pc-card {
  border-color: var(--article-border);
  border-radius: 14px;
  background: var(--article-panel);
  box-shadow: none;
}
.portal-page .pc-page--articles .pc-card h2 a {
  color: var(--article-heading);
  text-decoration: none;
}
.portal-page .pc-page--articles .pc-card h2 a:hover,
.portal-page .pc-page--articles .pc-card h2 a:focus-visible {
  color: var(--article-accent);
}
.portal-page .pc-page--articles .pc-card-copy > p {
  color: var(--article-text) !important;
}
.portal-page .pc-page--articles .pc-meta {
  color: var(--article-muted) !important;
}
.portal-page .pc-page--articles .pc-meta a,
.portal-page .pc-page--articles .pc-card-copy > .text-link {
  color: var(--article-accent);
}
.portal-page .pc-page--articles .pc-card-social {
  margin-top: auto;
  padding: 12px 20px;
  border-top: 1px solid var(--article-border);
  background: #20242a !important;
}
.portal-page .pc-page--articles .pc-engagement {
  margin: 0;
  gap: 8px 13px;
  color: var(--article-muted);
}
.portal-page .pc-page--articles .pc-engagement :is(.product-stat, .like-statistics-button, .like-heart-readonly) {
  color: var(--article-muted);
}
.portal-page .pc-page--articles .pc-engagement .product-stat {
  min-height: 34px;
}
.portal-page .pc-page--articles .pc-engagement :is(.product-like, .product-share) {
  min-height: 36px;
  border: 1px solid #3b424d;
  border-radius: 8px;
  background: #292e36;
  color: #cbd2dc;
  box-shadow: none;
}
.portal-page .pc-page--articles .pc-engagement .product-like {
  width: 36px;
  min-width: 36px;
  padding: 0;
}
.portal-page .pc-page--articles .pc-engagement .like-statistics-button {
  min-height: 36px;
  padding-inline: 5px;
  border-radius: 6px;
  font-family: var(--font, "Segoe UI", Arial, sans-serif);
  font-size: 11px;
}
.portal-page .pc-page--articles .pc-engagement .product-share {
  gap: 7px;
  padding: 7px 10px;
  font-size: 11px;
}
.portal-page .pc-page--articles .pc-engagement :is(.product-like, .product-share):not(:disabled):hover,
.portal-page .pc-page--articles .pc-engagement .product-like[aria-pressed="true"] {
  border-color: #99703a;
  background: #f5a53b18;
  color: var(--article-accent);
}
.portal-page .pc-page--articles .pc-engagement :is(.like-statistics-button, .product-comments):hover {
  background: transparent;
  color: var(--article-accent);
}
.portal-page .pc-page--articles .pc-engagement :is(.product-like, .product-share, .like-statistics-button, .product-comments):focus-visible {
  outline: 2px solid var(--article-accent);
  outline-offset: 3px;
}
.portal-page .pc-page--articles .pc-engagement .engagement-status:not(.sr-only) {
  color: #f0bd76;
}

/* Use the available content column instead of a narrow, centred white surface. */
.portal-page .pc-page--articles.pc-article-page > :is(.breadcrumbs, .pc-article, .pb-comments),
.portal-page .pc-page--articles.pc-article-page :is(.pc-article-heading, .pc-article-intro, .pc-article-gallery, .pc-article-body, .pc-contents, .pc-article-social, .pc-attachments, .pc-staff-links) {
  width: 100%;
  min-width: 0;
  max-width: none;
  margin-inline: 0;
}
.portal-page .pc-page--articles.pc-article-page > :is(.pc-article, .pb-comments) {
  padding: clamp(18px, 2.4vw, 32px);
  border: 1px solid var(--article-border);
  border-radius: 14px;
  background: var(--article-panel) !important;
  color: var(--article-text) !important;
  box-shadow: none;
}
.portal-page .pc-page--articles.pc-article-page .pc-article-heading {
  margin-top: 0;
  margin-bottom: 28px;
  text-align: left;
}
.portal-page .pc-page--articles.pc-article-page .pc-article-heading h1 {
  color: var(--article-heading);
  font-size: clamp(30px, 3.2vw, 46px);
  line-height: 1.17;
  text-wrap: pretty;
}
.portal-page .pc-page--articles.pc-article-page .pc-article-heading > .eyebrow {
  color: var(--article-accent);
}
.portal-page .pc-page--articles.pc-article-page .pc-article-heading .pc-meta {
  justify-content: flex-start;
}
.portal-page .pc-page--articles.pc-article-page .pc-article-intro,
.portal-page .pc-page--articles.pc-article-page .pc-article-body {
  color: var(--article-text) !important;
}
.portal-page .pc-page--articles .pc-reading-time {
  border-color: #f5a53b38;
  background: #f5a53b12;
  color: var(--article-accent);
}
.portal-page .pc-page--articles .pc-contents {
  border-color: var(--article-border);
  border-radius: 12px;
  background: #20242a;
}
.portal-page .pc-page--articles .pc-contents > summary {
  color: var(--article-heading);
}
.portal-page .pc-page--articles .pc-contents a {
  color: var(--article-text);
}
.portal-page .pc-page--articles .pc-contents a > span,
.portal-page .pc-page--articles .pc-contents a:hover {
  color: var(--article-accent);
}
.portal-page .pc-page--articles .pc-article-body :is(h2, h3, h4, h5, h6, strong, b) {
  color: var(--article-heading);
}
.portal-page .pc-page--articles .pc-article-body h2::before {
  background: var(--article-accent);
}
.portal-page .pc-page--articles .pc-article-body li::marker {
  color: var(--article-accent);
}
.portal-page .pc-page--articles .pc-article-body a {
  color: #ffc574;
}
.portal-page .pc-page--articles .pc-article-body a:hover {
  color: #ffdcaa;
}
.portal-page .pc-page--articles .pc-article-body blockquote {
  border-color: #50412e;
  border-left-color: var(--article-accent);
  background: #27241f;
  color: #d2c7b7;
  box-shadow: none;
}
.portal-page .pc-page--articles .pc-article-body figcaption {
  color: var(--article-muted);
}
.portal-page .pc-page--articles .pc-table-wrap {
  border-color: #3b414a;
  background: #191d23;
  scrollbar-color: #65513a #191d23;
}
.portal-page .pc-page--articles .pc-article-body :is(th, td) {
  border-color: #343a43;
  color: var(--article-text);
}
.portal-page .pc-page--articles .pc-article-body th {
  background: #292d34;
  color: var(--article-heading);
}
.portal-page .pc-page--articles .pc-article-body tbody tr:nth-child(even) {
  background: #20252c;
}
.portal-page .pc-page--articles .pc-article-body :is(code, kbd) {
  background: #11151a;
  color: #f8c36b;
}
.portal-page .pc-page--articles .pc-article-body pre {
  border-color: #343a43;
  background: #12161b;
  color: #dde3ec;
}
.portal-page .pc-page--articles .pc-article-body pre code {
  background: transparent;
  color: inherit;
}
.portal-page .pc-page--articles .pc-article-social {
  padding: 18px 0 0;
  border-color: var(--article-border);
  background: transparent !important;
}
.portal-page .pc-page--articles .pc-attachments {
  border-color: var(--article-border);
  border-radius: 12px;
  background: #20242a !important;
}
.portal-page .pc-page--articles .pc-attachments h2,
.portal-page .pc-page--articles .pc-file strong {
  color: var(--article-heading);
}
.portal-page .pc-page--articles .pc-file {
  border-color: #3b414a;
  border-radius: 9px;
  background: #252a32 !important;
  color: var(--article-text) !important;
}
.portal-page .pc-page--articles .pc-file small {
  color: var(--article-muted);
}
.portal-page .pc-page--articles :is(.pc-file-icon, .pc-file-action) {
  color: var(--article-accent);
}
.portal-page .pc-page--articles .pc-file-icon {
  background: #f5a53b12 !important;
}
.portal-page .pc-page--articles .pc-staff-links {
  padding: 0;
  background: transparent !important;
}
.portal-page .pc-page--articles.pc-article-page > .pb-comments .cm-login {
  background: #22262d;
}

@media (max-width: 560px) {
  .portal-page .pc-page--articles .pc-card-social { padding: 12px 16px; }
  .portal-page .pc-page--articles .pc-engagement { gap: 7px 11px; }
  .portal-page .pc-page--articles.pc-article-page .pc-article-heading h1 { font-size: 30px; }
  .portal-page .pc-page--articles .pc-attachments { padding: 18px; }
}