@charset "UTF-8";
/***** Normalize.css *****/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
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] {
  border-bottom: none;
  text-decoration: underline;
  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: 0.35em 0.75em 0.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: #FFFFFF;
  color: #212121;
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  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: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  margin-top: 0;
}

h1 {
  font-size: 32px;
}

h2 {
  font-size: 22px;
}

h3 {
  font-size: 18px;
  font-weight: 600;
}

h4 {
  font-size: 16px;
}

a {
  color: #4D7BF9;
  text-decoration: none;
}
a:visited {
  color: #15358E;
}
a:hover, a:active, a:focus {
  text-decoration: underline;
}

.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 0.12s ease-in-out;
  /* We use the :where selector to not increase the specificity of the selector */
}
.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 #4D7BF9;
}
.hbs-form input[disabled], .search input[disabled] {
  background-color: #ddd;
}
.hbs-form select, .search select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%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%0A") no-repeat #fff;
  background-position: right 10px center;
  border: 1px solid #848F99;
  border-radius: 4px;
  padding: 8px 30px 8px 10px;
  outline: none;
  color: #555;
  width: 100%;
}
.hbs-form select:focus, .search select:focus {
  border: 1px solid #4D7BF9;
}
.hbs-form select::-ms-expand, .search select::-ms-expand {
  display: none;
}
.hbs-form textarea, .search textarea {
  border: 1px solid #848F99;
  border-radius: 2px;
  resize: vertical;
  width: 100%;
  outline: none;
  padding: 10px;
}
.hbs-form textarea:focus, .search textarea:focus {
  border: 1px solid #4D7BF9;
}

.container {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
}
@media (min-width: 1160px) {
  .container {
    padding: 0;
    width: 90%;
  }
}

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

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

.error-page {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
}
@media (min-width: 1160px) {
  .error-page {
    padding: 0;
    width: 90%;
  }
}

.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 #4D7BF9;
  border-radius: 4px;
  color: #4D7BF9;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  line-height: 2.34;
  margin: 0;
  padding: 0 20px;
  text-align: center;
  transition: background-color 0.12s ease-in-out, border-color 0.12s ease-in-out, color 0.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: #4D7BF9;
}
.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], .split-button button.button-primary {
  background-color: #4D7BF9;
  color: #FFFFFF;
  text-decoration: none;
}
.button.button-primary:hover, .button-primary.pagination-next-link:hover, .button-primary.pagination-prev-link:hover, .button-primary.pagination-first-link:hover, .button-primary.pagination-last-link:hover, .subscriptions-subscribe button.button-primary:hover, .subscriptions-subscribe button[data-selected=true]:hover, .requests-table-toolbar .organization-subscribe button.button-primary:hover, .requests-table-toolbar .organization-subscribe button[data-selected=true]:hover, .community-follow button.button-primary:hover, .article-subscribe button.button-primary:hover, .article-subscribe button[data-selected=true]:hover, .section-subscribe button.button-primary:hover, .section-subscribe button[data-selected=true]:hover, .split-button button:hover, .button.button-primary:focus, .button-primary.pagination-next-link:focus, .button-primary.pagination-prev-link:focus, .button-primary.pagination-first-link:focus, .button-primary.pagination-last-link:focus, .subscriptions-subscribe button.button-primary:focus, .subscriptions-subscribe button[data-selected=true]:focus, .requests-table-toolbar .organization-subscribe button.button-primary:focus, .requests-table-toolbar .organization-subscribe button[data-selected=true]:focus, .community-follow button.button-primary:focus, .article-subscribe button.button-primary:focus, .article-subscribe button[data-selected=true]:focus, .section-subscribe button.button-primary:focus, .section-subscribe button[data-selected=true]:focus, .split-button button.button-primary:focus, .button.button-primary:active, .button-primary.pagination-next-link:active, .button-primary.pagination-prev-link:active, .button-primary.pagination-first-link:active, .button-primary.pagination-last-link:active, .subscriptions-subscribe button.button-primary:active, .subscriptions-subscribe button[data-selected=true]:active, .requests-table-toolbar .organization-subscribe button.button-primary:active, .requests-table-toolbar .organization-subscribe button[data-selected=true]:active, .community-follow button.button-primary:active, .article-subscribe button.button-primary:active, .article-subscribe button[data-selected=true]:active, .section-subscribe button.button-primary:active, .section-subscribe button[data-selected=true]:active, .split-button button.button-primary:active {
  background-color: #073fd9;
  border-color: #073fd9;
}
.button[data-disabled], [data-disabled].pagination-next-link, [data-disabled].pagination-prev-link, [data-disabled].pagination-first-link, [data-disabled].pagination-last-link, .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;
}

.button-large, .hbs-form input[type=submit] {
  cursor: pointer;
  background-color: #4D7BF9;
  border: 0;
  border-radius: 4px;
  color: #FFFFFF;
  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:visited, .hbs-form input[type=submit]:visited {
  color: #FFFFFF;
}
.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: #073fd9;
}
.button-large[disabled], .hbs-form input[type=submit][disabled] {
  background-color: #ddd;
}

.button-secondary {
  color: #545454;
  border: 1px solid #848F99;
  background-color: transparent;
}
.button-secondary:visited {
  color: #545454;
}
.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
  color: #212121;
  border: 1px solid #848F99;
  background-color: #f7f7f7;
}

/***** Split button *****/
.split-button {
  display: flex;
}

.split-button button {
  background-color: #4D7BF9;
  border: 0;
  color: #FFFFFF;
  height: 32px;
  line-height: 16px;
  outline-color: #4D7BF9;
}

[dir=rtl] .split-button button:not(:only-child):first-child {
  border-left: 1px solid #FFFFFF;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
[dir=ltr] .split-button button:not(:only-child):first-child {
  border-right: 1px solid #FFFFFF;
  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: #545454;
  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 *****/
.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 #848F99;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
}
.form-field input:focus {
  border: 1px solid #4D7BF9;
}

.form-field input[type=text] {
  border: 1px solid #848F99;
  border-radius: 4px;
}
.form-field input[type=text]:focus {
  border: 1px solid #4D7BF9;
}

.form-field input[type=checkbox] {
  width: auto;
}

.form-field .nesty-input {
  border-radius: 4px;
  border: 1px solid #848F99;
  height: 40px;
  line-height: 40px;
  outline: none;
  vertical-align: middle;
}
.form-field .nesty-input:focus {
  border: 1px solid #4D7BF9;
  text-decoration: none;
}

.form-field .hc-multiselect-toggle {
  border: 1px solid #848F99;
}

.form-field .hc-multiselect-toggle:focus {
  outline: none;
  border: 1px solid #4D7BF9;
  text-decoration: none;
}

.form-field textarea {
  vertical-align: middle;
}

.form-field input[type=checkbox] + label {
  margin: 0 0 0 10px;
}

.form-field .optional {
  color: #545454;
  margin-left: 4px;
}

.form-field p {
  color: #545454;
  font-size: 12px;
  margin: 5px 0;
}

.form footer {
  margin-top: 40px;
  padding-top: 30px;
}

.form footer a {
  color: #545454;
  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: #15358E;
}

/***** Header *****/
.header {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
  position: relative;
  align-items: center;
  display: flex;
  height: 71px;
  justify-content: space-between;
}
@media (min-width: 1160px) {
  .header {
    padding: 0;
    width: 90%;
  }
}

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

.logo span {
  margin: 0 10px;
  color: #4D7BF9;
}

.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-color: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #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;
}

@media (max-width: 768px) {
  .nav-wrapper-desktop {
    display: none;
  }
}
@media (min-width: 768px) {
  .nav-wrapper-desktop {
    display: none;
  }
}
@media (min-width: 1024px) {
  .nav-wrapper-desktop {
    display: inline-block;
  }
}
.nav-wrapper-desktop a {
  border: 0;
  color: #4D7BF9;
  display: none;
  font-size: 14px;
  padding: 0 20px 0 0;
  width: auto;
}
@media (min-width: 768px) {
  .nav-wrapper-desktop a {
    display: inline-block;
  }
}
[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-color: transparent;
  color: #4D7BF9;
  text-decoration: underline;
}

@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-color: #fff;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #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: 0.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: #212121;
  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-color: #f3f3f3;
  text-decoration: underline;
}
.nav-wrapper-mobile .menu-list-mobile-items a {
  display: block;
  padding: 8px 24px;
  width: 100%;
  height: 100%;
  color: #212121;
}
.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-color: #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-color: black;
  color: white;
  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;
}

.ask-ai {
  align-items: center;
  background-color: #4D7BF9;
  border: 1px solid #4D7BF9;
  border-radius: 4px;
  color: #FFFFFF;
  display: inline-flex;
  font-size: 14px;
  font-weight: 600;
  gap: 6px;
  line-height: 1.4286;
  padding: 6px 14px;
}
.ask-ai:visited {
  color: #FFFFFF;
}
.ask-ai .ask-ai-icon {
  flex-shrink: 0;
}

.nav-wrapper-desktop .ask-ai {
  margin-inline-end: 16px;
  padding: 6px 14px;
}
.nav-wrapper-desktop .ask-ai, .nav-wrapper-desktop .ask-ai:visited {
  color: #FFFFFF;
}
.nav-wrapper-desktop .ask-ai:hover, .nav-wrapper-desktop .ask-ai:focus, .nav-wrapper-desktop .ask-ai:active {
  background-color: #1349DD;
  border-color: #1349DD;
  color: #FFFFFF;
  text-decoration: none;
}

.nav-wrapper-mobile .ask-ai {
  margin: 4px 24px;
  padding: 6px 14px;
  width: auto;
  height: auto;
}
.nav-wrapper-mobile .ask-ai, .nav-wrapper-mobile .ask-ai:visited {
  color: #FFFFFF;
}
.nav-wrapper-mobile .ask-ai:hover, .nav-wrapper-mobile .ask-ai:focus, .nav-wrapper-mobile .ask-ai:active {
  background-color: #1349DD;
  border-color: #1349DD;
  color: #FFFFFF;
  text-decoration: 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;
  color: #4D7BF9;
  min-width: 0;
  padding: 0;
  white-space: nowrap;
}
.user-info > button:hover, .user-info > button:focus {
  color: #4D7BF9;
  background-color: transparent;
}
.user-info > button::after {
  color: #4D7BF9;
  padding-right: 15px;
}
[dir=rtl] .user-info > button::after {
  padding-left: 15px;
  padding-right: 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 *****/
.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 {
  color: #4D7BF9;
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -4px;
  background-color: #FFFFFF;
  font-size: 17px;
  height: 17px;
  line-height: 17px;
  position: absolute;
  right: -2px;
  text-align: center;
  width: 17px;
}

/***** Footer *****/
.footer {
  border-top: 1px solid #ddd;
  margin-top: 60px;
  padding: 30px 0;
}
.footer a {
  color: #545454;
}
.footer-inner {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1160px) {
  .footer-inner {
    padding: 0;
    width: 90%;
  }
}
.footer-language-selector button {
  color: #545454;
  display: inline-block;
}

.powered-by-zendesk a,
.powered-by-zendesk a:visited {
  color: #545454;
}

/***** Breadcrumbs *****/
.breadcrumbs {
  margin: 0 0 15px 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .breadcrumbs {
    margin: 0;
  }
}
.breadcrumbs li {
  display: inline-block;
  color: #545454;
  font-size: 13px;
  max-width: 450px;
  overflow-wrap: anywhere;
}
.breadcrumbs li + li::before {
  content: ">"/"";
  margin: 0 4px;
}
.breadcrumbs li a:visited {
  color: #4D7BF9;
}

/***** Search field *****/
.search-container {
  position: relative;
}

.search {
  border-color: #848F99;
  border-radius: 30px;
  border-style: solid;
  border-width: 1px;
  display: flex;
  position: relative;
  transition: border 0.12s ease-in-out;
}
.search:focus-within {
  border-color: #4D7BF9;
}
.search input[type=search],
.search .clear-button {
  background-color: #fff;
  border-radius: 30px;
  border: none;
}
.search-full input[type=search], .search-full .clear-button {
  border-color: #fff;
}
.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-color: #4D7BF9;
  color: #fff;
}
.search .clear-button:focus {
  outline: 0;
  box-shadow: 0 0 0 3px #4D7BF9;
}
.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: #4D7BF9;
}
[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: #4D7BF9;
}

[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: #4D7BF9;
}
[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: #4D7BF9;
}

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

/***** Hero component *****/
.hero {
  background-image: url(/hc/theming_assets/01M4WB62SBQ3YM5D02BPFJ8N6M);
  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 {
  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 {
  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 *****/
/* Used in Homepage#categories and Community#topics */
.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 #4D7BF9;
  border-radius: 4px;
  box-sizing: border-box;
  color: #4D7BF9;
  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-color: #4D7BF9;
}
.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
  color: #FFFFFF;
  text-decoration: none;
}
.blocks-item-internal {
  background-color: transparent;
  border: 1px solid #ddd;
}
.blocks-item-internal .icon-lock {
  height: 15px;
  width: 15px;
  bottom: 5px;
  position: relative;
}
.blocks-item-internal a {
  color: #212121;
}
.blocks-item-link {
  color: #4D7BF9;
  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 #4D7BF9;
  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;
}

/***** Homepage *****/
.section {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .section {
    margin-bottom: 60px;
  }
}

.home-section h2 {
  margin-bottom: 10px;
  text-align: center;
}

/***** Promoted articles *****/
.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%; /* Three columns on desktop */
  }
  [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;
}
.promoted-articles-item .icon-lock {
  vertical-align: baseline;
}
.promoted-articles-item:last-child a {
  border: 0;
}
@media (min-width: 1024px) {
  .promoted-articles-item:last-child a {
    border-bottom: 1px solid #ddd;
  }
}

/***** Community section in homepage *****/
.community {
  text-align: center;
}
.community-image {
  min-height: 300px;
  margin-top: 32px;
  background-image: url(/hc/theming_assets/01M4WB63F8GECZKVDC7V6CB694);
  background-position: center;
  background-repeat: no-repeat;
  max-width: 100%;
}
.community a {
  color: #4D7BF9;
  text-decoration: underline;
}
.community a:visited {
  color: #15358E;
}
.community a:hover, .community a:active, .community a:focus {
  color: #1349DD;
}

.community,
.activity {
  border-top: 1px solid #ddd;
  padding: 30px 0;
}

/***** Recent activity *****/
.recent-activity-header {
  margin-bottom: 10px;
  text-align: center;
}
.recent-activity-list {
  padding: 0;
}
.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: #212121;
  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-item-time, .recent-activity-item-comment {
  display: inline-block;
  font-size: 13px;
}
.recent-activity-item-comment {
  padding-left: 5px;
}
[dir=rtl] .recent-activity-item-comment {
  padding: 0 5px 0 0;
}
.recent-activity-item-comment::before {
  display: inline-block;
}
.recent-activity-controls {
  padding-top: 15px;
}
.recent-activity-controls a {
  color: #4D7BF9;
  text-decoration: underline;
}
.recent-activity-controls a:visited {
  color: #15358E;
}
.recent-activity-controls a:hover, .recent-activity-controls a:active, .recent-activity-controls a:focus {
  color: #1349DD;
}
.recent-activity-accessibility-label {
  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;
}
.recent-activity-comment-icon svg {
  vertical-align: middle;
  color: #4D7BF9;
  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 pages *****/
.category-container {
  display: flex;
  justify-content: flex-end;
}
.category-content {
  flex: 1;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .category-content {
    flex: 0 0 80%;
  }
}

.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;
  max-width: 100%;
}
@media (min-width: 768px) {
  .section-tree .section {
    flex: 0 0 45%; /* Two columns for tablet and desktop. Leaving 5% separation between columns */
  }
}
.section-tree-title {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
}
.section-tree-title a {
  color: #212121;
}
.section-tree .see-all-articles {
  display: block;
  padding: 15px 0;
}

.article-list-item {
  font-size: 16px;
  padding: 15px 0;
  text-overflow: ellipsis;
  overflow: hidden;
}
.article-list-item a {
  color: #212121;
}

.icon-star {
  color: #4D7BF9;
  font-size: 18px;
}

/***** Section pages *****/
.section-container {
  display: flex;
  justify-content: flex-end;
}
.section-content {
  flex: 1;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .section-content {
    flex: 0 0 80%;
  }
}
.section-list {
  margin: 40px 0;
}

.section-list-item {
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  padding: 15px 0;
}
.section-list-item:first-child {
  border-top: 1px solid #ddd;
}
.section-list-item a {
  align-items: center;
  color: #212121;
  display: flex;
  justify-content: space-between;
}

.see-all-sections-trigger {
  cursor: pointer;
  display: block;
  padding: 15px;
  text-align: center;
}
.see-all-sections-trigger[aria-hidden=true] {
  display: none;
}

/***** Article *****/
.article {
  /*
  * The article grid is defined this way to optimize readability:
  * Sidebar | Content | Free space
  * 17%     | 66%     | 17%
  */
  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-bottom: 40px;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .article-header {
    flex-direction: row;
    margin-top: 0;
  }
}
.article-avatar {
  margin-right: 10px;
}
.article-author {
  margin-bottom: 10px;
}
.article-title {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
@media (min-width: 768px) {
  .article-title {
    flex-basis: 100%; /* Take entire row */
  }
}
.article-title .icon-lock {
  position: relative;
  left: -5px;
  vertical-align: baseline;
}
.article [role=button] {
  flex-shrink: 0; /*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/
  width: 100%;
}
@media (min-width: 768px) {
  .article [role=button] {
    width: auto;
  }
}
.article-info {
  max-width: 100%;
}
.article-meta {
  display: inline-block;
  vertical-align: middle;
}
.article-body {
  display: flow-root;
}
.article-body a {
  color: #4D7BF9;
  text-decoration: underline;
}
.article-body a:visited {
  color: #15358E;
}
.article-body a:hover, .article-body a:active, .article-body a:focus {
  color: #1349DD;
}
.article-body img {
  height: auto;
  max-width: 100%;
}
.article-body p > img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.article-body p > img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.article-body p > img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.article-body p > img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.article-body figure.image {
  display: table;
  margin: 0 auto;
}
.article-body figure.image > img {
  display: block;
  width: 100%;
}
.article-body figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.article-body figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.article-body figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.article-body figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.article-body figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #f2f2f2;
}
.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 :not(pre) > code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}
.article-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  direction: ltr;
}
.article-body blockquote {
  border-left: 1px solid #ddd;
  color: #545454;
  font-style: italic;
  padding: 0 15px;
}
.article-body > p:last-child {
  margin-bottom: 0;
}
.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: #545454;
}
.article-comment-count:hover {
  text-decoration: none;
}
.article-comment-count-icon {
  vertical-align: middle;
  color: #4D7BF9;
  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-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;
  margin-right: 0;
}
.article-relatives > *:last-child {
  padding: 0;
}
@media (min-width: 768px) {
  .article-relatives > * {
    padding-right: 20px;
  }
}
.article-votes {
  border-top: 1px solid #ddd;
  padding: 30px 0;
  text-align: center;
}
.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: #4D7BF9;
  text-decoration: underline;
}
.article-more-questions a:visited {
  color: #15358E;
}
.article-more-questions a:hover, .article-more-questions a:active, .article-more-questions a:focus {
  color: #1349DD;
}
.article-return-to-top {
  border-top: 1px solid #848F99;
}
@media (min-width: 1024px) {
  .article-return-to-top {
    display: none;
  }
}
.article-return-to-top a {
  color: #212121;
  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);
}
.article td > p:first-child,
.article th > p:first-child {
  margin-top: 0;
}
.article td > p:last-child,
.article th > p:last-child {
  margin-bottom: 0;
}

.sidenav-title {
  font-size: 15px;
  position: relative;
  font-weight: 600;
}
.sidenav-item {
  display: block;
  margin-top: 10px;
  margin-bottom: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

/***** Attachments *****/
/* Styles attachments inside posts, articles and comments */
.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: #212121;
  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;
}

.upload-dropzone span {
  color: #545454;
}

/***** Social share links *****/
.share {
  padding: 0;
  white-space: nowrap;
}

.share li, .share a {
  display: inline-block;
}

.share li {
  height: 25px;
  width: 25px;
}

.share a {
  color: #545454;
}
.share a:hover {
  text-decoration: none;
  color: #4D7BF9;
}
.share a svg {
  height: 18px;
  width: 18px;
  display: block;
}

/***** Comments *****/
/* Styles comments inside articles, posts and requests */
.comment {
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
}
.comment-heading, .recent-articles-title,
.related-articles-title {
  margin-bottom: 5px;
  margin-top: 0;
  font-size: 18px;
  font-weight: 600;
}
.comment-overview {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 20px 0;
}
.comment-overview p {
  margin-top: 0;
}
.comment-callout {
  color: #545454;
  display: inline-block;
  font-size: 13px;
  margin-bottom: 0;
}
.comment-callout a {
  color: #4D7BF9;
  text-decoration: underline;
}
.comment-callout a:visited {
  color: #15358E;
}
.comment-callout a:hover, .comment-callout a:active, .comment-callout a:focus {
  color: #1349DD;
}
.comment-sorter {
  display: inline-block;
  float: right;
}
.comment-sorter .dropdown-toggle {
  color: #545454;
  font-size: 13px;
}
[dir=rtl] .comment-sorter {
  float: left;
}
.comment-wrapper {
  display: flex;
  position: relative;
}
.comment-wrapper.comment-official {
  border: 1px solid #4D7BF9;
  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;
}
.comment-form-controls input[type=checkbox] [dir=rtl] {
  margin-left: 5px;
}
.comment-ccs {
  display: none;
}
.comment-ccs + textarea {
  margin-top: 10px;
}
.comment-attachments {
  margin-top: 10px;
}
.comment-attachments a {
  color: #4D7BF9;
}
.comment-body {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  display: flow-root;
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  line-height: 1.6;
  overflow-x: auto;
}
.comment-body a {
  color: #4D7BF9;
  text-decoration: underline;
}
.comment-body a:visited {
  color: #15358E;
}
.comment-body a:hover, .comment-body a:active, .comment-body a:focus {
  color: #1349DD;
}
.comment-body img {
  height: auto;
  max-width: 100%;
}
.comment-body p > img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.comment-body p > img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.comment-body p > img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.comment-body p > img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.comment-body figure.image {
  display: table;
  margin: 0 auto;
}
.comment-body figure.image > img {
  display: block;
  width: 100%;
}
.comment-body figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.comment-body figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.comment-body figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.comment-body figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.comment-body figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #f2f2f2;
}
.comment-body ul,
.comment-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}
[dir=rtl] .comment-body ul,
[dir=rtl] .comment-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}
.comment-body ul > ul,
.comment-body ol > ol,
.comment-body ol > ul,
.comment-body ul > ol,
.comment-body li > ul,
.comment-body li > ol {
  margin: 0;
}
.comment-body ul {
  list-style-type: disc;
}
.comment-body :not(pre) > code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}
.comment-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  direction: ltr;
}
.comment-body blockquote {
  border-left: 1px solid #ddd;
  color: #545454;
  font-style: italic;
  padding: 0 15px;
}
.comment-mark-as-solved {
  display: inline-block;
}

/***** Vote *****/
/* Used in article comments, post comments and post */
.vote {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.vote a:active, .vote a:hover, .vote a:focus {
  text-decoration: none;
}

.vote-sum {
  color: #545454;
  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: #4D7BF9;
}

.vote-up, .vote-down {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  color: #545454;
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vote-voted {
  color: #4D7BF9;
}

.vote-voted:hover {
  color: #073fd9;
}

/***** Actions *****/
/* Styles admin and en user actions(edit, delete, change status) in comments and posts */
.actions {
  text-align: center;
  flex-shrink: 0; /*Avoid collapsing elements in Safari*/
}
.actions button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/***** Community *****/
.community-hero {
  background-image: url(/hc/theming_assets/01M4WB633VTXHHWJE1HVM6C8CJ);
  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;
}

.post-to-community {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .post-to-community {
    margin: 0;
  }
}

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

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

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

/* Topic, post and user follow button */
.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-color: #4D7BF9;
}
.community-follow button:hover::after, .community-follow button:focus::after {
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.community-follow button[data-selected=true] {
  background-color: #4D7BF9;
  color: #FFFFFF;
}
.community-follow button[data-selected=true]::after {
  border-left: 1px solid #FFFFFF;
  color: #FFFFFF;
}
.community-follow button[data-selected=true]:hover {
  background-color: #073fd9;
  border-color: #073fd9;
}
.community-follow button::after {
  border-left: 1px solid #4D7BF9;
  content: attr(data-follower-count);
  color: #4D7BF9;
  display: inline-block;
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  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 #4D7BF9;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
}

/***** Striped list *****/
/* Used in community posts list and requests 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: #4D7BF9;
  margin-bottom: 10px;
  margin-right: 5px;
}
.striped-list-title:hover, .striped-list-title:focus, .striped-list-title:active {
  text-decoration: underline;
}
.striped-list-title:visited {
  color: #15358E;
}
.striped-list .meta-group {
  margin: 5px 0;
}
.striped-list-count {
  color: #545454;
  font-size: 13px;
  justify-content: flex-start;
  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: #212121;
    display: block;
  }
}

/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label {
  background-color: #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-color: #4D7BF9;
}
.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-color: #e9ebed;
  color: #545454;
}
.status-label-pending, .status-label-pending-moderation {
  background-color: #1f73b7;
  text-align: center;
}
.status-label-open {
  background-color: #c72a1c;
}
.status-label-solved {
  background-color: #68737d;
}
.status-label-new {
  background-color: #ffb648;
  color: #703b15;
}
.status-label-hold {
  background-color: #000;
}
.status-label-request {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .status-label-request {
    max-width: 150px;
  }
}

/***** Post *****/
/*
* The post grid is defined this way:
* Content | Sidebar
* 70%     | 30%
*/
.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: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  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-body {
  display: flow-root;
}
.post-body a {
  color: #4D7BF9;
  text-decoration: underline;
}
.post-body a:visited {
  color: #15358E;
}
.post-body a:hover, .post-body a:active, .post-body a:focus {
  color: #1349DD;
}
.post-body img {
  height: auto;
  max-width: 100%;
}
.post-body p > img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.post-body p > img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.post-body p > img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.post-body p > img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.post-body figure.image {
  display: table;
  margin: 0 auto;
}
.post-body figure.image > img {
  display: block;
  width: 100%;
}
.post-body figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.post-body figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.post-body figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.post-body figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.post-body figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #f2f2f2;
}
.post-body ul,
.post-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}
[dir=rtl] .post-body ul,
[dir=rtl] .post-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}
.post-body ul > ul,
.post-body ol > ol,
.post-body ol > ul,
.post-body ul > ol,
.post-body li > ul,
.post-body li > ol {
  margin: 0;
}
.post-body ul {
  list-style-type: disc;
}
.post-body :not(pre) > code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}
.post-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  direction: ltr;
}
.post-body blockquote {
  border-left: 1px solid #ddd;
  color: #545454;
  font-style: italic;
  padding: 0 15px;
}
.post-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.post-comment-count {
  color: #545454;
}
.post-comment-count:hover {
  text-decoration: none;
}
.post-comment-count .icon-comments {
  color: #4D7BF9;
  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;
}
.post-comments {
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .post-comments {
    margin-bottom: 0;
  }
}

/***** Community Badges *****/
/* Styles labels used next to the authors of article comments, community posts, and community comments */
.community-badge-title {
  background-color: #04444d;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 0px 8px;
  vertical-align: top;
  white-space: nowrap;
  display: inline-block;
  line-height: 18px;
  vertical-align: middle;
}

.community-badge-titles {
  display: inline;
}

.community-badge-achievement {
  display: block;
  height: 16px;
  white-space: nowrap;
  width: 16px;
}
.community-badge-achievement img {
  width: 100%;
  height: 100%;
}

.community-badge-achievements {
  display: flex;
}

.community-badge-achievements-rest {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  vertical-align: top;
}

.community-badge {
  margin: 2px;
}

.profile-info .community-badge-title {
  padding: 2px 8px;
  line-height: 20px;
}
.profile-info .community-badge-achievement {
  height: 40px;
  width: 40px;
}
.profile-info .community-badge-achievements-rest {
  line-height: 40px;
  font-size: 20px;
}

/* Navigation element that collapses on mobile */
.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 #4D7BF9;
}

.collapsible-nav-list {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .collapsible-nav-list {
    flex-direction: row;
  }
}
.collapsible-nav-list li {
  color: #212121;
  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: #212121;
  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 0;
    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 0;
  }
}
.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 #4D7BF9;
    order: 1;
  }
}
.collapsible-nav-list li[aria-selected=true] a,
.collapsible-nav-list li.current a {
  color: #212121;
}

.collapsible-nav.expanded li:not([aria-selected=true]),
.collapsible-nav.expanded li:not(.current) {
  display: block;
}

/* Sidebar navigation that collapses on mobile */
.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;
  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 #4D7BF9;
}
.collapsible-sidebar-body {
  display: none;
}
@media (min-width: 1024px) {
  .collapsible-sidebar-body {
    display: block;
  }
}
.collapsible-sidebar.expanded {
  max-height: none;
}
.collapsible-sidebar.expanded .collapsible-sidebar-body {
  display: block;
}

/***** My activities *****/
.my-activities-nav {
  background-color: #f2f2f2;
  margin-bottom: 20px;
}
.my-activities-sub-nav {
  margin-bottom: 30px;
}
.my-activities-table .striped-list-title { /* My activities tables */
  display: block;
  margin-bottom: 10px;
  max-width: 350px;
  white-space: normal;
}
@media (min-width: 1024px) {
  .my-activities-table .striped-list-title {
    margin-bottom: 0;
    max-width: 500px;
    min-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.my-activities-table thead {
  display: none;
}
@media (min-width: 768px) {
  .my-activities-table thead {
    display: table-header-group;
  }
}
.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 table */
.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;
}
.requests-table-toolbar + .requests-search-info {
  margin-top: 15px;
}
.requests-table-toolbar + .requests-search-info.meta-data::after {
  content: "";
  margin: 0;
}
.requests-table-toolbar + .requests-search-info + .requests {
  margin-top: 20px;
}
.requests-table-toolbar + .requests {
  margin-top: 40px;
}
.requests .requests-table-meta {
  display: block;
}
@media (min-width: 768px) {
  .requests .requests-table-meta {
    display: none;
  }
}
.requests .requests-table thead {
  display: none;
}
@media (min-width: 768px) {
  .requests .requests-table thead {
    display: table-header-group;
  }
}
.requests .requests-table-info {
  display: block;
}
@media (min-width: 768px) {
  .requests .requests-table-info {
    display: table-cell;
    vertical-align: middle;
    width: auto;
  }
}
.requests .requests-table .requests-link {
  position: relative;
}
.requests .requests-table .requests-sort-symbol {
  position: absolute;
  left: calc(100% + 3px);
  bottom: 0;
  font-size: 10px;
}

/* Following table */
@media (min-width: 768px) {
  .subscriptions-subscribe button {
    width: auto;
  }
}
.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-right: 10px;
}
.subscriptions .striped-list-title {
  display: inline-block;
  vertical-align: middle;
}

/* Contributions table */
.contributions-table td:last-child {
  color: #545454;
  font-size: 13px;
}
@media (min-width: 768px) {
  .contributions-table td:last-child {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
  }
}

.no-activities {
  color: #545454;
}

/***** Request *****/
.request-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .request-container {
    align-items: flex-start;
    flex-direction: row;
  }
}
.request-container .comment-container {
  min-width: 0;
}
.request-breadcrumbs {
  margin-bottom: 40px;
}
@media (min-width: 1024px) {
  .request-breadcrumbs {
    margin-bottom: 60px;
  }
}
.request-main {
  flex: 1 0 auto;
  max-width: 100%;
  order: 1;
}
.request-main .comment-fields, .request-main .request-submit-comment {
  display: none;
}
.request-main .comment-fields.shown {
  display: block;
}
.request-main .request-submit-comment.shown {
  display: inline;
}
@media (min-width: 1024px) {
  .request-main {
    flex: 0 0 66%;
    order: 0;
    min-width: 0;
  }
}
.request-main .comment-form-controls {
  display: block;
}
.request-main .comment-ccs {
  display: block;
}
.request-main .comment-show-container {
  border-radius: 2px;
  border: 1px solid #ddd;
  color: #545454;
  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-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}
.request-main .form-field.comment-ccs > ul[data-hc-focus=true] {
  border: 1px solid #4D7BF9;
}
.request-main .form-field.comment-ccs > input[type=text] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 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 #4D7BF9;
}
.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-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  order: 0;
}
@media (min-width: 1024px) {
  .request-sidebar {
    background-color: #f7f7f7;
    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) {
  .request-sidebar h2 {
    display: none;
  }
}
.request-details {
  border-bottom: 1px solid #ddd;
  font-size: 0;
  margin: 0;
  padding-bottom: 20px;
}
.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 dd {
  padding: 0 10px;
  width: 60%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.request-details dd::after {
  content: "\a";
  white-space: pre;
}
.request-details dt {
  line-break: strict;
  color: #545454;
  width: 40%;
  overflow-wrap: break-word;
}
.request-details .request-collaborators {
  display: inline-block;
}
.request-attachments dt, .request-attachments dd {
  width: 100%;
}
.request-attachments dd {
  margin: 10px 0 0 0;
}
.request-form textarea {
  min-height: 120px;
}
.request-follow-up {
  padding-top: 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 {
  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;
}
.pagination-next-text {
  margin-right: 10px;
}
[dir=rtl] .pagination-next-link {
  padding-left: 10px;
}
[dir=rtl] .pagination-next-text {
  margin-left: 10px;
}
.pagination-prev-link {
  padding-left: 10px;
}
.pagination-prev-text {
  margin-left: 10px;
}
[dir=rtl] .pagination-prev-link {
  padding-right: 10px;
}
[dir=rtl] .pagination-prev-text {
  margin-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: #545454;
  font-size: 13px;
}
.meta-data:not(:last-child)::after {
  content: "·";
  margin: 0 5px;
}

/* User Profiles */
.profile-header {
  padding: 30px 0;
  background-color: #f7f7f7;
}

.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%;
}

.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: #545454;
  flex: 0 0 100px;
  margin-right: 10px;
}
[dir=rtl] .profile-stats .stat-label {
  margin-left: 10px;
  margin-right: 0;
}

.profile-stats-activity {
  border-top: solid 1px #ddd;
  margin-top: 15px;
}
@media (min-width: 768px) {
  .profile-stats-activity {
    border-top: 0;
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .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-right: 40px;
  }
  [dir=rtl] .profile-stats-activity .stat:not(:last-child) {
    margin-left: 40px;
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat-label {
    flex: 0 1 auto;
  }
}

.profile-stats-counters {
  border-bottom: solid 1px #ddd;
}
@media (min-width: 768px) {
  .profile-stats-counters {
    flex: 0 0 200px;
    border-bottom: 0;
    margin-left: 40px;
  }
  [dir=rtl] .profile-stats-counters {
    margin-left: 0;
    margin-right: 40px;
  }
}
@media (min-width: 1024px) {
  .profile-stats-counters {
    flex: 0 0 270px;
    margin-left: 60px;
  }
  [dir=rtl] .profile-stats-counters {
    margin-right: 60px;
    margin-left: 0;
  }
}

@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: solid 1px #4D7BF9;
  border-radius: 4px;
  color: #4D7BF9;
  padding: 5px 20px;
  font-size: 12px;
  text-align: center;
}
.profile-private-badge .profile-private-icon {
  margin-left: 5px;
  line-height: 15px;
}
@media (min-width: 768px) {
  .profile-private-badge {
    flex-basis: auto;
  }
}

.profile-nav {
  background-color: #f2f2f2;
  margin-bottom: 37px;
}

.profile-section {
  width: 100%;
}
@media (min-width: 1024px) {
  .profile-section {
    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: #545454;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 768px) {
  .profile-section-description {
    flex: 1 0 50%;
    padding-bottom: 0;
  }
}

.profile-section-sorter {
  flex-basis: 100%;
  border-top: solid 1px #eee;
  font-size: 13px;
}
.profile-section-sorter .dropdown-toggle {
  padding: 10px 0;
  width: 100%;
}
.profile-section-sorter .dropdown-toggle::after {
  position: absolute;
  right: 0;
}
[dir=rtl] .profile-section-sorter .dropdown-toggle::after {
  left: 0;
  right: initial;
}
@media (min-width: 768px) {
  .profile-section-sorter .dropdown-toggle::after {
    position: relative;
  }
}
@media (min-width: 768px) {
  .profile-section-sorter {
    flex: 0 1 auto;
    padding-top: 0;
    border-top: 0;
    margin-left: 20px;
  }
  [dir=rtl] .profile-section-sorter {
    margin-left: 0;
    margin-right: 20px;
  }
}

.profile-badges-items {
  margin-top: 25px;
}
.profile-badges-item {
  border-top: 1px solid #ddd;
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: flex-start;
  padding: 27px 12px;
}
.profile-badges-item > div {
  padding-right: 12px;
  padding-left: 12px;
}
.profile-badges-item-image {
  height: 40px;
  width: 40px;
  margin-right: 12px;
}
.profile-badges-item-image img {
  max-height: 40px;
}
[dir=rtl] .profile-badges-item-image {
  margin-left: 12px;
  margin-right: 0;
}
.profile-badges-item-title, .profile-badges-item-metadata-title {
  font-size: 15px;
  margin-bottom: 10px;
}
.profile-badges-item-title {
  font-weight: 600;
}
.profile-badges-item-description, .profile-badges-item-metadata-description {
  color: #545454;
  font-size: 13px;
  margin: 0;
}
.profile-badges-item-metadata {
  margin-left: auto;
  text-align: right;
}
[dir=rtl] .profile-badges-item-metadata {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

.profile-contribution {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  padding: 20px 0;
  position: relative;
}

.profile-contribution-header {
  margin-bottom: 5px;
}

.profile-contribution-title {
  margin: 0 0 5px 0;
  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;
}
@media (min-width: 768px) {
  .profile-contribution-list > .profile-contribution {
    padding-left: 30px;
  }
  [dir=rtl] .profile-contribution-list > .profile-contribution {
    padding-right: 30px;
    padding-left: 0;
  }
}

.profile-contribution-list > .profile-contribution:last-child {
  border-bottom: 1px solid #eee;
}

.profile-contribution-icon {
  left: 0;
  position: absolute;
  color: #ccc;
  line-height: 25px;
}
[dir=rtl] .profile-contribution-icon {
  right: 0;
}
.profile-contribution-icon svg {
  vertical-align: middle;
}

.profile-contribution-list .profile-contribution-header {
  margin-left: 30px;
}
[dir=rtl] .profile-contribution-list .profile-contribution-header {
  padding-right: 30px;
  padding-left: 0;
}
@media (min-width: 768px) {
  .profile-contribution-list .profile-contribution-header {
    margin-left: 0;
  }
  [dir=rtl] .profile-contribution-list .profile-contribution-header {
    padding-right: 0;
  }
}

.profile-comments .profile-contribution-breadcrumbs {
  margin-left: 30px;
}
[dir=rtl] .profile-comments .profile-contribution-breadcrumbs {
  padding-right: 30px;
  padding-left: 0;
}
@media (min-width: 768px) {
  .profile-comments .profile-contribution-breadcrumbs {
    margin-left: 0;
  }
  [dir=rtl] .profile-comments .profile-contribution-breadcrumbs {
    padding-right: 0;
  }
}

.profile-section .no-activity,
.profile-section .private-activity {
  display: block;
  margin-top: 40px;
  color: #999;
}

.private-activity-icon {
  margin-right: 10px;
}
[dir=rtl] .private-activity-icon {
  margin-right: 0;
  margin-left: 10px;
}

.profile-activity-list {
  margin-top: 25px;
}

.profile-activity {
  position: relative;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .profile-activity {
    padding-left: 20px;
  }
  [dir=rtl] .profile-activity {
    padding-right: 20px;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .profile-activity:not(:last-child) {
    border-left: 1px solid #ddd;
  }
  [dir=rtl] .profile-activity:not(:last-child) {
    border-left: 0;
    border-right: 1px solid #ddd;
  }
}

.profile-activity-header {
  display: flex;
  align-items: center;
  margin-left: 35px;
}
[dir=rtl] .profile-activity-header {
  margin-left: 0;
  margin-right: 35px;
}
@media (min-width: 768px) {
  .profile-activity-header {
    margin-left: 0;
  }
  [dir=rtl] .profile-activity-header {
    margin-right: 0;
  }
}

.profile-activity-header .user-avatar {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  min-width: 40px;
  align-self: flex-start;
}
[dir=rtl] .profile-activity-header .user-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.profile-activity-description {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  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-color: #f7f7f7;
}
@media (min-width: 768px) {
  .profile-activity-contribution {
    margin-top: 0;
    margin-left: 50px;
  }
  [dir=rtl] .profile-activity-contribution {
    margin-left: 0;
    margin-right: 50px;
  }
}

.profile-activity-icon {
  position: absolute;
  left: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  background-position: 50% 50%;
  text-align: center;
  color: #ccc;
}
[dir=rtl] .profile-activity-icon {
  right: 0;
}
@media (min-width: 768px) {
  .profile-activity-icon {
    left: -14px;
  }
  [dir=rtl] .profile-activity-icon {
    right: -14px;
  }
}

.profile-activity-icon svg {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  margin: auto;
}

/***** Search results *****/
.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: #212121;
}
.search-results-sidebar .sidenav-item:hover, .search-results-sidebar .sidenav-item.current {
  background-color: #e9ebed;
  text-decoration: none;
}
.search-results-sidebar .sidenav-subitem {
  unicode-bidi: embed;
}
.search-results-sidebar .sidenav-tag {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-grow: 0;
}
.search-results-sidebar .sidenav-tag .content-tag {
  background: #E9EBED;
  border-radius: 4px;
  padding: 4px 12px;
  text-decoration: none;
}
.search-results-sidebar .sidenav-tag .content-tag .label {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.000427656px;
  color: #49545C;
  flex-grow: 0;
  vertical-align: middle;
  display: inline-block;
}
.search-results-sidebar .sidenav-tag .content-tag .close-icon {
  color: #555555;
  vertical-align: middle;
  display: inline-block;
}
.search-results-sidebar .collapsible-sidebar {
  margin-bottom: 30px;
}
.search-results-sidebar .collapsible-sidebar:not(.expanded) .multibrand-filter-list {
  display: none;
}
@media (min-width: 1024px) {
  .search-results-sidebar .collapsible-sidebar:not(.expanded) .multibrand-filter-list {
    display: block;
  }
}
.search-results-sidebar .multibrand-filter-list--collapsed li:nth-child(1n+6):not(.see-all-filters-item) {
  display: none;
}
.search-results-sidebar .multibrand-filter-list .doc-count {
  color: #666;
}
.search-results-sidebar .see-all-filters {
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  padding: 10px;
  color: #4D7BF9;
}
.search-results-sidebar .see-all-filters[aria-hidden=true] {
  display: none;
}
.search-results-sidebar .see-all-filters:hover {
  text-decoration: underline;
}
.search-results-sidebar .see-all-filters::after {
  content: " ⌄";
  font-weight: bold;
}
.search-results-subheading {
  font-size: 18px;
  font-weight: 600;
}
.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-results .no-results {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 4rem;
}
.search-results .no-results .headline {
  color: #2F3941;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
}
.search-results .no-results .action-prompt {
  color: #68737D;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.154px;
}
.search-results .no-results .action-prompt a {
  color: #4D7BF9;
}
.search-results .no-results .action-prompt a:visited {
  color: #4D7BF9;
}

.search-result-title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.search-result-title {
  font-size: 16px;
  margin-bottom: 0;
}
.search-result-votes, .search-result-meta-count {
  color: #545454;
  font-size: 13px;
}
.search-result-votes-icon, .search-result-meta-count-icon {
  color: #4D7BF9;
  vertical-align: middle;
  width: 13px;
  height: 13px;
}
[dir=ltr] .search-result-votes, [dir=ltr] .search-result-meta-count {
  margin-left: 20px;
}
[dir=rtl] .search-result-votes, [dir=rtl] .search-result-meta-count {
  margin-right: 20px;
}
.search-result-meta-container {
  color: #666;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .search-result-meta-container {
    flex-direction: row;
    align-items: center;
  }
}
@media (min-width: 1024px) {
  .search-result-meta-container nav {
    flex: 1;
  }
}
@media (min-width: 1024px) {
  [dir=ltr] .search-result-meta-container .meta-data {
    margin-left: 20px;
  }
}
@media (min-width: 1024px) {
  [dir=rtl] .search-result-meta-container .meta-data {
    margin-right: 20px;
  }
}
.search-result-meta-container .meta-data::after {
  content: none;
}
.search-result-breadcrumbs {
  margin: 0;
}
.search-result-description {
  margin-top: 10px;
  margin-bottom: 0;
  word-break: break-word;
}

/* By default use bold instead of italic to highlight */
.search-results-description em {
  font-style: normal;
  font-weight: bold;
}

/* Add a yellow background for Chinese */
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 0.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;
}

/* Error */
.notification-error {
  background: #ffeded;
  border-color: #f7cbcb;
}

.notification-error .notification-icon::before, .notification-error .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23555555'/%3E%3C/svg%3E");
}

/* Notice */
.notification-notice {
  background: #dbf3ff;
  border-color: #b5e0f5;
}

.notification-notice .notification-icon::before, .notification-notice .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.5 6l2 2L9 4.5'/%3E%3Ccircle cx='6' cy='6' r='5.5'/%3E%3C/g%3E%3C/svg%3E");
}

/* Alert / Lock */
.notification-alert {
  color: #ad5e18;
  background: #fff8ed;
  border-color: #fcdba9;
}

.notification-alert .notification-icon::before, .notification-alert .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ad5e18' stroke-linecap='round' d='M5.06 1.27l-4.5 8.5c-.18.33.06.73.44.73h9c.38 0 .62-.4.44-.73l-4.5-8.5a.494.494 0 00-.88 0zM5.5 4v2'/%3E%3Ccircle cx='5.5' cy='8' r='.8' fill='%23ad5e18'/%3E%3C/svg%3E");
}

.notification-icon::before, .notification-inline.notification-error::before {
  background-size: cover;
  content: "";
  display: inline-block;
  height: 14px;
  width: 14px;
  vertical-align: middle;
}

/* Dismiss button */
.notification-dismiss, a.notification-dismiss {
  color: #555;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 100ms ease;
  text-decoration: none !important;
}

.notification-dismiss:hover {
  opacity: 1;
}

/* Inline notifications */
.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::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23e35b66'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23e35b66'/%3E%3C/svg%3E");
  margin: -2px 5px 0 0;
}
[dir=rtl] .notification-inline.notification-error::before {
  margin: 0 0 0 5px;
}
.notification-inline.notification-error {
  background-color: #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-left: auto;
  padding-right: 0;
}

.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: 0px 20px 30px 0px rgba(23, 73, 77, 0.15);
  display: none;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  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-color: 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, 0.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 [role=menuitem][aria-selected=true]::after, .dropdown-menu [role=menuitem][aria-checked=true]::after,
.dropdown-menu [role=menuitemradio][aria-selected=true]::after,
.dropdown-menu [role=menuitemradio][aria-checked=true]::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 7l3 3 7-7'%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;
  height: 12px;
  margin-left: 10px;
  width: 12px;
}
[dir=rtl] .dropdown-menu [role=menuitem][aria-selected=true]::after, [dir=rtl] .dropdown-menu [role=menuitem][aria-checked=true]::after,
[dir=rtl] .dropdown-menu [role=menuitemradio][aria-selected=true]::after,
[dir=rtl] .dropdown-menu [role=menuitemradio][aria-checked=true]::after {
  margin-left: 0;
  margin-right: 10px;
  float: left;
}
.dropdown-menu [role=menuitem][hidden], .dropdown-menu [role=menuitem][aria-hidden=true],
.dropdown-menu [role=menuitemradio][hidden],
.dropdown-menu [role=menuitemradio][aria-hidden=true] {
  display: none !important;
}

.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;
}

.content-tags > p {
  color: #68737D;
  margin-top: 32px;
  margin-bottom: 4px;
}
.content-tags-add-hint {
  color: #68737D;
  font-size: 14px;
}

.content-tag-list {
  display: flex;
  flex-wrap: wrap;
  word-break: break-word;
}
.content-tag-list li {
  border-right: 1px solid #C2C8CC;
  margin-bottom: 4px;
}
[dir=ltr] .content-tag-list li {
  padding-right: 8px;
  margin-right: 8px;
}
[dir=rtl] .content-tag-list li {
  padding-left: 8px;
  margin-left: 8px;
}
.content-tag-list li:last-child {
  border: none;
}

/***** WYSIWYG Editor *****/
#hc-wysiwyg {
  border: 1px solid #848F99;
}

/***** Upload Dropzone *****/
.upload-dropzone {
  border: 1px solid #848F99;
}

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

.service-catalog-hero {
  background-image: url(/hc/theming_assets/01M4WB63TBCP9NT940ZMNW57VZ);
  margin-bottom: 10px;
  height: 320px;
}
.service-catalog-description {
  display: flow-root;
}
.service-catalog-description a {
  color: #4D7BF9;
  text-decoration: underline;
}
.service-catalog-description a:visited {
  color: #15358E;
}
.service-catalog-description a:hover, .service-catalog-description a:active, .service-catalog-description a:focus {
  color: #1349DD;
}
.service-catalog-description img {
  height: auto;
  max-width: 100%;
}
.service-catalog-description p > img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.service-catalog-description p > img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.service-catalog-description p > img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.service-catalog-description p > img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.service-catalog-description figure.image {
  display: table;
  margin: 0 auto;
}
.service-catalog-description figure.image > img {
  display: block;
  width: 100%;
}
.service-catalog-description figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.service-catalog-description figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.service-catalog-description figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.service-catalog-description figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.service-catalog-description figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #f2f2f2;
}
.service-catalog-description ul,
.service-catalog-description ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}
[dir=rtl] .service-catalog-description ul,
[dir=rtl] .service-catalog-description ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}
.service-catalog-description ul > ul,
.service-catalog-description ol > ol,
.service-catalog-description ol > ul,
.service-catalog-description ul > ol,
.service-catalog-description li > ul,
.service-catalog-description li > ol {
  margin: 0;
}
.service-catalog-description ul {
  list-style-type: disc;
}
.service-catalog-description :not(pre) > code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}
.service-catalog-description pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  direction: ltr;
}
.service-catalog-description blockquote {
  border-left: 1px solid #ddd;
  color: #545454;
  font-style: italic;
  padding: 0 15px;
}
.service-catalog-main-content {
  display: flex;
  gap: 32px;
}
.service-catalog-list {
  width: 100%;
}
.service-catalog-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 20px;
}

.is-service-catalog-preview #navbar-container,
.is-service-catalog-preview .navbar-container,
.is-service-catalog-preview .assembly-bar,
.is-service-catalog-preview [data-garden-id="chrome.subnav"] {
  display: none !important;
}
/* =====================================================================
   TAXAI Help Center theme — overrides appended to Copenhagen 4.53.3
   Tokens: DS-GlobalStyle v1.8.0 (Theme taxai · Light). $-variables come
   from manifest.json settings (Zendesk substitutes them at build time).
   Breakpoints follow the project rule: 375 (base) → 768 → 1920.
   ===================================================================== */

/* ---- DS-GlobalStyle v1.8.0 tokens (Figma variables, read 2026-10-19) ---- */
:root {
  /* Primitive · taxblue / gray */
  --color-taxblue-50:#f0f4ff; --color-taxblue-100:#e6ecff; --color-taxblue-200:#bdcffe; --color-taxblue-300:#9bb5fd;
  --color-taxblue-400:#7498fb; --color-taxblue-500:#4d7bf9; --color-taxblue-600:#2c61f2; --color-taxblue-700:#1349dd;
  --color-taxblue-800:#1540b7; --color-taxblue-900:#15358e;
  --color-gray-50:#f8f9fb; --color-gray-100:#f3f4f7; --color-gray-200:#e5e7eb; --color-gray-300:#cdcfd6; --color-gray-400:#b2b5bd;
  --color-gray-500:#989ba4; --color-gray-600:#7d8089; --color-gray-700:#63666d; --color-gray-800:#4b4d53; --color-gray-900:#34363a;
  --color-base-black:#212121; --color-base-white:#ffffff;
  --color-lime-600:#57c30f; --color-yellow-200:#fff3ba; --color-red-700:#dc4544;
  /* Semantic · Light */
  --color-text-primary:#212121; --color-text-secondary:#34363a; --color-text-tertiary:#63666d; --color-text-desc:#989ba4;
  --color-text-disabled:#7d8089; --color-text-info-bold:#4d7bf9; --color-text-inverse:#ffffff;
  --color-text-interactive-primary:#4d7bf9; --color-text-interactive-primary-hovered:#1349dd; --color-text-interactive-primary-pressed:#15358e;
  --color-bg-primary:#ffffff; --color-bg-secondary:#f8f9fb; --color-bg-tertiary:#f3f4f7; --color-bg-brand:#4d7bf9;
  --color-bg-info-bold:#e6ecff; --color-bg-info-subtle:#f8f9fb; --color-bg-inverse:#212121; --color-bg-disabled:#e5e7eb;
  --color-bg-interactive-primary:#e6ecff; --color-bg-interactive-primary-hovered:#f0f4ff; --color-bg-interactive-primary-pressed:#bdcffe;
  --color-bg-interactive-secondary:#f3f4f7; --color-bg-interactive-secondary-hovered:#e5e7eb;
  --color-bg-interactive-selected:#e6ecff; --color-bg-interactive-selected-hovered:#f0f4ff;
  --color-border-primary:#e5e7eb; --color-border-secondary:#f3f4f7; --color-border-info:#4d7bf9; --color-border-disabled:#cdcfd6;
  --color-border-focusRing:#2c61f2; --color-border-interactive-primary:#7498fb; --color-border-interactive-secondary:#7d8089;
  --color-icon-primary:#4d7bf9; --color-icon-secondary:#34363a; --color-icon-display:#63666d; --color-icon-success:#57c30f; --color-icon-inverse:#ffffff;
  --color-effect-shadow-core:#78798933; --color-effect-shadow-cast:#7879893d;
  /* Measurement */
  --spacing-0:0; --spacing-2:2px; --spacing-4:4px; --spacing-8:8px; --spacing-12:12px; --spacing-16:16px; --spacing-24:24px;
  --spacing-32:32px; --spacing-40:40px; --spacing-48:48px; --spacing-64:64px;
  --border-radius-sm:2px; --border-radius-md:4px; --border-radius-lg:8px; --border-radius-xl:12px; --border-radius-2xl:16px;
  --border-radius-3xl:20px; --border-radius-rounded:9999px;
  --border-width-sm:1px; --border-width-md:2px; --border-width-lg:4px;
  --effect-shadow-2: 0 0 2px var(--color-effect-shadow-core), 0 1px 4px var(--color-effect-shadow-cast);
  --effect-shadow-4: 0 0 8px var(--color-effect-shadow-core), 0 2px 12px var(--color-effect-shadow-cast);
  --effect-shadow-8: 0 0 8px var(--color-effect-shadow-core), 0 4px 16px var(--color-effect-shadow-cast);
  --effect-shadow-16: 0 0 12px var(--color-effect-shadow-core), 0 8px 24px var(--color-effect-shadow-cast);
  /* Typography (Pretendard · Mobile mode values; letter-spacing -0.2px) */
  --font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  --Heading-3xl: 700 40px/52px var(--font-family); --Heading-2xl: 700 36px/47px var(--font-family);
  --Heading-lg: 700 28px/38px var(--font-family); --Heading-md: 700 24px/32px var(--font-family);
  --Heading-sm: 700 20px/27px var(--font-family); --Heading-xs: 600 18px/24px var(--font-family);
  --Body-xl: 500 18px/24px var(--font-family); --Body-lg: 400 16px/22px var(--font-family);
  --Body-md: 400 15px/21px var(--font-family); --Body-sm: 400 14px/19px var(--font-family); --Body-xs: 400 13px/18px var(--font-family);
  --Label-lg: 500 15px/20px var(--font-family); --Label-md: 500 14px/18px var(--font-family); --Label-sm: 500 12px/16px var(--font-family);
  --letter-spacing: -0.2px;

  /* ---- Theme aliases (tx-*). $-vars come from manifest settings; defaults equal the DS values ---- */
  --tx-primary: #4D7BF9;
  --tx-primary-hover: #1349DD;
  --tx-on-primary: #FFFFFF;
  --tx-text: var(--color-text-primary);
  --tx-text-2: var(--color-text-secondary);
  --tx-text-3: var(--color-text-tertiary);
  --tx-text-4: var(--color-text-desc);
  --tx-border: var(--color-border-primary);
  --tx-border-2: var(--color-border-secondary);
  --tx-bg: #FFFFFF;
  --tx-bg-2: var(--color-bg-secondary);
  --tx-bg-3: var(--color-bg-tertiary);
  --tx-info-bold: var(--color-bg-info-bold);
  --tx-info-subtle: var(--color-taxblue-50);
  --tx-success: var(--color-icon-success);
  --tx-r-sm: var(--border-radius-md);
  --tx-r-md: var(--border-radius-lg);
  --tx-r-lg: var(--border-radius-xl);
  --tx-r-xl: var(--border-radius-2xl);
  --tx-r-2xl: var(--border-radius-3xl);
  --tx-shadow-sm: var(--effect-shadow-2);
  --tx-shadow-md: var(--effect-shadow-8);
  --tx-font: var(--font-family);
  --tx-max: 1120px;
  --tx-gutter: var(--spacing-16);
}

html { -webkit-text-size-adjust: 100%; }
body {
  font-family: var(--tx-font);
  color: var(--tx-text);
  background: var(--tx-bg);
  letter-spacing: var(--letter-spacing);
  word-break: keep-all;
}
h1, h2, h3, h4 { font-family: var(--tx-font); letter-spacing: var(--letter-spacing); color: var(--tx-text); }
a { color: var(--tx-primary); }
a:hover, a:focus { color: var(--tx-primary-hover); }
:focus-visible { outline: 2px solid var(--tx-primary); outline-offset: 2px; }

.container { max-width: var(--tx-max); padding: 0 var(--tx-gutter); }
.container-divider { display: none; }

/* ---------- Header ---------- */
.header {
  max-width: none;
  padding: 0 var(--tx-gutter);
  height: 56px;
  border-bottom: 1px solid var(--tx-border-2);
  background: rgba(255,255,255,0.92);
  backdrop-filter: saturate(180%) blur(12px);
  -webkit-backdrop-filter: saturate(180%) blur(12px);
  position: sticky; top: 0; z-index: 30;
  display: flex; align-items: center; justify-content: space-between;
}
.header-inner { width: 100%; max-width: var(--tx-max); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-16); }
.logo { display: flex; align-items: center; }
.logo a { display: inline-flex; align-items: center; gap: var(--spacing-8); color: var(--tx-text); text-decoration: none; }
.logo img { max-height: 26px; }
.logo .tx-logo-suffix { font: var(--Label-md); color: var(--tx-text-3); padding-left: var(--spacing-8); border-left: 1px solid var(--tx-border); line-height: 1; }
.tx-nav { display: none; align-items: center; gap: var(--spacing-4); }
.tx-nav a {
  display: inline-flex; align-items: center; gap: 6px;
  padding: var(--spacing-8) var(--spacing-12); border-radius: var(--tx-r-md);
  font: var(--Label-md); color: var(--tx-text-2); text-decoration: none;
}
.tx-nav a:hover { background: var(--tx-bg-3); color: var(--tx-text); }
.tx-nav a.tx-nav-service { color: var(--tx-primary); }
.tx-nav a.tx-nav-cta {
  background: var(--tx-text); color: var(--color-bg-primary); margin-left: var(--spacing-8);
}
.tx-nav a.tx-nav-cta:hover { background: var(--color-gray-900); }
.tx-nav svg { width: 14px; height: 14px; }
.nav-wrapper-mobile { display: block; }
.menu-button-mobile { border: 1px solid var(--tx-border); border-radius: var(--tx-r-md); width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; background: var(--color-bg-primary); color: var(--tx-text-2); }
.menu-list-mobile { border: 1px solid var(--tx-border); border-radius: var(--tx-r-lg); box-shadow: var(--tx-shadow-md); right: var(--tx-gutter); top: 60px; }
.menu-list-mobile .item a { color: var(--tx-text-2); }
.user-info .dropdown-toggle { color: var(--tx-text-2); }
.skip-navigation:focus { background: var(--tx-primary); color: var(--color-bg-primary); }

/* ---------- Hero (home) ---------- */
.tx-hero {
  margin: var(--spacing-16) var(--tx-gutter) 0;
  border-radius: var(--tx-r-2xl);
  background:
    radial-gradient(120% 140% at 100% 0%, var(--color-taxblue-200) 0%, rgba(77,123,249,0) 55%),
    linear-gradient(180deg, #F2F5FF 0%, #E9EFFF 100%);
  overflow: hidden;
  position: relative;
}
.tx-hero-inner {
  max-width: var(--tx-max); margin: 0 auto;
  padding: var(--spacing-40) var(--spacing-24) 36px;
  position: relative; z-index: 1;
}
.tx-hero h1 {
  font: var(--Heading-md); letter-spacing: var(--letter-spacing); margin: 0 0 20px;
  color: var(--tx-text);
}
.tx-hero h1 strong { font-weight: 700; color: var(--tx-primary); }
.tx-hero .search {
  display: flex; align-items: center; position: relative;
}
.tx-hero .search input[type="search"] {
  width: 100%; height: 52px;
  padding: 0 var(--spacing-16) 0 46px;
  border: 1px solid var(--tx-border); border-radius: var(--border-radius-rounded);
  background: var(--color-bg-primary); font-size: 15px; color: var(--tx-text);
  box-shadow: var(--tx-shadow-sm);
  font-family: inherit;
}
.tx-hero .search input[type="search"]::placeholder { color: var(--tx-text-4); }
.tx-hero .search input[type="search"]:focus { border-color: var(--tx-primary); box-shadow: 0 0 0 3px var(--color-taxblue-200); outline: none; }
.tx-hero .search-icon { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; color: var(--tx-text-3); z-index: 1; }
.tx-hero .clear-button { right: 14px; }
.tx-chips { display: flex; flex-wrap: wrap; gap: var(--spacing-8); margin-top: 14px; align-items: center; }
.tx-chips-label { font-size: 12px; color: var(--tx-text-3); margin-right: var(--spacing-2); }
.tx-chip {
  display: inline-flex; align-items: center; height: 30px; padding: 0 var(--spacing-12);
  border-radius: var(--border-radius-rounded); background: var(--color-bg-primary); border: 1px solid var(--tx-border);
  color: var(--tx-text-2); font: var(--Label-sm); font-size: 13px; text-decoration: none;
}
.tx-chip:hover { border-color: var(--tx-primary); color: var(--tx-primary); text-decoration: none; }
.tx-hero-art { display: none; }

/* ---------- Section headings ---------- */
.tx-section { padding: 36px 0 0; }
.tx-section-head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--spacing-12); margin-bottom: 14px; }
.tx-section-head h2 { font: var(--Heading-sm); margin: 0; }
.tx-section-head p { margin: var(--spacing-4) 0 0; font-size: 14px; color: var(--tx-text-3); }
.tx-more { font: var(--Label-sm); font-size: 13px; color: var(--tx-text-3); text-decoration: none; white-space: nowrap; display: inline-flex; align-items: center; gap: var(--spacing-4); }
.tx-more:hover { color: var(--tx-primary); }

/* ---------- Shortcut cards (10) ---------- */
.tx-shortcuts { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.tx-shortcut a {
  display: flex; flex-direction: column; align-items: flex-start; gap: var(--spacing-12);
  min-height: 120px; padding: var(--spacing-16) 14px 14px;
  background: var(--color-bg-primary); border: 1px solid var(--tx-border); border-radius: var(--tx-r-xl);
  text-decoration: none; color: var(--tx-text);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.tx-shortcut a:hover { transform: translateY(-2px); box-shadow: var(--tx-shadow-md); border-color: var(--color-border-interactive-primary); text-decoration: none; color: var(--tx-text); }
.tx-shortcut a:active { transform: translateY(0); }
.tx-ico {
  width: 40px; height: 40px; border-radius: 12px; flex: 0 0 auto;
  background: var(--tx-info-bold); color: var(--tx-primary);
  display: inline-flex; align-items: center; justify-content: center;
}
.tx-ico svg { width: 22px; height: 22px; }
.tx-shortcut-title { font: var(--Label-lg); font-weight: 700; }
.tx-shortcut-desc {
  font: var(--Label-sm); font-weight: 400; color: var(--tx-text-3);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

/* ---------- FAQ / article lists ---------- */
.tx-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--tx-border); }
.tx-list li { border-bottom: 1px solid var(--tx-border-2); }
.tx-list a {
  display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-12);
  padding: var(--spacing-16) var(--spacing-4); color: var(--tx-text); text-decoration: none; font: var(--Body-md); font-size:15px; line-height:21px;
}
.tx-list a:hover { color: var(--tx-primary); }
.tx-list a .tx-q { flex: 0 0 auto; width: 22px; height: 22px; border-radius: 6px; background: var(--tx-info-subtle); color: var(--tx-primary); font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; margin-right: 10px; }
.tx-list a .tx-title { flex: 1 1 auto; display: flex; align-items: center; }
.tx-list a .tx-cat { flex: 0 0 auto; font-size: 12px; color: var(--tx-text-4); display: none; }
.tx-list a svg { flex: 0 0 auto; width: 16px; height: 16px; color: var(--tx-text-4); }
.tx-list a:hover svg { color: var(--tx-primary); }

/* ---------- CTA banner ---------- */
.tx-cta {
  margin-top: var(--spacing-40); border-radius: var(--tx-r-2xl);
  background: linear-gradient(135deg, var(--tx-primary) 0%, var(--color-taxblue-400) 100%);
  color: var(--color-bg-primary); padding: 28px var(--spacing-24);
  display: flex; flex-direction: column; gap: var(--spacing-16);
  position: relative; overflow: hidden;
}
.tx-cta::after { content: ""; position: absolute; right: -40px; top: -40px; width: 180px; height: 180px; border-radius: 50%; background: rgba(255,255,255,0.12); }
.tx-cta h2 { color: var(--color-text-inverse); font: var(--Heading-sm); margin: 0 0 6px; }
.tx-cta p { margin: 0; font-size: 14px; opacity: .92; line-height: 1.5; }
.tx-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  height: 44px; padding: 0 18px; border-radius: var(--border-radius-rounded);
  font-size: 14px; font-weight: 600; text-decoration: none; white-space: nowrap;
  border: 1px solid transparent; cursor: pointer; font-family: inherit;
}
.tx-btn-light { background: var(--color-bg-primary); color: var(--tx-primary); position: relative; z-index: 1; align-self: flex-start; }
.tx-btn-light:hover { background: #F2F5FF; color: var(--tx-primary-hover); text-decoration: none; }
.tx-btn-primary { background: var(--tx-primary); color: var(--color-bg-primary); }
.tx-btn-primary:hover { background: var(--tx-primary-hover); color: var(--color-bg-primary); text-decoration: none; }
.tx-btn-outline { background: var(--color-bg-primary); color: var(--tx-text-2); border-color: var(--tx-border); }
.tx-btn-outline:hover { border-color: var(--tx-text-3); color: var(--tx-text); text-decoration: none; }

/* ---------- Promo cards + contact ---------- */
.tx-promos { display: grid; grid-template-columns: 1fr; gap: var(--spacing-12); margin-top: var(--spacing-12); }
.tx-promo {
  display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-16);
  padding: 20px; border-radius: var(--tx-r-xl); background: var(--tx-bg-2); border: 1px solid var(--tx-border-2);
  text-decoration: none; color: var(--tx-text);
}
.tx-promo:hover { background: var(--tx-info-subtle); text-decoration: none; color: var(--tx-text); }
.tx-promo h3 { font-size: 16px; margin: 0 0 var(--spacing-4); }
.tx-promo p { margin: 0; font-size: 13px; color: var(--tx-text-3); display: inline-flex; align-items: center; gap: var(--spacing-4); }
.tx-promo .tx-ico { width: 48px; height: 48px; border-radius: 14px; background: var(--color-bg-primary); }
.tx-contact { margin-top: var(--spacing-40); padding: var(--spacing-24); border: 1px solid var(--tx-border); border-radius: var(--tx-r-xl); display: flex; flex-direction: column; gap: 14px; }
.tx-contact h2 { font-size: 18px; margin: 0 0 var(--spacing-4); }
.tx-contact p { margin: 0; font-size: 14px; color: var(--tx-text-3); line-height: 1.55; }
.tx-contact-actions { display: flex; flex-wrap: wrap; gap: var(--spacing-8); }

/* ---------- Recent activity ---------- */
.tx-activity .recent-activity { margin: 0; }
.tx-activity .recent-activity-header { display: none; }
.tx-activity .recent-activity-list { border-top: 1px solid var(--tx-border); }
.tx-activity .recent-activity-item { border-bottom: 1px solid var(--tx-border-2); padding: 14px var(--spacing-4); }
.tx-activity .recent-activity-item-parent { font-size: 12px; color: var(--tx-text-4); }
.tx-activity .recent-activity-item-link { font-size: 15px; color: var(--tx-text); }
.tx-activity .recent-activity-item-meta { font-size: 12px; color: var(--tx-text-4); }
.tx-activity .recent-activity-controls { display: none; }

/* ---------- Sub-nav (breadcrumbs + search) ---------- */
.sub-nav { padding: 20px 0 0; display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-16); }
.breadcrumbs { font-size: 13px; }
.breadcrumbs li { color: var(--tx-text-4); }
.breadcrumbs li a { color: var(--tx-text-3); }
.breadcrumbs li:last-child a, .breadcrumbs li:last-child { color: var(--tx-text); font-weight: 500; }
.breadcrumbs li + li::before { color: var(--tx-text-4); }
.sub-nav .search-container { display: none; }
.sub-nav .search input[type="search"] { height: 40px; border-radius: var(--border-radius-rounded); border: 1px solid var(--tx-border); padding-left: var(--spacing-40); font-size: 14px; font-family: inherit; }
.sub-nav .search input[type="search"]:focus { border-color: var(--tx-primary); box-shadow: 0 0 0 3px var(--color-taxblue-200); }
.sub-nav .search-icon { left: 14px; }

/* ---------- Category / Section pages (sidebar + list) ---------- */
.tx-page { display: grid; grid-template-columns: 1fr; gap: var(--spacing-24); padding: 20px 0 0; }
.tx-side { display: block; }
.tx-side-title { font-size: 12px; font-weight: 600; color: var(--tx-text-4); text-transform: uppercase; letter-spacing: .04em; margin: 0 0 var(--spacing-8); padding: 0 var(--spacing-4); }
.tx-side-list { list-style: none; margin: 0; padding: 0; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding-bottom: var(--spacing-4); }
.tx-side-list::-webkit-scrollbar { display: none; }
.tx-side-list a {
  display: inline-flex; align-items: center; height: 36px; padding: 0 var(--spacing-12); border-radius: var(--border-radius-rounded);
  border: 1px solid var(--tx-border); background: var(--color-bg-primary); color: var(--tx-text-2); font: var(--Label-sm); font-size: 13px;
  text-decoration: none; white-space: nowrap;
}
.tx-side-list a:hover { border-color: var(--tx-primary); color: var(--tx-primary); }
.tx-side-list a.current, .tx-side-list a[aria-current="page"] { background: var(--tx-text); border-color: var(--tx-text); color: var(--color-bg-primary); }
.tx-main { min-width: 0; }
.page-header { margin: 0 0 var(--spacing-16); border: 0; padding: 0; }
.page-header h1 { font: var(--Heading-md); margin: 0 0 6px; }
.page-header-description { font-size: 14px; color: var(--tx-text-3); margin: 0; line-height: 1.55; }
.tx-section-block { margin-top: 28px; }
.tx-section-block:first-child { margin-top: 0; }
.tx-section-block h2 { font-size: 17px; margin: 0 0 var(--spacing-8); display: flex; align-items: center; justify-content: space-between; }
.tx-section-block h2 a { color: var(--tx-text); text-decoration: none; }
.tx-section-block h2 a:hover { color: var(--tx-primary); }
.tx-section-block .tx-count { font: var(--Label-sm); color: var(--tx-text-4); }
.see-all-articles { display: inline-flex; align-items: center; gap: var(--spacing-4); margin-top: 10px; font: var(--Label-sm); font-size: 13px; color: var(--tx-text-3); }
.see-all-articles:hover { color: var(--tx-primary); }
.tx-empty { padding: 36px var(--spacing-16); text-align: center; border: 1px dashed var(--tx-border); border-radius: var(--tx-r-xl); color: var(--tx-text-3); font-size: 14px; }
.tx-empty strong { display: block; color: var(--tx-text); font-size: 15px; margin-bottom: var(--spacing-4); }
.pagination { margin: 20px 0 0; }

/* ---------- Article page ---------- */
.tx-article-layout { display: grid; grid-template-columns: 1fr; gap: var(--spacing-24); padding: 20px 0 0; }
.tx-article-side .tx-side-list { flex-direction: row; }
.article { max-width: none; padding: 0; border: 0; }
.article-header { border-bottom: 1px solid var(--tx-border); padding-bottom: var(--spacing-16); margin-bottom: 20px; }
.article-title { font: var(--Heading-md); margin: 0 0 10px; }
.article-author { display: flex; align-items: center; gap: 10px; }
.article-meta { font-size: 13px; color: var(--tx-text-3); }
.article-meta a { color: var(--tx-text-2); font-weight: 500; }
.meta-data { color: var(--tx-text-4); }
.article-body { font: var(--Body-lg); line-height: 1.75; color: var(--tx-text-2); }
.article-body h2 { font-size: 20px; margin: var(--spacing-32) 0 10px; padding-top: 0; }
.article-body h3 { font-size: 17px; margin: var(--spacing-24) 0 var(--spacing-8); }
.article-body p { margin: 0 0 14px; }
.article-body a { color: var(--tx-primary); text-decoration: underline; text-underline-offset: 3px; }
.article-body ul, .article-body ol { padding-left: 22px; margin: 0 0 14px; }
.article-body li { margin: var(--spacing-4) 0; }
.article-body img { border-radius: var(--tx-r-lg); border: 1px solid var(--tx-border-2); }
.article-body table { border-collapse: collapse; width: 100%; font-size: 14px; }
.article-body th, .article-body td { border: 1px solid var(--tx-border); padding: 10px var(--spacing-12); text-align: left; }
.article-body th { background: var(--tx-bg-2); font-weight: 600; }
.article-body blockquote { margin: var(--spacing-16) 0; padding: var(--spacing-12) var(--spacing-16); border-left: 3px solid var(--tx-primary); background: var(--tx-info-subtle); border-radius: 0 var(--tx-r-md) var(--tx-r-md) 0; color: var(--tx-text-2); }
.article-body code { font-size: 90%; background: var(--tx-bg-3); padding: var(--spacing-2) 6px; border-radius: 4px; }
.content-tags { margin-top: var(--spacing-24); }
.content-tag-item a { border-radius: var(--border-radius-rounded); }
.article-footer { border-top: 1px solid var(--tx-border); margin-top: var(--spacing-32); padding-top: 20px; }
.article-votes { border: 1px solid var(--tx-border); border-radius: var(--tx-r-xl); padding: 20px; margin: 0; text-align: center; }
.article-votes-question { font-weight: 600; font-size: 15px; }
.article-vote { border-radius: var(--border-radius-rounded); border-color: var(--tx-border); color: var(--tx-text-2); }
.article-vote:hover { border-color: var(--tx-primary); color: var(--tx-primary); background: var(--color-bg-primary); }
.article-vote[aria-pressed="true"] { background: var(--tx-primary); border-color: var(--tx-primary); color: var(--color-bg-primary); }
.article-more-questions, .article-return-to-top { font-size: 14px; }
.article-more-questions a { color: var(--tx-primary); }
.article-relatives { border-top: 1px solid var(--tx-border); margin-top: var(--spacing-24); padding-top: 20px; }
.article-relatives h2, .recent-articles h2, .related-articles h2 { font-size: 15px; color: var(--tx-text); }
.article-relatives a { color: var(--tx-text-2); }
.comment-callout, .comment-heading { color: var(--tx-text-2); }
.tx-article-cta {
  margin-top: 28px; padding: 20px; border-radius: var(--tx-r-xl); background: var(--tx-info-subtle); border: 1px solid var(--color-taxblue-200);
  display: flex; flex-direction: column; gap: var(--spacing-12);
}
.tx-article-cta h2 { font-size: 16px; margin: 0 0 var(--spacing-4); }
.tx-article-cta p { margin: 0; font-size: 14px; color: var(--tx-text-3); }
.tx-toc-wrap { display: none; }

/* sidebar (desktop) shared by section/article */
.tx-sidenav { list-style: none; margin: 0; padding: 0; }
.tx-sidenav li a {
  display: block; padding: 9px var(--spacing-12); border-radius: var(--tx-r-md);
  color: var(--tx-text-2); font-size: 14px; line-height: 1.4; text-decoration: none;
}
.tx-sidenav li a:hover { background: var(--tx-bg-3); color: var(--tx-text); }
.tx-sidenav li a.current-article, .tx-sidenav li a[aria-current="page"] { background: var(--tx-info-subtle); color: var(--tx-primary); font-weight: 600; }
.collapsible-sidebar { border: 0; }

/* ---------- Search results ---------- */
.search-results { display: grid; grid-template-columns: 1fr; gap: var(--spacing-24); }
.search-results-sidebar { display: none; }
.search-results-subheading { font-size: 20px; font-weight: 700; }
.search-results-description { color: var(--tx-text-3); font-size: 14px; }
.search-result-title { font-size: 16px; }
.search-result-title a { color: var(--tx-text); }
.search-result-title a:hover { color: var(--tx-primary); }
.search-result-description { color: var(--tx-text-3); font-size: 14px; line-height: 1.6; }
.search-result-description em, .search-result-title em { background: var(--color-yellow-200); font-style: normal; border-radius: 3px; padding: 0 var(--spacing-2); }
.search-results-list > li { border-bottom: 1px solid var(--tx-border-2); padding: 18px 0; }
.search-result-meta-container, .search-result-icons { font-size: 12px; color: var(--tx-text-4); }
.tx-search-empty { margin-top: var(--spacing-24); }
.tx-search-empty .tx-shortcuts { margin-top: var(--spacing-16); }

/* ---------- Footer ---------- */
.footer { border-top: 1px solid var(--tx-border-2); margin-top: var(--spacing-64); background: var(--tx-bg-2); padding: 0; }
.tx-footer-inner { max-width: var(--tx-max); margin: 0 auto; padding: 36px var(--tx-gutter) var(--spacing-40); }
.tx-footer-top { display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-24) var(--spacing-16); }
.tx-footer-col h3 { font-size: 13px; font-weight: 700; color: var(--tx-text); margin: 0 0 10px; }
.tx-footer-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--spacing-8); }
.tx-footer-col a { color: var(--tx-text-3); font-size: 13px; text-decoration: none; }
.tx-footer-col a:hover { color: var(--tx-primary); }
.tx-footer-bottom { margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--tx-border); display: flex; flex-direction: column; gap: 10px; }
.tx-footer-brand { font-weight: 700; font-size: 14px; color: var(--tx-text-2); }
.tx-footer-info { font-size: 12px; color: var(--tx-text-4); line-height: 1.7; white-space: pre-line; margin: 0; }
.tx-footer-legal { display: flex; flex-wrap: wrap; gap: 14px; }
.tx-footer-legal a { font-size: 12px; color: var(--tx-text-3); text-decoration: none; }
.footer-language-selector .dropdown-toggle { font-size: 13px; color: var(--tx-text-3); }

/* Generic Copenhagen clean-ups */
.hero { display: none; }
.blocks-item, .blocks-item-link { border-radius: var(--tx-r-xl); }
.button, .button-primary { border-radius: var(--border-radius-rounded); font-family: inherit; }
.button-primary { background: var(--tx-primary); border-color: var(--tx-primary); }
.button-primary:hover { background: var(--tx-primary-hover); border-color: var(--tx-primary-hover); }
input, select, textarea, button { font-family: inherit; }
.notification { border-radius: var(--tx-r-lg); }

/* =================== 768+ (tablet) =================== */
@media (min-width: 768px) {
  :root { --tx-gutter: var(--spacing-32); }
  .header { height: 64px; }
  .tx-nav { display: flex; }
  .nav-wrapper-mobile { display: none; }
  .tx-hero { margin: var(--spacing-24) var(--tx-gutter) 0; }
  .tx-hero-inner { padding: 56px var(--spacing-48) var(--spacing-48); max-width: 760px; margin: 0; }
  .tx-hero h1 { font: var(--Heading-lg); }
  .tx-hero .search input[type="search"] { height: 56px; font-size: 16px; }
  .tx-hero-art { display: block; position: absolute; right: var(--spacing-40); top: 50%; transform: translateY(-50%); width: 220px; height: 220px; }
  .tx-section { padding-top: var(--spacing-48); }
  .tx-section-head h2 { font: var(--Heading-md); }
  .tx-shortcuts { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--spacing-12); }
  .tx-shortcut a { min-height: 140px; padding: 18px var(--spacing-16) var(--spacing-16); }
  .tx-list a { padding: 18px var(--spacing-8); }
  .tx-list a .tx-cat { display: inline; }
  .tx-cta { flex-direction: row; align-items: center; justify-content: space-between; padding: 36px var(--spacing-40); margin-top: 56px; }
  .tx-cta h2 { font: var(--Heading-md); color: var(--color-text-inverse); }
  .tx-promos { grid-template-columns: 1fr 1fr; gap: var(--spacing-16); margin-top: var(--spacing-16); }
  .tx-contact { flex-direction: row; align-items: center; justify-content: space-between; padding: 28px var(--spacing-32); }
  .sub-nav .search-container { display: block; width: 300px; }
  .tx-page { grid-template-columns: 220px minmax(0, 1fr); gap: var(--spacing-40); padding-top: 28px; }
  .tx-side { position: sticky; top: 88px; align-self: start; }
  .tx-side-list { flex-direction: column; gap: var(--spacing-2); overflow: visible; }
  .tx-side-list a { height: auto; padding: 9px var(--spacing-12); border: 0; border-radius: var(--tx-r-md); white-space: normal; font-size: 14px; }
  .tx-side-list a:hover { background: var(--tx-bg-3); color: var(--tx-text); }
  .tx-side-list a.current, .tx-side-list a[aria-current="page"] { background: var(--tx-info-subtle); color: var(--tx-primary); font-weight: 600; }
  .page-header h1 { font: var(--Heading-lg); }
  .tx-article-layout { grid-template-columns: 240px minmax(0, 1fr); gap: var(--spacing-48); padding-top: 28px; }
  .tx-article-side { position: sticky; top: 88px; align-self: start; max-height: calc(100vh - 110px); overflow: auto; }
  .article-title { font: var(--Heading-lg); }
  
  .tx-article-cta { flex-direction: row; align-items: center; justify-content: space-between; padding: var(--spacing-24) 28px; }
  .search-results { grid-template-columns: 220px minmax(0, 1fr); gap: var(--spacing-40); }
  .search-results-sidebar { display: block; }
  .tx-footer-top { grid-template-columns: repeat(4, 1fr); }
  .tx-footer-bottom { flex-direction: row; justify-content: space-between; align-items: flex-end; }
}

/* =================== 1200+ (desktop / 1920 fixed output) =================== */
@media (min-width: 1200px) {
  :root { --tx-gutter: var(--spacing-40); }
  .tx-hero { margin: var(--spacing-32) auto 0; max-width: var(--tx-max); }
  .tx-hero-inner { padding: 72px var(--spacing-64) var(--spacing-64); max-width: 820px; }
  .tx-hero h1 { font: var(--Heading-3xl); }
  .tx-hero-art { right: var(--spacing-64); width: 260px; height: 260px; }
  .tx-shortcuts { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--spacing-16); }
  .tx-shortcut a { min-height: 156px; padding: 20px 18px 18px; }
  .tx-shortcut-title { font-size: 16px; }
  .tx-shortcut-desc { font-size: 13px; }
  .tx-article-layout { grid-template-columns: 260px minmax(0, 720px) 200px; justify-content: space-between; }
  .tx-toc-wrap { display: block; position: sticky; top: 88px; align-self: start; }
  .tx-toc-title { font-size: 12px; font-weight: 600; color: var(--tx-text-4); margin: 0 0 var(--spacing-8); text-transform: uppercase; letter-spacing: .04em; }
  .tx-toc { list-style: none; margin: 0; padding: 0; border-left: 1px solid var(--tx-border); }
  .tx-toc li a { display: block; padding: 6px var(--spacing-12); font-size: 13px; color: var(--tx-text-3); text-decoration: none; border-left: 2px solid transparent; margin-left: -1px; }
  .tx-toc li a:hover { color: var(--tx-text); }
  .tx-toc li a.active { color: var(--tx-primary); border-left-color: var(--tx-primary); font-weight: 600; }
  .tx-toc li.lvl3 a { padding-left: var(--spacing-24); }
}

/* ---- structural fallbacks ---- */
.tx-hero .search-wrap { position: relative; }
.tx-hero .search-wrap .search-icon { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; color: var(--tx-text-3); z-index: 2; pointer-events: none; }
.tx-hero .search-wrap .search { position: static; }
.tx-hero .search-wrap .clear-button { right: var(--spacing-16); }
@media (min-width: 768px) {
  .tx-page:has(.tx-side[hidden]) { grid-template-columns: minmax(0, 1fr); }
}
@media (min-width: 1200px) {
  .tx-article-layout:has(.tx-toc-wrap[hidden]) { grid-template-columns: 260px minmax(0, 760px); justify-content: start; gap: var(--spacing-64); }
  .tx-side-list { max-height: calc(100vh - 140px); overflow: auto; }
}

/* ---- Copenhagen conflicts resolved ---- */
.section-tree { display: block; }
.section-tree .tx-section-block { max-width: none; width: 100%; }
.page-header-description { font-style: normal; }
.tx-article-layout { display: grid; }
.tx-article-layout .article-sidebar { max-width: none; flex: none; border: 0; margin: 0; }
.tx-article-layout .sidenav-item { overflow: visible; text-overflow: clip; margin: 0; white-space: normal; }
.article-header { margin-top: 0; }
.article-content { margin: var(--spacing-24) 0 0; }
.article-title { word-break: keep-all; overflow-wrap: anywhere; }
.tx-hero h1, .tx-section-head h2, .page-header h1, .article-title, .tx-cta h2 { font-weight: 700; }
.tx-page > *, .tx-article-layout > * { min-width: 0; }
.tx-side { max-width: 100%; }
.breadcrumbs { text-align: left; justify-content: flex-start; }
@media (min-width: 1200px) {
  :root { --tx-max: 1200px; }
  .tx-article-layout { grid-template-columns: 220px minmax(0, 1fr) 180px; gap: var(--spacing-40); justify-content: stretch; }
  .tx-article-layout:has(.tx-toc-wrap[hidden]) { grid-template-columns: 220px minmax(0, 760px); gap: var(--spacing-64); }
  .tx-page { grid-template-columns: 220px minmax(0, 1fr); }
}
.sub-nav { display: flex; justify-content: space-between; align-items: center; padding: var(--spacing-16) 0 0; }
.sub-nav .breadcrumbs { margin: 0; text-align: left; flex: 1 1 auto; }
.sub-nav .breadcrumbs li { display: inline; }
.tx-page, .tx-article-layout { padding-top: var(--spacing-24); }
/* article footer: stacked (votes → more questions), not side by side */
.article-footer { display: flex; flex-direction: column; align-items: stretch; gap: var(--spacing-16); padding-bottom: 0; }
.article-votes { width: 100%; margin: 0; }
.article-more-questions { text-align: center; margin: 0; padding: var(--spacing-8) 0 0; }
.article-return-to-top { display: none; }

/* footer: service shortcuts by category + auxiliary row */
.tx-footer-services h2 { font: var(--Label-md); font-weight: 700; color: var(--tx-text); margin: 0 0 var(--spacing-16); }
.tx-footer-services-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-24) var(--spacing-16); }
.tx-footer-services-grid .tx-footer-col h3 { font: var(--Label-md); font-weight: 700; color: var(--tx-text); }
.tx-footer-services-grid .tx-footer-col a { color: var(--tx-text-3); }
.tx-footer-aux { margin-top: var(--spacing-32); padding-top: var(--spacing-24); border-top: 1px solid var(--tx-border); grid-template-columns: repeat(3, 1fr); }
.tx-footer-aux .tx-footer-col h3 { color: var(--tx-text-3); font-weight: 600; }
@media (min-width: 768px) {
  .tx-footer-services-grid { grid-template-columns: repeat(4, 1fr); }
  .tx-footer-aux { display: flex; flex-wrap: wrap; gap: var(--spacing-8) var(--spacing-48); }
  .tx-footer-aux .tx-footer-col { display: flex; align-items: baseline; gap: var(--spacing-12); }
  .tx-footer-aux .tx-footer-col h3 { margin: 0; }
  .tx-footer-aux .tx-footer-col ul { flex-direction: row; gap: var(--spacing-16); }
}

/* footer v2: grouping & spacing (Toss-like rhythm) */
.footer { margin-top: var(--spacing-64); }
.tx-footer-inner { padding-top: var(--spacing-40); padding-bottom: var(--spacing-48); display: flex; flex-direction: column; gap: var(--spacing-32); }
.tx-footer-services-grid { gap: var(--spacing-32) var(--spacing-24); }
.tx-footer-col h3 { margin: 0 0 var(--spacing-12); }
.tx-footer-col ul { gap: var(--spacing-12); }
.tx-footer-col a { font: var(--Body-xs); line-height: 1.5; }
.tx-footer-aux { margin: 0; padding-top: var(--spacing-24); border-top: 1px solid var(--tx-border); }
.tx-footer-bottom { margin: 0; padding-top: var(--spacing-24); border-top: 1px solid var(--tx-border); display: flex; flex-direction: column; gap: var(--spacing-12); align-items: stretch; }
.tx-footer-brand-row { display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-16); margin-bottom: var(--spacing-4); }
.tx-footer-brand { font: var(--Label-md); font-weight: 700; color: var(--tx-text-2); }
.tx-footer-info, .tx-footer-notice, .tx-footer-copy { font: var(--Label-sm); font-weight: 400; line-height: 1.8; color: var(--tx-text-4); margin: 0; white-space: pre-line; word-break: keep-all; }
.tx-footer-notice { color: var(--tx-text-3); padding: var(--spacing-12) var(--spacing-16); background: var(--tx-bg-3); border-radius: var(--tx-r-md); line-height: 1.7; white-space: normal; }
.tx-footer-legal { display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-8) var(--spacing-24); margin-top: var(--spacing-8); }
.tx-footer-legal a { font: var(--Label-sm); font-weight: 500; color: var(--tx-text-3); text-decoration: none; line-height: 1.6; }
.tx-footer-legal a strong { color: var(--tx-text-2); }
.tx-footer-legal a:hover { color: var(--tx-primary); }
.tx-footer-copy { margin-top: var(--spacing-8); }
@media (min-width: 768px) {
  .tx-footer-inner { padding-top: var(--spacing-48); padding-bottom: var(--spacing-64); gap: var(--spacing-40); }
  .tx-footer-aux { padding-top: var(--spacing-32); }
  .tx-footer-bottom { padding-top: var(--spacing-32); }
  .tx-footer-legal { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: var(--spacing-12); }
  .tx-footer-notice { max-width: 760px; }
}
/* footer v2.1: plain notice line, inline legal links (reference: 삼쩜삼) */
.tx-footer-notice { background: none; padding: 0; border-radius: 0; color: var(--tx-text-4); line-height: 1.8; white-space: pre-line; max-width: none; }
.tx-footer-legal { display: flex; flex-wrap: wrap; gap: var(--spacing-8) var(--spacing-24); margin-top: var(--spacing-16); }
@media (min-width: 768px) { .tx-footer-legal { display: flex; margin-top: var(--spacing-16); } .tx-footer-notice { max-width: none; } }

/* ---- search v2: form is the pill, input is borderless (fixes double border + detached clear button) ---- */
.search { border: 1px solid var(--tx-border); border-radius: var(--border-radius-rounded); background: var(--color-bg-primary); overflow: hidden; align-items: stretch; transition: border-color .12s ease, box-shadow .12s ease; }
.search:focus-within { border-color: var(--tx-primary); box-shadow: 0 0 0 3px var(--color-taxblue-200); }
.search input[type=search] { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent; height: 44px; font-size: 14px; font-family: inherit; color: var(--tx-text); }
.search input[type=search]:focus { outline: none; box-shadow: none !important; border: 0 !important; }
.search input[type=search]::placeholder { color: var(--tx-text-4); }
.search .clear-button { background: transparent; border: 0; border-radius: 0; color: var(--tx-text-3); padding: 0 var(--spacing-16); }
.search .clear-button:hover { background: var(--tx-bg-3); color: var(--tx-text); }
.search .clear-button:focus { box-shadow: inset 0 0 0 2px var(--tx-primary); }
[dir=ltr] .search-has-value input[type=search], [dir=ltr] .search-has-value input[type=search]:focus { border-right-color: transparent; }
.tx-hero .search { height: 52px; box-shadow: var(--tx-shadow-sm); }
.tx-hero .search:focus-within { box-shadow: 0 0 0 3px var(--color-taxblue-200); }
.tx-hero .search input[type=search] { height: 100%; padding-left: 46px; font-size: 15px; }
.sub-nav .search { height: 40px; }
.sub-nav .search input[type=search] { height: 100%; padding-left: 40px; }
@media (min-width: 768px) { .tx-hero .search { height: 56px; } .tx-hero .search input[type=search] { font-size: 16px; } }
/* instant search dropdown */
.search-results-dropdown, .search-suggestions { border: 1px solid var(--tx-border); border-radius: var(--tx-r-lg); box-shadow: var(--tx-shadow-md); }

/* ---- instant search autocomplete (Zendesk zd-autocomplete custom elements) ---- */
zd-autocomplete { margin-top: var(--spacing-8) !important; padding: var(--spacing-8) 0 !important; background: var(--color-bg-primary) !important; border: 1px solid var(--tx-border) !important; border-radius: var(--tx-r-lg) !important; box-shadow: var(--effect-shadow-16) !important; font-family: var(--tx-font) !important; }
zd-autocomplete-multibrand, zd-autocomplete-option { display: block !important; padding: var(--spacing-12) var(--spacing-16) !important; border: 0 !important; cursor: pointer; border-radius: 0 !important; }
zd-autocomplete-multibrand + zd-autocomplete-multibrand { border-top: 1px solid var(--tx-border-2) !important; }
zd-autocomplete-multibrand:hover, zd-autocomplete-multibrand[aria-selected="true"], zd-autocomplete-option:hover, zd-autocomplete-option[aria-selected="true"] { background: var(--tx-info-subtle) !important; box-shadow: inset 3px 0 0 var(--tx-primary) !important; }
zd-autocomplete-title-multibrand, zd-autocomplete-option-title { display: block !important; font: var(--Body-md) !important; font-weight: 500 !important; color: var(--tx-text) !important; line-height: 1.45 !important; margin: 0 0 var(--spacing-4) !important; }
zd-autocomplete-title-multibrand em, zd-autocomplete-option em { font-style: normal !important; color: var(--tx-primary) !important; font-weight: 700 !important; }
zd-autocomplete-breadcrumbs-multibrand { display: block !important; font: var(--Label-sm) !important; font-weight: 400 !important; color: var(--tx-text-4) !important; line-height: 1.5 !important; }
zd-autocomplete-header { font: var(--Label-sm) !important; color: var(--tx-text-3) !important; padding: var(--spacing-8) var(--spacing-16) !important; text-transform: none !important; }

/* ---- fix: equal-height shortcut cards + button text colors ---- */
.tx-shortcuts { align-items: stretch; }
.tx-shortcut { display: flex; min-width: 0; }
.tx-shortcut a { flex: 1 1 auto; height: 100%; box-sizing: border-box; }
.tx-shortcut-title { word-break: keep-all; overflow-wrap: anywhere; }
.tx-btn-primary, .tx-btn-primary:visited, .tx-btn-primary:hover, .tx-btn-primary:focus, .tx-btn-primary:active { color: var(--color-text-inverse) !important; }
.tx-btn-light, .tx-btn-light:visited, .tx-btn-light:hover { color: var(--tx-primary) !important; }
.tx-btn-outline, .tx-btn-outline:visited { color: var(--tx-text-2) !important; }
.tx-cta h2, .tx-cta p { color: var(--color-text-inverse) !important; }

/* all shortcut rows share the tallest row height */
.tx-shortcuts { grid-auto-rows: 1fr; }

/* visitors see no author/date row: collapse the empty meta area */
.article-author:not(:has(.meta-group, .article-avatar, a)) { display: none; }
.article-header:not(:has(.meta-group)) .article-title { margin-bottom: 0; }

/* ---- layout v2: 단일 콘텐츠 폭(1080) + 공통 거터로 헤더·히어로·본문·푸터 좌우 정렬 통일 ---- */
:root { --tx-content: 1080px; }
.header { width: 100%; padding-left: 0; padding-right: 0; box-sizing: border-box; }
.header-inner, .container, .tx-footer-inner {
  box-sizing: border-box; width: 100%;
  max-width: calc(var(--tx-content) + var(--tx-gutter) * 2);
  padding-left: var(--tx-gutter); padding-right: var(--tx-gutter);
  margin-left: auto; margin-right: auto;
}
.tx-hero { width: calc(100% - var(--tx-gutter) * 2); max-width: var(--tx-content); margin-left: auto; margin-right: auto; }
@media (min-width: 1200px) {
  .tx-hero { margin-left: auto; margin-right: auto; max-width: var(--tx-content); }
  .tx-article-layout { grid-template-columns: 200px minmax(0, 1fr) 160px; gap: var(--spacing-40); }
  .tx-article-layout:has(.tx-toc-wrap[hidden]) { grid-template-columns: 200px minmax(0, 1fr); gap: var(--spacing-64); }
  .tx-page { grid-template-columns: 200px minmax(0, 1fr); }
}

/* ---- shortcuts v2: 섹션 타이틀 제거(스크린리더 전용) + 타이틀만 있는 버튼형 카드(가운데 정렬) ---- */
.tx-section.tx-shortcuts-sec { padding-top: 20px; }
.tx-shortcut a {
  flex-direction: column; align-items: center; justify-content: center; gap: var(--spacing-8);
  text-align: center; min-height: 92px; padding: 14px 12px; border-radius: var(--tx-r-lg);
}
.tx-shortcut a:hover { transform: none; box-shadow: none; background: var(--tx-info-subtle); border-color: var(--tx-primary); }
.tx-shortcut a:focus-visible { outline: 2px solid var(--tx-primary); outline-offset: 2px; }
.tx-shortcut .tx-ico { width: 32px; height: 32px; border-radius: 10px; }
.tx-shortcut .tx-ico svg { width: 18px; height: 18px; }
.tx-shortcut-title { font: var(--Label-md); font-weight: 600; line-height: 1.4; }
.tx-shortcut-desc { display: none; }
@media (min-width: 768px) {
  .tx-section.tx-shortcuts-sec { padding-top: 28px; }
  .tx-shortcuts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .tx-shortcut a { min-height: 100px; padding: 16px 12px; }
}
@media (min-width: 1024px) {
  .tx-shortcuts { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--spacing-12); }
}
@media (min-width: 1200px) {
  .tx-section.tx-shortcuts-sec { padding-top: 32px; }
  .tx-shortcut a { min-height: 104px; padding: 16px 14px; }
  .tx-shortcut-title { font-size: 15px; }
}

/* ---- FAQ v2 (토스형): 구분선 없는 Q 리스트 + 전체보기 링크 ---- */
.tx-faq-list { list-style: none; margin: 0; padding: 0; }
.tx-faq-list a { display: flex; align-items: flex-start; gap: 12px; padding: 12px 0; color: var(--tx-text-2); text-decoration: none; font: var(--Body-md); font-size: 15px; line-height: 1.5; }
.tx-faq-list a:hover, .tx-faq-list a:focus-visible { color: var(--tx-primary); text-decoration: none; }
.tx-faq-list .tx-q { flex: 0 0 auto; width: 16px; font-weight: 600; color: var(--tx-text-4); line-height: 1.5; }
.tx-faq-list a:hover .tx-q { color: var(--tx-primary); }
.tx-faq-list .tx-faq-q { word-break: keep-all; overflow-wrap: anywhere; }
#faq .tx-faq-list li:nth-child(n+6) { display: none; }
.tx-more-link { display: inline-flex; align-items: center; gap: 2px; margin-top: var(--spacing-12); font: var(--Label-md); font-weight: 600; color: var(--tx-primary); text-decoration: none; }
.tx-more-link:hover { color: var(--tx-primary-hover); text-decoration: none; }
@media (min-width: 768px) { .tx-faq-list a { padding: 14px 0; font-size: 16px; } }

/* FAQ 전체보기 페이지 v2 — 검색 + 좌측 카테고리 + 우측 목록/페이지네이션 */
.tx-faq-page { padding: var(--spacing-24) 0 var(--spacing-64); }
.tx-faq-title { font: var(--Heading-md); font-weight: 700; margin: 0 0 var(--spacing-16); }
.tx-faq-search { display: flex; align-items: center; gap: var(--spacing-12); padding: var(--spacing-8) 0 var(--spacing-12); border-bottom: 1px solid var(--tx-border); color: var(--tx-text-4); transition: border-color .15s ease; }
.tx-faq-search:focus-within { border-bottom-color: var(--tx-primary); color: var(--tx-primary); }
.tx-faq-search svg { flex: 0 0 auto; width: 22px; height: 22px; }
.tx-faq-search input { flex: 1 1 auto; min-width: 0; border: 0; outline: 0; background: transparent; font: inherit; font-size: 18px; color: var(--tx-text); padding: 0; height: 36px; box-shadow: none; }
.tx-faq-search input::placeholder { color: var(--tx-text-4); }
.tx-faq-search input::-webkit-search-cancel-button { cursor: pointer; }
.tx-faq-body { margin-top: var(--spacing-16); }
.tx-faq-nav ul { list-style: none; margin: 0 calc(var(--tx-gutter) * -1); padding: 0 var(--tx-gutter) var(--spacing-4); display: flex; gap: var(--spacing-8); overflow-x: auto; scrollbar-width: none; }
.tx-faq-nav ul::-webkit-scrollbar { display: none; }
.tx-faq-nav button { flex: 0 0 auto; height: 34px; padding: 0 var(--spacing-12); border: 1px solid var(--tx-border); border-radius: var(--border-radius-rounded); background: var(--color-bg-primary); color: var(--tx-text-3); font: var(--Label-md); font-weight: 500; white-space: nowrap; cursor: pointer; }
.tx-faq-nav button:hover { color: var(--tx-primary); }
.tx-faq-nav button.is-active { background: var(--tx-primary); border-color: var(--tx-primary); color: var(--color-bg-primary); font-weight: 600; }
.tx-faq-main { margin-top: var(--spacing-8); min-width: 0; }
.tx-faq-status { margin: var(--spacing-8) 0; font-size: 14px; color: var(--tx-text-3); }
.tx-faq-page .tx-faq-list a { padding: 14px 0; }
.tx-faq-pager { display: flex; align-items: center; gap: var(--spacing-4); margin-top: var(--spacing-24); }
.tx-faq-pager button { min-width: 32px; height: 32px; padding: 0 var(--spacing-4); border: 0; border-radius: var(--border-radius-rounded); background: transparent; color: var(--tx-text-2); font: var(--Label-md); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.tx-faq-pager button:hover:not(:disabled) { background: var(--tx-bg-3); }
.tx-faq-pager button.is-active { background: var(--tx-bg-3); color: var(--tx-text); font-weight: 700; }
.tx-faq-pager button:disabled { opacity: .3; cursor: default; }
.tx-faq-pager svg { width: 16px; height: 16px; }
@media (min-width: 1024px) {
  .tx-faq-page { padding-top: var(--spacing-40); }
  .tx-faq-title { font: var(--Heading-lg); font-weight: 700; margin-bottom: var(--spacing-32); }
  .tx-faq-search input { font-size: 24px; height: 44px; }
  .tx-faq-search svg { width: 26px; height: 26px; }
  .tx-faq-body { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: var(--spacing-40); margin-top: var(--spacing-48); }
  .tx-faq-nav ul { margin: 0; padding: 0; flex-direction: column; gap: 0; overflow: visible; position: sticky; top: 88px; }
  .tx-faq-nav button { height: auto; padding: 12px 0; border: 0; border-radius: 0; background: none; font: var(--Body-md); font-size: 17px; color: var(--tx-text-3); text-align: left; white-space: normal; }
  .tx-faq-nav button.is-active { background: none; color: var(--tx-primary); font-weight: 600; }
  .tx-faq-main { margin-top: 0; }
  .tx-faq-status { margin-top: 12px; }
  .tx-faq-page .tx-faq-list a { padding: 14px 0; font-size: 17px; }
  .tx-faq-pager { margin-top: var(--spacing-32); }
}

/* ---- 푸터 최하단: 카피라이트 + 소셜 버튼 ---- */
.tx-footer-end { display: flex; flex-direction: column; gap: var(--spacing-16); margin-top: var(--spacing-8); }
.tx-footer-end .tx-footer-copy { margin: 0; }
.tx-social { list-style: none; margin: 0; padding: 0; display: flex; gap: var(--spacing-8); }
.tx-social a { width: 36px; height: 36px; border-radius: 50%; background: var(--tx-bg-3); color: var(--tx-text-3); display: inline-flex; align-items: center; justify-content: center; transition: background .15s ease, color .15s ease; }
.tx-social a:hover, .tx-social a:focus-visible { background: var(--tx-info-subtle); color: var(--tx-primary); }
.tx-social svg { width: 18px; height: 18px; }
@media (min-width: 768px) { .tx-footer-end { flex-direction: row; align-items: center; justify-content: space-between; } }


/* ---- 문서 공유 버튼 ---- */
.article-share { position: relative; }
.tx-share { list-style: none; margin: 0; padding: 0; display: flex; gap: var(--spacing-8); white-space: nowrap; }
.tx-share li { width: auto; height: auto; }
.tx-share button { width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; background: var(--tx-bg-3); color: var(--tx-text-3); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: background .15s ease, color .15s ease; }
.tx-share button:hover, .tx-share button:focus-visible { background: var(--tx-info-subtle); color: var(--tx-primary); }
.tx-share svg { width: 18px; height: 18px; display: block; }
.tx-share-toast { position: absolute; left: 0; top: calc(100% + 8px); margin: 0; padding: 8px 12px; border-radius: var(--tx-r-md, 8px); background: var(--tx-text); color: var(--color-bg-primary); font: var(--Label-sm); white-space: nowrap; z-index: 5; }

/* ---- FAQ 검색: 브라우저 기본 지우기 버튼 숨기고 Copenhagen clear-button 하나만 사용 ---- */
.tx-faq-search input::-webkit-search-cancel-button,
.tx-faq-search input::-webkit-search-decoration { -webkit-appearance: none; appearance: none; display: none; }
.tx-faq-search .clear-button { display: none; flex: 0 0 auto; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%; background: var(--tx-bg-3); color: var(--tx-text-3); align-items: center; justify-content: center; cursor: pointer; }
.tx-faq-search.search-has-value .clear-button { display: inline-flex; }
.tx-faq-search .clear-button:hover { color: var(--tx-text); }
.tx-faq-search .clear-button:focus-visible { outline: 2px solid var(--tx-primary); outline-offset: 2px; }
.tx-faq-search .clear-button svg { width: 12px; height: 12px; }

/* ---- 문서 하단: 공유 가운데 정렬 · 상단 구분선 제거 · 평가 영역 위 여백 ---- */
.article-footer { border-top: 0; }
.article-share { align-self: center; }
.tx-share { justify-content: center; }
.tx-share-toast { left: 50%; transform: translateX(-50%); }
.article-votes { margin-top: var(--spacing-24); }
@media (min-width: 1024px) { .article-votes { margin-top: var(--spacing-32); } }

/* ---- 카카오톡 상담 FAB (Zendesk 기본 위젯 런처 대체) ---- */
iframe#launcher { display: none !important; }
.tx-fab { position: fixed; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 999; width: 56px; height: 56px; border-radius: 50%;
  background: url("data:image/webp;base64,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") center / cover no-repeat; box-shadow: 0 6px 16px rgba(20, 40, 90, .22); transition: transform .15s ease, box-shadow .15s ease; }
.tx-fab:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(20, 40, 90, .28); }
.tx-fab:focus-visible { outline: 3px solid var(--tx-primary); outline-offset: 3px; }
@media (min-width: 1024px) { .tx-fab { right: 32px; bottom: 32px; width: 64px; height: 64px; } }
@media (prefers-reduced-motion: reduce) { .tx-fab { transition: none; } .tx-fab:hover { transform: none; } }
.tx-fab-tip { position: absolute; left: 50%; bottom: calc(100% + 8px); transform: translateX(-50%); padding: 4px 10px; border-radius: var(--border-radius-rounded); background: var(--tx-primary); color: var(--color-bg-primary); font: var(--Label-sm); font-size: 13px; font-weight: 700; line-height: 18px; white-space: nowrap; box-shadow: 0 4px 10px rgba(20, 40, 90, .18); pointer-events: none; }
.tx-fab-tip::after { content: ""; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); border: 5px solid transparent; border-top-color: var(--tx-primary); }
@media (min-width: 1024px) { .tx-fab-tip { font-size: 14px; padding: 5px 12px; } }

/* ---- 바로가기 카드 아이콘 64×64 ---- */
.tx-shortcuts .tx-ico { width: 64px; height: 64px; border-radius: 18px; }
.tx-shortcuts .tx-ico svg { width: 32px; height: 32px; }
.tx-shortcut a { min-height: 124px; gap: var(--spacing-12); }
@media (min-width: 768px) { .tx-shortcut a { min-height: 132px; } }
@media (min-width: 1200px) { .tx-shortcut a { min-height: 140px; } }

/* ---- 히어로 가운데 정렬 (제목 · 검색창 · 추천 검색어) ---- */
.tx-hero-inner { text-align: center; margin-left: auto; margin-right: auto; }
.tx-hero .search-wrap { max-width: 640px; margin-left: auto; margin-right: auto; text-align: left; }
.tx-hero .tx-chips { justify-content: center; }
@media (min-width: 768px) { .tx-hero-inner { max-width: 760px; margin-left: auto; margin-right: auto; } }
@media (min-width: 1200px) { .tx-hero-inner { max-width: 820px; } }

/* ---- 히어로 이미지: 제목 위 가운데 (이미지 교체 예정 자리) ---- */
.tx-hero-art, .tx-hero .tx-hero-art { display: block !important; position: static !important; transform: none !important; width: 72px; height: 72px; margin: 0 auto var(--spacing-16); object-fit: contain; }
@media (min-width: 1200px) { .tx-hero-art, .tx-hero .tx-hero-art { width: 88px; height: 88px; margin-bottom: var(--spacing-20, 20px); } }

/* 바로가기 카드 제목 최대 너비 */
.tx-shortcut-title { max-width: 124px; }

/* ---- 헤더 로고: 택스아이 | 고객센터 ---- */
.logo img, .logo img.tx-logo-img { height: 24px; max-height: none; width: auto; }
@media (min-width: 768px) { .logo img, .logo img.tx-logo-img { height: 28px; } }

/* 문의 안내 문단 */
.article-more-questions p { margin: 0; }

/* ---- 문서 하단 배너·평가 제목: h2 → p 변경 후에도 같은 모양 유지 ---- */
.tx-article-cta .tx-cta-title { margin: 0 0 var(--spacing-4); font: 700 16px/24px var(--tx-font); letter-spacing: var(--letter-spacing); color: var(--tx-text); }
.article-votes p.article-votes-question { margin: 0; font-family: var(--tx-font); font-size: 15px; font-weight: 600; line-height: 1.5; letter-spacing: var(--letter-spacing); color: var(--tx-text); }

/* ---- 히어로 검색창: 그림자 제거, 선명한 보더로 정리 (v1.5.5) ---- */
.tx-hero .search,
.tx-hero .search:focus-within { box-shadow: none; }
.tx-hero .search { border: 2px solid var(--tx-text); }
.tx-hero .search:focus-within { border-color: var(--tx-primary); }
.tx-hero .search-wrap .search-icon { color: var(--tx-text); }

/* ---- 검색 자동완성 목록: 보더·좌측 바 없이 배경색으로만 선택 표시 (v1.5.5) ---- */
zd-autocomplete { padding: var(--spacing-8) !important; }
zd-autocomplete-multibrand, zd-autocomplete-option { padding: var(--spacing-12) !important; border-radius: var(--tx-r-md) !important; outline: none !important; transition: background-color .12s ease; }
zd-autocomplete-multibrand + zd-autocomplete-multibrand { border-top: 0 !important; }
zd-autocomplete-multibrand:hover, zd-autocomplete-option:hover { background: var(--tx-bg-3) !important; box-shadow: none !important; }
zd-autocomplete-multibrand[aria-selected="true"], zd-autocomplete-option[aria-selected="true"],
zd-autocomplete-multibrand:focus, zd-autocomplete-option:focus,
zd-autocomplete-multibrand:active, zd-autocomplete-option:active { background: var(--tx-info-subtle) !important; box-shadow: none !important; border: 0 !important; outline: none !important; }
zd-autocomplete-header { padding: var(--spacing-8) var(--spacing-12) !important; }
zd-autocomplete-multibrand:focus-within, zd-autocomplete-option:focus-within { background: var(--tx-info-subtle) !important; }
zd-autocomplete-title-multibrand:focus, zd-autocomplete-breadcrumbs-multibrand:focus, zd-autocomplete-option-title:focus { outline: none !important; box-shadow: none !important; }
/* 자동완성 목록과 검색창 간격 18px → 6px (Zendesk 인라인 top 오프셋 10px 보정) */
zd-autocomplete { margin-top: -4px !important; }
/* 자동완성 하단 '검색 결과 전체 보기' 행 */
zd-autocomplete .tx-ac-all { display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-8); margin-top: var(--spacing-4); padding: var(--spacing-12); border-radius: var(--tx-r-md); color: var(--tx-primary); font: var(--Label-md); font-weight: 600; text-decoration: none; }
zd-autocomplete .tx-ac-all:hover { background: var(--tx-bg-3); text-decoration: none; }
zd-autocomplete .tx-ac-all:focus-visible { outline: none; background: var(--tx-info-subtle); }
zd-autocomplete .tx-ac-all-arrow { font-size: 18px; line-height: 1; }
zd-autocomplete .tx-ac-all { color: var(--tx-text); }

/* ---- 검색 결과 좌측 '유형' 필터: 둥글고 부드러운 BI 스타일 (v1.5.5) ---- */
.search-results-sidebar .sidenav-title { font: var(--Label-md); font-weight: 600; color: var(--tx-text-3); margin: 0 0 var(--spacing-8); padding: 0 var(--spacing-16); }
.search-results-sidebar .multibrand-filter-list { list-style: none; margin: 0; padding: 0; }
.search-results-sidebar .sidenav-item { display: flex; align-items: center; gap: var(--spacing-4); padding: 10px var(--spacing-16); margin-bottom: var(--spacing-4); border-radius: var(--tx-r-lg); color: var(--tx-text-2); font: var(--Body-md); font-size: 15px; text-decoration: none; transition: background-color .12s ease, color .12s ease; }
.search-results-sidebar .sidenav-item:hover { background-color: var(--tx-bg-3); color: var(--tx-text); text-decoration: none; }
.search-results-sidebar .sidenav-item.current { background-color: var(--tx-info-subtle); color: var(--tx-primary); font-weight: 600; }
.search-results-sidebar .sidenav-item .doc-count { color: var(--tx-text-4); font-weight: 400; }
.search-results-sidebar .sidenav-item.current .doc-count { color: var(--tx-primary); opacity: .7; }
.search-results-sidebar .sidenav-item:focus-visible { outline: 2px solid var(--tx-primary); outline-offset: 2px; }

/* ==== v1.6.0 카테고리 구조 변경: 히어로·카드·하단 카드 그래픽 ==== */
.tx-hero {
  background:
    radial-gradient(120% 140% at 100% 0%, rgba(189, 207, 254, .7) 0%, rgba(189, 207, 254, 0) 55%),
    linear-gradient(180deg, #F5F7FF 0%, #EEF2FF 100%);
}
.tx-hero-art, .tx-hero .tx-hero-art { width: auto; height: 80px; }
@media (min-width: 768px) { .tx-hero-art, .tx-hero .tx-hero-art { width: auto; height: 96px; } }
@media (min-width: 1200px) { .tx-hero-art, .tx-hero .tx-hero-art { width: auto; height: 112px; } }
.tx-hero .search { border: 1px solid #5B6475; }
.tx-hero .search:focus-within { border-color: var(--tx-primary); box-shadow: 0 0 0 1px var(--tx-primary); }
.tx-hero .search-wrap .search-icon { color: #5B6475; }
.tx-shortcuts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 768px) { .tx-shortcuts { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.tx-shortcut a { background: #F7F8FA; border: 1px solid #F1F2F6; }
.tx-shortcuts .tx-ico { width: 44px; height: 44px; border-radius: 0; background: transparent center / contain no-repeat; }
@media (min-width: 1200px) { .tx-shortcuts .tx-ico { width: 48px; height: 48px; } }
.tx-promos .tx-promo .tx-ico { width: 40px; height: 40px; border-radius: 0; background: transparent center / contain no-repeat; }
.tx-promos .tx-promo .tx-ico svg, .tx-shortcut[data-category-id="18166155602959"] .tx-ico svg, .tx-shortcut[data-category-id="18166167785871"] .tx-ico svg, .tx-shortcut[data-category-id="18166168088719"] .tx-ico svg, .tx-shortcut[data-category-id="18166202150287"] .tx-ico svg { display: none; }
.tx-shortcut[data-category-id="18166155602959"] .tx-ico { background-image: url("data:image/webp;base64,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"); }
.tx-shortcut[data-category-id="18166167785871"] .tx-ico { background-image: url("data:image/webp;base64,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"); }
.tx-shortcut[data-category-id="18166168088719"] .tx-ico { background-image: url("data:image/webp;base64,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"); }
.tx-shortcut[data-category-id="18166202150287"] .tx-ico { background-image: url("data:image/webp;base64,UklGRoQHAABXRUJQVlA4WAoAAAAQAAAAXwAAXwAAQUxQSCoDAAABkGttmyIpNYKE7m7RusQ467sxdj8cLsCdlMjdIq5AQyJ3b5n+6j9nuqr+kh/iiIAgSXLbZhCoI0ByHYA7QHyBslNDqb7jz3/leZFneW3lhoSsFpHldiq6lqnGEGTIMiVYkv6+uT6tVFPxqaHaR38Rkda67kdG0qYQU0OdrOvIUGCp4ZRqIrqy3CM3mgtvky4rnSABGoyOqkPPVjbY3FKXKYOWkjJ6wNJSO6iMf18dkAqaU22Oq9oFkPw3WOpbqslcs+wbIRDAu5OnHPqwSDVcNNUIuRXGRHtTbFVNt72fOlpWQg/HRAwQ+X+un2OMAQKONMBTJfwZ4iErEWuMSwO6TzYQbyCskvJM9vSEuC68MUUd4UyKryb+t4AGhRvQ/UlBFGm9accd/oF5TwPSu7AFXKwAvhoLhQ0KAPBwUpC0QpobTUUEifzaVES/DxHjGukDF9AQe6MAIHLeExHA94mc95LdCGkYEu93BiOCaOMFYad3RUKH4czwmPf2RTMQdgiLG8XHvZPykRF3wd0leF5FaO8IqnrD/ALiyYeIeQmI9/MgUVyBJJEGaDAmSOJQ5Y879EhfV4K9bD93WQIDwevKsejAA7AI92uahK774LxMZBc4kbZvAJdnA8T4HXhhPcArbk+Eb+xex/U0KA5YyRF38UYnJagTl0P3zWJGKoD7k3mBb9zVQcS1Hndfbzz8fqL/JGs0mFcxcbvHvJrGgOM69oNXXJd6sgCzfw+eaQn7os4jugSumwTuK+4Tt64R4BeAMC8XHLdAxL6o/NPy4nbrod7VlLwuQ//avt+4/HW3vH1d+fvS/YEV5BljVAlD9L5N7alDxzVSA+3DmLh5L/h7JYGMSRt3kvGPGwXiUUHY92L9stEejOoKgKRSbHfTUEs+UyWpgD4y38urprquSy2IUj+pj9zGYiGlQjfldES1FZfPUSYkG+XpvGZtO5tb868TyspxA7iXcnCu6jRCw/iqU9LrdZbtvqR1LDNfpXE5P/Lxh847cW/euMTSnQ2eL+6o0ZOvfmd5UZS5mWoNRZ53rTyvBViv/xSFpafI7FeFDG2ZIeLj/QPKVRRWUDggNAQAABAWAJ0BKmAAYAA+YSSPRSQiIReLTrhABgS0BtgCxbIA1trvfKBcAx2HonD3+i+7HgAP0o6aPmA6EvoAfr11hnoAeVb+zPwWftw5D+KNkptS7xT2DzA0lOYp/dvQh0O5fP2kGmg8VsBHBpoUGVySsEQBwmx1i90eRrXXb9/pogy3y4Zhcy8VUhcoeUvOFPkjdjZTsRzVDELrWz8u+Sj9yw5gBgcmMTrLQQZGH4Ue89gUaBlGirWan4kgAP7o0PKhSpeLH20NVjiUlRcjBLYdgHKoV4mHtALTJ3rhwUoqoyaXi2AG1EY/52rzHYz8X/oW2/nXdDTpXbixkpKKzkxghWUl/ADGErtfXeQKGMPIhByG8mB1YSOE4p7EJY36R5vQCohLIlzgAjD/znjLS2bU3j/Ya90x8HPvug+DyxDExYD/7OOs0c0MEai0G/h84/MtSlnr4m8nzh1hLtV1N2fbAezIi52gTZ7wq+0i5Sp+Iqf/5nuMsQ5+Eig7s224MIeZ1NvQx0OLbNb1rTyEHQTG/0Xv7q1o3pOfr8d/0kldsgr8YlVTvZiOYy4y7h513LaOqkWsZaZ3j/ogHxyLnw2S3TIAgJcSTIBM9/yk+XGW1MC+J/qdG5eXx9P2Ln8x9MuGMP0nzX10JnwBMT1Kbi8ygf1sRyL+f46AsNRnDNuxWnNlew5T04xoTXHz3RQHJzKDQPkqjMWLqbe78XZcKt3CCTIp1wdA3IMYG4xeA0raRaZq1+k/sHcNv2/QFFB6mk34SwudoMN+2eqY2/4pVDPtAtnkvdmuFgUdbz+S1VOk60jzYdVBmnXwCNYfy1u+NGHe291ZhHkbk9Veh/6x2YoLI54I5ks/6QTLlNKvDAtjaOMsO1v1zDJqYiv2H+b6QfCdrKaTunxznVWaPTPZ307rRIAl3fMCAhQ7WzW4A5rhHbPSqDR0F1wxMhjGWuH07ABF65X2HcLhogtEVBZ50lchP/H/Vmp54yE5K4586/+NWJzOX/VoQICwBpSXqUE8Cx40AOaPgU+SCFgX/re9y1fYqunP35iFBMh0xoFZIAxaldbIrc/Fk0Tpg2erj+8ppXAQyxa65Njnljhyv7ylN3WLuUPzF+XCNtbABIJ28Hbliqrlb3LSeU8HOf8od8gX/z+ytRmmdipZLrUADgq+4rpJ3aKP4/1/wnicAHKKDT9PtiY3FrOWJM7LB5LCl+aacR9pWf+lD76JTT47hno1SGodw1MFS5Bl6K8m80i5POVkATZILC4g7l/6FN5fs43o7PcDPpeqkTrSDFdfAuZTMUiYrdH5h3a27E3Y1MREatZanez53vCIyJx/woAZ80sO/wbpH/cpTMO0OI7M4cIKgVnPt7CBkdAzcJ4lMuKSVsjX5o0VXHE370E5p68vQ+GnpH/gxtdYozZI1gj6aYLu90Bj83ui7kgA"); }
.tx-promos .tx-promo:nth-of-type(1) .tx-ico { background-image: url("data:image/webp;base64,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"); }
.tx-promos .tx-promo:nth-of-type(2) .tx-ico { background-image: url("data:image/webp;base64,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"); }

/* ==== v1.6.0 카테고리·섹션·검색 결과 좌측 패널 / 빈 상태 ==== */
.tx-empty p { margin: 0; }
.tx-empty p + p { margin-top: var(--spacing-4); }
.tx-empty a { color: var(--tx-primary); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.tx-sublist { margin-top: var(--spacing-24); }
.search-results-sidebar .sidenav-title { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
/* 좌측 패널 너비 공통 240px (데스크톱) — 4뎁스 긴 제목 대응 */
@media (min-width: 1200px) {
  .tx-page, .search-results, .tx-faq-body { grid-template-columns: 240px minmax(0, 1fr); }
  .tx-article-layout { grid-template-columns: 240px minmax(0, 1fr) 160px; }
  .tx-article-layout:has(.tx-toc-wrap[hidden]) { grid-template-columns: 240px minmax(0, 1fr); }
}
/* 좌측 패널 항목 간 세로 간격 4px */
.tx-sidenav li + li { margin-top: var(--spacing-4); }
@media (min-width: 768px) { .tx-side-list { gap: var(--spacing-4); } }
.tx-section-block .tx-sublist { margin-top: var(--spacing-12); }
/* 모바일 헤더 메뉴 버튼: 아이콘을 좌측 로고와 같은 16px 여백 라인에 정렬 (터치 영역 40px 유지) */
.header .menu-button-mobile { width: 40px; min-width: 40px; height: 40px; padding: 0; margin-right: -12px; justify-content: center; }
/* ---- 모바일 헤더 메뉴: 테마 카드 스타일(라운드·여백·48px 터치 영역)로 정리 (v1.6.0) ---- */
.nav-wrapper-mobile .menu-list-mobile { top: calc(100% + 8px); left: var(--tx-gutter); right: var(--tx-gutter); width: auto; margin: 0; padding: var(--spacing-8); background: var(--color-bg-primary); border: 1px solid var(--tx-border-2); border-radius: var(--tx-r-xl); box-shadow: 0 12px 32px rgba(20, 40, 90, .12); z-index: 40; }
.nav-wrapper-mobile .menu-list-mobile-items { list-style: none; margin: 0; padding: 0; }
.nav-wrapper-mobile .menu-list-mobile-items .item { margin: 0; }
.nav-wrapper-mobile .menu-list-mobile-items .item + .item { margin-top: var(--spacing-2); }
.nav-wrapper-mobile .menu-list-mobile-items a, .nav-wrapper-mobile .menu-list-mobile-items button { display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-8); min-height: 48px; padding: 0 var(--spacing-12); border-radius: var(--tx-r-md); color: var(--tx-text); font: var(--Body-md); font-size: 16px; font-weight: 500; text-decoration: none; }
.nav-wrapper-mobile .menu-list-mobile-items a:hover, .nav-wrapper-mobile .menu-list-mobile-items a:focus-visible, .nav-wrapper-mobile .menu-list-mobile-items button:hover, .nav-wrapper-mobile .menu-list-mobile-items button:focus-visible { background: var(--tx-bg-3); text-decoration: none; outline: none; }
.nav-wrapper-mobile .menu-list-mobile-items a:active { background: var(--tx-info-subtle); }
.nav-wrapper-mobile .menu-list-mobile-items a[target="_blank"] { color: var(--tx-primary); }
.nav-wrapper-mobile .menu-list-mobile-items a[target="_blank"]::after { content: ""; flex: 0 0 auto; width: 16px; height: 16px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 3H3.5A.5.5 0 0 0 3 3.5v9a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5V10M9 3h4v4M13 3 7.5 8.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 3H3.5A.5.5 0 0 0 3 3.5v9a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5V10M9 3h4v4M13 3 7.5 8.5'/%3E%3C/svg%3E") center / contain no-repeat; }
.nav-wrapper-mobile .menu-list-mobile-items .nav-divider { height: 1px; margin: var(--spacing-8) var(--spacing-12); padding: 0; border: 0; background: var(--tx-border-2); }
.nav-wrapper-mobile .menu-list-mobile-items .nav-divider ~ .item a, .nav-wrapper-mobile .menu-list-mobile-items .nav-divider ~ .item button { min-height: 44px; font-size: 14px; color: var(--tx-text-2); }
.nav-wrapper-mobile .menu-button-mobile[aria-expanded="true"] { background: var(--tx-bg-3); border-radius: var(--tx-r-md); }
/* 홈 간격 통일: 헤더→히어로 = 히어로→카테고리 카드 = 카드 사이 간격 (모바일 16 / 태블릿 24 / 데스크톱 32) */
.tx-section.tx-shortcuts-sec { padding-top: var(--spacing-16); }
.tx-shortcuts { gap: var(--spacing-16); }
@media (min-width: 768px) {
  .tx-section.tx-shortcuts-sec { padding-top: var(--spacing-24); }
  .tx-shortcuts { gap: var(--spacing-24); }
}
@media (min-width: 1200px) {
  .tx-section.tx-shortcuts-sec { padding-top: var(--spacing-32); }
  .tx-shortcuts { gap: var(--spacing-32); }
}
/* 홈 CTA 배너: 장식 원 제거, 딥블루→BI블루 그라디언트 (텍스트 영역 대비 4.5:1 이상 유지) */
.tx-cta { background: radial-gradient(70% 160% at 100% 0%, rgba(155, 181, 253, .35) 0%, rgba(155, 181, 253, 0) 60%), linear-gradient(100deg, #1349DD 0%, #2C61F2 45%, #4D7BF9 100%); }
.tx-cta::after { content: none; display: none; }
/* 하위 섹션(하위 뎁스) 목록: 문서 목록과 구분되는 들여쓴 카드형 */
.tx-list.tx-sublist { display: grid; gap: var(--spacing-8); margin: var(--spacing-16) 0 0 var(--spacing-16); padding: 0; border-top: 0; }
.tx-section-block .tx-list.tx-sublist { margin-top: var(--spacing-12); }
.tx-list.tx-sublist li { border-bottom: 0; }
.tx-list.tx-sublist a { padding: 14px var(--spacing-16); background: #F7F8FA; border: 1px solid #F1F2F6; border-radius: var(--tx-r-lg); font-weight: 600; color: var(--tx-text); transition: background-color .12s ease, border-color .12s ease; }
.tx-list.tx-sublist a:hover { background: var(--tx-info-subtle); border-color: var(--color-taxblue-200); color: var(--tx-primary); text-decoration: none; }
.tx-list.tx-sublist a:focus-visible { outline: 2px solid var(--tx-primary); outline-offset: 2px; }
/* ---- 히어로 스케일 정리 (v1.6.0): 2개 그룹으로 묶음
   ① 인사 그룹(캐릭터+타이틀) 촘촘히  ② 행동 그룹(검색창+추천 키워드) 촘촘히
   그룹 사이는 넓게, 위·아래 여백은 동일하게 ---- */
.tx-hero .tx-hero-inner { padding: 28px var(--spacing-24) 28px; }
.tx-hero .tx-hero-art { width: auto; height: 72px; margin: 0 auto var(--spacing-8); }
.tx-hero h1 { font-size: 24px; line-height: 32px; margin: 0 0 20px; }
.tx-hero .tx-chips { margin-top: var(--spacing-12); }
@media (min-width: 768px) {
  .tx-hero .tx-hero-inner { padding: 40px var(--spacing-48) 40px; }
  .tx-hero .tx-hero-art { height: 88px; margin-bottom: var(--spacing-12); }
  .tx-hero h1 { font-size: 30px; line-height: 38px; margin-bottom: var(--spacing-24); }
}
@media (min-width: 1200px) {
  .tx-hero .tx-hero-inner { padding: 48px var(--spacing-64) 48px; }
  .tx-hero .tx-hero-art { height: 96px; margin-bottom: var(--spacing-12); }
  .tx-hero h1 { font-size: 36px; line-height: 44px; margin-bottom: var(--spacing-24); }
}
/* 하위 섹션 카드: 태블릿 이상에서는 본문 너비의 절반까지만 */
@media (min-width: 768px) { .tx-list.tx-sublist { max-width: 50%; } }
/* 홈 간격 재조정: 태블릿·PC 20px로 통일 (헤더→히어로 = 히어로→카드 = 카드 사이), 모바일 16px 유지 */
@media (min-width: 768px) {
  .tx-hero { margin-top: 20px; }
  .tx-section.tx-shortcuts-sec { padding-top: 20px; }
  .tx-shortcuts { gap: 20px; }
}
/* 모바일 메뉴 버튼: 버튼 우측 끝을 본문 컨테이너(16px 거터) 라인에 정렬 */
.header .menu-button-mobile { margin-right: 0; }
/* 홈 CTA 버튼: 라벨을 BI(보라 기운의 블루) 톤으로, 굵게, 한글 광학 중앙 정렬 */
.tx-cta .tx-btn-light, .tx-cta .tx-btn-light:visited { color: #4555E0 !important; font-weight: 700; box-sizing: border-box; padding-top: 2px; }
.tx-cta .tx-btn-light:hover { color: #3A47C9 !important; }
/* ---- 좌측 GNB(트리): 1뎁스 카테고리 + 2뎁스 섹션 상시 노출 (v1.7.0) ---- */
.tx-gnb-tree, .tx-gnb-tree ul { list-style: none; margin: 0; padding: 0; }
.tx-gnb-tree { display: none; }
.tx-article-side.tx-gnb { display: none; }
@media (min-width: 768px) {
  .tx-gnb { max-height: calc(100vh - 110px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
  .tx-article-side.tx-gnb { display: block; }
  .tx-gnb.is-ready > .tx-gnb-chips { display: none; }
  .tx-gnb-tree { display: block; }
  .tx-gnb-cat + .tx-gnb-cat { margin-top: var(--spacing-12); }
  .tx-gnb-tree a { display: block; padding: 8px var(--spacing-12); border-radius: var(--tx-r-md); line-height: 1.45; text-decoration: none; word-break: keep-all; }
  .tx-gnb-d1 { font-size: 15px; font-weight: 700; color: var(--tx-text); }
  .tx-gnb-sub { margin-top: var(--spacing-2); }
  .tx-gnb-sub li + li { margin-top: var(--spacing-2); }
  .tx-gnb-tree .tx-gnb-d2 { padding-left: 20px; font-size: 14px; font-weight: 400; color: var(--tx-text-3); }
  .tx-gnb-tree a:hover { background: var(--tx-bg-3); color: var(--tx-text); text-decoration: none; }
  .tx-gnb-tree a[aria-current] { background: var(--tx-info-subtle); color: var(--tx-primary); }
  .tx-gnb-tree .tx-gnb-d2[aria-current] { font-weight: 600; }
  .tx-gnb-tree a:focus-visible { outline: 2px solid var(--tx-primary); outline-offset: -2px; }
}
/* 섹션 블록 간격: 숨김 블록이 있어도 일정하게 */
.section-tree { display: grid; grid-template-columns: minmax(0, 1fr); justify-content: stretch; gap: 28px; }
.section-tree > .tx-section-block { margin-top: 0; }
.tx-child-tree { margin-top: 28px; }
/* 하위 섹션(3뎁스) 블록: 상위 섹션(2뎁스) 블록과 동일한 스타일 */
.tx-section-block--child { margin-top: 28px; }
.tx-section-block h3 { font-size: 17px; font-weight: 700; line-height: 1.5; letter-spacing: -0.2px; margin: 0 0 var(--spacing-8); display: flex; align-items: center; justify-content: space-between; }
.tx-section-block h3 a { color: var(--tx-text); text-decoration: none; }
.tx-section-block h3 a:hover { color: var(--tx-primary); }
/* 홈 CTA 버튼: 가로 배치(768px 이상)에서 배너 세로 중앙에 정렬 */
@media (min-width: 768px) { .tx-cta .tx-btn-light { align-self: center; } }
/* 홈 프로모 배너 링크: 화살표를 한글 글자의 시각적 중심(받침 무게로 수학적 중심보다 약간 아래)에 맞춤 */
.tx-promo p svg { flex: none; position: relative; top: 0.25px; }
/* ---- 문서 하단 이전 글·다음 글 (v1.7.0): 메뉴 카드와 같은 톤(연회색 카드 + 호버 시 BI 블루) ---- */
.tx-pager { display: grid; grid-template-columns: 1fr; gap: var(--spacing-8); margin-top: var(--spacing-32); }
.tx-pager[hidden] { display: none; }
.tx-pager-gap { display: none; }
.tx-pager-item { display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: var(--spacing-16) 20px; background: #F7F8FA; border: 1px solid #F1F2F6; border-radius: var(--tx-r-lg); color: var(--tx-text); text-decoration: none; transition: background-color .12s ease, border-color .12s ease; }
.tx-pager-item:hover { background: var(--tx-info-subtle); border-color: var(--color-taxblue-200); text-decoration: none; }
.tx-pager-item:focus-visible { outline: 2px solid var(--tx-primary); outline-offset: 2px; }
.tx-pager-label { display: inline-flex; align-items: center; gap: var(--spacing-4); font: var(--Label-sm); color: var(--tx-text-3); }
.tx-pager-prev .tx-pager-icon { transform: scaleX(-1); }
.tx-pager-label { align-self: flex-start; }
.tx-pager-next .tx-pager-icon { order: 1; }
.tx-pager-icon { flex: none; position: relative; top: 0.35px; }
.tx-pager-title { font-size: 15px; font-weight: 600; line-height: 1.45; color: var(--tx-text); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: keep-all; overflow-wrap: anywhere; }
.tx-pager-item:hover .tx-pager-title { color: var(--tx-primary); }
@media (min-width: 768px) {
  .tx-pager { grid-template-columns: 1fr 1fr; gap: var(--spacing-12); }
  .tx-pager-gap { display: block; }
  .tx-pager-next { align-items: flex-end; text-align: right; }
  .tx-pager-next .tx-pager-label { align-self: flex-end; }
}
/* 목차가 없는 문서(소제목 2개 미만)에서 빈 목차 제목이 좌측 메뉴 아래에 겹쳐 보이던 문제 수정 */
.tx-toc-wrap[hidden] { display: none; }
/* ---- 좌측 GNB 아코디언·뎁스 구분 (v1.7.0) ----
   1뎁스: 굵은 제목 + 펼침 버튼 / 2뎁스: 들여쓰기 + 왼쪽 가이드 선 / 항목 간 4px */
@media (min-width: 768px) {
  .tx-gnb-cat + .tx-gnb-cat { margin-top: var(--spacing-4); }
  .tx-gnb-row { display: flex; align-items: center; gap: var(--spacing-4); }
  .tx-gnb-row .tx-gnb-d1 { flex: 1 1 auto; min-width: 0; }
  .tx-gnb-toggle { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: var(--tx-r-md); background: transparent; color: var(--tx-text-3); cursor: pointer; }
  .tx-gnb-toggle:hover { background: var(--tx-bg-3); color: var(--tx-text); }
  .tx-gnb-toggle:focus-visible { outline: 2px solid var(--tx-primary); outline-offset: -2px; }
  .tx-gnb-toggle svg { transition: transform .15s ease; }
  .tx-gnb-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
  .tx-gnb-sub { margin: var(--spacing-4) 0 var(--spacing-8) 14px; padding-left: var(--spacing-8); border-left: 1px solid var(--tx-border); }
  .tx-gnb-sub[hidden] { display: none; }
  .tx-gnb-sub li + li { margin-top: var(--spacing-4); }
  .tx-gnb-tree .tx-gnb-d2 { padding: 7px var(--spacing-12); }
}
@media (prefers-reduced-motion: reduce) { .tx-gnb-toggle svg { transition: none; } }
/* GNB 1뎁스: 무채색 검정(파란 기운 없는 #111) */
@media (min-width: 768px) {
  .tx-gnb-tree .tx-gnb-d1, .tx-gnb-tree .tx-gnb-d1[aria-current], .tx-gnb-tree .tx-gnb-d1:hover { color: #111111; }
}
/* 이전 글·다음 글: 카드 대신 구분선(border-top) + 텍스트 링크형. 마우스를 올리거나 누르면 BI 보라 블루로 */
.tx-pager { gap: 0; border-top: 1px solid var(--tx-border); }
.tx-pager-item { padding: var(--spacing-16) 0; background: none; border: 0; border-radius: 0; }
.tx-pager-item + .tx-pager-item { border-top: 1px solid var(--tx-border-2); }
.tx-pager-item:hover, .tx-pager-item:active { background: none; }
.tx-pager-item:hover .tx-pager-title, .tx-pager-item:active .tx-pager-title, .tx-pager-item:hover .tx-pager-label, .tx-pager-item:active .tx-pager-label { color: #4555E0; }
.tx-pager-item:focus-visible { outline-offset: 4px; border-radius: var(--tx-r-md); }
@media (min-width: 768px) {
  .tx-pager { gap: var(--spacing-24); }
  .tx-pager-item + .tx-pager-item { border-top: 0; }
}
/* GNB 간격 정리: 앞선 초기화 규칙(.tx-gnb-tree ul { margin:0; padding:0 })에 하위 메뉴 여백·들여쓰기가 덮여 0이 되던 문제 수정 */
@media (min-width: 768px) {
  .tx-gnb-tree .tx-gnb-d1 { padding: 8px var(--spacing-12); }
  .tx-gnb-tree .tx-gnb-sub { margin: var(--spacing-4) 0 var(--spacing-12) 20px; padding: 0 0 0 var(--spacing-8); border-left: 1px solid var(--tx-border); }
  .tx-gnb-tree .tx-gnb-sub li + li { margin-top: var(--spacing-4); }
  .tx-gnb-tree .tx-gnb-d2 { padding: 7px var(--spacing-12); }
}
/* GNB 1뎁스: 메뉴명 + 꺾쇠를 하나의 버튼으로 통합(행 전체 클릭으로 펼침/접힘) */
@media (min-width: 768px) {
  .tx-gnb-tree .tx-gnb-d1 { display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-8); width: 100%; min-height: 0; margin: 0; border: 0; border-radius: var(--tx-r-md); background: transparent; font-family: inherit; font-size: 15px; font-weight: 700; line-height: 1.45; letter-spacing: inherit; text-align: left; cursor: pointer; word-break: keep-all; }
  .tx-gnb-tree .tx-gnb-d1:hover { background: var(--tx-bg-3); }
  .tx-gnb-tree .tx-gnb-d1:focus-visible { outline: 2px solid var(--tx-primary); outline-offset: -2px; }
  .tx-gnb-chev { flex: none; color: var(--tx-text-3); transition: transform .15s ease; }
  .tx-gnb-d1[aria-expanded="true"] .tx-gnb-chev { transform: rotate(180deg); }
}
@media (prefers-reduced-motion: reduce) { .tx-gnb-chev { transition: none; } }
/* GNB 하위 메뉴 좌측 세로선 제거: 들여쓰기(12px)와 글자 크기·굵기 차이로 뎁스 구분 */
@media (min-width: 768px) {
  .tx-gnb-tree .tx-gnb-sub { margin-left: var(--spacing-12); padding-left: 0; border-left: 0; }
}
/* 이전 글·다음 글: 링크는 제목에만(레이블은 단순 표기) */
.tx-pager-item:hover .tx-pager-label, .tx-pager-item:active .tx-pager-label { color: var(--tx-text-3); }
.tx-pager-item:hover .tx-pager-title, .tx-pager-item:active .tx-pager-title { color: var(--tx-text); }
.tx-pager-item .tx-pager-title { text-decoration: none; }
.tx-pager-item .tx-pager-title:hover, .tx-pager-item .tx-pager-title:active { color: #4555E0; text-decoration: none; }
.tx-pager-item .tx-pager-title:focus-visible { outline: 2px solid var(--tx-primary); outline-offset: 2px; border-radius: 4px; }
.tx-pager-item:focus-visible { outline: 0; }
/* ---- 하위 페이지 상단 정리 (v1.7.0) ----
   좌측 GNB가 현재 위치를 보여주므로 카테고리·섹션·문서 페이지의 이동 경로는 화면에서 숨김(스크린리더·검색엔진용으로 마크업은 유지).
   PC: 검색창만 오른쪽에 두고 상단 여백 축소 / 모바일: 상단 줄 제거 → '현재 위치' 바 + 펼치는 전체 메뉴 트리 */
.sub-nav:has(~ .tx-page, ~ .tx-article-layout) .breadcrumbs { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.sub-nav:has(~ .tx-page, ~ .tx-article-layout) { justify-content: flex-end; margin: 0; min-height: 0; }
@media (max-width: 767px) {
  .sub-nav:has(~ .tx-page, ~ .tx-article-layout) { display: none; }
  .tx-page, .tx-article-layout { padding-top: var(--spacing-16); gap: var(--spacing-16); }
}
@media (min-width: 768px) {
  .sub-nav:has(~ .tx-page, ~ .tx-article-layout) { padding-top: 20px; }
}

/* GNB 트리: 모든 화면 공통 스타일(모바일 펼침 메뉴에서도 PC와 같은 모양) */
.tx-gnb-tree a { display: block; padding: 7px var(--spacing-12); border-radius: var(--tx-r-md); line-height: 1.45; text-decoration: none; word-break: keep-all; }
.tx-gnb-tree .tx-gnb-d1 { display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-8); width: 100%; min-height: 0; margin: 0; padding: 8px var(--spacing-12); border: 0; border-radius: var(--tx-r-md); background: transparent; font-family: inherit; font-size: 15px; font-weight: 700; line-height: 1.45; color: #111111; text-align: left; cursor: pointer; word-break: keep-all; }
.tx-gnb-tree .tx-gnb-d1:hover { background: var(--tx-bg-3); color: #111111; }
.tx-gnb-tree .tx-gnb-d1:focus-visible, .tx-gnb-tree a:focus-visible { outline: 2px solid var(--tx-primary); outline-offset: -2px; }
.tx-gnb-chev { flex: none; color: var(--tx-text-3); transition: transform .15s ease; }
.tx-gnb-d1[aria-expanded="true"] .tx-gnb-chev { transform: rotate(180deg); }
.tx-gnb-tree .tx-gnb-cat + .tx-gnb-cat { margin-top: var(--spacing-4); }
.tx-gnb-tree .tx-gnb-sub { margin: var(--spacing-4) 0 var(--spacing-12) var(--spacing-12); padding: 0; border: 0; }
.tx-gnb-tree .tx-gnb-sub[hidden] { display: none; }
.tx-gnb-tree .tx-gnb-sub li + li { margin-top: var(--spacing-4); }
.tx-gnb-tree .tx-gnb-d2 { padding: 7px var(--spacing-12); font-size: 14px; font-weight: 400; color: var(--tx-text-3); }
.tx-gnb-tree a:hover { background: var(--tx-bg-3); color: var(--tx-text); text-decoration: none; }
.tx-gnb-tree a[aria-current] { background: var(--tx-info-subtle); color: var(--tx-primary); }
.tx-gnb-tree .tx-gnb-d2[aria-current] { font-weight: 600; }

/* 모바일 '현재 위치' 바 + 펼침 메뉴 */
.tx-gnb-mtoggle { display: none; }
@media (max-width: 767px) {
  .tx-article-side.tx-gnb { display: block; }
  .tx-gnb-mtoggle { display: flex; align-items: center; gap: var(--spacing-8); width: 100%; min-height: 48px; margin: 0; padding: 0 var(--spacing-16); border: 1px solid var(--tx-border); border-radius: var(--tx-r-lg); background: var(--color-bg-primary); color: var(--tx-text); font-family: inherit; font-size: 15px; font-weight: 600; text-align: left; cursor: pointer; }
  .tx-gnb-mtoggle:focus-visible { outline: 2px solid var(--tx-primary); outline-offset: 2px; }
  .tx-gnb-mtoggle-label { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 6px; white-space: nowrap; }
  .tx-gnb-mtoggle-cat { flex: none; }
  .tx-gnb-mtoggle-sep { flex: none; color: var(--tx-text-4); font-weight: 400; }
  .tx-gnb-mtoggle-sec { min-width: 0; overflow: hidden; text-overflow: ellipsis; color: #4555E0; }
  .tx-gnb-mchev { flex: none; color: var(--tx-text-3); transition: transform .15s ease; }
  .tx-gnb-mtoggle[aria-expanded="true"] { border-color: var(--tx-primary); }
  .tx-gnb-mtoggle[aria-expanded="true"] .tx-gnb-mchev { transform: rotate(180deg); }
  .tx-gnb .tx-gnb-tree { display: none; }
  .tx-gnb.is-mopen .tx-gnb-tree { display: block; margin-top: var(--spacing-8); padding: var(--spacing-8); border: 1px solid var(--tx-border-2); border-radius: var(--tx-r-xl); background: var(--color-bg-primary); box-shadow: 0 12px 32px rgba(20, 40, 90, .08); }
  .tx-gnb-tree .tx-gnb-d1 { min-height: 48px; font-size: 16px; }
  .tx-gnb-tree .tx-gnb-d2 { display: flex; align-items: center; min-height: 44px; font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) { .tx-gnb-mchev { transition: none; } }
/* ---- 모바일 이전 글·다음 글: 좌우 2칸 내비게이션(위아래 구분선 + 가운데 세로선). 링크는 제목 텍스트에만 ---- */
@media (max-width: 767px) {
  .tx-pager { grid-template-columns: 1fr 1fr; gap: 0; border-top: 1px solid var(--tx-border); border-bottom: 1px solid var(--tx-border); }
  .tx-pager-gap { display: block; }
  .tx-pager-item { position: relative; min-height: 80px; padding: 14px var(--spacing-12) 16px 0; gap: var(--spacing-4); }
  .tx-pager-item + .tx-pager-item { border-top: 0; }
  .tx-pager-next { align-items: flex-end; text-align: right; padding: 14px 0 16px var(--spacing-12); border-left: 1px solid var(--tx-border-2); }
  .tx-pager-next .tx-pager-label { align-self: flex-end; }
  .tx-pager-item .tx-pager-title { font-size: 14px; line-height: 1.45; }
}

/* ---- 문서 하단 CTA 배너: CTA답게 위계 정리(제목 크게·굵게, 설명 가독성) + 버튼은 BI 보라 블루 ---- */
.tx-article-cta .tx-cta-title { font: 700 18px/26px var(--tx-font); color: var(--tx-text); letter-spacing: -0.3px; }
.tx-article-cta .tx-cta-title + p { margin-top: 6px; font-size: 14px; line-height: 21px; color: var(--tx-text-2); }
.tx-article-cta .tx-btn-primary { flex: none; height: 44px; padding: 0 24px; font-size: 15px; font-weight: 700; background: #4555E0; }
.tx-article-cta .tx-btn-primary:hover { background: #3A47C9; color: var(--color-bg-primary); text-decoration: none; }
.tx-article-cta .tx-btn-primary:focus-visible { outline: 2px solid #4555E0; outline-offset: 2px; }
@media (max-width: 767px) {
  .tx-article-cta { align-items: center; text-align: center; gap: var(--spacing-16); padding: 28px 20px; }
  .tx-article-cta .tx-btn-primary { align-self: center; width: auto; }
}
@media (min-width: 768px) {
  .tx-article-cta { padding: 28px 32px; gap: var(--spacing-24); }
  .tx-article-cta .tx-cta-title { font-size: 20px; line-height: 28px; }
  .tx-article-cta .tx-cta-title + p { font-size: 15px; line-height: 22px; }
  .tx-article-cta .tx-btn-primary { height: 48px; padding: 0 28px; }
}
/* 자주 묻는 질문 목록: 질문 텍스트 영역만 링크(행 전체 클릭 방지). 줄 간격은 li 여백으로 유지 */
.tx-faq-list li { padding: 12px 0; }
.tx-faq-list a, .tx-faq-page .tx-faq-list a { display: inline-flex; max-width: 100%; vertical-align: top; padding: 0; }
@media (min-width: 768px) {
  .tx-faq-list li { padding: 14px 0; }
  .tx-faq-list a, .tx-faq-page .tx-faq-list a { padding: 0; }
}
/* 홈 FAQ '더보기' 버튼(링크와 같은 모양) + 펼침 상태 + 헤더 고정 높이만큼 앵커 여백 */
#faq { scroll-margin-top: 88px; }
#faq.is-expanded .tx-faq-list li { display: block; }
.tx-faq-more { padding: 0; border: 0; background: none; font-family: inherit; cursor: pointer; }
.tx-faq-more svg { transition: transform .15s ease; }
.tx-faq-more[aria-expanded="true"] svg { transform: rotate(180deg); }
.tx-faq-more:focus-visible { outline: 2px solid var(--tx-primary); outline-offset: 2px; border-radius: 4px; }
.tx-faq-more[hidden] { display: none; }
/* 검색 자동완성 '검색 결과 전체 보기' 행: 목록을 스크롤해도 아래에 고정(sticky) */
zd-autocomplete .tx-ac-all { position: sticky; bottom: calc(-1 * var(--spacing-8)); z-index: 1; margin: var(--spacing-4) calc(-1 * var(--spacing-8)) calc(-1 * var(--spacing-8)); padding: 14px 20px; border-top: 1px solid var(--tx-border-2); border-radius: 0 0 var(--tx-r-lg) var(--tx-r-lg); background: var(--color-bg-primary); }
zd-autocomplete .tx-ac-all:hover { background: var(--tx-bg-3); }
zd-autocomplete .tx-ac-all:focus-visible, zd-autocomplete .tx-ac-all[aria-selected="true"] { background: var(--tx-info-subtle); }
/* ---- 검색 결과 페이지 상단 정리 (v1.7.0) ----
   '고객센터 > 검색 결과' 이동 경로는 화면에서 숨기고(스크린리더용 마크업 유지), 그 자리에 다시 검색할 수 있는 검색창을 모든 화면에서 노출 */
.sub-nav:has(~ .search-results) { display: block; margin: 0; padding: var(--spacing-16) 0 0; min-height: 0; }
.sub-nav:has(~ .search-results) .breadcrumbs { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.sub-nav:has(~ .search-results) .search-container { display: block; position: relative; width: 100%; max-width: none; }
.sub-nav:has(~ .search-results) .search input[type="search"] { height: 48px; padding-left: 44px; font-size: 15px; border-radius: var(--border-radius-rounded); }
.sub-nav:has(~ .search-results) .search-icon { left: 18px; width: 16px; height: 16px; color: var(--tx-text-3); }
.sub-nav:has(~ .search-results) ~ .search-results { padding-top: var(--spacing-24); margin-top: 0; }
@media (min-width: 768px) {
  .sub-nav:has(~ .search-results) { padding-top: var(--spacing-24); }
  .sub-nav:has(~ .search-results) .search-container { max-width: 560px; }
}
/* 모바일: '현재 위치' 바와 이름이 같은 페이지 제목은 시각적으로만 숨김(h1 마크업 유지 → 접근성·SEO 영향 없음) */
@media (max-width: 767px) {
  .page-header h1.tx-h1-dup { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
  .page-header:has(> h1.tx-h1-dup:first-child) { margin-bottom: 0; }
}
/* 검색 결과 페이지 검색창: 돋보기 아이콘을 입력창 세로 중앙에 정렬(48px 높이 기준) */
.sub-nav:has(~ .search-results) .search-icon { top: 50%; transform: translateY(-50%); }
.sub-nav:has(~ .search-results) .search { height: 48px; }
/* 검색 결과 페이지 검색창 보정: 폼 테두리(1px) 때문에 아이콘이 1px 위로 뜨던 문제 수정 + PC는 다른 하위 페이지와 같이 오른쪽 정렬 */
.sub-nav:has(~ .search-results) .search { height: auto; border: 0; }
@media (min-width: 768px) {
  .sub-nav:has(~ .search-results) { display: flex; justify-content: flex-end; }
  .sub-nav:has(~ .search-results) .search-container { width: 360px; max-width: 100%; }
  .sub-nav:has(~ .search-results) .search input[type="search"] { height: 44px; font-size: 14px; }
}

/* ---- 페이지네이션: BI 톤(라운드 버튼, 호버·현재 페이지는 BI 보라 블루) ---- */
.pagination { margin: var(--spacing-32) 0 0; }
.pagination-list { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: var(--spacing-8); margin: 0; padding: 0; list-style: none; }
.pagination-list > li { margin: 0; }
.pagination .pagination-next-link, .pagination .pagination-prev-link, .pagination .pagination-first-link, .pagination .pagination-last-link, .pagination-list > li > a, .pagination-list > li > span {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--spacing-4); width: auto; min-width: 40px; height: 40px; margin: 0; padding: 0 16px;
  border: 1px solid var(--tx-border); border-radius: var(--border-radius-rounded); background: var(--color-bg-primary);
  color: var(--tx-text-2); font: 600 14px/1 var(--tx-font); text-decoration: none; transition: background-color .12s ease, border-color .12s ease, color .12s ease;
}
.pagination .pagination-first-link, .pagination .pagination-last-link { padding: 0; width: 40px; }
.pagination .pagination-next-text, .pagination .pagination-prev-text { margin: 0; }
.pagination-next-icon, .pagination-prev-icon, .pagination-first-icon, .pagination-last-icon { font-size: 16px; line-height: 1; position: relative; top: -1px; }
.pagination-list > li > a:hover { background: var(--tx-info-subtle); border-color: var(--color-taxblue-200); color: #4555E0; text-decoration: none; }
.pagination-list > li > a:focus-visible { outline: 2px solid #4555E0; outline-offset: 2px; }
.pagination-list > li > a[aria-current], .pagination-list > li.pagination-current > a, .pagination-list > li.pagination-current > span { background: #4555E0; border-color: #4555E0; color: var(--color-bg-primary); }
.sub-nav:has(~ .search-results) .search { border: 1px solid var(--tx-border); }
.sub-nav:has(~ .search-results) .search:focus-within { border-color: var(--tx-primary); box-shadow: 0 0 0 3px var(--color-taxblue-200); }
/* 홈 추천 검색어 칩 간격: 좌우 8px → 6px (줄 간격 8px 유지) */
.tx-hero .tx-chips { column-gap: 6px; row-gap: var(--spacing-8); }
/* ---- 홈 자주 묻는 질문: 아코디언 카드 (메뉴 카드와 같은 연회색 카드, 펼치면 흰 카드 + BI 포인트) ---- */
#faq .tx-faq-acc { display: grid; gap: var(--spacing-8); }
#faq .tx-faq-acc > li { padding: 0; background: #F7F8FA; border: 1px solid #F1F2F6; border-radius: var(--tx-r-xl); transition: background-color .15s ease, box-shadow .15s ease; }
#faq .tx-faq-acc > li.is-open { background: var(--color-bg-primary); border-color: var(--tx-border); box-shadow: 0 6px 20px rgba(20, 40, 90, .06); }
#faq .tx-faq-h { margin: 0; font: inherit; }
#faq .tx-faq-btn { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 56px; margin: 0; padding: 16px 16px; border: 0; border-radius: inherit; background: none; color: #111111; font-family: inherit; font-size: 15px; font-weight: 600; line-height: 1.5; text-align: left; cursor: pointer; }
#faq .tx-faq-btn .tx-q { flex: none; width: auto; color: #4555E0; font-weight: 700; line-height: 1.5; }
#faq .tx-faq-btn .tx-faq-q { flex: 1 1 auto; min-width: 0; word-break: keep-all; overflow-wrap: anywhere; }
#faq .tx-faq-btn:hover .tx-faq-q { color: #4555E0; }
#faq .tx-faq-btn:focus-visible { outline: 2px solid #4555E0; outline-offset: -2px; }
#faq .tx-faq-chev { flex: none; color: var(--tx-text-3); transition: transform .15s ease; }
#faq .tx-faq-btn[aria-expanded="true"] .tx-faq-chev { transform: rotate(180deg); }
#faq .tx-faq-panel { padding: 0 16px 18px 42px; color: var(--tx-text-2); font-size: 14px; line-height: 1.65; }
#faq .tx-faq-panel[hidden] { display: none; }
#faq .tx-faq-panel p { margin: 0; word-break: keep-all; overflow-wrap: anywhere; }
#faq .tx-faq-go { display: inline-flex; align-items: center; gap: 2px; margin-top: 10px; color: #4555E0; font-weight: 600; text-decoration: none; }
#faq .tx-faq-go:hover { text-decoration: underline; text-underline-offset: 3px; }
#faq .tx-faq-go:focus-visible { outline: 2px solid #4555E0; outline-offset: 2px; border-radius: 4px; }
#faq .tx-faq-acc + .tx-more-link { margin-top: var(--spacing-16); }
@media (min-width: 768px) {
  #faq .tx-faq-btn { min-height: 64px; padding: 18px 24px; font-size: 16px; }
  #faq .tx-faq-panel { padding: 0 24px 22px 52px; font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) { #faq .tx-faq-chev, #faq .tx-faq-acc > li { transition: none; } }
/* 홈 FAQ 아코디언: 높이 애니메이션(grid-template-rows 0fr↔1fr). 닫히면 visibility:hidden 으로 스크린리더·키보드 포커스에서도 제외 */
#faq .tx-faq-panel { display: grid; grid-template-rows: 0fr; padding: 0; visibility: hidden; transition: grid-template-rows .28s cubic-bezier(.2, .7, .2, 1), visibility 0s linear .28s; }
#faq .tx-faq-acc > li.is-open .tx-faq-panel { grid-template-rows: 1fr; visibility: visible; transition: grid-template-rows .28s cubic-bezier(.2, .7, .2, 1), visibility 0s linear 0s; }
#faq .tx-faq-clip { min-height: 0; overflow: hidden; }
#faq .tx-faq-body-in { padding: 0 16px 18px 42px; opacity: 0; transform: translateY(-4px); transition: opacity .2s ease, transform .28s cubic-bezier(.2, .7, .2, 1); }
#faq .tx-faq-acc > li.is-open .tx-faq-body-in { opacity: 1; transform: none; transition-delay: .05s; }
#faq .tx-faq-acc > li { transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease; }
@media (min-width: 768px) { #faq .tx-faq-body-in { padding: 0 24px 22px 52px; } }
@media (prefers-reduced-motion: reduce) { #faq .tx-faq-panel, #faq .tx-faq-body-in, #faq .tx-faq-acc > li { transition: none; } }