.zmtkb-app {
  --kb-ink: #1e272b;
  --kb-muted: #667176;
  --kb-faint: #8b969b;
  --kb-line: #dce2e3;
  --kb-panel: #ffffff;
  --kb-ground: #f4f6f6;
  --kb-gold: #c49125;
  --kb-gold-dark: #715312;
  --kb-teal: #087f79;
  --kb-red: #b53c45;
  --kb-blue: #2e69c7;
  --kb-green: #26784e;
  --kb-violet: #6554a1;
  --kb-orange: #bc6925;
  color: var(--kb-ink);
  font-size: 14px;
  line-height: 1.65;
}

.zmtkb-app *, .zmtkb-app *::before, .zmtkb-app *::after { box-sizing: border-box; }
.zmtkb-app h1, .zmtkb-app h2, .zmtkb-app h3, .zmtkb-app p, .zmtkb-app dl, .zmtkb-app dd { margin: 0; }
.zmtkb-app button, .zmtkb-app input, .zmtkb-app textarea { font: inherit; letter-spacing: 0; }
.zmtkb-app button { cursor: pointer; }
.zmtkb-app button:focus-visible, .zmtkb-app input:focus-visible, .zmtkb-app textarea:focus-visible { outline: 3px solid rgba(8, 127, 121, .24); outline-offset: 2px; }
.zmtkb-app [hidden] { display: none !important; }
.zmtkb-app .dashicons { flex: 0 0 auto; }
.zmtkb-login-gate { position: fixed; z-index: 100000; inset: 0; display: grid; place-items: center; padding: 18px; background: rgba(18, 31, 34, .45); }.zmtkb-login-gate-card { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 13px; width: min(460px, 100%); padding: 22px; background: #fff; border-radius: 10px; box-shadow: 0 22px 55px rgba(14, 29, 32, .25); }.zmtkb-login-gate-card > .dashicons { display: grid; place-items: center; width: 42px; height: 42px; color: var(--kb-teal); background: #eaf6f4; border-radius: 50%; font-size: 20px; }.zmtkb-login-gate-card h2 { font-size: 17px; }.zmtkb-login-gate-card p { margin-top: 4px; color: var(--kb-muted); font-size: 13px; }.zmtkb-login-gate-actions { display: flex; grid-column: 1 / -1; justify-content: flex-end; gap: 8px; margin-top: 5px; }.zmtkb-login-gate-actions .zmtkb-button-primary { min-width: 100px; text-decoration: none; }

.zmtkb-page-head { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 70px; margin-bottom: 18px; }
.zmtkb-page-head h1 { font-size: 28px; line-height: 1.25; font-weight: 760; }
.zmtkb-page-head p { margin-top: 5px; color: var(--kb-muted); font-size: 14px; }
.zmtkb-health { display: grid; grid-template-columns: 9px minmax(156px, auto) 18px; align-items: center; gap: 10px; min-width: 242px; padding: 9px 11px; color: var(--kb-muted); background: var(--kb-panel); border: 1px solid var(--kb-line); border-radius: 7px; text-align: left; }
.zmtkb-health:hover { border-color: #acb8b8; box-shadow: 0 8px 20px rgba(31, 42, 45, .07); }
.zmtkb-health-dot { width: 8px; height: 8px; border-radius: 50%; background: #a1abad; }
.zmtkb-health.is-ready .zmtkb-health-dot { background: var(--kb-green); box-shadow: 0 0 0 4px rgba(38, 120, 78, .13); }
.zmtkb-health strong, .zmtkb-health small { display: block; }
.zmtkb-health strong { color: var(--kb-ink); font-size: 13px; }
.zmtkb-health small { margin-top: 1px; color: var(--kb-faint); font-size: 11px; }
.zmtkb-health > .dashicons { width: 18px; height: 18px; font-size: 18px; color: var(--kb-faint); }

.zmtkb-tabs { display: flex; align-items: center; gap: 2px; min-height: 54px; margin-bottom: 22px; padding: 4px; overflow-x: auto; background: var(--kb-panel); border: 1px solid var(--kb-line); border-radius: 7px; }
.zmtkb-tabs button { position: relative; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 15px; color: var(--kb-muted); background: transparent; border: 0; border-radius: 5px; white-space: nowrap; }
.zmtkb-tabs button::after { content: ""; position: absolute; right: 15px; bottom: 3px; left: 15px; height: 2px; background: transparent; }
.zmtkb-tabs button:hover { color: var(--kb-ink); background: #f4f7f7; }
.zmtkb-tabs button.is-active { color: var(--kb-ink); background: #e8f3f1; }
.zmtkb-tabs button.is-active::after { background: var(--kb-teal); }
.zmtkb-tabs .dashicons { width: 17px; height: 17px; font-size: 17px; }
.zmtkb-tabs b { font-size: 13px; }

.zmtkb-search-hero { position: relative; display: grid; grid-template-columns: minmax(250px, .9fr) minmax(360px, 1.1fr); gap: 22px 34px; align-items: center; min-height: 172px; margin-bottom: 28px; padding: 26px 30px; overflow: visible; color: #ffffff; background: #1f2b2e; border-top: 4px solid var(--kb-gold); border-radius: 7px; box-shadow: 0 13px 28px rgba(25, 40, 43, .16); }
.zmtkb-search-hero::after { content: ""; position: absolute; top: 0; right: 8%; bottom: 0; width: 1px; background: rgba(255, 255, 255, .12); }
.zmtkb-search-hero h2 { font-size: 23px; line-height: 1.35; }
.zmtkb-search-hero p { margin-top: 7px; color: #bac5c6; font-size: 13px; }
.zmtkb-search-input { position: relative; display: grid; grid-template-columns: 20px minmax(0, 1fr) 38px; align-items: center; gap: 10px; min-height: 54px; padding: 0 8px 0 15px; color: #718083; background: #ffffff; border: 1px solid #ffffff; border-radius: 7px; }
.zmtkb-search-input:focus-within { border-color: #dfc169; box-shadow: 0 0 0 4px rgba(223, 193, 105, .17); }
.zmtkb-search-input > .dashicons { width: 20px; height: 20px; font-size: 20px; }
.zmtkb-search-input input { width: 100%; min-width: 0; color: var(--kb-ink); background: transparent; border: 0; outline: 0; font-size: 14px; }
.zmtkb-search-input input::placeholder { color: #8b969b; }
.zmtkb-search-input button { display: grid; place-items: center; width: 36px; height: 36px; color: #ffffff; background: var(--kb-teal); border: 0; border-radius: 5px; }
.zmtkb-search-input button:hover { background: #056760; }
.zmtkb-search-input button .dashicons { width: 18px; height: 18px; font-size: 18px; }
.zmtkb-search-results { position: absolute; z-index: 8; top: calc(100% - 20px); right: 30px; width: min(535px, calc(100% - 60px)); padding: 14px; color: var(--kb-ink); background: #ffffff; border: 1px solid var(--kb-line); border-radius: 7px; box-shadow: 0 18px 38px rgba(22, 34, 37, .18); }
.zmtkb-search-results > div + div { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--kb-line); }
.zmtkb-search-results > div > small { display: block; margin: 0 4px 6px; color: var(--kb-faint); font-size: 11px; }
.zmtkb-search-category-list { display: flex; flex-wrap: wrap; gap: 6px; }
.zmtkb-search-category-list button { display: inline-flex; align-items: center; gap: 5px; min-height: 29px; padding: 0 8px; color: var(--kb-teal); background: #edf7f6; border: 0; border-radius: 4px; font-size: 12px; }
.zmtkb-search-category-list button:hover { background: #dcefed; }
.zmtkb-search-category-list .dashicons { width: 14px; height: 14px; font-size: 14px; }
.zmtkb-search-faq-list { display: grid; gap: 2px; }
.zmtkb-search-empty { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 5px 4px; color: var(--kb-muted); font-size: 13px; }
.zmtkb-search-empty button { display: inline-flex; align-items: center; gap: 4px; min-height: 30px; color: var(--kb-teal); background: transparent; border: 0; font-size: 12px; font-weight: 700; }
.zmtkb-search-empty .dashicons { width: 15px; height: 15px; font-size: 15px; }

.zmtkb-section + .zmtkb-section { margin-top: 30px; }
.zmtkb-section-head, .zmtkb-section-title { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 13px; }
.zmtkb-section-head h2, .zmtkb-section-title h2 { font-size: 19px; line-height: 1.4; }
.zmtkb-section-head p, .zmtkb-section-title p { margin-top: 3px; color: var(--kb-muted); font-size: 13px; }
.zmtkb-text-button { display: inline-flex; align-items: center; gap: 3px; min-height: 32px; padding: 0; color: var(--kb-teal); background: transparent; border: 0; font-size: 12px; font-weight: 720; white-space: nowrap; }
.zmtkb-text-button .dashicons { width: 16px; height: 16px; font-size: 16px; }

.zmtkb-category-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.zmtkb-category-card { --tone: var(--kb-gold); --soft: #fbf6e6; display: grid; grid-template-columns: 40px minmax(0, 1fr) 18px; gap: 10px; align-items: center; min-height: 104px; padding: 14px; color: var(--kb-ink); background: var(--kb-panel); border: 1px solid var(--kb-line); border-top: 3px solid var(--tone); border-radius: 7px; text-align: left; transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease; }
.zmtkb-category-card:hover { transform: translateY(-2px); border-color: var(--tone); box-shadow: 0 11px 20px rgba(31, 42, 45, .08); }
.zmtkb-category-card.is-teal { --tone: var(--kb-teal); --soft: #eaf7f6; }
.zmtkb-category-card.is-violet { --tone: var(--kb-violet); --soft: #f1eff9; }
.zmtkb-category-card.is-red { --tone: var(--kb-red); --soft: #fceff0; }
.zmtkb-category-card.is-blue { --tone: var(--kb-blue); --soft: #edf3fc; }
.zmtkb-category-card.is-green { --tone: var(--kb-green); --soft: #edf8f1; }
.zmtkb-category-card.is-orange { --tone: var(--kb-orange); --soft: #fcf1e8; }
.zmtkb-category-card.is-slate { --tone: #4f6872; --soft: #eff4f5; }
.zmtkb-category-icon { display: grid; place-items: center; width: 40px; height: 40px; color: var(--tone); background: var(--soft); border-radius: 6px; }
.zmtkb-category-icon .dashicons { width: 20px; height: 20px; font-size: 20px; }
.zmtkb-category-copy { min-width: 0; }
.zmtkb-category-copy strong, .zmtkb-category-copy small { display: block; }
.zmtkb-category-copy strong { font-size: 13px; line-height: 1.4; }
.zmtkb-category-copy small { display: -webkit-box; margin-top: 3px; overflow: hidden; color: var(--kb-muted); font-size: 11px; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.zmtkb-category-arrow { color: var(--tone); }
.zmtkb-category-arrow .dashicons { width: 17px; height: 17px; font-size: 17px; }

.zmtkb-featured-section { padding-top: 24px; border-top: 1px solid var(--kb-line); }
.zmtkb-featured-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; }
.zmtkb-faq-row { display: grid; grid-template-columns: 33px minmax(0, 1fr) auto; gap: 10px; align-items: center; width: 100%; min-height: 68px; padding: 10px 8px; color: var(--kb-ink); background: transparent; border: 0; border-bottom: 1px solid var(--kb-line); text-align: left; }
.zmtkb-faq-row:hover { background: #f0f7f6; border-color: #cde3df; }
.zmtkb-faq-number { display: grid; place-items: center; width: 30px; height: 30px; color: var(--kb-teal); background: #e9f5f3; border-radius: 5px; font-size: 11px; font-weight: 760; font-variant-numeric: tabular-nums; }
.zmtkb-faq-copy { min-width: 0; }
.zmtkb-faq-copy strong, .zmtkb-faq-copy small { display: block; }
.zmtkb-faq-copy strong { font-size: 13px; line-height: 1.45; }
.zmtkb-faq-copy small { margin-top: 2px; color: var(--kb-faint); font-size: 11px; }
.zmtkb-faq-tail { display: inline-flex; align-items: center; gap: 5px; color: var(--kb-faint); }
.zmtkb-faq-tail .dashicons { width: 16px; height: 16px; font-size: 16px; }
.zmtkb-faq-tail .dashicons-star-filled { color: var(--kb-gold); }
.zmtkb-search-faq-list .zmtkb-faq-row { min-height: 48px; padding: 6px 3px; }
.zmtkb-search-faq-list .zmtkb-faq-number { width: 25px; height: 25px; font-size: 10px; }
.zmtkb-search-faq-list .zmtkb-faq-copy strong { font-size: 12px; }
.zmtkb-search-faq-list .zmtkb-faq-copy small { display: none; }

.zmtkb-category-directory { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.zmtkb-directory-row { --tone: var(--kb-gold); --soft: #fbf6e6; display: grid; grid-template-columns: 46px minmax(0, 1fr) 38px; gap: 13px; align-items: start; padding: 17px; background: var(--kb-panel); border: 1px solid var(--kb-line); border-left: 3px solid var(--tone); border-radius: 7px; }
.zmtkb-directory-row.is-teal { --tone: var(--kb-teal); --soft: #eaf7f6; }.zmtkb-directory-row.is-violet { --tone: var(--kb-violet); --soft: #f1eff9; }.zmtkb-directory-row.is-red { --tone: var(--kb-red); --soft: #fceff0; }.zmtkb-directory-row.is-blue { --tone: var(--kb-blue); --soft: #edf3fc; }.zmtkb-directory-row.is-green { --tone: var(--kb-green); --soft: #edf8f1; }.zmtkb-directory-row.is-orange { --tone: var(--kb-orange); --soft: #fcf1e8; }.zmtkb-directory-row.is-slate { --tone: #4f6872; --soft: #eff4f5; }
.zmtkb-directory-row .zmtkb-category-icon { width: 44px; height: 44px; }
.zmtkb-directory-row h3 { font-size: 15px; line-height: 1.4; }
.zmtkb-directory-row p { margin-top: 4px; color: var(--kb-muted); font-size: 12px; line-height: 1.65; }
.zmtkb-directory-row > div > button { display: inline-flex; align-items: center; gap: 3px; min-height: 28px; margin-top: 10px; padding: 0; color: var(--tone); background: transparent; border: 0; font-size: 11px; font-weight: 700; text-align: left; }
.zmtkb-directory-row > div > button .dashicons, .zmtkb-directory-open .dashicons { width: 15px; height: 15px; font-size: 15px; }
.zmtkb-directory-open { display: grid; place-items: center; width: 34px; height: 34px; color: var(--tone); background: var(--soft); border: 0; border-radius: 5px; }
.zmtkb-directory-open:hover { color: #fff; background: var(--tone); }

.zmtkb-category-filter { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 16px; }
.zmtkb-category-filter button { min-height: 32px; padding: 0 10px; color: var(--kb-muted); background: var(--kb-panel); border: 1px solid var(--kb-line); border-radius: 5px; font-size: 12px; }
.zmtkb-category-filter button:hover { color: var(--kb-ink); border-color: #9eb0b0; }
.zmtkb-category-filter button.is-active { color: #fff; background: var(--kb-teal); border-color: var(--kb-teal); }
.zmtkb-faq-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; padding: 0 18px; background: var(--kb-panel); border: 1px solid var(--kb-line); border-radius: 7px; }
.zmtkb-faq-list .zmtkb-faq-row { min-height: 78px; }

.zmtkb-learning-band { display: flex; align-items: center; gap: 13px; margin-bottom: 16px; padding: 13px 15px; color: #235a57; background: #eaf6f4; border: 1px solid #c9e2de; border-radius: 7px; }
.zmtkb-learning-band > .dashicons { width: 21px; height: 21px; color: var(--kb-teal); font-size: 21px; }
.zmtkb-learning-band strong { font-size: 13px; }.zmtkb-learning-band p { margin-top: 1px; color: #4a7774; font-size: 12px; }
.zmtkb-workspace { display: grid; grid-template-columns: minmax(0, 1fr) 292px; gap: 18px; align-items: start; }
.zmtkb-main-column { min-width: 0; }
.zmtkb-composer { overflow: hidden; background: var(--kb-panel); border: 1px solid var(--kb-line); border-top: 4px solid var(--kb-teal); border-radius: 7px; box-shadow: 0 8px 20px rgba(30, 45, 48, .05); }
.zmtkb-composer > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; padding: 17px 19px 12px; }
.zmtkb-composer h2 { font-size: 17px; }.zmtkb-composer header p { margin-top: 3px; color: var(--kb-muted); font-size: 12px; }.zmtkb-composer header > span { color: var(--kb-faint); font-size: 11px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.zmtkb-composer textarea { display: block; width: calc(100% - 38px); min-height: 132px; margin: 0 19px; padding: 14px; resize: vertical; color: var(--kb-ink); background: #f8faf9; border: 1px solid #d4dcdd; border-radius: 6px; font-size: 14px; line-height: 1.75; outline: 0; }
.zmtkb-composer textarea:focus { background: #fff; border-color: var(--kb-teal); box-shadow: 0 0 0 3px rgba(8, 127, 121, .11); }.zmtkb-composer textarea::placeholder { color: #9ba4a7; }
.zmtkb-composer > footer { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 13px 19px 17px; }.zmtkb-composer > footer > span { display: inline-flex; align-items: center; gap: 5px; color: var(--kb-faint); font-size: 11px; }.zmtkb-composer > footer > span .dashicons { width: 15px; height: 15px; font-size: 15px; }.zmtkb-composer > footer > div { display: flex; gap: 8px; }
.zmtkb-button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 39px; padding: 8px 13px; border-radius: 5px; font-size: 13px; font-weight: 720; transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease; }.zmtkb-button .dashicons { width: 16px; height: 16px; font-size: 16px; }.zmtkb-button:disabled { opacity: .55; cursor: not-allowed; }
.zmtkb-button-primary { min-width: 166px; color: #fff; background: var(--kb-teal); border: 1px solid var(--kb-teal); box-shadow: 0 6px 15px rgba(8, 127, 121, .19); }.zmtkb-button-primary:hover { background: #056860; border-color: #056860; }.zmtkb-button-primary small { margin-left: 4px; padding-left: 8px; color: #cceae7; border-left: 1px solid rgba(255, 255, 255, .25); font-size: 10px; }
.zmtkb-button-secondary { color: #4d5c60; background: #fff; border: 1px solid var(--kb-line); }.zmtkb-button-secondary:hover { color: var(--kb-ink); border-color: #aebbbc; box-shadow: 0 6px 14px rgba(30, 43, 46, .06); }
.zmtkb-status { display: flex; align-items: center; gap: 8px; margin-top: 12px; padding: 10px 12px; color: #5e4b14; background: #fff8df; border: 1px solid #ead89b; border-radius: 6px; font-size: 12px; }.zmtkb-status.is-loading .dashicons { animation: zmtkb-spin .9s linear infinite; }.zmtkb-status.is-success { color: #1f684d; background: #edf8f1; border-color: #bfe1cc; }.zmtkb-status.is-error { color: #963840; background: #fff0f1; border-color: #efc8cd; }.zmtkb-status .dashicons { width: 17px; height: 17px; font-size: 17px; }@keyframes zmtkb-spin { to { transform: rotate(360deg); } }

.zmtkb-answer { min-height: 280px; margin-top: 13px; overflow: hidden; background: var(--kb-panel); border: 1px solid var(--kb-line); border-radius: 7px; }.zmtkb-empty-answer { display: grid; place-items: center; min-height: 280px; padding: 40px; color: var(--kb-muted); text-align: center; }.zmtkb-empty-answer > .dashicons { width: 33px; height: 33px; margin-bottom: 12px; color: var(--kb-teal); font-size: 33px; }.zmtkb-empty-answer h2 { color: var(--kb-ink); font-size: 17px; }.zmtkb-empty-answer p { margin-top: 5px; font-size: 13px; }
.zmtkb-answer-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 22px; padding: 20px 22px; color: #fff; background: #075d69; border-top: 4px solid var(--kb-gold); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .12); }.zmtkb-answer-head > div:first-child > span { color: #ffe29a; font-size: 11px; font-weight: 700; }.zmtkb-answer-head h2 { max-width: 690px; margin-top: 5px; font-size: 19px; line-height: 1.45; }.zmtkb-answer-head p { margin-top: 6px; color: #c7e3e2; font-size: 11px; }.zmtkb-answer-head > div:last-child { display: flex; align-items: center; gap: 7px; flex: 0 0 auto; }.zmtkb-answer-head .zmtkb-button-secondary { border-color: rgba(255,255,255,.32); color: #fff; background: transparent; }.zmtkb-answer-head .zmtkb-button-secondary:hover { background: rgba(255,255,255,.13); }
.zmtkb-icon-button { display: grid; place-items: center; width: 39px; height: 39px; color: #d9e1df; background: transparent; border: 1px solid rgba(255,255,255,.25); border-radius: 5px; }.zmtkb-icon-button:hover, .zmtkb-icon-button.is-active { color: #ffe09a; border-color: #d8ae48; background: rgba(196,145,37,.16); }.zmtkb-icon-button .dashicons { width: 18px; height: 18px; font-size: 18px; }
.zmtkb-judgment { display: grid; grid-template-columns: 35px minmax(0, 1fr); gap: 12px; margin: 18px 20px 0; padding: 15px; background: #eef7f6; border-left: 3px solid var(--kb-teal); }.zmtkb-judgment > span { display: grid; place-items: center; width: 34px; height: 34px; color: var(--kb-teal); background: #fff; border-radius: 5px; }.zmtkb-judgment > span .dashicons { width: 18px; height: 18px; font-size: 18px; }.zmtkb-judgment small { color: #42736e; font-size: 11px; font-weight: 720; }.zmtkb-judgment p { margin-top: 3px; color: #27524e; font-size: 14px; line-height: 1.7; }
.zmtkb-answer-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 18px 20px; }.zmtkb-answer-section { --answer-tone: var(--kb-teal); --answer-soft: #eaf6f4; --answer-line: #c9e2de; min-width: 0; padding: 14px; background: var(--answer-soft); border: 1px solid var(--answer-line); border-top: 3px solid var(--answer-tone); border-radius: 6px; }.zmtkb-answer-section.is-logic { --answer-tone: var(--kb-violet); --answer-soft: #f4f1fb; --answer-line: #d8d0ed; }.zmtkb-answer-section.is-steps { --answer-tone: var(--kb-blue); --answer-soft: #eef4ff; --answer-line: #cbdcf7; }.zmtkb-answer-section.is-pitfalls { --answer-tone: var(--kb-red); --answer-soft: #fff1f2; --answer-line: #f1ced2; }.zmtkb-answer-section.is-related { --answer-tone: var(--kb-gold); --answer-soft: #fff8e8; --answer-line: #eedca7; }.zmtkb-answer-section > header { display: flex; align-items: center; gap: 8px; }.zmtkb-answer-section > header > span { display: grid; place-items: center; width: 27px; height: 27px; color: var(--answer-tone); background: #fff; border: 1px solid var(--answer-line); border-radius: 4px; }.zmtkb-answer-section > header .dashicons { width: 15px; height: 15px; font-size: 15px; }.zmtkb-answer-section h3 { font-size: 13px; }.zmtkb-answer-section ul, .zmtkb-answer-section ol { display: grid; gap: 7px; margin: 11px 0 0; padding-left: 19px; color: #3e4d51; font-size: 12px; line-height: 1.7; }.zmtkb-answer-section li::marker { color: var(--answer-tone); font-weight: 700; }.zmtkb-answer-section li button { display: inline-flex; align-items: center; gap: 3px; padding: 0; color: var(--answer-tone); background: transparent; border: 0; font-size: 12px; text-align: left; }.zmtkb-answer-section li button:hover { text-decoration: underline; }.zmtkb-answer-section li button .dashicons { width: 14px; height: 14px; font-size: 14px; }
.zmtkb-answer > footer { display: flex; justify-content: space-between; gap: 15px; padding: 12px 20px 16px; color: var(--kb-faint); border-top: 1px solid var(--kb-line); font-size: 11px; }.zmtkb-answer > footer span { display: inline-flex; align-items: center; gap: 5px; }.zmtkb-answer > footer .dashicons { width: 15px; height: 15px; font-size: 15px; }.zmtkb-answer > footer strong { color: var(--kb-ink); }
.zmtkb-evidence-rail { position: sticky; top: 16px; display: grid; gap: 12px; }.zmtkb-answer-state, .zmtkb-citations { padding: 15px; background: var(--kb-panel); border: 1px solid var(--kb-line); border-radius: 7px; }.zmtkb-answer-state header, .zmtkb-citations header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }.zmtkb-answer-state h2, .zmtkb-citations h2 { font-size: 14px; }.zmtkb-answer-state header > span, .zmtkb-citations header > span { color: var(--kb-faint); font-size: 11px; }.zmtkb-answer-state header > span.is-curated { color: var(--kb-teal); }.zmtkb-answer-state header > span.is-evidence { color: var(--kb-green); }.zmtkb-answer-state header > span.is-general { color: var(--kb-orange); }.zmtkb-answer-state p { margin-top: 10px; color: var(--kb-muted); font-size: 12px; line-height: 1.7; }.zmtkb-citations article { padding: 12px 0; border-top: 1px solid var(--kb-line); }.zmtkb-citations article:first-of-type { margin-top: 10px; }.zmtkb-citations article > span { color: var(--kb-teal); font-size: 10px; font-weight: 700; }.zmtkb-citations h3 { margin-top: 3px; font-size: 12px; line-height: 1.5; }.zmtkb-citations p { margin-top: 4px; color: var(--kb-muted); font-size: 11px; line-height: 1.65; }.zmtkb-citations a { display: inline-flex; align-items: center; gap: 3px; margin-top: 7px; color: var(--kb-teal); font-size: 11px; text-decoration: none; }.zmtkb-citations a:hover { text-decoration: underline; }.zmtkb-citations a .dashicons { width: 13px; height: 13px; font-size: 13px; }

.zmtkb-mine-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }.zmtkb-mine-grid > section { overflow: hidden; background: var(--kb-panel); border: 1px solid var(--kb-line); border-radius: 7px; }.zmtkb-mine-grid > section > header { display: flex; align-items: center; justify-content: space-between; padding: 15px 16px; border-bottom: 1px solid var(--kb-line); }.zmtkb-mine-grid h3 { font-size: 15px; }.zmtkb-mine-grid > section > header span { color: var(--kb-faint); font-size: 11px; }.zmtkb-saved-list { padding: 0 12px; }.zmtkb-saved-list .zmtkb-faq-row { min-height: 64px; }.zmtkb-history-row { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto 16px; gap: 8px; align-items: center; width: 100%; min-height: 68px; padding: 10px 2px; color: var(--kb-ink); background: transparent; border: 0; border-bottom: 1px solid var(--kb-line); text-align: left; }.zmtkb-history-row:hover { background: #f0f7f6; }.zmtkb-history-row > span:first-child { display: grid; place-items: center; width: 27px; height: 27px; color: var(--kb-teal); background: #eaf6f4; border-radius: 4px; }.zmtkb-history-row > span:first-child .dashicons { width: 15px; height: 15px; font-size: 15px; }.zmtkb-history-row strong, .zmtkb-history-row small { display: block; }.zmtkb-history-row strong { overflow: hidden; font-size: 12px; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; }.zmtkb-history-row small { display: -webkit-box; margin-top: 2px; overflow: hidden; color: var(--kb-faint); font-size: 11px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }.zmtkb-history-row time { color: var(--kb-faint); font-size: 10px; white-space: nowrap; }.zmtkb-history-row > .dashicons { width: 16px; height: 16px; color: var(--kb-faint); font-size: 16px; }
.zmtkb-ask-options { margin-top: 12px; background: #f8faf9; border: 1px solid var(--kb-line); border-radius: 7px; }
.zmtkb-ask-options summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 64px; padding: 10px 13px; color: #506065; cursor: pointer; list-style: none; }.zmtkb-ask-options summary::-webkit-details-marker { display: none; }
.zmtkb-ask-options-copy { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 9px; align-items: center; min-width: 0; }.zmtkb-ask-options-icon { display: grid; place-items: center; width: 30px; height: 30px; color: #23756e; background: #e5f3f0; border-radius: 6px; }.zmtkb-ask-options-icon .dashicons { width: 16px; height: 16px; font-size: 16px; }.zmtkb-ask-options-copy strong,.zmtkb-ask-options-copy small { display: block; }.zmtkb-ask-options-copy strong { color: #2e4648; font-size: 13px; line-height: 1.35; }.zmtkb-ask-options-copy strong em { display: inline-flex; margin-left: 5px; padding: 2px 5px; color: #346d66; background: #eaf6f4; border-radius: 3px; font-size: 10px; font-style: normal; font-weight: 750; vertical-align: 1px; }.zmtkb-ask-options-copy small { margin-top: 2px; overflow: hidden; color: var(--kb-muted); font-size: 11px; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; }.zmtkb-ask-options-action { display: inline-flex; align-items: center; gap: 4px; flex: 0 0 auto; min-height: 34px; padding: 0 9px; color: #176d66; background: #fff; border: 1px solid #bbd8d4; border-radius: 5px; font-size: 11px; font-weight: 750; }.zmtkb-ask-options-action .dashicons { width: 15px; height: 15px; font-size: 15px; transition: transform 150ms ease-out; }.zmtkb-ask-options[open] { background: #fff; border-color: #b8d7d2; box-shadow: 0 0 0 3px rgba(8, 127, 121, .08); }.zmtkb-ask-options[open] .zmtkb-ask-options-action { color: #fff; background: var(--kb-teal); border-color: var(--kb-teal); }.zmtkb-ask-options[open] .zmtkb-ask-options-action .dashicons { transform: rotate(180deg); }.zmtkb-ask-options[open] .zmtkb-ask-options-action { font-size: 0; }.zmtkb-ask-options[open] .zmtkb-ask-options-action::before { content: "收起设置"; font-size: 11px; }
.zmtkb-ask-options > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 0 13px 13px; }
.zmtkb-ask-options label > span { display: block; margin-bottom: 5px; color: var(--kb-faint); font-size: 11px; }
.zmtkb-ask-options select, .zmtkb-export-control select, .zmtkb-history-search input { width: 100%; min-height: 38px; color: var(--kb-ink); background: #fff; border: 1px solid #cfd8d9; border-radius: 5px; }
.zmtkb-ask-options select { padding: 0 30px 0 9px; font-size: 12px; }
.zmtkb-source-ref { display: inline-flex; margin-left: 5px; color: #086e68; font-size: 11px; font-weight: 800; text-decoration: none; vertical-align: super; }
.zmtkb-source-ref:hover { text-decoration: underline; }
.zmtkb-citations article:target { background: #fff8dc; box-shadow: 0 0 0 8px #fff8dc; }
.zmtkb-export-control { display: inline-flex; }
.zmtkb-export-control select { width: 104px; min-height: 39px; padding: 0 25px 0 8px; color: #fff; background: #07515b; border-color: rgba(255,255,255,.32); font-size: 11px; }
.zmtkb-history-search { display: grid; grid-template-columns: 16px minmax(0, 1fr); align-items: center; gap: 5px; width: 220px; margin-top: 7px; padding-left: 8px; color: var(--kb-faint); background: #fff; border: 1px solid var(--kb-line); border-radius: 5px; }
.zmtkb-history-search input { min-height: 32px; padding: 0 7px 0 0; background: transparent; border: 0; outline: 0; font-size: 11px; }
.zmtkb-empty-block, .zmtkb-loading { display: flex; align-items: center; justify-content: center; min-height: 100px; padding: 18px; color: var(--kb-muted); background: var(--kb-panel); border: 1px dashed #cbd4d5; border-radius: 6px; font-size: 12px; text-align: center; }.zmtkb-loading { gap: 8px; border-style: solid; }.zmtkb-loading .dashicons { width: 17px; height: 17px; font-size: 17px; animation: zmtkb-spin .9s linear infinite; }.zmtkb-empty-block.is-error { color: #963840; background: #fff4f4; border-color: #edc8cc; }.zmtkb-mine-grid .zmtkb-empty-block { min-height: 164px; margin: 16px; }

@media (max-width: 1180px) { .zmtkb-category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.zmtkb-search-hero { grid-template-columns: 1fr; gap: 15px; }.zmtkb-search-hero::after { display: none; }.zmtkb-search-results { top: calc(100% - 16px); left: 30px; right: auto; }.zmtkb-workspace { grid-template-columns: minmax(0, 1fr) 255px; } }
@media (max-width: 900px) { .zmtkb-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.zmtkb-workspace { grid-template-columns: 1fr; }.zmtkb-evidence-rail { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }.zmtkb-category-directory, .zmtkb-mine-grid { grid-template-columns: 1fr; }.zmtkb-search-results { width: calc(100% - 60px); } }
@media (max-width: 680px) { .zmtkb-page-head { align-items: flex-start; flex-direction: column; gap: 12px; }.zmtkb-health { width: 100%; }.zmtkb-tabs { margin-right: -2px; margin-left: -2px; }.zmtkb-tabs button { min-height: 40px; padding: 0 11px; }.zmtkb-tabs b { font-size: 12px; }.zmtkb-tabs button::after { right: 11px; left: 11px; }.zmtkb-search-hero { min-height: 0; padding: 22px 18px; }.zmtkb-search-hero h2 { font-size: 20px; }.zmtkb-search-results { top: calc(100% - 12px); left: 18px; width: calc(100% - 36px); }.zmtkb-section-head, .zmtkb-section-title { align-items: flex-start; flex-direction: column; gap: 8px; }.zmtkb-category-grid, .zmtkb-featured-list, .zmtkb-faq-list, .zmtkb-answer-grid { grid-template-columns: 1fr; }.zmtkb-faq-list { padding: 0 12px; }.zmtkb-directory-row { grid-template-columns: 42px minmax(0, 1fr) 32px; padding: 14px; }.zmtkb-composer > footer, .zmtkb-answer-head, .zmtkb-answer > footer { align-items: stretch; flex-direction: column; }.zmtkb-composer > footer > div { justify-content: flex-end; flex-wrap: wrap; }.zmtkb-button-primary { min-width: 142px; }.zmtkb-answer-head > div:last-child { justify-content: flex-end; flex-wrap: wrap; }.zmtkb-export-control { flex: 1 1 120px; }.zmtkb-export-control select { width: 100%; }.zmtkb-ask-options > div { grid-template-columns: 1fr; }.zmtkb-evidence-rail { grid-template-columns: 1fr; }.zmtkb-learning-band { align-items: flex-start; }.zmtkb-mine-grid { grid-template-columns: 1fr; }.zmtkb-history-search { width: min(220px, 70vw); } }

/* Standalone product shell */
.zmt-knowledge-hub-page { background: #f5f7f6; }
.zmt-knowledge-hub-page .site-content,
.zmt-knowledge-hub-page .content-area,
.zmt-knowledge-hub-page .site-main,
.zmt-knowledge-hub-page article.page,
.zmt-knowledge-hub-page .entry-content { width: 100%; max-width: none; margin-right: 0; margin-left: 0; }
.zmt-knowledge-hub-page .entry-header,
.zmt-knowledge-hub-page article.page > header,
.zmt-knowledge-hub-page .widget-area { display: none; }
.zmt-knowledge-hub-page .entry-content { padding: 0; }
.zmt-knowledge-hub-page .zmtkb-app { width: min(1240px, calc(100% - 48px)); margin: 0 auto; padding: 42px 0 72px; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.zmt-knowledge-hub-page .zmtkb-app h1,
.zmt-knowledge-hub-page .zmtkb-app h2,
.zmt-knowledge-hub-page .zmtkb-app h3 { text-wrap: balance; }
.zmt-knowledge-hub-page .zmtkb-app p { text-wrap: pretty; }
.zmtkb-eyebrow, .zmtkb-section-kicker, .zmtkb-hero-kicker { display: block; color: var(--kb-teal); font-size: 10px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.zmtkb-page-head h1 { margin-top: 4px; font-size: clamp(28px, 3vw, 38px); letter-spacing: -.035em; }
.zmtkb-head-actions { display: flex; align-items: center; gap: 10px; }
.zmtkb-account-scope { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 12px; color: #39716c; background: #eaf6f4; border: 1px solid #c8e1dd; border-radius: 7px; font-size: 12px; font-weight: 700; white-space: nowrap; }
.zmtkb-account-scope .dashicons { width: 16px; height: 16px; font-size: 16px; }
.zmtkb-tabs { position: sticky; z-index: 7; top: 8px; width: fit-content; min-width: min(100%, 520px); padding: 5px; border-radius: 10px; box-shadow: 0 10px 28px rgba(30, 45, 48, .07), 0 1px 2px rgba(30, 45, 48, .06); }
.zmtkb-tabs button { flex: 1 0 auto; justify-content: center; border-radius: 7px; transition: color 150ms ease, background-color 150ms ease, transform 100ms ease; }
.zmtkb-tabs button:active,
.zmtkb-button:active,
.zmtkb-search-input button:active,
.zmtkb-category-card:active { transform: scale(.96); }
.zmtkb-search-hero { min-height: 210px; padding: 34px 38px; border-top: 0; border-radius: 14px; background: radial-gradient(circle at 82% 8%, rgba(29, 132, 123, .38), transparent 38%), linear-gradient(135deg, #17272b 0%, #24383b 100%); box-shadow: 0 20px 44px rgba(25, 40, 43, .18), 0 2px 4px rgba(25, 40, 43, .09); }
.zmtkb-search-hero h2 { margin-top: 6px; font-size: clamp(25px, 3vw, 34px); letter-spacing: -.025em; }
.zmtkb-search-hero .zmtkb-hero-kicker { color: #e0bd67; }
.zmtkb-search-input { min-height: 60px; border-radius: 10px; box-shadow: 0 8px 26px rgba(0, 0, 0, .18); }
.zmtkb-search-input button { width: 42px; height: 42px; border-radius: 7px; transition: background-color 150ms ease, transform 100ms ease; }
.zmtkb-category-card,
.zmtkb-faq-list,
.zmtkb-composer,
.zmtkb-answer,
.zmtkb-mine-grid > section { border-radius: 10px; box-shadow: 0 1px 2px rgba(31, 42, 45, .04); }
.zmtkb-category-card { min-height: 116px; padding: 17px; border-top-width: 1px; border-left: 3px solid var(--tone); }
.zmtkb-category-card:hover { box-shadow: 0 14px 30px rgba(31, 42, 45, .1); }
.zmtkb-button, .zmtkb-icon-button { min-height: 40px; }
.zmtkb-health { min-height: 48px; border-radius: 8px; transition: border-color 150ms ease, box-shadow 150ms ease, transform 100ms ease; }
.zmtkb-health:active { transform: scale(.98); }
.zmtkb-section-kicker { margin-bottom: 4px; }
.zmtkb-login { width: min(560px, calc(100% - 32px)); margin: 80px auto; padding: 48px; color: #233438; background: #fff; border: 1px solid #dce2e3; border-radius: 14px; box-shadow: 0 18px 48px rgba(31, 42, 45, .1); text-align: center; -webkit-font-smoothing: antialiased; }
.zmtkb-login > .dashicons { width: 42px; height: 42px; color: #087f79; font-size: 42px; }
.zmtkb-login h1 { margin: 14px 0 7px; font-size: 30px; }
.zmtkb-login p { margin: 0 0 22px; color: #667176; }
.zmtkb-login a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 20px; color: #fff; background: #087f79; border-radius: 7px; font-weight: 700; text-decoration: none; }

@media (max-width: 860px) {
  .zmt-knowledge-hub-page .zmtkb-app { width: min(100% - 28px, 1240px); padding-top: 28px; }
  .zmtkb-head-actions { width: 100%; align-items: stretch; flex-direction: column; }
  .zmtkb-account-scope { justify-content: center; }
  .zmtkb-search-hero { padding: 28px 24px; }
}

@media (max-width: 560px) {
  .zmt-knowledge-hub-page .zmtkb-app { width: min(100% - 20px, 1240px); }
  .zmtkb-tabs { top: 4px; width: 100%; min-width: 0; }
  .zmtkb-tabs button { min-width: 82px; padding: 0 9px; }
  .zmtkb-tabs .dashicons { display: none; }
  .zmtkb-search-hero { padding: 24px 18px; border-radius: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .zmtkb-app *, .zmtkb-app *::before, .zmtkb-app *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Premium full-width experience · v1.1 */
.zmt-knowledge-hub-page main.container,
.zmt-knowledge-hub-page .content-wrap,
.zmt-knowledge-hub-page .content-layout,
.zmt-knowledge-hub-page article.page-article,
.zmt-knowledge-hub-page article.page,
.zmt-knowledge-hub-page .wp-posts-content,
.zmt-knowledge-hub-page .entry-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.zmt-knowledge-hub-page article.page-article,
.zmt-knowledge-hub-page article.page {
  overflow: visible;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.zmt-knowledge-hub-page .zmtkb-app {
  --kb-ground: #f5f5f1;
  --kb-panel: #fff;
  --kb-ink: #192326;
  --kb-muted: #647074;
  --kb-line: #dfe4e1;
  --kb-teal: #087b72;
  --kb-teal-dark: #05645d;
  --kb-shadow: 0 0 0 1px rgba(0, 0, 0, .055), 0 1px 2px -1px rgba(0, 0, 0, .06), 0 6px 18px rgba(20, 35, 35, .035);
  --kb-shadow-hover: 0 0 0 1px rgba(0, 0, 0, .08), 0 4px 10px -3px rgba(0, 0, 0, .11), 0 18px 34px rgba(20, 35, 35, .08);
  --kb-page-gutter: clamp(24px, 4.2vw, 72px);
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 0 84px !important;
  background: var(--kb-ground);
  font-size: 15px;
}
.zmt-knowledge-hub-page .zmtkb-app [data-zmtkb-panel] {
  width: 100%;
  padding: 34px var(--kb-page-gutter) 0;
}
.zmt-knowledge-hub-page .zmtkb-app [data-zmtkb-panel="home"] {
  padding-top: 2px;
}

.zmtkb-search-hero {
  position: relative;
  display: block;
  width: auto;
  min-height: clamp(390px, 35vw, 520px);
  margin: 24px var(--kb-page-gutter) 0;
  padding: 0;
  overflow: hidden;
  color: #fff;
  background: #172126;
  border: 0;
  border-radius: 20px;
  box-shadow: 0 18px 46px rgba(19, 31, 34, .16), 0 2px 5px rgba(19, 31, 34, .08);
  isolation: isolate;
}
.zmtkb-search-hero::after { display: none; }
.zmtkb-hero-media,
.zmtkb-hero-shade {
  position: absolute;
  inset: 0;
}
.zmtkb-hero-media { z-index: -2; }
.zmtkb-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 58% center;
  outline: 1px solid rgba(0, 0, 0, .1);
  outline-offset: -1px;
}
.zmtkb-hero-shade {
  z-index: -1;
  background: linear-gradient(90deg, rgba(11, 19, 23, .96) 0%, rgba(11, 19, 23, .9) 31%, rgba(11, 19, 23, .57) 58%, rgba(11, 19, 23, .16) 100%), linear-gradient(0deg, rgba(8, 14, 16, .38), transparent 60%);
}
.zmtkb-hero-inner {
  position: relative;
  display: flex;
  min-height: inherit;
  padding: clamp(52px, 6vw, 88px) clamp(300px, 26vw, 390px) 38px clamp(24px, 5.2vw, 96px);
  flex-direction: column;
  justify-content: center;
}
.zmtkb-hero-copy { width: min(800px, 62vw); max-width: 100%; }
.zmtkb-hero-copy .zmtkb-eyebrow {
  color: #dfc16e;
  font-size: 11px;
  letter-spacing: .2em;
}
.zmtkb-hero-copy h1 {
  max-width: 800px;
  margin-top: 12px;
  color: #fff;
  font-size: clamp(52px, 5.2vw, 76px) !important;
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: -.045em;
  text-shadow: 0 2px 24px rgba(0, 0, 0, .2);
}
.zmtkb-hero-copy p {
  margin-top: 16px;
  color: rgba(242, 246, 244, .82);
  font-size: clamp(15px, 1.35vw, 19px);
  line-height: 1.65;
}
.zmtkb-hero-search-wrap {
  position: relative;
  width: min(880px, 68vw);
  max-width: 100%;
  margin-top: 28px;
}
.zmtkb-search-input {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  min-height: 74px;
  padding: 8px 8px 8px 21px;
  border: 2px solid rgba(255, 255, 255, .9);
  border-radius: 16px;
  box-shadow: 0 22px 54px rgba(0, 0, 0, .3), 0 2px 5px rgba(0, 0, 0, .14);
  transition: border-color 160ms ease-out, box-shadow 160ms ease-out;
}
.zmtkb-search-input:focus-within {
  border-color: #f0d88f;
  box-shadow: 0 0 0 4px rgba(240, 216, 143, .22), 0 20px 48px rgba(0, 0, 0, .24);
}
.zmtkb-search-input > .dashicons { width: 22px; height: 22px; font-size: 22px; }
.zmtkb-search-input input { padding: 0 11px; font-size: 17px; }
.zmtkb-search-input button {
  display: inline-flex;
  width: auto;
  min-width: 148px;
  height: 56px;
  padding: 0 21px 0 23px;
  gap: 8px;
  color: #fff;
  background: var(--kb-teal);
  border-radius: 9px;
  font-size: 15px;
  font-weight: 760;
  transition: background-color 150ms ease-out, box-shadow 150ms ease-out, transform 120ms ease-out;
}
.zmtkb-search-input button:hover { background: var(--kb-teal-dark); box-shadow: 0 8px 18px rgba(8, 123, 114, .26); }
.zmtkb-search-input button:hover .dashicons { transform: translateX(2px); }
.zmtkb-search-input button .dashicons { transition: transform 150ms ease-out; }
.zmtkb-search-results {
  top: calc(100% + 8px);
  right: 0;
  left: 0;
  width: 100%;
  border: 0;
  border-radius: 12px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .07), 0 22px 50px rgba(0, 0, 0, .24);
}
.zmtkb-quick-links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 14px;
}
.zmtkb-quick-links > span { margin-right: 2px; color: rgba(255, 255, 255, .55); font-size: 12px; }
.zmtkb-quick-links button {
  min-height: 40px;
  padding: 0 10px;
  color: rgba(255, 255, 255, .82);
  background: rgba(255, 255, 255, .075);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 999px;
  font-size: 12px;
  transition: color 150ms ease-out, background-color 150ms ease-out, border-color 150ms ease-out, transform 120ms ease-out;
}
.zmtkb-quick-links button:hover { color: #fff; background: rgba(255, 255, 255, .14); border-color: rgba(255, 255, 255, .28); }
.zmtkb-quick-links button:active { transform: scale(.96); }
.zmtkb-book-bridge {
  position: absolute;
  isolation: isolate;
  top: 50%;
  right: clamp(26px, 3.2vw, 54px);
  display: flex;
  width: clamp(238px, 21vw, 310px);
  min-height: 286px;
  padding: 24px;
  overflow: hidden;
  color: #102c30 !important;
  background: linear-gradient(145deg, #fffdf6 0%, #faedc8 48%, #edca78 100%);
  border: 1px solid rgba(255, 250, 225, .96);
  border-radius: 18px;
  box-shadow: 0 8px 0 #95691f, 0 28px 62px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .88), inset 0 -1px 0 rgba(116, 78, 20, .14);
  flex-direction: column;
  justify-content: space-between;
  text-decoration: none !important;
  transform: translateY(-50%);
  animation: zmtkb-book-bridge-glow 3.4s ease-in-out infinite;
  transition: border-color 180ms ease-out, box-shadow 180ms ease-out, transform 180ms ease-out;
}
.zmtkb-book-bridge::before {
  position: absolute;
  top: 0;
  right: 20px;
  left: 20px;
  z-index: 1;
  height: 3px;
  background: linear-gradient(90deg, transparent, #0c8179 22%, #c7912c 76%, transparent);
  border-radius: 0 0 3px 3px;
  content: "";
}
.zmtkb-book-bridge::after {
  position: absolute;
  top: -35%;
  bottom: -35%;
  left: -42%;
  z-index: 0;
  width: 26%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .58), transparent);
  content: "";
  pointer-events: none;
  transform: skewX(-18deg);
  transition: transform 520ms ease-out;
}
.zmtkb-book-bridge > * { position: relative; z-index: 1; }
.zmtkb-book-bridge:hover {
  color: #102c30 !important;
  border-color: #fff8dc;
  box-shadow: 0 11px 0 #845a19, 0 38px 82px rgba(0, 0, 0, .48), inset 0 1px 0 #fff, inset 0 -1px 0 rgba(116, 78, 20, .12);
  transform: translateY(calc(-50% - 7px)) rotateY(-1.5deg) scale(1.015);
}
.zmtkb-book-bridge:hover::after { transform: translateX(620%) skewX(-18deg); }
.zmtkb-book-bridge:active { box-shadow: 0 3px 0 #845a19, 0 15px 34px rgba(0, 0, 0, .38), inset 0 1px 0 #fff; transform: translateY(calc(-50% + 4px)) scale(.975); }
.zmtkb-book-bridge:active .zmtkb-book-bridge__action { box-shadow: 0 2px 0 #07544f, 0 5px 10px rgba(5, 79, 73, .2); transform: translateY(3px); }
.zmtkb-book-bridge:focus-visible { outline: 3px solid #fff2bf; outline-offset: 5px; }
.zmtkb-book-bridge__top { display: flex; align-items: center; gap: 10px; color: #785618; font-family: Georgia, "Times New Roman", serif; font-size: 9px; font-weight: 750; letter-spacing: .16em; }
.zmtkb-book-bridge__mark { display: flex; align-items: flex-end; gap: 2px; height: 26px; }
.zmtkb-book-bridge__mark i { display: block; width: 7px; height: 20px; background: #b47c20; border: 1px solid rgba(76, 48, 8, .18); border-radius: 1px 2px 2px 1px; box-shadow: inset 1px 0 rgba(255, 255, 255, .35); transform: rotate(-3deg); }
.zmtkb-book-bridge__mark i:nth-child(2) { height: 25px; background: #183a3f; transform: none; }
.zmtkb-book-bridge__mark i:nth-child(3) { height: 18px; background: #0d837b; transform: rotate(4deg); }
.zmtkb-book-bridge strong { display: block; margin-top: 18px; color: #102c30; font-family: "Songti SC", "Noto Serif SC", SimSun, serif; font-size: clamp(25px, 2.2vw, 34px); font-weight: 700; line-height: 1.25; letter-spacing: .025em; text-shadow: 0 1px rgba(255, 255, 255, .72); text-wrap: balance; }
.zmtkb-book-bridge p { margin-top: 13px; color: rgba(16, 44, 48, .72); font-size: 12px; line-height: 1.75; text-wrap: pretty; }
.zmtkb-book-bridge__action { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 44px; margin-top: 20px; padding: 0 14px; color: #fff; background: linear-gradient(135deg, #0f8d84, #08736d); border: 1px solid rgba(4, 86, 81, .34); border-radius: 10px; box-shadow: 0 5px 0 #07544f, 0 11px 22px rgba(5, 79, 73, .24), inset 0 1px rgba(255, 255, 255, .22); font-size: 12px; font-weight: 800; letter-spacing: .02em; animation: zmtkb-book-bridge-cta 2.4s ease-in-out infinite; transition: box-shadow 140ms ease-out, transform 140ms ease-out; }
.zmtkb-book-bridge__action .dashicons { width: 17px; height: 17px; font-size: 17px; transition: transform 150ms ease-out; }
.zmtkb-book-bridge:hover .zmtkb-book-bridge__action { background: linear-gradient(135deg, #119b91, #08736d); box-shadow: 0 7px 0 #07544f, 0 15px 28px rgba(5, 79, 73, .3), inset 0 1px rgba(255, 255, 255, .28); }
.zmtkb-book-bridge:hover .zmtkb-book-bridge__action .dashicons { transform: translateX(4px); }
@keyframes zmtkb-book-bridge-glow {
  0%, 100% { filter: drop-shadow(0 0 0 rgba(240, 202, 104, 0)); }
  50% { filter: drop-shadow(0 0 11px rgba(240, 202, 104, .34)); }
}
@keyframes zmtkb-book-bridge-cta {
  0%, 100% { box-shadow: 0 5px 0 #07544f, 0 11px 22px rgba(5, 79, 73, .24), inset 0 1px rgba(255, 255, 255, .22); }
  50% { box-shadow: 0 5px 0 #07544f, 0 13px 28px rgba(5, 79, 73, .38), 0 0 0 4px rgba(15, 141, 132, .09), inset 0 1px rgba(255, 255, 255, .28); }
}
.zmtkb-tab-bar {
  position: sticky;
  z-index: 20;
  top: 0;
  display: flex;
  width: 100%;
  min-height: 68px;
  padding: 9px var(--kb-page-gutter);
  background: rgba(255, 255, 255, .92);
  border-bottom: 1px solid rgba(20, 35, 35, .08);
  box-shadow: 0 8px 28px rgba(20, 35, 35, .055);
  backdrop-filter: blur(18px) saturate(140%);
}
.zmtkb-tab-bar .zmtkb-tabs {
  position: static;
  width: auto;
  min-width: 0;
  min-height: 50px;
  margin: 0;
  padding: 0;
  gap: 4px;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.zmtkb-tabs button {
  min-width: 130px;
  min-height: 48px;
  padding: 0 17px;
  border-radius: 9px;
  transition: color 150ms ease-out, background-color 150ms ease-out, box-shadow 150ms ease-out, transform 120ms ease-out;
}
.zmtkb-tabs button::after { display: none; }
.zmtkb-tabs button:hover { background: #f0f4f2; }
.zmtkb-tabs button.is-active { color: #075f59; background: #e5f3f0; box-shadow: inset 0 0 0 1px rgba(8, 123, 114, .08); }

.zmtkb-section + .zmtkb-section { margin-top: 0; }
.zmtkb-section-head,
.zmtkb-section-title { margin-bottom: 8px; }
.zmtkb-section-head h2,
.zmtkb-section-title h2 { font-size: clamp(23px, 2vw, 30px); letter-spacing: -.025em; }
.zmtkb-section-head p,
.zmtkb-section-title p { margin-top: 2px; font-size: 14px; }
.zmtkb-section-kicker { margin-bottom: 7px; color: var(--kb-teal); font-size: 10px; }
.zmtkb-text-button {
  min-height: 44px;
  padding: 0 13px 0 15px;
  border-radius: 8px;
  font-size: 13px;
  transition: color 150ms ease-out, background-color 150ms ease-out, transform 120ms ease-out;
}
.zmtkb-text-button:hover { background: #e8f2f0; }
.zmtkb-text-button:hover .dashicons { transform: translateX(2px); }
.zmtkb-text-button .dashicons { transition: transform 150ms ease-out; }
.zmtkb-category-grid { gap: 16px; }
.zmtkb-category-card {
  min-height: 142px;
  padding: 22px;
  grid-template-columns: 50px minmax(0, 1fr) 20px;
  gap: 14px;
  background: var(--kb-panel);
  border: 0;
  border-left: 0;
  border-radius: 14px;
  box-shadow: var(--kb-shadow);
  transition: box-shadow 170ms ease-out, transform 170ms ease-out;
}
.zmtkb-category-card:hover { transform: translateY(-3px); border-color: transparent; box-shadow: var(--kb-shadow-hover); }
.zmtkb-category-card:active { transform: scale(.96); }
.zmtkb-category-icon { width: 50px; height: 50px; border-radius: 10px; }
.zmtkb-category-icon .dashicons { width: 23px; height: 23px; font-size: 23px; }
.zmtkb-category-copy strong { font-size: 16px; }
.zmtkb-category-copy small { margin-top: 6px; font-size: 13px; line-height: 1.55; }
.zmtkb-category-arrow { opacity: .58; transition: opacity 150ms ease-out, transform 150ms ease-out; }
.zmtkb-category-card:hover .zmtkb-category-arrow { opacity: 1; transform: translateX(3px); }
.zmtkb-featured-section { padding-top: 8px; border-top-color: rgba(25, 35, 38, .1); }
.zmtkb-featured-list,
.zmtkb-faq-list {
  gap: 12px 18px;
  padding: 16px;
  background: rgba(255, 255, 255, .72);
  border: 0;
  border-radius: 16px;
  box-shadow: var(--kb-shadow);
}
.zmtkb-featured-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.zmtkb-faq-row {
  min-height: 86px;
  padding: 14px 15px;
  background: #fff;
  border: 0;
  border-radius: 10px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .045);
  transition: color 150ms ease-out, background-color 150ms ease-out, box-shadow 150ms ease-out, transform 150ms ease-out;
}
.zmtkb-faq-row:hover { transform: translateY(-1px); background: #fff; border-color: transparent; box-shadow: 0 0 0 1px rgba(8, 123, 114, .16), 0 8px 20px rgba(20, 35, 35, .07); }
.zmtkb-faq-row:active { transform: scale(.985); }
.zmtkb-faq-number {
  width: 34px;
  height: 34px;
  color: var(--kb-teal);
  background: #e9f5f2;
  border-radius: 8px;
}
.zmtkb-faq-number .dashicons { width: 17px; height: 17px; font-size: 17px; }
.zmtkb-faq-copy strong { font-size: 14px; }
.zmtkb-faq-copy small { margin-top: 4px; font-size: 12px; }
.zmtkb-faq-tail .dashicons-arrow-right-alt2 { opacity: .48; transition: opacity 150ms ease-out, transform 150ms ease-out; }
.zmtkb-faq-row:hover .zmtkb-faq-tail .dashicons-arrow-right-alt2 { opacity: 1; transform: translateX(2px); }

.zmtkb-category-filter { gap: 9px; margin-bottom: 22px; }
.zmtkb-category-filter button {
  min-height: 42px;
  padding: 0 14px;
  border-radius: 9px;
  font-size: 13px;
  transition: color 150ms ease-out, background-color 150ms ease-out, border-color 150ms ease-out, box-shadow 150ms ease-out, transform 120ms ease-out;
}
.zmtkb-category-filter button:active { transform: scale(.96); }
.zmtkb-faq-list { column-gap: 16px; }
.zmtkb-faq-list .zmtkb-faq-row { min-height: 86px; }

.zmtkb-button {
  min-height: 44px;
  padding: 9px 15px 9px 17px;
  border-radius: 9px;
  transition: color 150ms ease-out, background-color 150ms ease-out, border-color 150ms ease-out, box-shadow 150ms ease-out, transform 120ms ease-out;
}
.zmtkb-icon-button { width: 44px; height: 44px; }
.zmtkb-button:active:not(:disabled) { transform: scale(.96); }
.zmtkb-button-primary { background: var(--kb-teal); border-color: var(--kb-teal); box-shadow: 0 7px 18px rgba(8, 123, 114, .2); }
.zmtkb-button-primary:hover { background: var(--kb-teal-dark); border-color: var(--kb-teal-dark); box-shadow: 0 10px 24px rgba(8, 123, 114, .26); }
.zmtkb-button-secondary { border-color: transparent; box-shadow: var(--kb-shadow); }
.zmtkb-button-secondary:hover { border-color: transparent; box-shadow: var(--kb-shadow-hover); }
.zmtkb-learning-band,
.zmtkb-composer,
.zmtkb-answer,
.zmtkb-answer-state,
.zmtkb-citations,
.zmtkb-mine-grid > section {
  border: 0;
  border-radius: 14px;
  box-shadow: var(--kb-shadow);
}
.zmtkb-learning-band { padding: 17px 19px; background: #e8f4f1; }
.zmtkb-composer { border-top: 4px solid var(--kb-teal); }
.zmtkb-composer > header { padding: 23px 25px 15px; }
.zmtkb-composer h2 { font-size: 20px; }
.zmtkb-composer header p { font-size: 13px; }
.zmtkb-composer textarea {
  width: calc(100% - 50px);
  min-height: 160px;
  margin: 0 25px;
  padding: 17px;
  border-radius: 10px;
  font-size: 15px;
  transition: background-color 150ms ease-out, border-color 150ms ease-out, box-shadow 150ms ease-out;
}
.zmtkb-composer > footer { padding: 16px 25px 22px; }
.zmtkb-ask-options { margin: 15px 25px 0; border-radius: 11px; }
.zmtkb-answer { margin-top: 18px; }
.zmtkb-answer { scroll-margin-top: 86px; }
.zmtkb-app.is-reading .zmtkb-learning-band,
.zmtkb-app.is-reading .zmtkb-composer { display: none; }
.zmtkb-app.is-reading .zmtkb-answer { margin-top: 0; }
.zmtkb-answer-head { padding: 27px 30px; background: linear-gradient(135deg, #075e68, #087b72); border-top: 0; }
.zmtkb-answer-head h2 { font-size: 23px; }
.zmtkb-answer-back { margin-bottom: 16px; }
.zmtkb-answer-head .zmtkb-answer-back { color: #fff; background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .18); box-shadow: none; }
.zmtkb-answer-head .zmtkb-answer-back:hover { background: rgba(255, 255, 255, .17); border-color: rgba(255, 255, 255, .28); box-shadow: none; }
.zmtkb-judgment { margin: 25px 28px 0; padding: 20px; border-radius: 10px; }
.zmtkb-judgment p { font-size: 15px; }
.zmtkb-answer-grid { gap: 16px; padding: 22px 28px; }
.zmtkb-answer-section { padding: 18px; border-radius: 10px; }
.zmtkb-answer-section h3 { font-size: 15px; }
.zmtkb-answer-section ul,
.zmtkb-answer-section ol { font-size: 14px; }
.zmtkb-evidence-rail { top: 84px; gap: 16px; }
.zmtkb-answer-state,
.zmtkb-citations { padding: 19px; }
.zmtkb-mine-grid { gap: 22px; }
.zmtkb-mine-grid > section > header { padding: 20px 22px; }
.zmtkb-empty-block,
.zmtkb-loading { min-height: 128px; border-radius: 12px; font-size: 14px; }

@media (min-width: 1640px) {
  .zmtkb-category-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .zmtkb-workspace { grid-template-columns: minmax(0, 1fr) 330px; gap: 28px; }
}
@media (max-width: 980px) {
  .zmtkb-hero-inner { padding-right: clamp(24px, 5.2vw, 96px); }
  .zmtkb-hero-copy,
  .zmtkb-hero-search-wrap { width: min(860px, 84vw); }
  .zmtkb-book-bridge { position: relative; top: auto; right: auto; width: min(860px, 84vw); min-height: 0; margin-top: 24px; padding: 18px 20px; transform: none; }
  .zmtkb-book-bridge:hover { transform: translateY(-3px); }
  .zmtkb-book-bridge:active { transform: scale(.96); }
  .zmtkb-book-bridge strong { margin-top: 12px; font-size: 26px; }
  .zmtkb-book-bridge p { margin-top: 8px; }
  .zmtkb-book-bridge__action { margin-top: 12px; }
  .zmtkb-hero-shade { background: linear-gradient(90deg, rgba(11, 19, 23, .96) 0%, rgba(11, 19, 23, .84) 50%, rgba(11, 19, 23, .32) 100%); }
  .zmtkb-tab-bar { overflow-x: auto; }
  .zmtkb-tabs button { min-width: 122px; }
}
@media (max-width: 680px) {
  .zmt-knowledge-hub-page .zmtkb-app { --kb-page-gutter: 16px; }
  .zmt-knowledge-hub-page .zmtkb-app [data-zmtkb-panel] { padding: 24px var(--kb-page-gutter) 0; }
  .zmt-knowledge-hub-page .zmtkb-app [data-zmtkb-panel="home"] { padding-top: 2px; }
  .zmtkb-search-hero { min-height: 530px; }
  .zmtkb-hero-media img { object-position: 68% center; }
  .zmtkb-hero-shade { background: linear-gradient(90deg, rgba(8, 14, 17, .94), rgba(8, 14, 17, .74)), linear-gradient(0deg, rgba(8, 14, 17, .78), transparent 68%); }
  .zmtkb-hero-inner { justify-content: flex-end; padding: 56px 18px 30px; }
  .zmtkb-hero-copy,
  .zmtkb-hero-search-wrap,
  .zmtkb-book-bridge { width: 100%; }
  .zmtkb-hero-copy h1 { font-size: clamp(42px, 12vw, 50px) !important; }
  .zmtkb-hero-copy p { font-size: 15px; }
  .zmtkb-hero-search-wrap { margin-top: 24px; }
  .zmtkb-search-input { grid-template-columns: 20px minmax(0, 1fr) 52px; min-height: 64px; padding: 5px 5px 5px 14px; border-radius: 12px; }
  .zmtkb-search-input input { padding: 0 8px; font-size: 15px; }
  .zmtkb-search-input button { width: 52px; min-width: 52px; height: 52px; padding: 0; border-radius: 9px; }
  .zmtkb-search-input button > span:first-child { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .zmtkb-quick-links { gap: 6px; }
  .zmtkb-quick-links > span { width: 100%; }
  .zmtkb-book-bridge { margin-top: 18px; border-radius: 14px; }
  .zmtkb-tab-bar { min-height: 60px; padding: 6px 10px; }
  .zmtkb-tab-bar .zmtkb-tabs { width: 100%; }
  .zmtkb-tabs button { min-width: 92px; min-height: 46px; padding: 0 10px; }
  .zmtkb-tabs .dashicons { display: none; }
  .zmtkb-category-grid,
  .zmtkb-featured-list,
  .zmtkb-faq-list { grid-template-columns: 1fr; }
  .zmtkb-category-card { min-height: 122px; padding: 18px; }
  .zmtkb-featured-list,
  .zmtkb-faq-list { padding: 10px; border-radius: 13px; }
  .zmtkb-ask-options { margin-right: 16px; margin-left: 16px; }
  .zmtkb-composer > header { padding-right: 18px; padding-left: 18px; }
  .zmtkb-composer textarea { width: calc(100% - 36px); margin-right: 18px; margin-left: 18px; }
  .zmtkb-composer > footer { padding-right: 18px; padding-left: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .zmtkb-book-bridge,
  .zmtkb-book-bridge__action { animation: none !important; }
  .zmtkb-book-bridge::after,
  .zmtkb-book-bridge__action,
  .zmtkb-book-bridge__action .dashicons { transition: none !important; }
}

/* Mobile question flow: keep the existing teal controls and reclaim reading width. */
@media (max-width: 680px) {
  .zmt-knowledge-hub-page .zmtkb-app { --kb-page-gutter: 8px; }
  .zmt-knowledge-hub-page .zmtkb-app [data-zmtkb-panel="ask"] { padding-top: 12px; }
  .zmtkb-learning-band { display: none; }
  .zmtkb-composer > header { gap: 8px; padding: 14px 12px 10px; }
  .zmtkb-composer h2 { font-size: 17px; }
  .zmtkb-composer header p { display: none; }
  .zmtkb-composer textarea { width: calc(100% - 24px); min-height: 116px; height: 132px; margin: 0 12px; padding: 12px; font-size: 16px; line-height: 1.65; }
  .zmtkb-ask-options { margin: 10px 12px 0; }
  .zmtkb-ask-options summary { min-height: 46px; padding: 6px 9px; gap: 6px; }
  .zmtkb-ask-options-copy { display: block; }
  .zmtkb-ask-options-icon, .zmtkb-ask-options-copy small { display: none; }
  .zmtkb-ask-options-action { min-height: 32px; border: 0; background: transparent; }
  .zmtkb-ask-options select { min-height: 44px; font-size: 16px; }
  .zmtkb-composer > footer { padding: 12px; }
  .zmtkb-composer > footer > span { display: none; }
  .zmtkb-composer > footer > div { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px; }
  .zmtkb-composer .zmtkb-button { min-width: 0; min-height: 48px; font-size: 15px; }
  .zmtkb-composer .zmtkb-button-primary { display: grid; grid-template-columns: 16px auto; column-gap: 6px; row-gap: 2px; justify-content: center; }
  .zmtkb-composer .zmtkb-button-primary small { grid-column: 1 / -1; margin: 0; padding: 0; border: 0; font-size: 11px; line-height: 1.3; }
  .zmtkb-status { scroll-margin-top: 90px; line-height: 1.6; }
  .zmtkb-answer { min-height: 0; margin-top: 12px; scroll-margin-top: 90px; }
  .zmtkb-empty-answer { min-height: 108px; padding: 18px 12px; }
  .zmtkb-empty-answer > .dashicons { display: none; }
  .zmtkb-empty-answer h2 { font-size: 15px; }
  .zmtkb-app:not(.has-answer) .zmtkb-evidence-rail { display: none; }
  .zmtkb-answer-head { padding: 18px 14px; gap: 12px; }
  .zmtkb-answer-head h2 { font-size: 20px; }
  .zmtkb-answer-head .zmtkb-button, .zmtkb-answer-head .zmtkb-icon-button { min-height: 44px; }
  .zmtkb-judgment { margin: 12px 12px 0; padding: 12px; grid-template-columns: minmax(0, 1fr); }
  .zmtkb-judgment > span { display: none; }
  .zmtkb-answer-grid { padding: 12px; gap: 12px; }
  .zmtkb-answer-section { padding: 12px; }
  .zmtkb-answer-section li button { min-height: 40px; font-size: 14px; }
  .zmtkb-answer p, .zmtkb-answer li { overflow-wrap: anywhere; }
}