@charset "UTF-8";
/*!
 * Full style.css (UK fixed)
 * - Converted SCSS variables to CSS Custom Properties
 * - Repaired RTL selector issues
 * - Standardized max-width to 1360px for UK
 * - Simplified desktop/mobile nav visibility breakpoints
 * - Stronger :focus-visible states (WCAG)
 * - Disabled button pointer-events + opacity
 * - Avoided 0.1px hairlines
 * - Replaced darken()/lighten() with color-mix() + fallbacks
 */

/* =========================
   Design Tokens (CSS Vars)
   ========================= */
:root {
  --background-color: #ffffff;
  --text-color: #2F3941;
  --heading-font: "Optima", Helvetica, Arial, sans-serif;
  --text-font: "Roboto", Helvetica, Arial, sans-serif;
  --link-color: #1f73b7;
  --visited-link-color: #5a4fcf;
  --hover-link-color: #125a90;

  --brand-color: #917236;          /* Lindt gold */
  --brand-text-color: #ffffff;

  /* Derived tones using color-mix(), with hex fallback for older browsers */
  --text-color-20: #68737D;
  --brand-color-d20: #58492e;
  --bg-3: #f7f7f7;
  --bg-5: #f3f3f3;

  /* Images (override with actual URL values as needed) */
  --homepage-background-image: none;
  --community-image: none;
  --community-background-image: none;
}

/* Prefer modern mixing if available */
@supports (color: color-mix(in srgb, black, white)) {
  :root {
    --text-color-20: color-mix(in srgb, var(--text-color) 80%, white);
    --brand-color-d20: color-mix(in srgb, var(--brand-color) 80%, black);
    --bg-3: color-mix(in srgb, var(--background-color) 97%, black);
    --bg-5: color-mix(in srgb, var(--background-color) 95%, black);
  }
}

/***** Normalize.css (v8.0.1 minimal) *****/
html { line-height: 1.15; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
main { display: block; }
h1 { font-size: 2em; margin: 0.67em 0; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; }
abbr[title] { text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; } sup { top: -0.5em; }
img { border-style: none; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; }
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { padding: .35em .75em .625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; }
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; }
[type=search] { -webkit-appearance: textfield; outline-offset: -2px; }
[type=search]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
details { display: block; }
summary { display: list-item; }
template { display: none; }
[hidden] { display: none; }

/***** Base *****/
* { box-sizing: border-box; }
body {
  background-color: var(--background-color);
  color: var(--text-color);
  font-family: var(--text-font);
  font-size: 15px;
  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: var(--heading-font); margin-top: 0; }
h1{ font-size:32px; } h2{ font-size:22px; } h3{ font-size:18px; font-weight:600; } h4{ font-size:16px; }

a { color: var(--link-color); text-decoration: none; }
a:visited { color: var(--visited-link-color); }
a:hover,a:active,a:focus { text-decoration: underline; }

/* Forms */
.hbs-form input, .hbs-form textarea,
.search input, .search textarea { color:#000; font-size:14px; }
.hbs-form input, .search input {
  max-width:100%; box-sizing:border-box; transition:border .12s ease-in-out;
}
.hbs-form input:where(:not([type=checkbox])),
.search input:where(:not([type=checkbox])) { outline:none; }
.hbs-form input:where(:not([type=checkbox])):focus,
.search input:where(:not([type=checkbox])):focus { border:1px solid var(--brand-color); }
.hbs-form input[disabled], .search input[disabled]{ background:#ddd; }
.hbs-form select, .search select{
  -webkit-appearance:none; -moz-appearance:none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23CCC' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E") no-repeat #fff;
  background-position:right 10px center; border:1px solid #87929D; border-radius:4px;
  padding:8px 30px 8px 10px; outline:none; color:#555; width:100%;
}
.hbs-form select:focus, .search select:focus{ border:1px solid var(--brand-color); }
.hbs-form select::-ms-expand, .search select::-ms-expand { display:none; }
.hbs-form textarea, .search textarea {
  border:1px solid #87929D; border-radius:2px; resize:vertical; width:100%; outline:none; padding:10px;
}
.hbs-form textarea:focus, .search textarea:focus{ border:1px solid var(--brand-color); }

/* Containers and layout */
.container, .header, .error-page, .footer-inner, .top-navigation {
  max-width: 1360px; width: 90%; margin: 0 auto;
}
.container-divider{ border-top:1px solid #ddd; margin-bottom:20px; }
ul{ list-style:none; margin:0; padding:0; }

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

/***** Buttons *****/
.button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link,
.subscriptions-subscribe button, .requests-table-toolbar .organization-subscribe button,
.community-follow button, .article-subscribe button, .section-subscribe button, .split-button button {
  background-color: transparent;
  border:1px solid var(--brand-color);
  border-radius:4px;
  color: var(--brand-color);
  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, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link,
  .subscriptions-subscribe button, .requests-table-toolbar .organization-subscribe button,
  .community-follow button, .article-subscribe button, .section-subscribe button, .split-button button { width:auto; }
}
.button:visited, .pagination-next-link:visited, .pagination-prev-link:visited, .pagination-first-link:visited, .pagination-last-link:visited,
.subscriptions-subscribe button:visited, .requests-table-toolbar .organization-subscribe button:visited,
.community-follow button:visited, .article-subscribe button:visited, .section-subscribe button:visited, .split-button button:visited {
  color: var(--brand-color);
}
.button:hover, .pagination-next-link:hover, .pagination-prev-link:hover, .pagination-first-link:hover, .pagination-last-link:hover,
.subscriptions-subscribe button:hover, .requests-table-toolbar .organization-subscribe button:hover,
.community-follow button:hover, .article-subscribe button:hover, .section-subscribe button:hover, .split-button button:hover,
.button:active, .pagination-next-link:active, .pagination-prev-link:active, .pagination-first-link:active, .pagination-last-link:active,
.subscriptions-subscribe button:active, .requests-table-toolbar .organization-subscribe button:active,
.community-follow button:active, .article-subscribe button:active, .section-subscribe button:active, .split-button button:active,
.button:focus, .pagination-next-link:focus, .pagination-prev-link:focus, .pagination-first-link:focus, .pagination-last-link:focus,
.subscriptions-subscribe button:focus, .requests-table-toolbar .organization-subscribe button:focus,
.community-follow button:focus, .article-subscribe button:focus, .section-subscribe button:focus,
.split-button button:focus,
.button.button-primary, .button-primary.pagination-next-link, .button-primary.pagination-prev-link,
.button-primary.pagination-first-link, .button-primary.pagination-last-link,
.subscriptions-subscribe button.button-primary, .subscriptions-subscribe button[data-selected=true],
.requests-table-toolbar .organization-subscribe button.button-primary, .requests-table-toolbar .organization-subscribe button[data-selected=true],
.community-follow button.button-primary, .article-subscribe button.button-primary, .article-subscribe button[data-selected=true],
.section-subscribe button.button-primary, .section-subscribe button[data-selected=true] {
  background-color: var(--brand-color);
  color: var(--brand-text-color);
  text-decoration:none;
}
.button.button-primary:hover, .button.button-primary:focus, .button.button-primary:active {
  background-color: var(--brand-color-d20); border-color: var(--brand-color-d20);
}
.button[data-disabled],
.subscriptions-subscribe button[data-disabled],
.requests-table-toolbar .organization-subscribe button[data-disabled],
.community-follow button[data-disabled], .article-subscribe button[data-disabled],
.section-subscribe button[data-disabled], .split-button button[data-disabled] {
  cursor: default; opacity: .5; pointer-events: none;
}

.button-large, .hbs-form input[type=submit] {
  cursor:pointer; background-color: var(--brand-color); border:0; border-radius:4px;
  color: var(--brand-text-color);
  font-size:14px; line-height:2.72; min-width:190px; padding:0 1.9286em; width:100%;
}
@media (min-width:768px){ .button-large, .hbs-form input[type=submit]{ width:auto; } }
.button-large:hover, .button-large:active, .button-large:focus, .hbs-form input[type=submit]:hover, .hbs-form input[type=submit]:active, .hbs-form input[type=submit]:focus {
  background-color: var(--brand-color-d20);
}
.button-large[disabled], .hbs-form input[type=submit][disabled]{ background:#ddd; }

.button-secondary {
  color: var(--text-color-20);
  border:1px solid #87929D; background: transparent;
}
.button-secondary:visited { color: var(--text-color-20); }
.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
  color: var(--text-color);
  border:1px solid #87929D; background-color: var(--bg-3);
}

/* Split button */
.split-button{ display:flex; }
.split-button button{
  background-color: var(--brand-color); border:0; color: var(--brand-text-color);
  height:32px; line-height:16px; outline-color: var(--brand-color);
}
[dir=rtl] .split-button button:not(:only-child):first-child{
  border-left:1px solid var(--brand-text-color);
  border-top-left-radius:unset; border-bottom-left-radius:unset;
}
[dir=ltr] .split-button button:not(:only-child):first-child{
  border-right:1px solid var(--brand-text-color);
  border-top-right-radius:unset; border-bottom-right-radius:unset;
}
.split-button button:not(:only-child):last-child{
  display:flex; justify-content:center; align-items:center; width:26px; min-width:26px; max-width:26px; padding:0;
}
[dir=rtl] .split-button button:not(:only-child):last-child{ border-top-right-radius:unset; border-bottom-right-radius:unset; }
[dir=ltr] .split-button button:not(:only-child):last-child{ border-top-left-radius:unset; border-bottom-left-radius:unset; }

/***** Tables *****/
.table{ width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0; }
@media (min-width:768px){ .table{ table-layout:auto; } }
.table th, .table th a{ color: var(--text-color-20); font-size:13px; 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 (generic) *****/
.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 #87929D; border-radius:4px; padding:10px; width:100%; }
.form-field input:focus{ border:1px solid var(--brand-color); }
.form-field input[type=text]{ border:1px solid #87929D; border-radius:4px; }
.form-field input[type=text]:focus{ border-color: var(--brand-color); }
.form-field input[type=checkbox]{ width:auto; }
.form-field .nesty-input{ border-radius:4px; border:1px solid #87929D; height:40px; line-height:40px; outline:none; vertical-align:middle; }
.form-field .nesty-input:focus{ border:1px solid var(--brand-color); text-decoration:none; }
.form-field .hc-multiselect-toggle{ border:1px solid #87929D; }
.form-field .hc-multiselect-toggle:focus{ outline:none; border:1px solid var(--brand-color); text-decoration:none; }
.form-field textarea{ vertical-align:middle; }
.form-field input[type=checkbox] + label{ margin:0 0 0 10px; }
.form-field .optional{ color: var(--text-color-20); margin-left:4px; }
.form-field p{ color: var(--text-color-20); font-size:12px; margin:5px 0; }
.form footer{ margin-top:40px; padding-top:30px; }
.form footer a{ color: var(--text-color-20); 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: var(--visited-link-color); }

/***** Header *****/
.header{
  position:relative; align-items:center; display:flex; height:71px; justify-content:space-between;
}
.logo img{ max-height:37px; vertical-align:middle; }
.logo span{ margin:0 10px; color: var(--brand-color); }
.logo a{ display:inline-block; }
.logo a:hover, .logo a:focus, .logo a:active{ text-decoration:none; }

.user-nav{ display:inline-block; position:absolute; white-space:nowrap; }
@media (min-width:768px){ .user-nav{ position:relative; } }
.user-nav[aria-expanded=true]{
  background:#fff; box-shadow:0 0 4px rgba(0,0,0,.15), 0 4px 10px rgba(0,0,0,.1);
  border:1px solid #ddd; right:0; left:0; top:71px; z-index:1;
}
.user-nav[aria-expanded=true] > a{ display:block; margin:20px; }
.user-nav[aria-expanded=true] > .user-nav-list li{ display:block; }
.user-nav[aria-expanded=true] > .user-nav-list a{ display:block; margin:20px; }
.user-nav-list{ display:block; list-style:none; }
.user-nav-list > li{ display:inline-block; }

/* Desktop nav visibility simplified: hidden <1024px, shown >=1024px */
.nav-wrapper-desktop{ display:none; }
@media (min-width:1024px){ .nav-wrapper-desktop{ display:inline-block; } }
.nav-wrapper-desktop a{
  border:0; color: var(--link-color); display:inline-block; font-size:14px; padding:0 20px 0 0; width:auto;
  font-family: var(--heading-font); font-weight:600; color:#917236; transition: color .2s ease-in-out;
}
[dir=rtl] .nav-wrapper-desktop a{ padding:0 0 0 20px; }
.nav-wrapper-desktop a:hover, .nav-wrapper-desktop a:focus, .nav-wrapper-desktop a:active{
  background:transparent; color:#58492e; text-decoration:none;
}
.nav-wrapper-desktop img{ vertical-align:middle; margin-left:10px; }

/* Mobile nav */
@media (min-width:1024px){ .nav-wrapper-mobile{ display:none; } }
.nav-wrapper-mobile .menu-button-mobile{
  background:none; border:0; width:auto; min-width:71px; cursor:pointer;
}
.nav-wrapper-mobile .menu-button-mobile .icon-menu{
  padding:7px; vertical-align:middle; width:30px; height:30px; border-radius:50%;
}
.nav-wrapper-mobile .menu-button-mobile[aria-expanded=true] .icon-menu{ background:#f3f3f3; }
.nav-wrapper-mobile .menu-list-mobile{
  position:absolute; background:#fff; box-shadow:0 10px 10px rgba(0,0,0,.15);
  border-top:1px solid #ddd; border-bottom:1px solid #ddd; right:0; left:0; top:71px; z-index:2;
}
.nav-wrapper-mobile .menu-list-mobile[aria-expanded=false]{ display:none; }
.nav-wrapper-mobile .menu-list-mobile[aria-expanded=true]{ display:block; }
.nav-wrapper-mobile .menu-list-mobile-items .item{ margin:4px 0; }
.nav-wrapper-mobile .menu-list-mobile-items li:empty:not(.nav-divider){ display:none; }
.nav-wrapper-mobile .menu-list-mobile-items .nav-divider{ border-bottom:1px solid #ddd; padding:0; }
.nav-wrapper-mobile .menu-list-mobile-items .nav-divider:last-child{ display:none; }
.nav-wrapper-mobile .menu-list-mobile-items button{
  background:none; border:none; padding:8px 24px; width:100%; height:100%; color: var(--text-color); cursor:pointer; text-align:start;
}
.nav-wrapper-mobile .menu-list-mobile-items button:active,
.nav-wrapper-mobile .menu-list-mobile-items button:focus,
.nav-wrapper-mobile .menu-list-mobile-items button:hover{ background:#f3f3f3; text-decoration:underline; }
.nav-wrapper-mobile .menu-list-mobile-items a{
  display:block; padding:8px 24px; width:100%; height:100%; color: var(--text-color);
}
.nav-wrapper-mobile .menu-list-mobile-items a:active,
.nav-wrapper-mobile .menu-list-mobile-items a:focus,
.nav-wrapper-mobile .menu-list-mobile-items a:hover{ background:#f3f3f3; }
.nav-wrapper-mobile .menu-list-mobile-items .my-profile{ display:flex; line-height:1.5; }
.nav-wrapper-mobile .menu-list-mobile-items .my-profile .my-profile-tooltip{ font-size:12px; color:#68737D; }
.nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar{
  height:20px; width:20px; border-radius:50%; display:inline-block; margin-right:8px; margin-top:1px;
}
[dir=rtl] .nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar{ margin-right:0; margin-left:8px; }

.skip-navigation{
  align-items:center; background:#000; color:#fff; display:flex; font-size:14px; justify-content:center;
  left:-999px; margin:20px; padding:20px; overflow:hidden; position:absolute; top:auto; z-index:-999;
}
[dir=rtl] .skip-navigation{ left:initial; right:-999px; }
.skip-navigation:focus, .skip-navigation:active{
  left:auto; overflow:auto; text-align:center; text-decoration:none; top:auto; z-index:999;
}
[dir=rtl] .skip-navigation:focus, [dir=rtl] .skip-navigation:active{ left:initial; right:auto; }
#zd-modal-container ~ .skip-navigation{ display:none; }

/***** User info in header *****/
.user-info{ display:inline-block; }
.user-info .dropdown-toggle::after{ display:none; }
@media (min-width:768px){ .user-info .dropdown-toggle::after{ display:inline-block; } }
.user-info > button{
  border:0; min-width:0; padding:0; white-space:nowrap;
  display:inline-block; font-family: var(--heading-font); font-weight:600; color:#917236 !important; transition: color .2s ease-in-out;
}
.user-info > button:hover, .user-info > button:focus{ color:#917236; background:transparent; }
.user-info > button::after{ color: var(--link-color); padding-right:15px; }
[dir=rtl] .user-info > button::after{ padding-left:15px; padding-right:0; }
.user-avatar{ height:25px; width:25px; border-radius:50%; display:inline-block; vertical-align:middle; }
.user-info button img{ display:none; }

.avatar{ display:inline-block; position:relative; }
.avatar img{ height:40px; width:40px; }
.avatar .icon-agent{
  color: var(--brand-color); border:2px solid #fff; border-radius:50%; bottom:-4px; background: var(--brand-text-color);
  font-size:17px; height:17px; line-height:17px; position:absolute; right:-2px; text-align:center; width:17px;
}

/***** Footer *****/
.footer{ border-top:1px solid #ececec; margin-top:60px; padding:30px 0; }
.footer a{ color: var(--text-color-20); }
.footer .footer-inner{ padding:0 20px; color:#333; font-size:13px; font-family: var(--heading-font); display:flex; justify-content:space-between; }
.footer-language-selector button{ color: var(--text-color-20); display:inline-block; }
.powered-by-zendesk a, .powered-by-zendesk a:visited{ color: var(--text-color-20); }

/***** Breadcrumbs *****/
.breadcrumbs{ margin:0 0 15px 0; padding:0; display:flex; }
@media (min-width:768px){ .breadcrumbs{ margin:0; } }
.breadcrumbs li{ color: var(--text-color-20); font-size:13px; max-width:450px; overflow:hidden; text-overflow:ellipsis; }
.breadcrumbs li + li::before{ content: ">"; margin:0 4px; }
.breadcrumbs li:first-child a{ color:#917236 !important; }
.breadcrumbs li a{ color:#555 !important; transition: color .2s ease-in-out; }
.breadcrumbs li a:hover{ color:#58492e !important; text-decoration:none !important; }

/***** Search field *****/
.search-container{ position:relative; }
.search{
  border-color:#87929D; border-radius:30px; border-style:solid; border-width:1px; display:flex; position:relative; transition:border .12s ease-in-out;
}
.search:focus-within{ border-color: var(--brand-color); }
.search input[type=search], .search .clear-button{ background:#fff; border-radius:30px; border:none; }
.search input[type=search]{
  appearance:none; -webkit-appearance:none; box-sizing:border-box; color:#666;
  flex:1 1 auto; height:40px; width:100%;
}
.search input[type=search]:focus{ color:#555; }
.search input[type=search]::-webkit-search-decoration,
.search input[type=search]::-webkit-search-cancel-button,
.search input[type=search]::-webkit-search-results-button,
.search input[type=search]::-webkit-search-results-decoration{ -webkit-appearance:none; }
.search input[type=search]:-webkit-autofill,
.search input[type=search]:-webkit-autofill:hover,
.search input[type=search]:-webkit-autofill:focus{ -webkit-box-shadow:0 0 0 1000px #fff inset; }
.search .clear-button{
  align-items:center; box-sizing:border-box; color:#777; cursor:pointer; display:none; flex:none; justify-content:center; padding:0 15px;
}
.search .clear-button:hover{ background: var(--brand-color); color:#fff; }
.search .clear-button:focus{ outline:0; box-shadow:0 0 0 3px var(--brand-color); }
.search-has-value .clear-button{ display:flex; }

[dir=ltr] .search input[type=search]{ padding-left:40px; padding-right:20px; }
[dir=ltr] .search-has-value input[type=search]{ border-bottom-right-radius:0; border-top-right-radius:0; border-right-color:transparent; }
[dir=ltr] .search-has-value input[type=search]:focus{ border-right-color: var(--brand-color); }
[dir=ltr] .search .clear-button{ border-bottom-left-radius:0; border-top-left-radius:0; border-left-color:transparent; }
[dir=ltr] .search .clear-button:focus{ border-left-color: var(--brand-color); }

[dir=rtl] .search input[type=search]{ padding-left:20px; padding-right:40px; }
[dir=rtl] .search-has-value input[type=search]{ border-bottom-left-radius:0; border-top-left-radius:0; border-left-color:transparent; }
[dir=rtl] .search-has-value input[type=search]:focus{ border-left-color: var(--brand-color); }
[dir=rtl] .search .clear-button{ border-bottom-right-radius:0; border-top-right-radius:0; border-right-color:transparent; }
[dir=rtl] .search .clear-button:focus{ border-right-color: var(--brand-color); }

.search-icon{
  position:absolute; left:15px; top:50%; transform: translateY(-50%);
  z-index:1; width:18px; height:18px; color:#777; pointer-events:none;
}
[dir=rtl] .search-icon{ left:auto; right:15px; }

/***** Hero *****/
.hero{
  background-image: var(--homepage-background-image);
  background-position:center; background-size:cover; height:300px; padding:0 20px; text-align:center; width:100%;
}
.hero-inner{ position:relative; top:50%; transform:translateY(-50%); max-width:610px; margin:0 auto; }

/***** Page Header *****/
.page-header{
  display:flex; flex-direction:column; flex-wrap:wrap; justify-content:space-between; margin:10px 0;
}
@media (min-width:768px){
  .page-header{ align-items:baseline; flex-direction:row; flex-wrap:wrap; gap:16px; margin:0; }
}
.page-header .section-subscribe{ flex-shrink:0; margin-bottom:10px; }
@media (min-width:768px){ .page-header .section-subscribe{ margin-bottom:0; } }
.page-header h1{ flex-grow:1; margin-bottom:10px; }
.page-header-description{ font-style:italic; margin:0 0 30px 0; word-break:break-word; }
@media (min-width:1024px){ .page-header-description{ flex-basis:100%; } }
.page-header .icon-lock{ height:20px; width:20px; position:relative; left:-5px; vertical-align:baseline; }

/***** Sub-nav *****/
.sub-nav{
  align-items:baseline; display:flex; flex-direction:column; flex-wrap:wrap; gap:15px 30px; justify-content:space-between; margin-bottom:55px;
}
@media (min-width:768px){ .sub-nav{ flex-direction:row; } }
.sub-nav .breadcrumbs{ margin:0; }
.sub-nav .search-container{ max-width:300px; width:100%; }
@media (min-width:768px){ .sub-nav .search-container{ flex:0 1 300px; } }
.sub-nav input[type=search]::after{ font-size:15px; }

/***** Blocks *****/
.blocks-list{ display:flex; flex-wrap:wrap; justify-content:flex-start; list-style:none; padding:0; }
@media (min-width:768px){ .blocks-list{ margin:0 -15px; } }
.blocks-item{
  border:1px solid var(--brand-color); border-radius:4px; color: var(--brand-color);
  display:flex; flex:1 0 340px; margin:0 0 30px; max-width:100%; text-align:center;
}
@media (min-width:768px){ .blocks-item{ margin:0 15px 30px; } }
.blocks-item:hover, .blocks-item:focus, .blocks-item:active{ background: var(--brand-color); }
.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active *{ color: var(--brand-text-color); text-decoration:none; }
.blocks-item-internal{ background:transparent; border:1px solid #ddd; }
.blocks-item-internal .icon-lock{ height:15px; width:15px; bottom:5px; position:relative; }
.blocks-item-internal a{ color: var(--text-color); }
.blocks-item-link{
  color: var(--brand-color); padding:20px 30px; display:flex; flex-direction:column; flex:1; justify-content:center; border-radius:inherit;
}
.blocks-item-link:visited, .blocks-item-link:hover, .blocks-item-link:active{ color:inherit; text-decoration:none; }
.blocks-item-link:focus{ outline:0; box-shadow:0 0 0 3px var(--brand-color); text-decoration:none; }
.blocks-item-title{ margin-bottom:0; font-size:16px; }
.blocks-item-description{ margin:0; }
.blocks-item-description:not(:empty){ margin-top:10px; }

/***** Community (homepage section) *****/
.community{ text-align:center; }
.community-image{
  min-height:300px; margin-top:32px; background-image: var(--community-image); background-position:center; background-repeat:no-repeat; max-width:100%;
}
.community a{ color: var(--link-color); text-decoration:underline; }
.community a:visited{ color: var(--visited-link-color); }
.community a:hover, .community a:active, .community a:focus{ color: var(--hover-link-color); }
.community, .activity{ border-top:1px solid #ddd; padding:30px 0; }

/***** Recent activity *****/
.recent-activity-header{ margin-bottom:10px; text-align:center; }
.recent-activity-item{ border-bottom:1px solid #ddd; overflow:auto; padding:20px 0; }
.recent-activity-item h3{ margin:0; }
.recent-activity-item-parent{ font-size:16px; font-weight:600; }
.recent-activity-item-parent, .recent-activity-item-link{ margin:6px 0; display:inline-block; width:100%; }
@media (min-width:768px){ .recent-activity-item-parent, .recent-activity-item-link{ width:70%; margin:0; } }
.recent-activity-item-link{ font-size:14px; overflow:hidden; text-overflow:ellipsis; }
.recent-activity-item-meta{ color: var(--text-color); margin:15px 0 0 0; float:none; }
@media (min-width:768px){ .recent-activity-item-meta{ margin:0; float:right; } [dir=rtl] .recent-activity-item-meta{ float:left; } }
.recent-activity-comment-icon svg{ vertical-align:middle; color: var(--brand-color); width:16px; height:16px; }
.recent-activity-comment-icon:after{ content: attr(data-comment-count); margin-left:3px; }
[dir=rtl] .recent-activity-comment-icon:after{ margin-left:0; margin-right:3px; }

/***** Category & Section pages (layout only) *****/
.category-container, .section-container{ display:flex; justify-content:flex-end; }
.category-content, .section-content{ flex:1; max-width:100%; }
@media (min-width:1024px){ .category-content, .section-content{ flex:0 0 80%; } }

/***** Article (layout & typography) *****/
.article{ flex:1 0 auto; }
@media (min-width:1024px){ .article{ flex:1 0 66%; max-width:66%; min-width:640px; padding:0 30px; } }
.article-container{ display:flex; flex-direction:column; }
@media (min-width:1024px){ .article-container{ flex-direction:row; } }
.article-header{ align-items:flex-start; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:space-between; margin:20px 0 40px; }
@media (min-width:768px){ .article-header{ flex-direction:row; margin-top:0; } }
.article-title{ overflow:hidden; text-overflow:ellipsis; max-width:100%; }
@media (min-width:768px){ .article-title{ flex-basis:100%; } }
.article-title .icon-lock{ position:relative; left:-5px; vertical-align:baseline; }
.article-info{ max-width:100%; }
.article-meta{ display:inline-block; vertical-align:middle; }
.article-body, .comment-body, .post-body{
  display: flow-root;
}
.article-body a, .comment-body a, .post-body a{ color: var(--link-color); text-decoration:underline; }
.article-body a:visited, .comment-body a:visited, .post-body a:visited{ color: var(--visited-link-color); }
.article-body a:hover, .article-body a:active, .article-body a:focus,
.comment-body a:hover, .comment-body a:active, .comment-body a:focus,
.post-body a:hover, .post-body a:active, .post-body a:focus{ color: var(--hover-link-color); }
.article-body img, .comment-body img, .post-body img{ height:auto; max-width:100%; }
.article-body :not(pre) > code, .comment-body :not(pre) > code, .post-body :not(pre) > code{
  background: var(--bg-3); border:1px solid #ddd; border-radius:3px; padding:0 5px; margin:0 2px;
}
.article-body pre, .comment-body pre, .post-body pre{
  background: var(--bg-3); border:1px solid #ddd; border-radius:3px; padding:10px 15px; overflow:auto; white-space:pre;
}
.article-body blockquote, .comment-body blockquote, .post-body blockquote{
  border-left:1px solid #ddd; color: var(--text-color-20); font-style:italic; padding:0 15px;
}
.article-content{ line-height:1.6; margin:40px 0; word-wrap:break-word; }
.article-footer{ align-items:center; display:flex; justify-content:space-between; padding-bottom:20px; }
.article-comment-count{ color: var(--text-color-20); }
.article-comment-count-icon{ vertical-align:middle; color: var(--brand-color); width:18px; height:18px; }
.article-sidebar{
  border-bottom:1px solid #ddd; border-top:1px solid #ddd; flex:1 0 auto; margin-bottom:20px; padding:0;
}
@media (min-width:1024px){
  .article-sidebar{ border:0; flex:0 0 17%; height:auto; max-width:17%; }
}
.article-votes{ border-top:1px solid #ddd; padding:30px 0; text-align:center; }
.article-votes .article-votes-question{ font-size:15px; font-weight:normal; margin-bottom:0; }
.article-vote{ margin:10px 5px; min-width:90px; width:auto; }
.article-more-questions{ margin:10px 0 20px; text-align:center; }
.article-more-questions a{ color: var(--link-color); text-decoration:underline; }
.article-more-questions a:visited{ color: var(--visited-link-color); }
.article-more-questions a:hover, .article-more-questions a:active, .article-more-questions a:focus{ color: var(--hover-link-color); }
.article-return-to-top{ border-top:1px solid #87929D; }
@media (min-width:1024px){ .article-return-to-top{ display:none; } }
.article-return-to-top a{ color: var(--text-color); display:block; padding:20px 0; }
.article-return-to-top a:hover, .article-return-to-top a:focus{ text-decoration:none; }
.article-return-to-top-icon{ transform: rotate(0.5turn); }

/***** Attachments *****/
.attachments .attachment-item{ padding-left:20px; position:relative; margin-bottom:10px; }
.attachments .attachment-item:last-child{ margin-bottom:0; }
.attachments .attachment-item .attachment-icon{ color: var(--text-color); left:0; position:absolute; top:5px; }
[dir=rtl] .attachments .attachment-item{ padding-left:0; padding-right:20px; }
[dir=rtl] .attachments .attachment-item .attachment-icon{ left:auto; right:0; }

/***** Share *****/
.share{ padding:0; white-space:nowrap; }
.share li, .share a{ display:inline-block; }
.share li{ height:25px; width:25px; }
.share a{ color: var(--text-color-20); }
.share a:hover{ text-decoration:none; color: var(--brand-color); }
.share a svg{ height:18px; width:18px; display:block; }

/***** Comments *****/
.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-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px 0; }
.comment-callout{ color: var(--text-color-20); display:inline-block; font-size:13px; margin-bottom:0; }
.comment-callout a{ color: var(--link-color); text-decoration:underline; }
.comment-callout a:visited{ color: var(--visited-link-color); }
.comment-callout a:hover, .comment-callout a:active, .comment-callout a:focus{ color: var(--hover-link-color); }
.comment-sorter{ display:inline-block; float:right; }
.comment-sorter .dropdown-toggle{ color: var(--text-color-20); font-size:13px; }
[dir=rtl] .comment-sorter{ float:left; }
.comment-wrapper{ display:flex; position:relative; }
.comment-wrapper.comment-official{ border:1px solid var(--brand-color); padding:40px 20px 20px; }
@media (min-width:768px){ .comment-wrapper.comment-official{ padding-top:20px; } }
.comment-info{ min-width:0; padding-right:20px; width:100%; }
[dir=rtl] .comment-info{ padding-right:0; padding-left:20px; }
.comment-author{ align-items:flex-end; display:flex; flex-wrap:wrap; margin-bottom:20px; }
@media (min-width:768px){ .comment-author{ justify-content:space-between; } }
.comment-avatar{ margin-right:10px; }
[dir=rtl] .comment-avatar{ margin-left:10px; margin-right:0; }
.comment-meta{ flex:1 1 auto; }
.comment-labels{ flex-basis:100%; }
@media (min-width:768px){ .comment-labels{ flex-basis:auto; } }
.comment .status-label:not(.status-label-official){ margin-top:10px; }
@media (min-width:768px){ .comment .status-label:not(.status-label-official){ margin-top:0; } }
.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:left; }
@media (min-width:768px){ [dir=ltr] .comment-form-controls{ text-align:right; } }
.comment-form-controls input[type=submit]{ margin-top:15px; }
@media (min-width:1024px){
  .comment-form-controls input[type=submit]{ margin-left:15px; }
  [dir=rtl] .comment-form-controls input[type=submit]{ margin-left:0; margin-right:15px; }
}
.comment-form-controls input[type=checkbox]{ margin-right:5px; }
/* FIX: Proper RTL selector order */
[dir=rtl] .comment-form-controls input[type=checkbox]{ margin-left:5px; margin-right:0; }
.comment-ccs{ display:none; }
.comment-ccs + textarea{ margin-top:10px; }
.comment-attachments{ margin-top:10px; }
.comment-attachments a{ color: var(--brand-color); }
.comment-body{
  -moz-hyphens:auto; -ms-hyphens:auto; -webkit-hyphens:auto; word-break:break-word; word-wrap:break-word;
  font-family: var(--text-font); line-height:1.6; overflow-x:auto;
}

/***** Vote *****/
.vote{ display:flex; flex-direction:column; text-align:center; }
.vote a:active, .vote a:hover, .vote a:focus{ text-decoration:none; }
.vote-sum{ color: var(--text-color-20); display:block; margin:3px 0; }
[dir=rtl] .vote-sum{ direction:ltr; unicode-bidi:bidi-override; }
.vote-up svg{ transform: scale(1, -1); }
.vote-up:hover, .vote-down:hover{ color: var(--brand-color); }
.vote-up, .vote-down{
  appearance:none; background:transparent; border:none; color: var(--text-color-20); cursor:pointer;
  min-height:35px; min-width:35px; display:flex; align-items:center; justify-content:center;
}
.vote-voted{ color: var(--brand-color); }
.vote-voted:hover{ color: var(--brand-color-d20); }

/***** Actions *****/
.actions{ text-align:center; flex-shrink:0; }
.actions button{
  appearance:none; background:transparent; border:none; cursor:pointer;
  min-height:35px; min-width:35px; display:flex; align-items:center; justify-content:center;
}

/***** Community *****/
.community-hero{ background-image: var(--community-background-image); margin-bottom:10px; }
.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-bottom:0; font-size:16px; }
/* Follow button meta count styling */
.community-follow{ margin-bottom:10px; width:100%; }
@media (min-width:768px){ .community-follow{ margin-bottom:0; width:auto; } }
.community-follow button{ line-height:30px; padding:0 10px 0 15px; position:relative; width:100%; }
@media (min-width:768px){ .community-follow button{ width:auto; } }
.community-follow button:hover{ background: var(--brand-color); }
.community-follow button:hover::after, .community-follow button:focus::after{ border-color: var(--brand-text-color); color: var(--brand-text-color); }
.community-follow button[data-selected=true]{ background: var(--brand-color); color: var(--brand-text-color); }
.community-follow button[data-selected=true]::after{ border-left:1px solid var(--brand-text-color); color: var(--brand-text-color); }
.community-follow button[data-selected=true]:hover{ background: var(--brand-color-d20); border-color: var(--brand-color-d20); }
.community-follow button::after{
  border-left:1px solid var(--brand-color);
  content: attr(data-follower-count);
  color: var(--brand-color);
  display:inline-block; font-family: var(--heading-font); margin-left:15px; padding-left:10px; position:absolute; right:10px;
}
@media (min-width:768px){ .community-follow button::after{ position:static; } }
[dir=rtl] .community-follow button::after{ border-left:0; border-right:1px solid var(--brand-color); margin:0 10px 0 0; padding:0 10px 0 0; }

/***** Striped list *****/
.striped-list{ padding:0; }
.striped-list-item{
  align-items:flex-start; border-bottom:1px solid #ddd; display:flex; flex-direction:column; justify-content:flex-end; padding:20px 0;
}
@media (min-width:768px){ .striped-list-item{ align-items:center; flex-direction:row; } }
.striped-list-info{ flex:2; }
.striped-list-title{ color: var(--link-color); margin:0 5px 10px 0; }
.striped-list-title:hover, .striped-list-title:focus, .striped-list-title:active{ text-decoration:underline; }
.striped-list-title:visited{ color: var(--visited-link-color); }
.striped-list .meta-group{ margin:5px 0; }
.striped-list-count{ color: var(--text-color-20); 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::after{ content:"·"; display:inline-block; padding:0 5px; }
@media (min-width:768px){ .striped-list-count-item::after{ display:none; } }
.striped-list-count-item:last-child::after{ display:none; }
.striped-list-number{ text-align:center; }
@media (min-width:768px){ .striped-list-number{ color: var(--text-color); display:block; } }

/***** Status labels *****/
.status-label{
  background:#038153; border-radius:4px; color:#fff; font-size:12px; font-weight:600; margin-right:2px; padding:3px 10px; vertical-align:middle; white-space:nowrap; display:inline-block;
}
.status-label:hover, .status-label:active, .status-label:focus{ text-decoration:none; }
.status-label-pinned, .status-label-featured, .status-label-official{ background: var(--brand-color); }
.status-label-official{
  border-radius:0; margin-right:0; position:absolute; right:0; text-align:center; top:0; width:100%;
}
@media (min-width:768px){ .status-label-official{ border-radius:0 0 4px 4px; right:30px; width:auto; } }
[dir=rtl] .status-label-official{ left:30px; right:auto; }
.status-label-not-planned, .status-label-closed{ background:#e9ebed; color: var(--text-color-20); }
.status-label-pending, .status-label-pending-moderation{ 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; }
@media (max-width:768px){ .status-label-request{ max-width:150px; } }

/***** Post (layout similar to article) *****/
.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{ align-items:center; display:flex; flex-direction:column; justify-content:space-between; margin-bottom:10px; }
@media (min-width:768px){ .post-header{ align-items:baseline; flex-direction:row; } }
.post-header .status-label{ vertical-align:super; }
.post-title{ margin-bottom:20px; width:100%; }
@media (min-width:768px){ .post-title{ margin-bottom:0; padding-right:10px; } }
.post-title h1{ display:inline; vertical-align:middle; }
@media (min-width:768px){ .post-title h1{ margin-right:5px; } }
.post-author{ align-items:flex-start; display:flex; justify-content:space-between; }
.post-avatar{ margin-bottom:30px; }
.post-content{ font-family: var(--text-font); line-height:1.6; word-break:break-word; }
.post-info-container{ display:flex; margin-bottom:40px; }
.post-info{ min-width:0; padding-right:20px; width:100%; }
[dir=rtl] .post-info{ padding-right:0; padding-left:20px; }
.post-meta{ display:inline-block; flex:1; margin-left:10px; vertical-align:middle; }
[dir=rtl] .post-meta{ margin-left:0; margin-right:10px; }
.post-footer{ align-items:center; display:flex; justify-content:space-between; padding-bottom:20px; }
.post-comment-count{ color: var(--text-color-20); }
.post-comment-count .icon-comments{ color: var(--brand-color); display:inline-block; width:18px; height:18px; margin:5px; vertical-align:middle; }
.post-sidebar{ border-top:1px solid #ddd; flex:1; padding:30px 0; text-align:center; }
@media (min-width:1024px){
  .post-sidebar{ border:0; flex:1 0 30%; padding:0 0 0 50px; text-align:initial; }
  [dir=rtl] .post-sidebar{ padding:0 50px 0 0; }
}
.post-sidebar-title{ font-size:18px; font-weight:600; }

/***** Collapsibles (nav + sidebar) *****/
.collapsible-nav{ flex-direction:column; font-size:14px; position:relative; }
@media (min-width:768px){ .collapsible-nav{ flex-direction:row; } }
.collapsible-nav-border{ border-bottom:1px solid #ddd; border-top:1px solid #ddd; }
@media (min-width:768px){ .collapsible-nav-border{ border-top:0; } }
.collapsible-nav-toggle{
  top:22.5px; transform:translateY(-50%); position:absolute; right:0; padding:0; border:0; background:none; width:25px; height:25px; border-radius:50%;
}
@media (min-width:768px){ .collapsible-nav-toggle{ display:none; } }
[dir=rtl] .collapsible-nav-toggle{ left:0; right:auto; }
.collapsible-nav-toggle-icon{ display:none; }
.collapsible-nav-toggle[aria-expanded=false] .chevron-icon{ display:inline-block; }
.collapsible-nav-toggle[aria-expanded=true] .x-icon{ display:inline-block; }
.collapsible-nav-toggle:focus{ outline:none; border:1px solid var(--brand-color); }
.collapsible-nav-list{ display:flex; flex-direction:column; }
@media (min-width:768px){ .collapsible-nav-list{ flex-direction:row; } }
.collapsible-nav-list li{ color: var(--text-color); line-height:45px; order:1; }
@media (min-width:768px){
  .collapsible-nav-list li{ line-height:normal; margin-right:30px; }
  [dir=rtl] .collapsible-nav-list li{ margin-left:30px; margin-right:0; }
  .collapsible-nav-list li a{ text-decoration:none; padding:15px 0; }
}
.collapsible-nav-list li a{ color: var(--text-color); display:block; }
@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; text-decoration:none; }
}
.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; } }
@media (min-width:768px){ .collapsible-nav-list li[aria-selected=true]{ padding:15px 0 11px; } }
.collapsible-nav-list li[aria-selected=true], .collapsible-nav-list li.current{ order:0; position:relative; }
@media (min-width:768px){
  .collapsible-nav-list li[aria-selected=true], .collapsible-nav-list li.current{ border-bottom:4px solid var(--brand-color); order:1; }
}
.collapsible-nav[aria-expanded=true] li:not([aria-selected=true]), .collapsible-nav[aria-expanded=true] li:not(.current){ display:block; }

.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-toggle{
  position:absolute; top:22.5px; transform:translateY(-50%); right:0; padding:0; border:0; background:none; width:25px; height:25px; border-radius:50%;
}
@media (min-width:1024px){ .collapsible-sidebar-toggle{ display:none; } }
[dir=rtl] .collapsible-sidebar-toggle{ left:0; right:auto; }
.collapsible-sidebar-toggle-icon{ display:none; }
.collapsible-sidebar-toggle[aria-expanded=false] .chevron-icon{ display:inline-block; }
.collapsible-sidebar-toggle[aria-expanded=true] .x-icon{ display:inline-block; }
.collapsible-sidebar-toggle:focus{ outline:none; border:1px solid var(--brand-color); }
.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-body{ display:block; }

/***** My activities (key pieces) *****/
.my-activities-nav{ background: var(--bg-5); margin-bottom:20px; }
.my-activities-sub-nav{ margin-bottom:30px; }
.no-activities{ color: var(--text-color-20); }

/***** Requests (key pieces & toolbar) *****/
.requests-search{ width:100%; }
.requests-table-toolbar{
  align-items:flex-end; display:flex; flex-direction:column;
}
@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:0 0 0 30px; }
  [dir=rtl] .requests-table-toolbar .request-filter{ margin:0 30px 0 0; }
}
.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){ .requests-table-toolbar select{ margin-bottom:0; max-width:300px; width:auto; } }
@media (min-width:768px){
  .requests-table-toolbar .organization-subscribe{ margin-left:10px; }
  [dir=rtl] .requests-table-toolbar .organization-subscribe{ margin:0 10px 0 0; }
}
.requests-table-toolbar .organization-subscribe button{ line-height:40px; max-height:40px; padding:0 20px; }

/***** Pagination *****/
.pagination{ margin:20px 0; text-align:center; }
.pagination-next, .pagination-prev, .pagination-first, .pagination-last{ display:inline-block; }
.pagination-first-link, .pagination-last-link{ padding:0 10px; }
.pagination-first-text, .pagination-last-text,
.pagination-next-text, .pagination-prev-text{
  border:0; clip:rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%);
  height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; white-space:nowrap;
}
.pagination-next-link{ padding-right:10px; }
[dir=rtl] .pagination-next-link{ padding-left:10px; }
.pagination-prev-link{ padding-left:10px; }
[dir=rtl] .pagination-prev-link{ padding-right:10px; }

/***** Metadata *****/
.meta-group{ display:block; }
.meta-group-opposite{ float:right; }
[dir=rtl] .meta-group-opposite{ float:left; }
.meta-group *{ display:inline; }
.meta-data{ color: var(--text-color-20); font-size:13px; }
.meta-data:not(:last-child)::after{ content:"·"; margin:0 5px; }

/***** Profiles (layout essentials) *****/
.profile-header{ padding:30px 0; background: var(--bg-3); }
.profile-header .container{ display:flex; flex-wrap:wrap; }
@media (min-width:768px){ .profile-header .container{ 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-right:10px; }
[dir=rtl] .profile-avatar{ margin-left:10px; margin-right:0; }
.profile-avatar .user-avatar{ width:80px; height:80px; }
.profile-avatar .icon-agent{ bottom:0; right:0; }
.profile-header .basic-info{
  -moz-hyphens:auto; -ms-hyphens:auto; -webkit-hyphens:auto; word-break:break-word; word-wrap:break-word;
  display:flex; flex-direction:column; justify-content:center; flex-grow:1; flex-basis:0; min-width:0;
}
.profile-header .basic-info .name{ margin:0; line-height:25px; vertical-align:middle; display:inline; }
.profile-header .options{
  display:flex; flex-basis:100%; margin-top:12px; align-items:flex-start; flex-wrap:wrap;
}
@media (min-width:768px){
  .profile-header .options{ flex-wrap:nowrap; flex-basis:auto; margin-top:0; margin-left:10px; }
  [dir=rtl] .profile-header .options{ margin-left:0; margin-right:10px; }
  .profile-header .options > :not(:last-child){ margin-bottom:0; margin-right:10px; }
  [dir=rtl] .profile-header .options > :not(:last-child){ margin-left:10px; margin-right:0; }
}
.user-profile-actions{ width:100%; margin-bottom:15px; }
.profile-header .description{
  -moz-hyphens:auto; -ms-hyphens:auto; -webkit-hyphens:auto; word-break:break-word; word-wrap:break-word;
  margin:15px 0; flex-basis:100%;
}

/***** Search results (essentials) *****/
.search-results{ display:flex; flex-direction:column; flex-wrap:wrap; justify-content:space-between; }
@media (min-width:1024px){ .search-results{ flex-direction:row; } }
.search-results-column{ flex:1; }
@media (min-width:1024px){ .search-results-column{ flex:0 0 75%; } }
.search-results-sidebar{
  border-top:1px solid #ddd; flex:1 0 auto; margin-bottom:20px; padding:0;
}
@media (min-width:1024px){ .search-results-sidebar{ border:0; flex:0 0 20%; height:auto; } }
.search-results-sidebar .sidenav-item{
  border-radius:4px; padding:10px 36px; margin-bottom:4px; color: var(--text-color);
}
.search-results-sidebar .sidenav-item:hover, .search-results-sidebar .sidenav-item.current{ background:#e9ebed; text-decoration:none; }
.search-results-list{ margin-bottom:25px; }
.search-results-list > li{ padding:20px 0; }
.search-results-list > li:first-child{ border-top:1px solid #ddd; }
.search-result-title{ font-size:16px; margin-bottom:0; }
.search-result-votes, .search-result-meta-count{ color: var(--text-color-20); font-size:13px; }
.search-result-votes-icon, .search-result-meta-count-icon{ color: var(--brand-color); vertical-align:middle; width:13px; height:13px; }
.search-result-description{ margin:10px 0 0; word-break:break-word; }
.search-results-description em{ font-style:normal; font-weight:bold; }
html[lang|=zh] .search-results-description em{ font-style:normal; background:yellow; }

/***** Notifications *****/
.notification{ border:1px solid; display:table; font-family:sans-serif; font-size:12px; padding:13px 15px; transition:height .2s; width:100%; color:#555; }
.notification a{ color:#158ec2; }
.notification-inner{ margin:0 auto; padding:0 20px; max-width:980px; }
.notification-icon, .notification-inline.notification-error::before, .notification-text, .notification-dismiss{ display:table-cell; vertical-align:middle; }
.notification-text{ padding:0 15px; width:100%; }
.notification + .notification{ margin-bottom:-1px; position:relative; top:-1px; }
.notification-error{ background:#ffeded; border-color:#f7cbcb; }
.notification-notice{ background:#dbf3ff; border-color:#b5e0f5; }
.notification-alert{ color:#ad5e18; background:#fff8ed; border-color:#fcdba9; }
.notification-dismiss, a.notification-dismiss{ color:#555; cursor:pointer; opacity:.6; transition:opacity 100ms ease; text-decoration:none !important; }
.notification-dismiss:hover{ opacity:1; }
.notification-inline{ border-radius:4px; line-height:14px; margin-top:5px; padding:5px; position:relative; text-align:left; vertical-align:middle; }
[dir=rtl] .notification-inline{ text-align:right; }
.notification-inline[aria-hidden=true]{ display:none; }
.notification-inline.notification-error{ background:#fff0f1; border:1px solid #e35b66; color:#cc3340; }
.notification-inline.notification-large{ padding:13px 15px; margin-bottom:25px; }
.notification-left-aligned{ text-align:left; padding-left:0; }
html[dir=rtl] .notification-left-aligned{ text-align:right; padding-right:0; }

/***** Dropdown *****/
.dropdown{ position:relative; display:inline-block; }
.dropdown-toggle{ cursor:pointer; background:none; border:0; display:inline-block; padding:0; text-align:initial; vertical-align:middle; }
.dropdown-toggle:hover{ text-decoration:none; }
.dropdown-toggle > *{ display:inline-block; }
.dropdown-toggle[aria-expanded=true] + .dropdown-menu{ display:block; }
.dropdown-menu{
  background:#fff; border:1px solid #d8dcde; border-radius:3px; box-shadow:0 20px 30px rgba(23,73,77,.15);
  display:none; font-size:14px; left:0; margin-top:1px; min-width:170px; padding:10px 0; position:absolute; text-align:left; z-index:1000;
}
[dir=rtl] .dropdown-menu{ text-align:right; }
.dropdown-menu [role=separator]{ border-bottom:1px solid #e9ebed; margin:4px 0; }
.dropdown-menu [role=menuitem], .dropdown-menu [role=menuitemradio]{
  color:#2f3941; cursor:pointer; display:block; padding:7px 40px 7px 20px; white-space:nowrap; background:transparent; border:0; -webkit-appearance:none; text-align:start; line-height:inherit; width:100%;
}
[dir=rtl] .dropdown-menu [role=menuitem], [dir=rtl] .dropdown-menu [role=menuitemradio]{ padding:7px 20px 7px 40px; }
.dropdown-menu [role=menuitem]:hover, .dropdown-menu [role=menuitem]:focus,
.dropdown-menu [role=menuitemradio]:hover, .dropdown-menu [role=menuitemradio]:focus{ background: rgba(31,115,183,.08); text-decoration:none; color:#2f3941; }
.dropdown-menu [role=menuitem][aria-selected=true], .dropdown-menu [role=menuitem][aria-checked=true],
.dropdown-menu [role=menuitemradio][aria-selected=true], .dropdown-menu [role=menuitemradio][aria-checked=true]{ cursor:default; }
.dropdown-menu-end{ left:auto; right:0; }
.dropdown-menu-top{ bottom:100%; margin-bottom:1px; }
[dir=rtl] .dropdown-menu{ left:auto; right:0; text-align:right; }
[dir=rtl] .dropdown-menu-end{ left:0; right:auto; }
.dropdown-chevron-icon{ vertical-align:middle; }

/***** Summary block *****/
zd-summary-block{ background:#f3f6f6; }
[dir=ltr] zd-summary-block{ border-left-color:#859fa1; }
[dir=rtl] zd-summary-block{ border-right-color:#859fa1; }

/***** Lindt Contact Page Template (UK) *****/
.submit-a-request{ display:none !important; }
.header.contact-page{ height:100px; }
.header.contact-page .logo img{ max-height:100%; max-width:165px; }
.header.contact-page{ max-width:1360px; }
.nav-wrapper-desktop a.store-link{ padding-right:0; }
.top-navigation{ text-align:center; padding:10px 0; }
.top-navigation ul.list-inline li a{
  font-size:15px; text-transform:uppercase; font-family: var(--heading-font);
  font-weight:600; color:#917236; transition: color .2s ease-in-out;
}
.top-navigation li{ display:inline; padding:2px 20px; }
.top-navigation ul.list-inline li a:hover{ text-decoration:none; }
.contact-content{ max-width:480px; margin:52px auto; text-align:center; }
.contact-content h1, .contact-content h2, .contact-content h3{ font-family: var(--heading-font) !important; }
.contact-content h1{ font-size:42px; font-weight:400; color:#555; letter-spacing:-.4px; }
.contact-content h3{ font-size:18px; line-height:30px; font-weight:400; color:#555; }
.faq-link a{ font-family: var(--text-font); font-weight:400; color:#917236; transition: color .2s ease-in-out; }
.faq-link a:hover{ color:#58492e; text-decoration:none; }
.contact-para{ font-family: var(--text-font); font-weight:400; color:#555; }
.form-container{ display:flex; justify-content:space-around; }
@media (max-width:767px){
  .form-container{ display:block; }
  .top-navigation li{ display:inline; padding:2px 5px; line-height:40px; }
}
.form-left{ flex:3; }
.form-right{ flex:9; }
.form-left-content h2{ font-size:30px; font-weight:400; font-family: var(--heading-font); }
.form-right-content h1{ font-weight:400; font-family: var(--heading-font); color:#2F3941; }
.form-right-content button{
  width:100%; background:#917236; text-transform:uppercase; letter-spacing:1px; font-weight:600; padding:25px 10px;
}
.form-right-content button:hover{ background:#58492e; }
.regional-info{ font-family: var(--text-font); color:#555; }
.regional-info a{ color:#917236; transition: color .2s ease-in-out; }
.regional-info a:hover{ color:#58492e; text-decoration:none; }

/***** Accessibility: stronger focus-visible *****/
a:focus-visible,
.button:focus-visible,
.button-large:focus-visible,
.split-button button:focus-visible,
.search .clear-button:focus-visible,
.blocks-item-link:focus-visible {
  outline: 3px solid var(--brand-color);
  outline-offset: 2px;
  box-shadow: none;
}
div[data-test-id="notification"]{
  display:none !important;
}