@charset "UTF-8";

/* =========================================================
   Root / Vars (keeps your SCSS tokens + a few CSS vars)
   ========================================================= */
:root {
  /* Layout tuning for article pages */
  --mj-article-width: 760px;   /* readable content width */
  --mj-sidebar-width: 220px;   /* slimmer "Articles in this section" */
  --mj-column-gap: 10px;        /* gap between sidebar and content */
}

/* =========================================================
   Utilities & Resets
   ========================================================= */
*,
*::before,
*::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  background-color: rgba(245, 248, 250, 1);
  color: rgba(19, 27, 32, 1);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

@media (min-width: 1024px) {
  body > main { min-height: 65vh; }
}

h1, h2, h3, h4, h5, h6 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0 0 .25em 0;
}

h1 { font-size: 32px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; font-weight: 600; }
h4 { font-size: 16px; }

/* Links */
a {
  color: rgba(19, 27, 32, 1);
  text-decoration: none;
}
a:hover,
a:focus { text-decoration: underline; }

/* Article content links: stay blue */
.article .article-content a,
.article .article-content a:link,
.article .article-content a:visited,
.article .article-content a:hover,
.article .article-content a:active {
  color: #0055cc !important;
  text-decoration: none;
}
.article .article-content a:hover { text-decoration: underline; }

/* Keep visited links BLUE in content zones (and nav/lang) */
:is(
  .article-body,
  .summary-bubble,
  .article-relatives,
  .promoted-articles,
  .home-promoted-carousel,
  .section-list,
  .section-tree,
  .article-list,
  .search-results,
  .search-results-list,
  .striped-list,
  .recent-activity,
  .post-content,
  .comment-body,
  .attachments,
  .breadcrumbs,
  .profile-section,
  .profile-activity,
  .carousel-slide
) a:visited,
.nav-wrapper a:visited,
.header .language-selector .dropdown-toggle:visited,
.footer a:visited,
.footer-language-selector .dropdown-toggle:visited,
.search-results .search-result-title:visited,
.search-results .meta-group a:visited,
.breadcrumbs li a:visited {
  color: rgba(19, 27, 32, 1) !important;
}

/* Better focus — only when keyboarding */
:focus { outline: none; }
:focus-visible {
  outline: 2px solid rgba(150, 134, 244, 1);
  outline-offset: 2px;
  text-decoration: none !important;
}

/* Motion-safety */
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* =========================================================
   Forms / Inputs
   ========================================================= */
input,
textarea,
select { color: #000; font-size: 14px; }

input {
  font-weight: 300;
  max-width: 100%;
  outline: none;
  transition: border .12s ease-in-out;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 10px;
}
input:focus { border-color: rgba(150, 134, 244, 1); }
input[disabled] { background-color: #ddd; }

textarea {
  border: 1px solid #ddd;
  border-radius: 2px;
  resize: vertical;
  width: 100%;
  outline: none;
  padding: 10px;
}
textarea:focus { border-color: rgba(150, 134, 244, 1); }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff url(/hc/theming_assets/01HZPE3BJG9HQZ0R18YTHQ19MZ) no-repeat right 10px center / 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 8px 30px 8px 10px;
  outline: none;
  color: #555;
  width: 100%;
}
select:focus { border-color: rgba(150, 134, 244, 1); }
select::-ms-expand { display: none; }

/* =========================================================
   Layout Containers
   ========================================================= */
.container,
.header,
.footer-inner,
.error-page {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
}
@media (min-width: 1160px) {
  .container,
  .header,
  .footer-inner,
  .error-page {
    padding: 0;
    width: 90%;
  }
}

.container-divider { border-top: 1px solid #ddd; margin-bottom: 20px; }

ul { list-style: none; margin: 0; padding: 0; }

.visibility-hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0);
  clip-path: inset(50%);
  border: 0; white-space: nowrap;
}

/* =========================================================
   Buttons
   ========================================================= */
.button, [role="button"] {
  border: 1px solid rgba(150, 134, 244, 1);
  border-radius: 4px;
  color: rgba(150, 134, 244, 1);
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  line-height: 2.34;
  margin: 0;
  padding: 0 20px;
  text-align: center;
  transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out;
  user-select: none; white-space: nowrap;
  width: 100%;
  -webkit-touch-callout: none;
}
@media (min-width: 768px) { .button, [role="button"] { width: auto; } }

.button:hover,
.button:active,
.button:focus,
.button[aria-selected="true"],
[role="button"]:hover,
[role="button"]:active,
[role="button"]:focus,
[role="button"][aria-selected="true"] {
  background-color: rgba(150, 134, 244, 1);
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
}

.button[aria-selected="true"]:hover,
.button[aria-selected="true"]:focus,
.button[aria-selected="true"] :active,
[role="button"][aria-selected="true"]:hover,
[role="button"][aria-selected="true"]:focus,
[role="button"][aria-selected="true"]:active {
  background-color: #4529ec;
  border-color: #4529ec;
}

.button[data-disabled],
[role="button"][data-disabled] { cursor: default; }

.button-large,
input[type="submit"] {
  background-color: rgba(150, 134, 244, 1);
  border: 0;
  border-radius: 4px;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-weight: 400;
  line-height: 2.72;
  min-width: 190px;
  padding: 0 1.9286em;
  width: 100%;
}
@media (min-width: 768px) { .button-large, input[type="submit"] { width: auto; } }
.button-large:hover,
.button-large:focus,
input[type="submit"]:hover,
input[type="submit"]:focus { background-color: #4529ec; }
.button-large[disabled],
input[type="submit"][disabled] { background-color: #ddd; }

.button-secondary {
  color: #395160;
  border: 1px solid #ddd;
  background-color: transparent;
}
.button-secondary:hover,
.button-secondary:focus {
  color: rgba(19, 27, 32, 1);
  background-color: #ebf1f5;
}

/* =========================================================
   Tables
   ========================================================= */
.table { width: 100%; table-layout: fixed; }
@media (min-width: 768px) { .table { table-layout: auto; } }

.table th, .table th a {
  color: #395160;
  font-size: 13px; font-weight: 300; text-align: left;
}
[dir="rtl"] .table th, [dir="rtl"] .table th a { text-align: right; }

.table tr {
  border-bottom: 1px solid #ddd;
  display: block; padding: 20px 0;
}
@media (min-width: 768px) { .table tr { display: table-row; } }

.table td { display: block; }
@media (min-width: 768px) { .table td { display: table-cell; } }

@media (min-width: 1024px) { .table td, .table th { padding: 20px 30px; } }
@media (min-width: 768px)  { .table td, .table th { padding: 10px 20px; height: 60px; } }

/* =========================================================
   Forms (structured)
   ========================================================= */
.form { max-width: 650px; }
.form-field ~ .form-field { margin-top: 25px; }

.form-field label { display: block; font-size: 13px; margin-bottom: 5px; }

.form-field input { border: 1px solid #ddd; border-radius: 4px; padding: 10px; width: 100%; }
.form-field input:focus { border-color: rgba(150, 134, 244, 1); }
.form-field input[type="checkbox"] { width: auto; }
.form-field .nesty-input {
  border-radius: 4px;
  height: 40px; line-height: 40px; outline: none; vertical-align: middle;
}
.form-field .nesty-input:focus,
.form-field .hc-multiselect-toggle:focus {
  border: 1px solid rgba(150, 134, 244, 1); text-decoration: none;
}
.form-field textarea { vertical-align: middle; }
.form-field input[type="checkbox"] + label { margin-left: 10px; }

.form-field.required > label::after { content: "*"; color: #f00; margin-left: 2px; }
.form-field .optional { color: #395160; margin-left: 4px; }
.form-field p { color: #395160; font-size: 12px; margin: 5px 0; }

[data-loading="true"] input,
[data-loading="true"] textarea {
  background: transparent url(/hc/theming_assets/01HZPE3BQ9Y6S7YVEKK9Q8PSPX) 99% 50% / 16px 16px no-repeat;
}

.form footer { margin-top: 40px; padding-top: 30px; }
.form footer a { color: #395160; cursor: pointer; margin-right: 15px; }
.form .suggestion-list { font-size: 13px; margin-top: 30px; }
.form .suggestion-list label { border-bottom: 1px solid #ddd; display: block; padding-bottom: 5px; }
.form .suggestion-list li { padding: 10px 0; }
.form .suggestion-list li a:visited { color: #000; }

/* =========================================================
   Header / Nav
   ========================================================= */
.header {
  position: relative;
  display: flex; align-items: center; justify-content: space-between;
  height: 71px;
}

.logo img { max-height: 37px; }

.nav-wrapper {
  display: flex; align-items: center; justify-content: flex-end;
  position: relative; width: 100%;
}

.nav-wrapper a {
  border: 0; color: rgba(19, 27, 32, 1); display: none; font-size: 14px; padding-right: 20px;
}
@media (min-width: 768px) { .nav-wrapper a { display: inline-block; } }
[dir="rtl"] .nav-wrapper a { padding: 0 0 0 20px; }
.nav-wrapper a:hover,
.nav-wrapper a:focus { background: none; color: rgba(19, 27, 32, 1); text-decoration: underline; }
.nav-wrapper a.login { display: inline-block; }

/* Hamburger */
.nav-wrapper .menu-button {
  background: none; border: 0; color: rgba(19, 27, 32, 1); display: inline-block; margin-right: 10px; padding: 0;
}
@media (min-width: 768px) { .nav-wrapper .menu-button { display: none; } }
.nav-wrapper .menu-button .icon-menu { width: 13px; height: 13px; vertical-align: middle; }
[dir="rtl"] .nav-wrapper .menu-button { margin: 0 0 0 10px; }

.skip-navigation {
  position: absolute; left: -999px; z-index: -999;
  display: flex; align-items: center; justify-content: center;
  overflow: hidden;
  margin: 20px; padding: 20px;
  background: #000; color: #fff; font-size: 14px;
}
.skip-navigation:focus-visible {
  left: auto; z-index: 999; text-decoration: none;
}

/* User info / avatar */
.user-info { display: inline-block; }
.user-info > [role="button"] {
  border: 0; color: rgba(19, 27, 32, 1); min-width: 0; padding: 0; white-space: nowrap;
}
.user-info > [role="button"]:hover,
.user-info > [role="button"]:focus { background: none; color: rgba(19, 27, 32, 1); }
.user-info > [role="button"]::after { color: rgba(19, 27, 32, 1); padding-inline: 15px 0; }

#user #user-name { display: none; font-size: 14px; }
@media (min-width: 768px) { #user #user-name { display: inline-block; } }
#user #user-name:hover { text-decoration: underline; }

.user-avatar { height: 25px; width: 25px; border-radius: 50%; display: inline-block; vertical-align: middle; }
.avatar { display: inline-block; position: relative; }
.avatar img { height: 40px; width: 40px; }
.avatar .icon-agent::before {
  background-color: rgba(150, 134, 244, 1); border: 2px solid #fff; border-radius: 50%;
  position: absolute; right: -2px; bottom: -4px;
  color: rgba(255, 255, 255, 1); font-size: 14px; width: 14px; height: 14px; line-height: 14px; text-align: center;
}

/* Language selector: simple link style */
.header .language-selector .dropdown-toggle,
.footer-language-selector .dropdown-toggle {
  background: none;
  border: 0;
  box-shadow: none;
  padding: 0;
  line-height: inherit;
  border-radius: 0;
  color: rgba(19, 27, 32, 1);
  text-transform: none;
}
.header .language-selector .dropdown-toggle:hover,
.header .language-selector .dropdown-toggle:focus,
.footer-language-selector .dropdown-toggle:hover,
.footer-language-selector .dropdown-toggle:focus { text-decoration: underline; }
.language-selector .dropdown-menu { border-radius: 8px; }

/* =========================================================
   Footer
   ========================================================= */
.footer { border-top: 1px solid #ddd; margin-top: 60px; padding: 30px 0; }
.footer a { color: #395160; }
.footer-inner { display: flex; justify-content: space-between; }
.footer-language-selector { color: #395160; display: inline-block; font-weight: 400; }

/* =========================================================
   Breadcrumbs
   ========================================================= */
.breadcrumbs { margin: 0 0 15px 0; padding: 0; }
@media (min-width: 768px) { .breadcrumbs { margin: 0; } }
.breadcrumbs li {
  color: #395160; display: inline; font-weight: 300; font-size: 13px;
  max-width: 450px; overflow: hidden; text-overflow: ellipsis;
}
.breadcrumbs li + li::before { content: ">"; margin: 0 4px; }

/* =========================================================
   Search (field)
   ========================================================= */
.search { position: relative; }
.search input[type="search"] {
  border: 1px solid #ddd; border-radius: 30px;
  color: #666; height: 40px; width: 100%;
  padding-inline: 40px 20px; -webkit-appearance: none;
}
[dir="rtl"] .search input[type="search"] { padding-inline: 20px 40px; }
.search input[type="search"]:focus { border-color: rgba(150, 134, 244, 1); color: #555; }

.search::before {
  content: "\1F50D";
  position: absolute; left: 15px; top: 50%; transform: translateY(-50%);
  background: #fff; color: #777; font-size: 18px;
}
[dir="rtl"] .search::before { right: 15px; left: auto; }
.search-full input[type="search"] { border-color: #fff; }

/* Compact "inline" search (sub-nav / page-header / article header) */
.sub-nav { display: flex; align-items: center; justify-content: space-between; }
.sub-nav .search,
.page-header .search,
.article-header .search {
  width: clamp(280px, 31vw, 460px);
  margin-left: auto;
}
.sub-nav .search input[type="search"],
.page-header .search input[type="search"],
.article-header .search input[type="search"] {
  width: 100%;
  max-width: none;
}
@media (max-width: 767.98px) {
  .sub-nav .search, .page-header .search, .article-header .search {
    width: 100%;
    margin-left: 0;
  }
}

/* =========================================================
   Hero (contained) + shared page band
   ========================================================= */
.hero.is-contained { background: none; padding: 0; }

.hero-box {
  background-image: url(/hc/theming_assets/01K2HCZ145KAPG0D3PD697BRPQ);
  background-position: center; background-size: cover;
  height: 180px; border-radius: 12px; overflow: hidden;
  display: flex; align-items: center; justify-content: center;
}
.hero-box .hero-inner { max-width: 610px; width: 100%; margin: 0 auto; }

/* Reusable "page hero" band with centered search */
.page-hero{
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  margin: 10px 0 20px;
}
.page-hero::before{
  content: "";
  position: absolute; inset: 0;
  background: url(/hc/theming_assets/01K2HCZ145KAPG0D3PD697BRPQ) center / cover no-repeat;
}
.page-hero-inner{
  position: relative; z-index: 1;
  min-height: 180px !important;
  display: flex; align-items: center; justify-content: center;
  padding: 18px 24px;
  max-width: 1160px; margin: 0 auto;
}
.page-hero .search{
  width: clamp(360px, 62vw, 920px) !important;
  max-width: 680px !important;
  margin: 0 auto !important;
}
.page-hero .search input[type="search"]{
  height: 40px !important;
  border-radius: 9999px !important;
  background: #fff !important;
  border: 1px solid #fff !important;
  max-width: 100% !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.08);
}
@media (max-width: 767.98px){
  .page-hero-inner{ min-height: 120px !important; padding: 12px; }
  .page-hero .search{ width: 100% !important; max-width: none !important; }
}

/* Uniform 20px gap under hero across page types */
.article-page   .hero--article,
.section-page   .hero--section,
.category-page  .hero--category,
.search-results-page .hero--search {
  margin-bottom: 20px !important;
}
/* Ensure breadcrumbs under hero don’t add extra top spacing */
.article-page   .hero--article   + .sub-nav,
.section-page   .hero--section   + .sub-nav,
.category-page  .hero--category  + .sub-nav,
.search-results-page .hero--search + .sub-nav {
  margin-top: 0 !important;
}

/* Slightly tighter breadcrumbs on content pages */
.container > .sub-nav { margin-bottom: 18px !important; }

/* =========================================================
   Sections / Blocks / Tiles
   ========================================================= */
.section { margin-bottom: 20px; }
@media (min-width: 768px) { .section { margin-bottom: 20px; } }
.home-section h2 { margin-bottom: 10px; text-align: center; }

.blocks-list {
  display: flex; flex-wrap: wrap; justify-content: flex-start; padding: 0;
}
@media (min-width: 768px) { .blocks-list { margin: 0 -15px; } }

.blocks-item {
  border: 1px solid #131B20; border-radius: 4px;
  color: rgba(150, 134, 244, 1); display: flex; flex: 1 0 340px;
  margin: 0 0 20px; max-width: 100%; text-align: center;
}
@media (min-width: 768px) { .blocks-item { margin: 0 15px 20px; } }

.blocks-item:hover,
.blocks-item:focus { background-color: rgba(150, 134, 244, 1); }
.blocks-item:hover *,
.blocks-item:focus * { color: rgba(255, 255, 255, 1); text-decoration: none; }

.blocks-item-link {
  color: #131B20; padding: 20px 30px; display: flex; flex-direction: column; flex: 1;
  justify-content: center; border-radius: inherit;
}
.blocks-item-link:focus-visible { box-shadow: 0 0 0 3px rgba(150, 134, 244, 1); text-decoration: none; }

.blocks-item-title { margin: 0; font-size: 16px; }
.blocks-item-description { font-weight: 300; margin: 10px 0 0; }

/* Footer tiles: base grid + tuned desktop + horizontal scroll on mobile */
.mj-footer-tiles .blocks-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px; max-width: none; margin: 0 auto; padding: 0; align-items: stretch;
}
.mj-footer-tiles .blocks-item { display: block !important; margin: 0 !important; flex: initial !important; max-width: none !important; }
.mj-footer-tiles .blocks-item-link{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; padding:18px 14px; width:100%; min-height:112px; box-sizing:border-box;
}
.mj-ftile-icon-box{ width:44px; height:44px; display:flex; align-items:center; justify-content:center; margin:6px auto 10px; }
.mj-ftile-icon{ width:100%; height:100%; display:block; }
.mj-footer-tiles .blocks-item-link:hover .mj-ftile-icon-box img{ filter: brightness(0) invert(1); }
.mj-footer-tiles .blocks-item-link:hover .mj-ftile-icon-box svg{ color:#fff; }
.mj-ftile-title{ font-weight:700; font-size:16px; color:#2a78b8; margin-bottom:4px; text-decoration:underline; display:inline-block; }
.mj-ftile-text{ font-size:14px; color:#637282; }
#mj-status-tile .mj-ftile-icon { color:#111; }
#mj-status-tile.mj-ok        .mj-ftile-icon { color:#22c55e; }
#mj-status-tile.mj-minor     .mj-ftile-icon { color:#f59e0b; }
#mj-status-tile.mj-major     .mj-ftile-icon { color:#ef4444; }
#mj-status-tile.mj-critical  .mj-ftile-icon { color:#8b0000; }
#mj-status-tile.mj-unknown   .mj-ftile-icon { color:#9ca3af; }

/* Desktop: force five columns, single row */
@media (min-width: 1024px) {
  .mj-footer-tiles .blocks-list{
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0,1fr));
    gap: 16px;
    align-items: stretch;
  }
  .mj-footer-tiles .blocks-item{
    margin: 0 !important;
    max-width: none !important;
    flex: initial !important;
    min-width: 0;
  }
  .mj-footer-tiles .blocks-item-link{ height: 100%; }
}

/* Tablet/Mobile: single row via horizontal scroll */
@media (max-width: 1023.98px) {
  .mj-footer-tiles .blocks-list{
    display: flex !important;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 12px;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    padding-bottom: 6px;
  }
  .mj-footer-tiles .blocks-item{
    flex: 0 0 80%;
    scroll-snap-align: start;
  }
}

/* =========================================================
   Promoted articles / Carousel
   ========================================================= */
.promoted-articles { display: flex; flex-direction: column; flex-wrap: wrap; }
@media (min-width: 1024px) { .promoted-articles { flex-direction: row; } }
.promoted-articles-item { flex: 1 0 auto; }
@media (min-width: 1024px) {
  .promoted-articles-item { align-self: flex-end; flex: 0 0 auto; padding-right: 30px; width: 33%; }
  [dir="rtl"] .promoted-articles-item { padding: 0 0 0 30px; }
}
.promoted-articles-item:nth-child(3n) { padding-right: 0; }
.promoted-articles-item a {
  display: block; border-bottom: 1px solid #ddd; padding: 15px 0; color: rgba(19, 27, 32, 1);
}
.promoted-articles-item:last-child a { border: 0; }
@media (min-width: 1024px) { .promoted-articles-item:last-child a { border-bottom: 1px solid #ddd; } }

/* -------- Carousel shell (generic) -------- */
.carousel-container {
  margin-top: 30px; padding: 20px;
  background-color: #f4f4f4; border: 2px solid #ccc; border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,.1);
}
.carousel { display: flex; align-items: center; position: relative; }
.carousel-track-container { overflow: hidden; width: 100%; }
.carousel-track { display: flex; transition: transform .5s ease-in-out; }
@media (prefers-reduced-motion: reduce) { .carousel-track { transition: none; } }
.carousel-slide {
  min-width: 300px; margin: 0 10px; padding: 15px;
  background: #fff; border: 1px solid #ddd; border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0,0,0,.08);
}
.carousel-slide a { text-decoration: none; color: #0073e6; display: inline-block; }
.carousel-slide a:hover { text-decoration: underline; }
.carousel-slide h4 { font-size: 1.2em; margin-bottom: 8px; }
.carousel-slide p { font-size: .9em; color: #555; margin-top: 5px; }

/* -------- Homepage variant (inside purple hero) -------- */
.homepage-promoted .carousel-slide p { display: none; }
.home-promoted-carousel .carousel-slide a,
.home-promoted-carousel .carousel-slide a:link,
.home-promoted-carousel .carousel-slide a:visited {
  color: #111 !important; text-decoration: none !important;
}
.home-promoted-carousel .carousel-slide h4,
.home-promoted-carousel .home-promoted-title {
  font-size: 14px !important; font-weight: 400 !important; color: inherit !important; margin: 0; line-height: 1.25;
}
.home-promoted-carousel .carousel-slide a:hover .home-promoted-title,
.home-promoted-carousel .carousel-slide a:hover h4 { text-decoration: underline !important; }
.home-promoted-carousel .carousel-slide {
  display: flex; align-items: center; justify-content: flex-start; padding: 10px; box-sizing: border-box;
}
.home-promoted-carousel .carousel-slide a { display: block; text-align: left; width: 100%; }

/* Hero container: make it auto-height and full-width */
.home-promoted-carousel .hero-box {
  height: auto !important;
  border-radius: 12px;
  padding: 16px 24px !important;
}
.home-promoted-carousel .hero-box .hero-inner {
  max-width: none !important;
  width: 100% !important;
  margin: 0 auto !important;
}

/* Make the carousel span the full hero width */
.home-promoted-carousel .carousel,
.home-promoted-carousel .carousel-track-container { width: 100% !important; }
.home-promoted-carousel .carousel-track-container { padding: 0 36px; } /* room for arrows */
@media (max-width: 640px){
  .home-promoted-carousel .carousel-track-container { padding: 0 28px; }
}

/* Arrows: keep them inside the rounded hero (visible on the left) */
.carousel-button {
  background-color: #9585F4; color: #fff; border: none; border-radius: 50%;
  width: 40px; height: 40px; font-size: 1.5em;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%);
  z-index: 5; transition: background-color .3s ease;
}
.carousel-button:hover { background-color: #7d6bd4; }
.carousel-button:disabled { background-color: #ccc; cursor: not-allowed; }

/* global defaults kept for other carousels */
.carousel-button.left  { left: -20px; }
.carousel-button.right { right: -20px; }

/* homepage override: arrows sit INSIDE the hero edges */
.home-promoted-carousel .carousel-button.left  { left: 10px !important; }
.home-promoted-carousel .carousel-button.right { right: 10px !important; }

/* Nicer disabled arrows (same as before) */
.home-promoted-carousel .carousel-button:disabled,
.home-promoted-carousel .carousel-button[disabled] {
  background-color: #E6E0FF !important;
  color: #ffffff !important;
  opacity: 1 !important;
  border-color: transparent;
  filter: none;
  cursor: default;
}

/* Keep arrow vertical centering even when height varies */
.home-promoted-carousel .carousel { position: relative; }

/* === Equal vertical spacing around the Promoted band === */
.home-promoted-carousel{ margin: 0 0 20px !important; }
@media (min-width: 768px){
  .home-promoted-carousel{ margin: 0 0 20px !important; }
}

/* =========================================================
   Article
   ========================================================= */
.article { flex: 1 0 auto; }
@media (min-width: 1024px) { .article { flex: 1 0 66%; max-width: 66%; min-width: 640px; padding: 0 30px; } }

.article-header {
  display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;
  margin: 20px 0 40px; gap: 10px;
}
@media (min-width: 768px) { .article-header { flex-direction: row; margin-top: 0; } }

.article-title { flex-basis: 100%; }
.article-title .icon-lock::before { content: "\1F512"; font-size: 20px; position: relative; left: -5px; vertical-align: baseline; }

.article-body img {
  height: auto; max-width: 100%;
  border-radius: 10px;
  border: 3px solid #9585F4;
}
.article-body ul, .article-body ol {
  padding-left: 20px; list-style-position: outside; margin: 20px 0 20px 20px;
}
[dir="rtl"] .article-body ul, [dir="rtl"] .article-body ol {
  padding-right: 20px; padding-left: 0; margin-left: 0; margin-right: 20px;
}
.article-body ul > ul, .article-body ol > ol, .article-body ol > ul, .article-body ul > ol, .article-body li > ul, .article-body li > ol { margin: 0; }
.article-body ul { list-style-type: disc; }

.article-body a {
  color: #0055cc;
  text-decoration: none;
  font-weight: normal;
}
.article-body a:hover,
.article-body a:focus { text-decoration: underline; }

.article-body code {
  background: #ebf1f5; border: 1px solid #ddd; border-radius: 3px;
  padding: 0 5px; margin: 0 2px;
}
.article-body pre {
  background: #23272e; color: #fff; border-radius: 12px; padding: 1.25em 1em;
  font-size: 15px; line-height: 1.6; overflow-x: auto; margin-bottom: 1.5em;
  font-family: 'Fira Mono','Consolas','Menlo',monospace;
  border: 3px solid #9585F4;
}
.article-body pre::-webkit-scrollbar { height: 12px; background: #edeaff; border-radius: 8px; }
.article-body pre::-webkit-scrollbar-thumb { background: #c5aefd; border-radius: 8px; border: 2px solid #edeaff; }
.article-body pre::-webkit-scrollbar-corner { background: #edeaff; }
.article-body pre { scrollbar-width: thin; scrollbar-color: #c5aefd #edeaff; border-radius: 8px; }

.article-body blockquote {
  border-left: 4px solid #ddd;
  color: #395160;
  font-style: italic; padding: 0 15px;
}
.article-content { line-height: 1.6; margin: 40px 0; word-wrap: break-word; }

/* Summary bubble */
.summary-bubble {
  position: relative; display: block;
  background: #f4f4f4; border: 2px solid #ccc; border-radius: 10px;
  padding: 15px 20px; margin: 20px 0; box-shadow: 0 2px 5px rgba(0,0,0,.15);
  min-width: 50%; overflow: visible;
}
.clamp-wrapper {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 12;
  overflow: hidden; line-height: 1.5;
}
.summary-bubble::before {
  content: ''; position: absolute; top: -10px; left: 20px;
  border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ccc;
}
.summary-bubble::after {
  content: ''; position: absolute; top: -8px; left: 20px;
  border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #f4f4f4;
}
.summary-bubble h2 { margin-top: 0; font-size: 18px; font-weight: 700; }
.summary-bubble ul { list-style: disc; padding-left: 20px; margin: 10px 0 0; }
.summary-bubble li + li { margin-top: 5px; }
.summary-bubble a { color: #0055cc; text-decoration: none; }
.summary-bubble a:hover { text-decoration: underline; }
.toggle:checked + .summary-bubble .clamp-wrapper { display: block; overflow: visible; -webkit-line-clamp: unset; }
.show-more {
  display: inline-block; margin: 2px 0 20px; color: #0055cc; cursor: pointer;
  font-weight: normal; font-size: 16px; padding-right: 25px; user-select: none;
}
.show-more:hover { text-decoration: underline; }

/* Colored Notes */
.article-body .note {
  padding: 10px; margin: 15px 0; font-style: italic; color: #06363C;
  border-left: 5px solid #D1CAAD; border-radius: 10px; background: #fbf2d0;
}
.article-body .note.tip       { background: #def1f4; border-color: #BECFD1; }
.article-body .note.important { background: #FFE6CC; border-color: #D1BDA7; }
.article-body .note.warning   { background: #FFDED9; border-color: #D1B6B2; }

/* Accordion */
.accordion {
  display: flex; align-items: center; justify-content: space-between;
  background: #d5d8dc; color: #131B20; cursor: pointer;
  padding: 10px; width: 100%; border: none; border-radius: 10px; font-size: 15px;
  margin-bottom: 10px; transition: background-color .2s ease; position: relative;
}
.accordion h1, .accordion h2, .accordion h3, .accordion h4 { margin: 0; }
.accordion::after {
  content: ''; display: inline-block; width: 8px; height: 8px;
  border-right: 2px solid #131B20; border-bottom: 2px solid #131B20;
  transform: rotate(45deg); transition: transform .2s ease;
}
.accordion:hover { background: #abb2b9; }
.accordion.active { background: #abb2b9; }
.accordion.active::after { transform: rotate(-135deg); }
.panel {
  padding: 0 18px; background: rgba(245, 248, 250, 1); max-height: 0;
  overflow: hidden; transition: max-height .2s ease-out;
}
.accordion.active + .panel {
  border: 3px solid #9585F4; border-radius: 10px; margin-bottom: 10px;
}

/* =========================================================
   Icons (font mapping)
   ========================================================= */
[class^="icon-"]::before,
[class*=" icon-"]::before,
.icon,
.search::before,
.recent-activity-item-comment span::before,
.article-vote::before,
.attachments .attachment-item::before,
.share a::before,
.actions .dropdown-toggle::before,
.collapsible-nav-toggle::after,
.collapsible-sidebar-toggle::after {
  font-family: "copenhagen-icons";
  font-style: normal; font-weight: normal; speak: none; line-height: 1em; vertical-align: middle;
  -webkit-font-smoothing: antialiased;
}
.icon-lock::before { content: "\1F512"; }
.icon-star::before { content: "\2605"; }
.icon-linkedin::before { content: "\e900"; }
.icon-twitter::before { content: "\e901"; }
.icon-facebook::before { content: "\e903"; }
.icon-agent::before { content: "\1F464"; }
.icon-close::before { content: "\2715"; }
.icon-arrow-up::before { content: "\2B06"; }
.icon-arrow-down::before { content: "\2B07"; }
.icon-attachments::before { content: "\1F4CE"; }
.icon-comments::before { content: "\1F4AC"; }
.icon-search::before { content: "\1F50D"; }
.icon-vote::before { content: "\1F44D"; }
.icon-handle::before { content: "\25BE"; }
.icon-check::before { content: "\2713"; }
.icon-gear::before { content: "\2699"; }
.icon-article::before { content: "\1F4C4"; }
.icon-post::before { content: "\1F4D4"; }
.icon-notification-alert::before { content: "\26A0"; }
.icon-notification-error::before { content: "\00D7"; }
.icon-notification-info::before { content: "\2139"; }
.icon-notification-success::before { content: "\2714"; }

/* =========================================================
   Category & Section pages
   ========================================================= */
/* Force left-aligned, full-width content */
.section-container,
.category-container {
  display: block !important;
  justify-content: flex-start !important;
}
.section-content,
.category-content {
  flex: 0 1 100% !important;
  max-width: 100% !important;
}

/* Section tree / lists */
.section-tree {
  display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between;
}
@media (min-width: 768px) { .section-tree { flex-direction: row; } }
.section-tree .section { flex: initial; }
@media (min-width: 768px) { .section-tree .section { flex: 0 0 45%; } }

.section-tree-title { margin: 0; font-size: 18px; font-weight: 600; }
.section-tree-title a { color: rgba(19, 27, 32, 1); }
.section-tree .see-all-articles { display: block; padding: 15px 0; }

.article-list-item { font-size: 16px; padding: 15px 0; }
.article-list-item a { color: rgba(19, 27, 32, 1); }
.icon-star::before { color: rgba(150, 134, 244, 1); font-size: 18px; }

/* Two-column lists with vertical divider on desktop */
@media (min-width: 1024px) {
  .section-list,
  .article-list {
    position: relative;
    column-count: 2;
    column-gap: 48px;
    background: linear-gradient(#e5e7eb, #e5e7eb) 50% 0 / 1px 100% no-repeat;
    border-top: 0;
    padding: 0;
  }
  .section-list-item,
  .article-list-item {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    display: block;
    margin: 0 0 10px 0;
    padding: 10px 0;
    border: 0;
  }
}
/* Mobile/tablet: single column, no divider */
@media (max-width: 1023.98px) {
  .section-list,
  .article-list {
    column-count: 1;
    background: none;
  }
}

/* Header row (H1 + Follow) */
@media (min-width: 768px) {
  .page-header{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 16px;
    margin-bottom: 24px;
  }
  .page-header h1{ margin: 0; line-height: 1.1; }
  .page-header .section-subscribe{
    order: 1; flex: 0 0 auto; margin: 0; align-self: center;
  }
  .page-header .section-subscribe .dropdown,
  .page-header .section-subscribe [role="button"]{ width: auto !important; }
}
.page-header + .section-list,
.page-header + .article-list { margin-top: 8px; }

/* Center the two-column lists inside the content */
@media (min-width: 1024px) {
  .section-content > .article-list,
  .section-content > .section-list,
  .category-content .section > .article-list,
  .category-content .section > .section-list {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* =========================================================
   Article relatives / votes / return-to-top / sidebars
   ========================================================= */
.article-relatives {
  border-top: 1px solid #ddd;
  display: flex; flex-direction: column; padding: 20px 0;
}
@media (min-width: 768px) { .article-relatives { flex-direction: row; } }
.article-relatives > * { flex: 1 0 50%; min-width: 50%; overflow-wrap: break-word; }
@media (min-width: 768px) { .article-relatives > * { padding-right: 20px; } }
.article-relatives > *:last-child { padding-right: 0; }

.article-votes {
  border-top: 1px solid #ddd; padding: 30px 0; text-align: center;
}

/* "Helpful?" buttons — ensure visible and styled */
.article-votes-controls .article-vote,
.article-votes-controls a.article-vote {
  display: inline-flex !important;
  align-items: center; justify-content: center;
  min-width: 92px; height: 36px; padding: 0 16px;
  border: 1px solid rgba(150, 134, 244, 1) !important; border-radius: 4px;
  background: transparent !important;
  font-size: 14px !important; line-height: 1 !important; letter-spacing: normal !important;
  text-indent: 0 !important; text-decoration: none !important;
  overflow: visible !important; white-space: nowrap;
  color: rgba(150, 134, 244, 1) !important;
}
.article-votes-controls .article-vote::before { content: none !important; }
.article-votes-controls .article-vote:visited { color: rgba(150, 134, 244, 1) !important; }
.article-votes-controls .article-vote:hover,
.article-votes-controls .article-vote:focus-visible,
.article-votes-controls .article-vote[aria-selected="true"] {
  background: rgba(150, 134, 244, 1) !important; color: rgba(255, 255, 255, 1) !important;
}
.article-votes-controls .article-vote-up:empty::after { content: "Yes"; }
.article-votes-controls .article-vote-down:empty::after { content: "No"; }

.article-more-questions { margin: 10px 0 20px; text-align: center; }

.article-return-to-top { border-top: 1px solid #ddd; }
@media (min-width: 1024px) { .article-return-to-top { display: none; } }
.article-return-to-top a { color: rgba(19, 27, 32, 1); display: block; padding: 20px 0; }
.article-return-to-top a:hover, .article-return-to-top a:focus-visible { text-decoration: none; }

/* Sidebar list polish */
.sidenav-title { font-size: 15px; font-weight: 600; position: relative; }
.sidenav-item {
  border-radius: 4px; color: rgba(19, 27, 32, 1); display: block;
  font-weight: 300; margin-bottom: 10px; padding: 10px;
}
.sidenav-item.current-article,
.sidenav-item:hover,
.sidenav-item:focus-visible { background: rgba(150, 134, 244, 1); color: rgba(255, 255, 255, 1); text-decoration: none; }

.recent-articles li, .related-articles li { margin-bottom: 15px; }

/* =========================================================
   Attachments
   ========================================================= */
.attachments .attachment-item {
  padding-inline-start: 20px; position: relative; margin-bottom: 10px;
}
.attachments .attachment-item:last-child { margin-bottom: 0; }
.attachments .attachment-item::before {
  content: "\1F4CE"; font-size: 15px; color: rgba(19, 27, 32, 1);
  position: absolute; inset-inline-start: 0; top: 5px;
}

/* =========================================================
   Share links
   ========================================================= */
.share { padding: 0; white-space: nowrap; }
.share li, .share a { display: inline-block; }
.share a {
  border-radius: 50%; height: 25px; width: 25px; line-height: 25px; overflow: hidden;
}
.share a::before {
  display: block; font-size: 23px; text-align: center; width: 100%;
  color: #395160;
}
.share a:hover::before,
.share a:focus-visible::before { color: rgba(150, 134, 244, 1); }

/* glyph mapping for platforms */
.share-facebook::before, .icon-facebook::before { content: "\e903"; }
.share-twitter::before,  .icon-twitter::before  { content: "\e901"; }
.share-linkedin::before, .icon-linkedin::before { content: "\e900"; }

/* =========================================================
   Comments (articles, posts, requests)
   ========================================================= */
.comment { border-bottom: 1px solid #ddd; padding: 20px 0; }
.comment-heading,
.recent-articles-title,
.related-articles-title { margin: 0 0 5px; font-size: 18px; font-weight: 600; }

.comment-overview { border-block: 1px solid #ddd; padding: 20px 0; }
.comment-callout { color: #395160; font-weight: 300; font-size: 13px; margin: 0; }
.comment-callout a { color: rgba(150, 134, 244, 1); }

.comment-sorter { display: inline-block; float: inline-end; }
.comment-sorter .dropdown-toggle { color: #395160; font-weight: 300; font-size: 13px; }

.comment-wrapper { display: flex; position: relative; }
.comment-wrapper.comment-official { border: 1px solid rgba(150, 134, 244, 1); padding: 40px 20px 20px; }
@media (min-width: 768px) { .comment-wrapper.comment-official { padding-top: 20px; } }

.comment-info { min-width: 0; padding-inline-end: 20px; width: 100%; }
.comment-author {
  display: flex; flex-wrap: wrap; align-items: flex-end; margin-bottom: 20px;
}
@media (min-width: 768px) { .comment-author { justify-content: space-between; } }

.comment-body {
  word-break: break-word; word-wrap: break-word;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; line-height: 1.6; overflow-x: auto;
}
.comment-body img { max-width: 100%; height: auto; }
.comment-body ul, .comment-body ol {
  padding-inline-start: 20px; list-style-position: outside; margin: 20px 0 20px 20px;
}
.comment-body ul { list-style-type: disc; }
.comment-body a:visited { color: #000; }
.comment-body code {
  background: #ebf1f5; border: 1px solid #ddd; border-radius: 3px;
  padding: 0 5px; margin: 0 2px;
}
.comment-body pre {
  background: #ebf1f5;
  border: 1px solid #ddd; border-radius: 3px; padding: 10px 15px;
  overflow: auto; white-space: pre;
}
.comment-body blockquote {
  border-inline-start: 4px solid #ddd;
  color: #395160; font-style: italic; padding: 0 15px;
}

/* Comment form / controls */
.comment-form { display: flex; padding-top: 30px; word-wrap: break-word; }
.comment-container { width: 100%; }
.comment-form-controls { display: none; margin-top: 10px; text-align: start; }
@media (min-width: 768px) { [dir="ltr"] .comment-form-controls { text-align: end; } }
.comment-form-controls input[type="submit"] { margin-top: 15px; }
@media (min-width: 1024px) { .comment-form-controls input[type="submit"] { margin-inline-start: 15px; } }
.comment-form-controls input[type="checkbox"] { margin-inline-end: 5px; }

/* Mark as solved */
.comment-mark-as-solved { display: inline-block; }

/* =========================================================
   Voting widget (post-level)
   ========================================================= */
.vote { display: flex; flex-direction: column; text-align: center; }
.vote a:hover, .vote a:focus-visible { text-decoration: none; }
.vote-sum { color: #395160; display: block; margin: 3px 0; }
.vote-up, .vote-down {
  color: #395160; min-height: 44px; min-width: 44px;
  display: flex; align-items: center; justify-content: center;
}
.vote-up:hover, .vote-down:hover,
.vote-up:focus-visible, .vote-down:focus-visible { color: rgba(150, 134, 244, 1); }
.vote-voted { color: rgba(150, 134, 244, 1); }
.vote-voted:hover, .vote-voted:focus-visible { color: #4529ec; }

/* =========================================================
   Actions (admin/user dropdown in comments/posts)
   ========================================================= */
.actions { text-align: center; flex-shrink: 0; }
.actions .dropdown-toggle { font-size: 0; margin: 15px 0; }
.actions .dropdown-toggle::before {
  content: "\2699"; display: block; margin: auto; padding: 5px;
  background: transparent; border-radius: 50%;
  color: #395160; font-size: 13px;
}
.actions .dropdown-toggle:hover::before,
.actions .dropdown-toggle:focus-visible::before {
  background: #ebf1f5;
}

/* =========================================================
   Community
   ========================================================= */
.community { text-align: center; }
.community-image {
  min-height: 300px; background: url(/hc/theming_assets/01HZPE3CQ88S5KB9YN3JQW6QBG) center / cover no-repeat; max-width: 100%;
}
.community, .activity { border-top: 1px solid #ddd; padding: 30px 0; }
.community-footer { padding-top: 50px; text-align: center; }
.community-footer-title { font-size: 16px; margin-bottom: 20px; }
.community-featured-posts .title { font-size: 18px; font-weight: 600; }
.community-featured-posts, .community-activity { padding-top: 40px; width: 100%; }

.community-header { margin-bottom: 30px; }
.community-header .title { margin: 0; font-size: 16px; }
.post-to-community { margin-top: 10px; }
@media (min-width: 768px) { .post-to-community { margin: 0; } }

/* Topics grid */
.topics { max-width: none; width: 100%; }
.topics-item .meta-group { justify-content: center; margin-top: 20px; }

/* Topic page header/filters */
.topic-header {
  border-bottom: 1px solid #ddd; font-size: 13px;
  @media (min-width: 768px) { padding-bottom: 10px; }
}
.topic-header .dropdown {
  display: block; border-top: 1px solid #ddd; padding: 10px 0;
  @media (min-width: 768px) { border-top: 0; display: inline-block; margin-right: 20px; padding: 0; }
}

.no-posts-with-filter { margin: 20px 0; }

/* Follow button */
.community-follow { margin-bottom: 10px; width: 100%; }
@media (min-width: 768px) { .community-follow { margin-bottom: 0; width: auto; } }
.community-follow .dropdown { width: 100%; }
.community-follow [role="button"] {
  line-height: 30px; padding: 0 10px 0 15px; position: relative; width: 100%;
  @media (min-width: 768px) { width: auto; }
}
.community-follow [role="button"]:hover,
.community-follow [role="button"]:focus-visible { background: rgba(150, 134, 244, 1); color: rgba(255, 255, 255, 1); }
.community-follow [role="button"]::after {
  border-inline-start: 1px solid rgba(150, 134, 244, 1);
  content: attr(data-follower-count); color: rgba(150, 134, 244, 1);
  display: inline-block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  margin-inline-start: 15px; padding-inline-start: 10px;
  position: absolute; inset-inline-end: 10px;
  @media (min-width: 768px) { position: static; }
}
.community-follow [role="button"][aria-selected="true"] {
  background: rgba(150, 134, 244, 1); color: rgba(255, 255, 255, 1);
}
.community-follow [role="button"][aria-selected="true"]::after {
  border-inline-start: 1px solid rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
}
.community-follow [role="button"][aria-selected="true"]:hover { background: #4529ec; }

/* =========================================================
   Striped lists (community posts, requests)
   ========================================================= */
.striped-list { padding: 0; }
.striped-list-item {
  display: flex; flex-direction: column; align-items: flex-start;
  justify-content: flex-end; border-bottom: 1px solid #ddd; padding: 20px 0;
}
@media (min-width: 768px) { .striped-list-item { flex-direction: row; align-items: center; } }

.striped-list-info { flex: 2; }
.striped-list-title { color: rgba(19, 27, 32, 1); margin: 0 5px 10px 0; }
.striped-list-title:hover,
.striped-list-title:focus-visible { text-decoration: underline; }
.striped-list-title:visited { color: #000; }

.striped-list .meta-group { margin: 5px 0; }
.striped-list-count {
  color: #395160; font-weight: 300; font-size: 13px; text-transform: capitalize;
}
@media (min-width: 768px) {
  .striped-list-count { display: flex; flex: 1; justify-content: space-around; }
}
.striped-list-count-item + .striped-list-count-item::before { content: "·"; padding: 0 5px; }
@media (min-width: 768px) { .striped-list-count-item + .striped-list-count-item::before { content: none; } }
.striped-list-number { font-weight: 300; text-align: center; }
@media (min-width: 768px) { .striped-list-number { color: rgba(19, 27, 32, 1); font-weight: 400; } }

/* =========================================================
   Status labels
   ========================================================= */
.status-label {
  background: #038153; color: #fff; font-size: 12px; font-weight: 600;
  display: inline-block; padding: 3px 10px; margin-right: 2px; border-radius: 4px; white-space: nowrap;
}
.status-label:hover, .status-label:focus-visible { text-decoration: none; }

.status-label-pinned,
.status-label-featured,
.status-label-official { background: rgba(150, 134, 244, 1); }
.status-label-official {
  border-radius: 0; position: absolute; inset-inline-end: 0; inset-block-start: 0; text-align: center; width: 100%;
  @media (min-width: 768px) { border-radius: 0 0 4px 4px; inset-inline-end: 30px; width: auto; }
}

.status-label-not-planned, .status-label-closed { background: #e9ebed; color: #395160; }
.status-label-pending { background: #1f73b7; text-align: center; }
.status-label-open { background: #c72a1c; }
.status-label-solved { background: #68737d; }
.status-label-new { background: #ffb648; color: #703b15; }
.status-label-hold { background: #000; }
.status-label-open,
.status-label-closed,
.status-label-solved,
.status-label-new,
.status-label-hold,
.status-label-answered { text-transform: lowercase; }

/* =========================================================
   Post (community)
   ========================================================= */
.post { flex: 1; margin-bottom: 10px; }
@media (min-width: 1024px) { .post { flex: 1 0 70%; max-width: 70%; } }

.post-container { display: flex; flex-direction: column; }
@media (min-width: 1024px) { .post-container { flex-direction: row; } }

.post-header {
  display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin-bottom: 10px;
  @media (min-width: 768px) { align-items: baseline; flex-direction: row; }
}
.post-header .status-label { vertical-align: super; }

.post-title { margin: 0 0 20px; width: 100%; }
@media (min-width: 768px) { .post-title { margin-bottom: 0; padding-inline-end: 10px; } }
.post-title h1 { display: inline; vertical-align: middle; }
@media (min-width: 768px) { .post-title h1 { margin-inline-end: 5px; } }

.post-author { display: flex; justify-content: space-between; align-items: flex-start; }
.post-avatar { margin-bottom: 30px; }

.post-content { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; line-height: 1.6; word-break: break-word; }
.post-info-container { display: flex; margin-bottom: 40px; }
.post-info { min-width: 0; padding-inline-end: 20px; width: 100%; }
.post-meta { display: inline-block; flex: 1; margin-inline-start: 10px; vertical-align: middle; }

.post-body img { max-width: 100%; height: auto; }
.post-body ul, .post-body ol {
  padding-inline-start: 20px; list-style-position: outside; margin: 20px 0 20px 20px;
}
.post-body ul { list-style-type: disc; }
.post-body a:visited { color: #000; }
.post-body code {
  background: #ebf1f5; border: 1px solid #ddd; border-radius: 3px; padding: 0 5px; margin: 0 2px;
}
.post-body pre {
  background: #ebf1f5; border: 1px solid #ddd; border-radius: 3px; padding: 10px 15px;
  overflow: auto; white-space: pre;
}
.post-body blockquote {
  border-inline-start: 4px solid #ddd; color: #395160; font-style: italic; padding: 0 15px;
}

.post-footer {
  display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px;
}
.post-comment-count { color: #395160; font-weight: 300; }
.post-comment-count:hover, .post-comment-count:focus-visible { text-decoration: none; }
.post-comment-count .icon-comments { color: rgba(150, 134, 244, 1); font-size: 18px; }

/* Post sidebar */
.post-sidebar {
  border-top: 1px solid #ddd; flex: 1; padding: 30px 0; text-align: center;
  @media (min-width: 1024px) {
    border: 0; flex: 1 0 30%; padding: 0 0 0 50px; text-align: start;
  }
}
.post-sidebar-title { font-size: 18px; font-weight: 600; }

/* =========================================================
   Collapsible nav & sidebar
   ========================================================= */
.collapsible-nav { display: flex; flex-direction: column; font-size: 14px; position: relative; }
@media (min-width: 768px) { .collapsible-nav { flex-direction: row; } }
.collapsible-nav-border { border-block: 1px solid #ddd; }
@media (min-width: 768px) { .collapsible-nav-border { border-top: 0; } }

.collapsible-nav-toggle {
  position: absolute; inset-inline-end: 0; top: calc(45px / 2); transform: translateY(-50%);
  padding: 0; border: 0; background: none; width: 25px; height: 25px; border-radius: 50%;
  @media (min-width: 768px) { display: none; }
}
.collapsible-nav-toggle::after { content: "\25BE"; }
.collapsible-nav-toggle:focus-visible { border: 1px solid rgba(150, 134, 244, 1); }

.collapsible-nav-list { display: flex; flex-direction: column; }
@media (min-width: 768px) { .collapsible-nav-list { flex-direction: row; } }
.collapsible-nav-list li { color: rgba(19, 27, 32, 1); line-height: 45px; order: 1; }
@media (min-width: 768px) {
  .collapsible-nav-list li { line-height: normal; margin-inline-end: 30px; }
  .collapsible-nav-list li a { text-decoration: none; padding: 15px 0; }
}
@media (min-width: 768px) {
  .collapsible-nav-list li:hover { border-bottom: 4px solid #ddd; }
  .collapsible-nav-list li:hover a:not([aria-current="page"]) { padding: 15px 0 11px; }
}
.collapsible-nav-list li:not([aria-selected="true"]),
.collapsible-nav-list li:not(.current) { display: none; }
@media (min-width: 768px) {
  .collapsible-nav-list li:not([aria-selected="true"]),
  .collapsible-nav-list li:not(.current) { display: block; }
  .collapsible-nav-list li[aria-selected="true"] { padding: 15px 0 11px; border-bottom: 4px solid rgba(150, 134, 244, 1); order: 1; }
}

.collapsible-nav[aria-expanded="true"] .collapsible-nav-toggle::after { content: "\2715"; }
.collapsible-nav[aria-expanded="true"] li:not([aria-selected="true"]),
.collapsible-nav[aria-expanded="true"] li:not(.current) { display: block; }

/* Sidebar (collapsible) */
.collapsible-sidebar { flex: 1; max-height: 45px; overflow: hidden; padding: 10px 0; position: relative; }
@media (min-width: 1024px) { .collapsible-sidebar { max-height: none; padding: 0; } }
.collapsible-sidebar-title { margin-top: 0; }
.collapsible-sidebar-toggle {
  position: absolute; inset-inline-end: 0; top: calc(45px / 2); transform: translateY(-50%);
  padding: 0; border: 0; background: none; width: 25px; height: 25px; border-radius: 50%;
  @media (min-width: 1024px) { display: none; }
}
.collapsible-sidebar-toggle::after { content: "\25BE"; position: relative; top: 50%; transform: translateY(-50%); }
.collapsible-sidebar-toggle:focus-visible { border: 1px solid rgba(150, 134, 244, 1); }
.collapsible-sidebar-body { display: none; }
@media (min-width: 1024px) { .collapsible-sidebar-body { display: block; } }
.collapsible-sidebar[aria-expanded="true"] { max-height: none; }
.collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-toggle::after { content: "\2715"; }
.collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-body { display: block; }

/* =========================================================
   My activities / Requests tables
   ========================================================= */
.my-activities-nav { background: #e4ecf2; margin-bottom: 20px; }
.my-activities-sub-nav { margin-bottom: 30px; }

.my-activities-table thead { display: none; }
@media (min-width: 768px) { .my-activities-table thead { display: table-header-group; } }
.my-activities-table .striped-list-title {
  display: block; margin-bottom: 10px; max-width: 350px; white-space: normal;
  @media (min-width: 1024px) {
    margin-bottom: 0; max-width: 500px; min-width: 350px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  }
}
.my-activities-table th:first-child,
.my-activities-table td:first-child { padding-left: 0; }
@media (min-width: 1024px) { .my-activities-table th:first-child, .my-activities-table td:first-child { width: 500px; } }
.my-activities-table th:last-child,
.my-activities-table td:last-child { padding-right: 0; }
.my-activities-table td:not(:first-child) { display: none; }
@media (min-width: 768px) { .my-activities-table td:not(:first-child) { display: table-cell; } }

.requests-search { width: 100%; }
.requests-table-toolbar { display: flex; flex-direction: column; align-items: flex-end; }
@media (min-width: 768px) { .requests-table-toolbar { flex-direction: row; } }
.requests-table-toolbar .search { flex: 1; width: 100%; }
.requests-table-toolbar .request-table-filter { width: 100%; }
@media (min-width: 768px) { .requests-table-toolbar .request-table-filter { width: auto; } }
.requests-table-toolbar .request-filter { display: block; }
@media (min-width: 768px) { .requests-table-toolbar .request-filter { margin-inline-start: 30px; } }
.requests-table-toolbar .request-filter-label { font-size: 13px; margin-top: 30px; }
@media (min-width: 768px) { .requests-table-toolbar .request-filter-label { margin-top: 0; } }
.requests-table-toolbar select {
  max-height: 40px; margin-bottom: 30px; width: 100%;
  @media (min-width: 768px) { margin-bottom: 0; max-width: 300px; width: auto; }
}
.requests-table-toolbar .organization-subscribe,
.requests-table-toolbar .organization-unsubscribe {
  line-height: 40px; max-height: 40px; padding: 0 20px;
  @media (min-width: 768px) { margin-inline-start: 10px; }
}
.requests-table-toolbar .organization-unsubscribe { background: rgba(150, 134, 244, 1); color: rgba(255, 255, 255, 1); }

.requests .requests-table thead { display: none; }
@media (min-width: 768px) { .requests .requests-table thead { display: table-header-group; } }

.requests .requests-table .requests-link { position: relative; }
.requests .requests-table .requests-sort-symbol {
  position: absolute; inset-inline-start: calc(100% + 3px); inset-block-end: 0; font-size: 10px;
}

/* Subscriptions & contributions */
.subscriptions-unsubscribe a {
  background: rgba(150, 134, 244, 1); border-radius: 4px; color: rgba(255, 255, 255, 1);
  display: inline-block; font-size: 12px; line-height: 2.34; padding: 0 20px; text-align: center; width: 100%;
  @media (min-width: 768px) { width: auto; }
}
.subscriptions-unsubscribe a:hover,
.subscriptions-unsubscribe a:focus-visible { background: #4529ec; text-decoration: none; }

.subscriptions-table td:last-child { display: block; }
@media (min-width: 768px) { .subscriptions-table td:last-child { display: table-cell; } }
.subscriptions-table td:first-child { display: flex; align-items: center; }
.subscriptions-table .user-avatar { margin-inline-end: 10px; }

.contributions-table td:last-child {
  color: #395160; font-size: 13px; font-weight: 300;
  @media (min-width: 768px) { color: inherit; font-size: inherit; font-weight: inherit; }
}
.no-activities { color: #395160; }

/* =========================================================
   Request (ticket) page
   ========================================================= */
.request-container {
  display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between;
  @media (min-width: 1024px) { align-items: flex-start; flex-direction: row; }
}
.request-breadcrumbs { margin-bottom: 40px; }
@media (min-width: 1024px) { .request-breadcrumbs { margin-bottom: 60px; } }

.request-main { flex: 1 0 auto; order: 1; }
@media (min-width: 1024px) { .request-main { flex: 0 0 66%; order: 0; min-width: 0; } }
.request-main .comment-form-controls,
.request-main .comment-ccs { display: block; }

.request-main .comment-show-container {
  border: 1px solid #ddd; border-radius: 2px;
  color: #395160;
  text-align: inherit; padding: 8px 25px; width: 100%;
}
.request-main .comment-show-container.hidden { display: none; }

.request-main .form-field.comment-ccs > ul { border-bottom: 0; border-radius: 4px 4px 0 0; }
.request-main .form-field.comment-ccs > ul[data-hc-focus="true"] { border: 1px solid rgba(150, 134, 244, 1); }
.request-main .form-field.comment-ccs > input[type="text"] { border-bottom: 0; border-radius: 0 0 0 0; }
.request-main .comment-ccs + textarea { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 0; }
.request-main .comment-ccs + textarea:focus { border-top: 1px solid rgba(150, 134, 244, 1); }
.request-main input#mark_as_solved { display: none; }

.request-title { width: 100%; }
@media (min-width: 1024px) {
  .request-title { border-bottom: 1px solid #ddd; margin-bottom: 0; max-width: 66%; padding-bottom: 20px; }
}

.request-sidebar {
  border-block: 1px solid #ddd; flex: 1 0 auto; order: 0;
  @media (min-width: 1024px) {
    background: #ebf1f5; border: 0; font-size: 13px; flex: 0 0 auto;
    padding: 0 20px; width: 30%;
  }
}
.request-sidebar h2 { font-size: 15px; font-weight: 600; position: relative; @media (min-width: 1024px) { display: none; } }

.request-details {
  border-bottom: 1px solid #ddd; margin: 0; padding-bottom: 20px; font-size: 0;
}
.request-details:last-child { border: 0; }
.request-details dt, .request-details dd {
  display: inline-block; vertical-align: top; font-size: 13px; margin: 20px 0 0 0;
}
.request-details dt {
  color: #395160; font-weight: 300; width: 40%;
}
.request-details dd {
  padding: 0 10px; width: 60%;
}
.request-details dd::after { content: "\A"; white-space: pre; }
.request-details .request-collaborators { display: inline-block; }

.request-attachments dt,
.request-attachments dd { width: 100%; }
.request-attachments dd { margin-top: 10px; }

.request-form textarea { min-height: 120px; }
.request-follow-up { padding-top: 20px; }

/* =========================================================
   Pagination
   ========================================================= */
.pagination { margin: 20px 0; text-align: center; }
.pagination * { display: inline-block; }
.pagination li {
  border-radius: 50%; width: 40px; height: 40px; float: left; margin-inline-start: 5px;
  @media (min-width: 768px) { width: 30px; height: 30px; }
}
[dir="rtl"] .pagination li { float: right; }
.pagination li:hover:not(.pagination-current) { background: #f3f3f3; }
.pagination li:hover:not(.pagination-current) span,
.pagination li:hover:not(.pagination-current) a { color: rgba(19, 27, 32, 1); text-decoration: none; }

.pagination a, .pagination span {
  font-size: 15px; color: #395160; padding: 10px 12px;
  @media (min-width: 768px) { font-size: 13px; padding: 5px 12px; }
}
.pagination-current { background: rgba(150, 134, 244, 1); }
.pagination-current a, .pagination-current span { color: rgba(255, 255, 255, 1); }
.pagination-first { border-radius: 3px 0 0 3px; }
[dir="rtl"] .pagination-first { border-radius: 0 3px 3px 0; }
.pagination-last { border-radius: 0 3px 3px 0; }
[dir="rtl"] .pagination-last { border-radius: 3px 0 0 3px; }

/* =========================================================
   Metadata
   ========================================================= */
.meta-group { display: block; }
.meta-group * { display: inline; }
.meta-data {
  color: #395160; font-size: 13px; font-weight: 300;
}
.meta-data:not(:last-child)::after { content: "\00B7"; margin: 0 5px; }

/* =========================================================
   Profiles
   ========================================================= */
.profile-header { padding: 30px 0; background: #ebf1f5; }
.profile-header .container { display: flex; flex-wrap: wrap; @media (min-width: 768px) { flex-wrap: nowrap; } }
.profile-header .profile-info {
  flex-basis: 100%; display: flex; flex-wrap: wrap; min-width: 0;
}
.profile-avatar { position: relative; line-height: 0; align-self: center; margin-inline-end: 10px; }
.profile-avatar .user-avatar { width: 65px; height: 65px; }
.profile-avatar .icon-agent::before { inset: auto 0 0 auto; }

.profile-header .basic-info {
  display: flex; flex-direction: column; justify-content: center; flex-grow: 1; flex-basis: 0; min-width: 0;
  word-break: break-word; word-wrap: break-word;
}
.profile-header .basic-info .name { margin: 0; }

.profile-header .options {
  display: flex; flex-basis: 100%; margin-top: 12px; align-items: flex-start; flex-wrap: wrap;
  @media (min-width: 768px) {
    flex-wrap: nowrap; flex-basis: auto; margin-top: 0; margin-inline-start: 10px;
    & > :not(:last-child) { margin-inline-end: 10px; }
  }
}
.profile-header .options [data-action="edit-profile"] {
  background: rgba(150, 134, 244, 1); border: 0; color: rgba(255, 255, 255, 1); padding: 8px 20px; outline-color: rgba(150, 134, 244, 1);
}

.profile-header .description {
  margin: 15px 0; flex-basis: 100%;
  word-break: break-word; word-wrap: break-word;
}

.profile-stats { font-size: 13px; display: flex; flex-direction: column; flex-basis: 100%; }
.profile-stats .stat { display: flex; margin-bottom: 10px; }
.profile-stats .stat-label {
  color: #395160; font-weight: 300; flex: 0 0 100px; margin-inline-end: 10px;
}

.profile-stats-activity { border-top: 1px solid #ddd; margin-top: 15px; }
@media (min-width: 768px) {
  .profile-stats-activity { border-top: 0; flex-direction: row; }
  .profile-stats-activity .stat { flex-direction: column; }
}
.profile-stats-activity .stat:first-child { margin-top: 10px; }
@media (min-width: 768px) { .profile-stats-activity .stat:first-child { margin-top: 0; } }
@media (min-width: 768px) { .profile-stats-activity .stat:not(:last-child) { margin-inline-end: 40px; } }
@media (min-width: 768px) { .profile-stats-activity .stat-label { flex: 0 1 auto; } }

.profile-stats-counters { border-bottom: 1px solid #ddd; }
@media (min-width: 768px) {
  .profile-stats-counters { flex: 0 0 200px; border-bottom: 0; margin-inline-start: 40px; }
}
@media (min-width: 1024px) {
  .profile-stats-counters { flex: 0 0 270px; margin-inline-start: 60px; }
}
@media (min-width: 768px) { .profile-stats-counters .stat { flex-direction: column; } }
@media (min-width: 1024px) { .profile-stats-counters .stat { flex-direction: row; } }
@media (min-width: 768px) { .profile-stats-counters .stat:not(:last-child) { margin-bottom: 15px; } }
@media (min-width: 768px) { .profile-stats-counters .stat-label { flex: 0 1 auto; } }
@media (min-width: 1024px) { .profile-stats-counters .stat-label { flex: 0 0 100px; } }

.profile-private-badge {
  flex-basis: 100%; border: 1px solid rgba(150, 134, 244, 1); border-radius: 4px;
  color: rgba(150, 134, 244, 1); padding: 5px 20px; font-size: 12px; text-align: center;
  @media (min-width: 768px) { flex-basis: auto; }
}
.profile-private-badge::after {
  content: "\1f512"; margin-inline-start: 5px; font-family: "copenhagen-icons"; line-height: 15px; vertical-align: middle;
}

.profile-nav { background: #e4ecf2; margin-bottom: 37px; }
.profile-section { width: 100%; @media (min-width: 1024px) { width: calc(100% - 330px); } }
.profile-section-header { display: flex; flex-wrap: wrap; }
.profile-section-title { flex-basis: 100%; margin-bottom: 0; }
.profile-section-description {
  flex-basis: 100%; padding: 10px 0; color: #395160; font-weight: 300; font-size: 13px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  @media (min-width: 768px) { flex: 1 0 50%; padding-bottom: 0; }
}
.profile-section-sorter {
  flex-basis: 100%; border-top: 1px solid #eee; font-size: 13px;
  @media (min-width: 768px) { flex: 0 1 auto; padding-top: 0; border-top: 0; margin-inline-start: 20px; }
}
.profile-section-sorter .dropdown-toggle { padding: 10px 0; width: 100%; }
.profile-section-sorter .dropdown-toggle::after { position: absolute; inset-inline-end: 0; }
@media (min-width: 768px) { .profile-section-sorter .dropdown-toggle::after { position: relative; } }

.profile-contribution { padding: 20px 0; position: relative; word-break: break-word; }
.profile-contribution-header { margin-bottom: 5px; }
.profile-contribution-title { margin: 0 0 5px; display: inline; line-height: 21px; font-size: 15px; vertical-align: middle; }
.profile-contribution-body { margin: 10px 0; }
.profile-contribution-list > .profile-contribution { border-top: 1px solid #eee; }
.profile-contribution-list > .profile-contribution:last-child { border-bottom: 1px solid #eee; }
@media (min-width: 768px) { .profile-contribution-list > .profile-contribution { padding-inline-start: 30px; } }
.profile-contribution-list > .profile-contribution::before {
  position: absolute; inset-inline-start: 0; font-size: 16px; color: #ccc; font-family: "copenhagen-icons"; line-height: 25px;
}
.profile-comments .profile-contribution-breadcrumbs { margin-inline-start: 30px; }
@media (min-width: 768px) { .profile-comments .profile-contribution-breadcrumbs { margin-inline-start: 0; } }

.profile-activity-list { margin-top: 25px; }
.profile-activity { position: relative; padding-bottom: 30px; }
@media (min-width: 768px) { .profile-activity { padding-inline-start: 20px; } }
@media (min-width: 768px) { .profile-activity:not(:last-child) { border-inline-start: 1px solid #ddd; } }
.profile-activity::before {
  position: absolute; inset-inline-start: 0; width: 28px; border-radius: 50%;
  content: ""; background: rgba(245, 248, 250, 1) 50% 50% / 14px 14px no-repeat;
  text-align: center; line-height: 40px; font-size: 16px; color: #ccc; font-family: "copenhagen-icons";
  @media (min-width: 768px) { inset-inline-start: -14px; }
}
.profile-activity-header {
  display: flex; align-items: center; margin-inline-start: 35px;
  @media (min-width: 768px) { margin-inline-start: 0; }
}
.profile-activity-header .user-avatar {
  width: 40px; height: 40px; min-width: 40px; margin-inline-end: 10px; align-self: flex-start;
}
.profile-activity-description { margin: 0; min-width: 0; width: 100%; }
.profile-activity-description span:first-child { font-weight: 600; display: inline; }
.profile-activity-contribution {
  padding: 20px; margin-top: 10px; border-radius: 8px; background: #ebf1f5;
  @media (min-width: 768px) { margin: 0 0 0 50px; }
}

/* Activity icons */
.profile-articles > .profile-contribution::before,
.profile-activity-list > li[class$="-article"]::before { content: "\1f4c4"; }
.profile-posts > .profile-contribution::before,
.profile-activity-list > li[class$ "-post"]::before { content: "\1f4d4"; }
.profile-comments > .profile-contribution::before,
.profile-activity-list > li[class$="-comment"]::before { content: "\1f4ac"; line-height: 35px; }

/* =========================================================
   ARTICLE PAGE — clean layout (grid, left-aligned)
   ========================================================= */
.article-page .section.hero.is-contained{
  margin-bottom: 20px !important;
}

@media (min-width: 1024px){
  .article-page .article-container{
    display: grid !important;
    grid-template-columns: var(--mj-sidebar-width) minmax(0, var(--mj-article-width));
    column-gap: var(--mj-column-gap);
    justify-content: start !important;
    align-items: start;
  }
  .article-page .article-sidebar{
    grid-column: 1;
    width: var(--mj-sidebar-width) !important;
    max-width: var(--mj-sidebar-width) !important;
    padding-right: 0 !important;
  }
  .article-page .sidenav-title{ font-size:14px; margin:0 0 10px; }
  .article-page .article-sidebar .sidenav-item{ font-size:14px; padding:8px 10px; border-radius:8px; }
  .article-page .article-sidebar li+li{ margin-top:6px; }

  .article-page .article{
    grid-column: 2;
    max-width: var(--mj-article-width) !important;
    width: 100%;
    margin: 0 !important;
    justify-self: start;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .article-page .article-footer,
  .article-page .article-votes,
  .article-page .article-return-to-top{
    width: 100% !important;
    margin: 0 !important;
    transform: none !important;
  }

  .article-page .article-votes{
    text-align: center;
    border-top: 1px solid #ddd !important;
    padding-top: 24px;
    position: relative;
  }

  .article-page .article-return-to-top{
    border-top: 0 !important;
    text-align: left !important;
    margin-top: 16px !important;
  }
  .article-page .article-return-to-top a{ display: inline !important; }
}

/* Social icons spacing and votes line */
.article-page .article-footer{ margin-bottom: 10px !important; }
.article-page .article-footer .share{ gap: 8px; }
.article-page .article-footer + .article-votes{
  padding-top: 20px !important;
  border-top: 1px solid #ddd;
}

/* =========================================================
   SEARCH RESULTS — centered layout with hero + tidy meta
   ========================================================= */
/* Show the purple hero on search results (use same band) */
.search-results-page .page-hero{ display: block !important; margin-top: 0; }

/* Hide the sub-nav search (we use the hero search) */
.search-results-page .sub-nav .search{ display: none !important; }

/* Center header row and results column */
.search-results-page .container > .sub-nav,
.search-results-page .search-results-column {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767.98px) {
  .search-results-page .container > .sub-nav,
  .search-results-page .search-results-column {
    max-width: none; margin-left: 0; margin-right: 0;
  }
}

/* One-column results list + spacing */
.search-results-list .search-result-list-item {
  padding: 14px 0 18px;
  border-bottom: 1px solid #e5e7eb;
}
.search-results-column > .search-results-subheading,
.search-results-column > h1,
.search-results-column > h2 { margin: 0 0 8px 0; }

/* Meta row: breadcrumbs left, icons/byline right */
.search-results-list .search-result-meta{
  display:flex; align-items:center; justify-content:space-between; gap:12px; margin:4px 0 6px;
}
.search-results-list .search-result-meta-left{ min-width:0; flex:1 1 auto; }
.search-results-list .search-result-breadcrumbs{
  display:flex; flex-wrap:wrap; gap:0 6px; margin:0; color:#6b7280; font-size:13px;
}
.search-results-list .search-result-breadcrumbs li+li::before{
  content: ">"; margin: 0 6px; color:#9aa0a6;
}
.search-results-list .search-result-meta-right{
  display:inline-flex; align-items:center; gap:12px; flex:0 0 auto;
}
.search-results-list .search-result-icons{
  display:inline-flex; align-items:center; gap:10px; color:#6b7280; font-size:13px;
}

/* Author/date inline on the right */
.search-results-list .search-result-meta-right .meta-group{
  display:inline-flex !important; gap:10px; margin:0; color:#6b7280; font-size:13px;
}
.search-results .meta-group { margin: 0; }

/* Optional: hide the long description/snippet line */
.search-results .search-results-description { display: none !important; }

/* Votes + comments under the date, right-aligned and purple */
.search-results-list .search-result-underdate{
  display:block; text-align:right; margin-top: 4px;
}
.search-result-underdate .search-result-votes,
.search-result-underdate .search-result-votes-icon,
.search-result-underdate .search-result-meta-count,
.search-result-underdate .search-result-meta-count-icon{
  color: rgba(150, 134, 244, 1) !important;
}

/* Kill any absolute positioning from old layouts */
.search-results-list .search-result-icons{
  position: static !important; float: none !important; top: auto !important; right: auto !important;
}

/* Mobile: stack meta neatly */
@media (max-width: 767.98px){
  .search-results-list .search-result-meta{
    flex-direction:column; align-items:flex-start; gap:4px;
  }
  .search-results-list .search-result-meta-right{ gap:8px; }
}

/* === Misc small polishes === */
/* Sidebar links: white text on purple state */
.article-sidebar .sidenav-item {
  display: block; padding: 10px 12px; border-radius: 10px; line-height: 1.25; text-decoration: none;
  color: rgba(19, 27, 32, 1); transition: background-color .18s ease, color .18s ease;
}
.article-sidebar .sidenav-item:hover,
.article-sidebar .sidenav-item:focus,
.article-sidebar .sidenav-item.current-article,
.article-sidebar li:hover > .sidenav-item {
  background-color: #7f6cf4; color: #fff !important; text-decoration: none;
}
.article-sidebar .sidenav-item.current-article:visited,
.article-sidebar .sidenav-item:hover:visited { color: #fff !important; }
.article-sidebar .sidenav-item * { color: inherit !important; }


/* show they’re disabled; we block in JS so pointer-events can stay enabled */
.article-votes .article-vote[aria-disabled="true"] {
  opacity: .6;
  cursor: not-allowed;
}
/* red, centered error like your mockup */
.mj-inline-error{
  color:#dc2626;          /* brighter red */
  font-size:13px;
  margin-top:8px;
  text-align:center;
  font-weight:600;
}

/* hide follow button from article pages */
.article-header .subscription, 
.article-header .subscribe,
.article-header .article-subscribe,
.article-header [data-test-id="follow-button"] { display: none !important; }

/* Keep search pill inside hero on mobile */
.hero .search {
  max-width: 100%;   /* never exceed container */
  width: 100%;       /* fill container */
  box-sizing: border-box; /* include padding/border in width */
}

.hero .search input[type="search"],
.hero .search input[type="text"] {
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
}

.mj-sharebar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:14px;
  margin-top:20px;
}
.mj-top-link{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  text-decoration:none;
  font-weight:500;
  color:#6b7280;                  /* neutral text */
}
.mj-top-link:hover{ color:#6a5ae0; }  /* your purple hover */
.mj-top-link span[aria-hidden]{ font-size:18px; line-height:1; }
@media (prefers-reduced-motion:no-preference){
  .mj-top-link:active{ transform:translateY(1px); }
}

/* Red policy line under the validation note */
.fb-policy{
  color:#b91c1c;
  font-size:13px;
  margin:4px 0 0;     /* sits just under the first line */
  text-align:left;
}

/* Feedback form: anything marked [hidden] should vanish */
#fb-wrap [hidden] { display: none !important; }

/* Hide vote thumb + count in search results */
.search-results-page .search-result-votes {
  display: none !important;
}

/* Note bubble styling (like your screenshot) */
.note.warning{
  max-width: 760px;
  background: #FDE2E1;          /* light red/pink */
  border-left: 5px solid #D1B6B2;
  border-radius: 10px;
  padding: 14px 16px;
  margin: 14px 0 18px;
  color: inherit;
  font-style: italic;
}

.note.warning p{ margin: 0; }

.note.warning p + p{ margin-top: 10px; }

.note.warning .note-cta{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

/* CTA button inside the bubble */
.note.warning .note-btn{
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 600;
  border: 1px solid rgba(106,90,224,.35);
  background: #fff;
  color: #6a5ae0;
}

.note.warning .note-btn:hover{
  border-color: #6a5ae0;
}