/* ================================================================
   GoldFinch Help Center — style.css
   Clean consolidated version (June 2025)
   ================================================================ */

/* ── Google Fonts ────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Montserrat:wght@300;400;600;700&display=swap');

/* ── CSS Variables ───────────────────────────────────────────── */
:root {
  --gf-font-body:    'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --gf-font-heading: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --gf-navy:   #1f2d3d;
  --gf-gold:   #f5a800;
  --gf-blue:   #1f6fbf;
  --gf-gray:   #68737d;
  --gf-border: #e8e8e8;
}

/* ── Normalize / Base (Copenhagen passthrough) ───────────────── */
/*! 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 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; }
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: #2F3941;
  font-family: var(--gf-font-body);
  font-size: 16px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}
@media (min-width: 1024px) {
  body > main { min-height: 65vh; }
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--gf-font-heading);
  margin-top: 0;
}
h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; font-weight: 600; }
h4 { font-size: 16px; }

a {
  color: #1F73B7;
  text-decoration: none;
}
a:visited { color: #4B61C3; }
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;
}
.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 #17494D; }
.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 #17494D; }
.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 #17494D; }

.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 #17494D;
  border-radius: 4px;
  color: #17494D;
  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:hover, .button:active, .button:focus,
.button.button-primary,
.subscriptions-subscribe button[data-selected=true],
.article-subscribe button[data-selected=true],
.section-subscribe button[data-selected=true] {
  background-color: #17494D;
  color: #FFFFFF;
  text-decoration: none;
}

.button-large, .hbs-form input[type=submit] {
  cursor: pointer; background-color: #17494D; 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: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: #000; }

.button-secondary {
  color: #5a6d7c; border: 1px solid #848F99;
  background-color: transparent;
}
.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
  color: #2F3941; border: 1px solid #848F99;
  background-color: #f7f7f7;
}

/* ── Split button ────────────────────────────────────────────── */
.split-button { display: flex; }
.split-button button {
  background-color: #17494D; border: 0; color: #FFFFFF;
  height: 32px; line-height: 16px; outline-color: #17494D;
}
[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=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: #5a6d7c; font-size: 13px; text-align: left; }
.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 #17494D; }
.form-field input[type=text] { border: 1px solid #848F99; border-radius: 4px; }
.form-field input[type=text]:focus { border: 1px solid #17494D; }
.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 #17494D; text-decoration: none; }
.form-field .hc-multiselect-toggle { border: 1px solid #848F99; }
.form-field .hc-multiselect-toggle:focus { outline: none; border: 1px solid #17494D; text-decoration: none; }
.form-field textarea { vertical-align: middle; }
.form-field input[type=checkbox] + label { margin: 0 0 0 10px; }
.form-field .optional { color: #5a6d7c; margin-left: 4px; }
.form-field p { color: #5a6d7c; font-size: 12px; margin: 5px 0; }
.form footer { margin-top: 40px; padding-top: 30px; }
.form footer a { color: #5a6d7c; 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: #4B61C3; }

/* ── 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: #17494D; }
.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,.15), 0 4px 10px 0 rgba(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: #1F73B7; display: none; font-size: 14px;
  padding: 0 20px 0 0; width: auto;
}
@media (min-width: 768px) { .nav-wrapper-desktop a { display: inline-block; } }
.nav-wrapper-desktop a:hover, .nav-wrapper-desktop a:focus,
.nav-wrapper-desktop a:active { background-color: transparent; color: #1F73B7; 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,.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: #2F3941; 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: #2F3941;
}
.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;
}

.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;
}
.skip-navigation:focus, .skip-navigation:active { left: auto; overflow: auto; text-align: center; text-decoration: none; top: auto; z-index: 999; }

.ask-ai {
  align-items: center; background-color: #1F73B7; border: 1px solid #1F73B7;
  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: #0F3554; border-color: #0F3554;
  color: #FFFFFF; text-decoration: none;
}
.nav-wrapper-mobile .ask-ai { margin: 4px 24px; padding: 6px 14px; width: auto; height: auto; }

/* ── User info ───────────────────────────────────────────────── */
.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: #1F73B7; min-width: 0; padding: 0; white-space: nowrap; }
.user-info > button:hover, .user-info > button:focus { color: #1F73B7; background-color: transparent; }
#user #user-name { display: none; font-size: 14px; }
@media (min-width: 768px) { #user #user-name { display: inline-block; } }
#user #user-name:hover { text-decoration: underline; }

.user-avatar { height: 25px; width: 25px; border-radius: 50%; display: inline-block; vertical-align: middle; }
.avatar { display: inline-block; position: relative; }
.avatar img { height: 40px; width: 40px; }
.avatar .icon-agent {
  color: #17494D; 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: #5a6d7c; }
.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: #5a6d7c; display: inline-block; }
.powered-by-zendesk a, .powered-by-zendesk a:visited { color: #5a6d7c; }

/* ── Breadcrumbs ─────────────────────────────────────────────── */
.breadcrumbs { margin: 0 0 15px 0; padding: 0; display: flex; }
@media (min-width: 768px) { .breadcrumbs { margin: 0; } }
.breadcrumbs li {
  display: inline-block; color: #5a6d7c; font-size: 13px;
  max-width: 450px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.breadcrumbs li + li::before { content: ">"; margin: 0 4px; }
.breadcrumbs li a:visited { color: #1F73B7; }

/* ── Search field (global) ───────────────────────────────────── */
.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: #17494D; }
.search input[type=search], .search .clear-button { background-color: #fff; border-radius: 30px; border: none; }
.search input[type=search] {
  appearance: none; -webkit-appearance: none; box-sizing: border-box;
  color: #666; flex: 1 1 auto; height: 40px; width: 100%;
}
.search input[type=search]:focus { color: #555; }
.search input[type=search]::-webkit-search-decoration,
.search input[type=search]::-webkit-search-cancel-button,
.search input[type=search]::-webkit-search-results-button,
.search input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; }
.search .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: #17494D; color: #fff; }
.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 .clear-button { border-bottom-left-radius: 0; border-top-left-radius: 0; border-left-color: transparent; }
.search-icon {
  position: absolute; left: 15px; top: 50%; transform: translateY(-50%);
  z-index: 1; width: 18px; height: 18px; color: #777; pointer-events: none;
}

/* ── Copenhagen Hero (standard pages) ───────────────────────── */
.hero {
  background-image: url(/hc/theming_assets/01HZH54ZXA94XHH3ANDQGS411C);
  background-position: center; background-size: cover;
  height: 300px; padding: 0 20px; text-align: center; width: 100%;
}
.hero-inner { position: relative; top: 50%; transform: translateY(-50%); max-width: 610px; margin: 0 auto; }

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

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

/* ── Blocks list ─────────────────────────────────────────────── */
.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 #17494D; border-radius: 4px; box-sizing: border-box;
  color: #17494D; 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 * { color: #FFFFFF; text-decoration: none; }
.blocks-item-link { color: #17494D; padding: 20px 30px; display: flex; flex-direction: column; flex: 1; justify-content: center; border-radius: inherit; }
.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 { 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%; }
}
.promoted-articles-item a { display: block; border-bottom: 1px solid #ddd; padding: 15px 0; }
.promoted-articles-item:last-child a { border: 0; }
@media (min-width: 1024px) { .promoted-articles-item:last-child a { border-bottom: 1px solid #ddd; } }

/* ── 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: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
  margin-top: 24px;
}

.section-tree-title { margin-bottom: 0; font-size: 18px; font-weight: 600; }
.section-tree-title a { color: #2F3941; }
.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: #2F3941; }
.icon-star { color: #17494D; 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: #2F3941; display: flex; justify-content: space-between; }

/* ── Article ─────────────────────────────────────────────────── */
.article { flex: 1 0 auto; }
@media (min-width: 1024px) { .article { flex: 1; max-width: 100%; min-width: 0; padding: 0; } }
.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-title { overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
@media (min-width: 768px) { .article-title { flex-basis: 100%; } }
.article-body { display: flow-root; font-size: 16px; line-height: 1.8; }
.article-body a { color: #1F73B7; text-decoration: underline; }
.article-body a:visited { color: #4B61C3; }
.article-body img { height: auto; max-width: 100%; }
.article-body ul, .article-body ol { padding-left: 20px; list-style-position: outside; margin: 20px 0 20px 20px; }
.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: #5a6d7c; font-style: italic; padding: 0 15px; }
.article-content { line-height: 1.6; margin: 40px 0; word-wrap: break-word; }
.article-footer { align-items: center; display: flex; justify-content: space-between; padding-bottom: 20px; }
.article-sidebar { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; flex: 1 0 auto; margin-bottom: 20px; padding: 0; min-width: 200px; width: 220px; flex-shrink: 0; }
@media (min-width: 1024px) { .article-sidebar { border: 0; flex: 0 0 17%; height: auto; max-width: 17%; } }
.article-votes { border-top: 1px solid #ddd; padding: 30px 0; text-align: center; }
.article-votes-question { font-size: 15px; font-weight: normal; margin-bottom: 0; }
.article-vote { margin: 10px 5px; min-width: 90px; width: auto; }
.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-return-to-top { border-top: 1px solid #848F99; }
@media (min-width: 1024px) { .article-return-to-top { display: none; } }

.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; }
.collapsible-sidebar-title { font-size: 13px; font-weight: 600; color: var(--gf-navy); white-space: nowrap; }
.recent-articles li, .related-articles li { margin-bottom: 15px; }

/* ── Pagination ──────────────────────────────────────────────── */
.pagination { margin: 20px 0; text-align: center; }
.pagination-next, .pagination-prev, .pagination-first, .pagination-last { display: inline-block; }
.pagination-next-link { padding-right: 10px; }
.pagination-prev-link { padding-left: 10px; }

/* ── Metadata ────────────────────────────────────────────────── */
.meta-group { display: block; }
.meta-data { color: #5a6d7c; font-size: 13px; }
.meta-data:not(:last-child)::after { content: "·"; margin: 0 5px; }

/* ── 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-result-title { font-size: 16px; margin-bottom: 0; }
.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; } }

/* ── Collapsible sidebar/nav ─────────────────────────────────── */
.collapsible-sidebar { flex: 1; max-height: 45px; overflow: hidden; padding: 10px 0; position: relative; }
@media (min-width: 1024px) { .collapsible-sidebar { max-height: none; padding: 0; } }
.collapsible-sidebar-toggle {
  position: absolute; top: 22.5px; transform: translateY(-50%); right: 0;
  padding: 0; border: 0; background: none; width: 25px; height: 25px; border-radius: 50%;
}
@media (min-width: 1024px) { .collapsible-sidebar-toggle { display: none; } }
.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 #17494D; }
.collapsible-sidebar-body { display: none; }
@media (min-width: 1024px) { .collapsible-sidebar-body { display: block; } }
.collapsible-sidebar[aria-expanded=true] { max-height: none; }
.collapsible-sidebar[aria-expanded=true] .collapsible-sidebar-body { display: block; }

/* ── Collapsible nav ─────────────────────────────────────────── */
.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; } }
.collapsible-nav-toggle:focus { outline: none; border: 1px solid #17494D; }
.collapsible-nav-list { display: flex; flex-direction: column; }
@media (min-width: 768px) { .collapsible-nav-list { flex-direction: row; } }
.collapsible-nav-list li { color: #2F3941; line-height: 45px; order: 1; }
@media (min-width: 768px) { .collapsible-nav-list li { line-height: normal; margin-right: 30px; } }
.collapsible-nav-list li a { color: #2F3941; display: block; }
.collapsible-nav-list li:not([aria-selected=true]) { display: none; }
@media (min-width: 768px) { .collapsible-nav-list li:not([aria-selected=true]) { display: block; } }
.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 #17494D; order: 1; }
}
.collapsible-nav[aria-expanded=true] li:not([aria-selected=true]) { display: block; }

/* ── Dropdown ────────────────────────────────────────────────── */
.dropdown { position: relative; display: inline-block; }
.dropdown-toggle { cursor: pointer; background: none; border: 0; display: inline-block; padding: 0; text-align: initial; vertical-align: middle; }
.dropdown-toggle[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,.15); display: none;
  font-size: 14px; left: 0; margin-top: 1px; min-width: 170px;
  padding: 10px 0; position: absolute; text-align: left; z-index: 1000;
}
.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%;
}
.dropdown-menu [role=menuitem]:hover, .dropdown-menu [role=menuitem]:focus,
.dropdown-menu [role=menuitemradio]:hover, .dropdown-menu [role=menuitemradio]:focus {
  background: rgba(31,115,183,.08); text-decoration: none; color: #2f3941;
}
.dropdown-menu-end { left: auto; right: 0; }

/* ── Status labels ───────────────────────────────────────────── */
.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-pinned, .status-label-featured, .status-label-official { background-color: #17494D; }
.status-label-not-planned, .status-label-closed { background-color: #e9ebed; color: #5a6d7c; }
.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; }

/* ── Comments ────────────────────────────────────────────────── */
.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-body { -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; word-break: break-word; word-wrap: break-word; display: flow-root; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; line-height: 1.6; overflow-x: auto; }
.comment-body a { color: #1F73B7; text-decoration: underline; }
.comment-body ul, .comment-body ol { padding-left: 20px; list-style-position: outside; margin: 20px 0 20px 20px; }
.comment-body ul { list-style-type: disc; }
.comment-wrapper { display: flex; position: relative; }
.comment-author { align-items: flex-end; display: flex; flex-wrap: wrap; margin-bottom: 20px; }
.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; }
.comment-form-controls input[type=submit] { margin-top: 15px; }

/* ── Vote ────────────────────────────────────────────────────── */
.vote { display: flex; flex-direction: column; text-align: center; }
.vote-sum { color: #5a6d7c; display: block; margin: 3px 0; }
.vote-up, .vote-down {
  -webkit-appearance: none; -moz-appearance: none; appearance: none;
  background-color: transparent; border: none; color: #5a6d7c;
  cursor: pointer; min-height: 35px; min-width: 35px; display: flex;
  align-items: center; justify-content: center;
}
.vote-voted { color: #17494D; }

/* ── 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-error  { background: #ffeded; border-color: #f7cbcb; }
.notification-notice { background: #dbf3ff; border-color: #b5e0f5; }
.notification-alert  { color: #ad5e18; background: #fff8ed; border-color: #fcdba9; }
.notification-inline { border-radius: 4px; line-height: 14px; margin-top: 5px; padding: 5px; position: relative; text-align: left; vertical-align: middle; }
.notification-inline[aria-hidden=true] { display: none; }
.notification-inline.notification-error { background-color: #fff0f1; border: 1px solid #e35b66; color: #cc3340; }
.notification-dismiss { color: #555; cursor: pointer; opacity: 0.6; transition: opacity 100ms ease; text-decoration: none !important; }
.notification-dismiss:hover { opacity: 1; }

/* ── Summary / Service catalog ───────────────────────────────── */
zd-summary-block { background: #f3f6f6; }
[dir=ltr] zd-summary-block { border-left-color: #859fa1; }
.service-catalog-hero { background-image: url(/hc/theming_assets/01KGM426J14BXYF29CZGEFD2VN); margin-bottom: 10px; height: 320px; }
.service-catalog-description { display: flow-root; }
.service-catalog-main-content { display: flex; gap: 32px; }
.service-catalog-list { width: 100%; }


/* ================================================================
   GoldFinch Custom Styles
   ================================================================ */

/* ── GoldFinch Home Page Hero ───────────────────────────────── */
.gf-hero {
  background-color: var(--gf-navy);
  background-image:
    radial-gradient(circle at 15% 50%, rgba(245,168,0,0.08) 0%, transparent 50%),
    radial-gradient(circle at 85% 20%, rgba(245,168,0,0.06) 0%, transparent 40%);
  padding: 56px 24px 64px;
  text-align: center;
}
.gf-hero-inner { max-width: 720px; margin: 0 auto; }
.gf-hero h1 { color: #fff; font-size: 28px; font-weight: 700; margin: 0 0 28px; letter-spacing: -0.3px; }

/* ── Hero search — pill style (Accounting Seed match) ───── */
.gf-hero .gf-search {
  display: flex !important;
  align-items: center !important;
  max-width: 700px !important;
  width: 100% !important;
  margin: 0 auto !important;
  background: #fff !important;
  border-radius: 50px !important;
  border: none !important;
  height: 54px !important;
  padding: 4px !important;
  overflow: visible !important;
  position: relative !important;
  box-shadow: none !important;
}
.gf-hero .gf-search:focus-within {
  box-shadow: 0 0 0 3px rgba(245,168,0,0.5) !important;
}
.gf-hero .gf-search input[type=search] {
  flex: 1 !important;
  height: 46px !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 0 16px 0 24px !important;
  font-size: 15px !important;
  color: #2f3941 !important;
  background: #fff !important;
  outline: none !important;
  min-width: 0 !important;
  box-shadow: none !important;
}
.gf-hero .gf-search input[type=search]::placeholder { color: #999 !important; }
/* Hide the boxy Submit and X buttons */
.gf-hero .gf-search input[type=submit],
.gf-hero .gf-search .clear-button { display: none !important; }
/* Round gold search button via pseudo-element */
.gf-hero .gf-search::after {
  content: "" !important;
  display: block !important;
  flex-shrink: 0 !important;
  width: 46px !important;
  height: 46px !important;
  background: #f5a800
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E")
    center / 20px no-repeat !important;
  border-radius: 50% !important;
  pointer-events: none !important;
}

/* ── Welcome block ──────────────────────────────────────────── */
.gf-welcome {
  text-align: center; padding: 40px 24px 20px;
  max-width: 760px; margin: 0 auto;
}
.gf-welcome h2 { font-size: 26px; font-weight: 700; color: var(--gf-navy); margin: 0 0 10px; }
.gf-welcome p  { font-size: 15px; color: var(--gf-gray); margin: 0 0 16px; line-height: 1.6; }

.gf-announce { font-size: 14px; color: #2f3941; margin-bottom: 8px; }
.gf-announce a { color: var(--gf-gold); font-weight: 600; text-decoration: none; }
.gf-announce a:hover { text-decoration: underline; }

/* ── Knowledge Base wrapper ─────────────────────────────────── */
.gf-kb-wrapper { max-width: 1100px; margin: 0 auto; padding: 0 24px 48px; }
.gf-kb-header {
  text-align: center; padding: 8px 0 24px;
  border-bottom: 2px solid var(--gf-border); margin-bottom: 0;
}
.gf-kb-header h3 { font-size: 20px; font-weight: 700; color: var(--gf-navy); margin: 0; }

/* ── Directory bands ────────────────────────────────────────── */
.gf-dir-band { border-bottom: 1px solid #e0e0e0; padding: 24px 0; }
.gf-dir-band:last-child { border-bottom: none; }

.gf-dir-cat-title { width: 100%; font-size: 16px; font-weight: 700; color: var(--gf-navy); margin: 0 0 12px; }
.gf-dir-cat-title a { color: var(--gf-navy); text-decoration: none; }
.gf-dir-cat-title a:hover { color: var(--gf-gold); }

.gf-dir-sections {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 6px 24px; width: 100%;
}
.gf-dir-sections li a {
  font-size: 14px; color: var(--gf-blue); text-decoration: none;
  line-height: 1.5; display: block; padding: 2px 0;
}
.gf-dir-sections li a:hover { color: var(--gf-gold); text-decoration: underline; }

.gf-dir-viewall {
  display: inline-block; margin-top: 10px; font-size: 13px;
  font-weight: 600; color: var(--gf-gold); text-decoration: none;
}
.gf-dir-viewall:hover { text-decoration: underline; }

/* ── Contact band ───────────────────────────────────────────── */
.gf-contact { background: #f5f7f9; border-top: 1px solid var(--gf-border); padding: 32px 24px; }
.gf-contact-inner {
  max-width: 1100px; margin: 0 auto; display: flex;
  align-items: center; justify-content: space-between;
  gap: 24px; flex-wrap: wrap;
}
.gf-contact h2 { font-size: 18px; font-weight: 700; color: var(--gf-navy); margin: 0 0 4px; }
.gf-contact p  { font-size: 14px; color: var(--gf-gray); margin: 0; }
.gf-contact-btn {
  display: inline-block; padding: 12px 28px; background: #0099e6; color: #fff;
  font-size: 14px; font-weight: 600; border-radius: 4px; text-decoration: none;
  white-space: nowrap; transition: background 0.15s; flex-shrink: 0;
}
.gf-contact-btn:hover { background: #0077b8; color: #fff; }

/* ── GoldFinch sidebar navigation ──────────────────────────── */
.gf-with-sidebar {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 32px;
  max-width: 1240px; margin: 0 auto;
  padding: 24px 24px 64px;
  align-items: start;
}
@media (max-width: 900px) { .gf-with-sidebar { grid-template-columns: 1fr; gap: 12px; } }

.gf-sidebar {
  background: #fff; border: 1px solid var(--gf-border); border-radius: 8px;
  padding: 4px 0; font-size: 14px; position: sticky; top: 16px;
  max-height: calc(100vh - 32px); overflow-y: auto;
}
@media (max-width: 900px) { .gf-sidebar { position: static; max-height: none; padding: 0; border: none; background: transparent; } }

.gf-sidebar-toggle {
  display: none; width: 100%; background: var(--gf-navy); color: #fff;
  border: none; padding: 14px 18px; font: inherit; font-weight: 600;
  border-radius: 8px; cursor: pointer; align-items: center;
  justify-content: space-between; text-align: left;
}
.gf-sidebar-toggle:hover { background: #2a3a4a; }
@media (max-width: 900px) { .gf-sidebar-toggle { display: flex; } }

.gf-tree { padding: 6px 4px; }
@media (min-width: 901px) { .gf-tree { display: block !important; } }

.gf-node { margin: 0; }
.gf-node summary {
  list-style: none; cursor: pointer;
  padding: 6px 10px 6px 8px; border-radius: 4px;
  display: flex; align-items: center; gap: 6px; color: var(--gf-navy);
}
.gf-node summary::-webkit-details-marker { display: none; }
.gf-node summary:hover { background: #f7f9fb; }
.gf-node[open] > summary { color: #b97f10; }

.gf-caret { flex: none; transition: transform .12s ease; color: #8a97a3; }
.gf-node[open] > summary .gf-caret { transform: rotate(90deg); color: #b97f10; }

.gf-node-label { flex: 1; color: inherit; text-decoration: none; font-weight: 600; line-height: 1.35; }
.gf-node-label:hover { text-decoration: underline; }

.gf-node-body { padding-left: 16px; }
.gf-depth-0 > summary { font-size: 14px; }
.gf-depth-1 > summary { font-size: 13.5px; }
.gf-depth-2 > summary, .gf-depth-3 > summary { font-size: 13px; }

.gf-leaf-list { list-style: none; margin: 2px 0 6px; padding: 0 0 0 22px; border-left: 1px solid var(--gf-border); }
.gf-leaf-list li { margin: 0; }
.gf-leaf-list a {
  display: block; padding: 4px 10px; color: #5b6b7b;
  text-decoration: none; font-size: 13px; line-height: 1.4; border-radius: 3px;
}
.gf-leaf-list a:hover { color: var(--gf-navy); background: #f7f9fb; }
.gf-current { color: #b97f10 !important; font-weight: 600; background: #fdf3df !important; }

.gf-leaf { padding: 5px 10px 5px 22px; }
.gf-leaf .gf-node-label { font-weight: 400; color: #5b6b7b; }
.gf-leaf .gf-node-label:hover { color: var(--gf-navy); }

/* ── Article right rail ─────────────────────────────────────── */
.gf-article-with-rail {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 40px; align-items: start;
}
@media (max-width: 1100px) {
  .gf-article-with-rail { grid-template-columns: 1fr; }
  .gf-article-with-rail .gf-rail { display: none; }
}
@media (max-width: 900px) {
  .gf-article-with-rail { grid-template-columns: 1fr; }
}

.gf-rail {
  position: sticky; top: 16px;
  max-height: calc(100vh - 32px); overflow-y: auto; font-size: 14px;
}

.gf-rail-block {
  background: #fff; border: 1px solid var(--gf-border); border-radius: 8px;
  padding: 16px 18px; margin-bottom: 16px;
}
.gf-rail-block:empty { display: none; }
.gf-rail-block > div:empty, .gf-rail-block > section:empty { display: none; }
.gf-rail-block .follow-button-wrapper:empty,
.gf-rail-block .related-articles:empty { display: none; }

.gf-rail-title {
  font-size: 13px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .07em; color: var(--gf-navy);
  margin: 0 0 12px; padding-bottom: 6px;
  border-bottom: 2px solid var(--gf-gold);
}

.gf-rail-list { list-style: none; margin: 0; padding: 0; }
.gf-rail-list li { padding: 8px 0; border-bottom: 1px solid #f0f3f6; font-size: 13px; }
.gf-rail-list li:last-child { border-bottom: none; }
.gf-rail-list a { color: var(--gf-navy); text-decoration: none; font-size: 13.5px; line-height: 1.4; display: block; }
.gf-rail-list a:hover { color: #b97f10; }
.gf-rail-empty { color: #8a97a3; font-size: 13px; font-style: italic; padding: 4px 0; }

.gf-rail-related h3, .gf-rail-related h4,
.gf-rail-related .recent-articles-title,
.gf-rail-related .related-articles-title {
  font-size: 13px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .07em; color: var(--gf-gray); margin: 0 0 12px;
}
.gf-rail-related ul { list-style: none; margin: 0; padding: 0; }
.gf-rail-related li { padding: 8px 0; border-bottom: 1px solid #f0f3f6; }
.gf-rail-related li:last-child { border-bottom: none; }
.gf-rail-related a { color: var(--gf-navy); text-decoration: none; font-size: 13.5px; line-height: 1.4; display: block; }
.gf-rail-related a:hover { color: #b97f10; }

.gf-rail-block .button-secondary,
.gf-rail-block button[name="follow"] {
  width: 100%; background: var(--gf-gold); color: var(--gf-navy);
  border: none; font-weight: 650; padding: 11px 18px; border-radius: 6px;
  cursor: pointer; font-size: 14px;
}
.gf-rail-block .button-secondary:hover,
.gf-rail-block button[name="follow"]:hover { background: #e8a832; }

/* ── Section cards (category page) ─────────────────────────── */
.gf-section-card {
  background: #ffffff; border: 1px solid var(--gf-border); border-radius: 8px;
  padding: 20px 22px 16px; display: flex; flex-direction: column;
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}
.gf-section-card:hover { box-shadow: 0 4px 14px rgba(0,0,0,0.08); border-color: #d0a020; }
.gf-section-card:not(:has(.gf-section-card-link)) { display: none; }

.gf-section-card-header {
  display: flex; align-items: baseline; justify-content: space-between; gap: 8px;
  margin-bottom: 12px; padding-bottom: 10px; border-bottom: 2px solid var(--gf-gold);
}
.gf-section-card-title { font-size: 15px; font-weight: 700; color: var(--gf-navy); text-decoration: none; line-height: 1.3; }
.gf-section-card-title:hover { color: var(--gf-gold); }
.gf-section-article-count { font-size: 11px; color: #888; white-space: nowrap; flex-shrink: 0; }

.gf-section-card-list { list-style: none; margin: 0; padding: 0; flex: 1; }
.gf-section-card-item {
  display: flex; align-items: center; gap: 6px; padding: 5px 0;
  border-bottom: 1px solid #f2f2f2; font-size: 13px;
}
.gf-section-card-item:last-child { border-bottom: none; }
.gf-section-card-link { color: #3d5afe; text-decoration: none; line-height: 1.35; }
.gf-section-card-link:hover { color: var(--gf-gold); text-decoration: underline; }

.gf-section-card-viewall {
  display: inline-block; margin-top: 10px; font-size: 12px;
  font-weight: 600; color: var(--gf-gold); text-decoration: none;
}
.gf-section-card-viewall:hover { text-decoration: underline; }

/* ── Widen layout ───────────────────────────────────────────── */
.container { max-width: 1366px !important; padding: 0 40px !important; width: auto !important; }
.header { max-width: 1366px !important; width: auto !important; padding: 0 40px !important; }
.footer-inner { max-width: 1366px !important; padding: 0 40px !important; width: auto !important; }
.gf-hero-inner { max-width: 900px !important; }
.gf-welcome { max-width: 1366px !important; padding: 40px 5% 20px !important; }
.gf-kb-wrapper { max-width: 1366px !important; padding: 0 5% 48px !important; }
.gf-contact-inner { max-width: 1366px !important; padding: 0 5% !important; }
.gf-with-sidebar { max-width: 1366px !important; }

/* ── Bolder separator lines ─────────────────────────────────── */
.gf-dir-band { border-bottom: 2px solid #d0d7de !important; }
.gf-dir-band:last-child { border-bottom: none !important; }
.gf-kb-header { border-bottom: 2px solid #d0d7de !important; }

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 768px) {
  .gf-dir-sections { grid-template-columns: repeat(2, 1fr); }
  .gf-contact-inner { flex-direction: column; text-align: center; }
  .gf-hero h1 { font-size: 22px; }
  .article-sidebar { width: 100%; min-width: unset; }
}
@media (max-width: 480px) { .gf-dir-sections { grid-template-columns: 1fr; } }
@media (max-width: 700px) { .section-tree { grid-template-columns: 1fr; } }

/* ── Section page — article previews + right rail ───────────── */
.gf-section-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 40px;
  align-items: start;
  margin-top: 8px;
}
@media (max-width: 900px) {
  .gf-section-layout { grid-template-columns: 1fr; }
  .gf-section-rail { display: none; }
}
.gf-section-main { min-width: 0; }
.gf-articles-heading, .gf-subsection-heading {
  font-size: 16px; font-weight: 700; color: var(--gf-navy);
  border-bottom: 2px solid var(--gf-border); padding-bottom: 8px;
  margin: 0 0 4px;
}
.gf-article-preview-list { list-style: none; margin: 0; padding: 0; }
.gf-article-preview-item { border-bottom: 1px solid var(--gf-border); padding: 20px 0; }
.gf-article-preview-item:last-child { border-bottom: none; }
.gf-article-preview-title { font-size: 17px; font-weight: 600; margin: 0 0 8px; }
.gf-article-preview-title a { color: var(--gf-navy); text-decoration: none; }
.gf-article-preview-title a:hover { color: var(--gf-gold); text-decoration: underline; }
.gf-article-preview-snippet {
  font-size: 14px; color: var(--gf-gray); line-height: 1.6; margin: 0 0 10px;
  display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden;
}
.gf-article-preview-meta { font-size: 12px; color: #999; }
.gf-section-rail { position: sticky; top: 16px; }
.gf-section-rail-block {
  background: #fff; border: 1px solid var(--gf-border); border-radius: 8px;
  padding: 16px 18px; margin-bottom: 16px; text-align: center;
}
.gf-section-stat-count { font-size: 36px; font-weight: 700; color: var(--gf-navy); line-height: 1; }
.gf-section-stat-label { font-size: 13px; color: var(--gf-gray); margin-top: 4px; }
.gf-section-rail-block .section-subscribe button {
  width: 100%; background: #00a9e0; color: #fff;
  border: none; font-weight: 600; padding: 11px 18px; border-radius: 6px;
  cursor: pointer; font-size: 14px;
}
.gf-section-rail-block .section-subscribe button:hover { background: #0090c0; }

/* ── Section rail stat row (followers + articles side by side) ── */
.gf-stat-row {
  display: flex; align-items: center; justify-content: center; gap: 16px;
}
.gf-stat-divider {
  width: 1px; height: 40px; background: var(--gf-border);
}

/* ── Hide article attachments ───────────────────────────────── */
.article-attachments { display: none !important; }

/* ── Remove empty article sidebar gap ──────────────────────── */
.article-sidebar { display: none !important; }

/* ── Show "Return to top" on all screen sizes ───────────────── */
@media (min-width: 1024px) { .article-return-to-top { display: block !important; } }