.k-document { height: auto; min-height: 100%; overflow-x: clip; }
.k-page { height: auto; min-height: 100vh; overflow-x: clip; background: var(--rhino-50); }
.k-page > main { margin-top: max(6rem, var(--spacing-3XL)); color: var(--rhino-800); line-height: 1.5; }
.k-page main [hidden] { display: none !important; }
.k-page main a:where(:not(.btn)) { color: inherit; }
.k-page main a:focus-visible { outline: 3px solid var(--jaffa-600); outline-offset: 5px; }
.k-page main img { max-width: 100%; }
.k-container { width: min(var(--grid-container-max-width), calc(100% - 64px)); margin-inline: auto; }
.k-catalog { display: grid; grid-template-columns: minmax(0, 2fr) minmax(250px, .9fr); gap: 64px; align-items: start; padding-block: 48px 80px; }
.k-topics { grid-column: 2; grid-row: 1; text-align: right; }
.k-heading { display: flex; justify-content: flex-end; align-items: center; gap: 20px; margin-bottom: 32px; }
.k-heading h1 { font-size: clamp(40px, 5.2vw, 72px); font-weight: 800; line-height: 1; margin: 0; }
.k-heading img { width: 74px; height: 74px; }
.k-topics h2 { font-size: 29px; line-height: 1.2; margin: 30px 0 20px; }
.k-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.k-tag { display: inline-flex; gap: 6px; border-radius: 30px; background: var(--jaffa-50); color: var(--jaffa-600) !important; font-size: var(--font-SM); line-height: 1.35; text-decoration: none; padding: 5px 11px; }
.k-tag:hover, .k-tag.is-active { background: var(--jaffa-100); color: var(--jaffa-800) !important; }
.k-tag.is-active { outline: 2px solid var(--jaffa-600); outline-offset: 1px; }
.k-topics .k-tags { justify-content: flex-end; gap: 8px; }
.k-topics .k-tag { font-size: var(--font-Base); padding: 8px 15px; }
.k-reset { display: inline-block; margin-top: 24px; text-underline-offset: 5px; }
.k-feed { grid-column: 1; grid-row: 1; min-width: 0; }
.k-card { display: grid; grid-template-columns: 155px minmax(0, 1fr); gap: 20px; margin-bottom: 36px; }
.k-card-image { display: block; }
.k-card-image img { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; background: var(--rhino-50); display: block; }
.k-card-body { min-width: 0; border-left: 1px solid var(--jaffa-300); padding: 0 0 16px 18px; }
.k-meta { display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: baseline; font-size: var(--font-SM); margin: 0 0 22px -19px; }
.k-meta time, .k-byline time, .k-related time { background: var(--jaffa-300); color: var(--jaffa-900); padding: 3px 9px; white-space: nowrap; }
.k-meta > span { color: var(--jaffa-600); }
.k-reading-time { display: inline-flex; align-items: center; gap: 5px; padding: 2px 7px; border: 1px solid #CDD6E4; border-radius: 999px; background: #E8EDF5; color: #354764; font-size: 12px; line-height: 1.4; white-space: nowrap; flex-shrink: 0; }
.k-reading-time img { display: block; flex-shrink: 0; }
.k-meta > .k-reading-time { margin-inline-start: auto; color: #354764; white-space: nowrap; }
.k-card h2 { margin: 0 0 10px; font-size: var(--font-FS-6); line-height: 1.3; font-weight: 700; overflow-wrap: anywhere; }
.k-card h2 a { text-decoration: none; }
.k-card h2 a:hover { text-decoration: underline; text-underline-offset: 4px; }
.k-card p { font-size: var(--font-Base); line-height: 1.5; margin: 0 0 12px; }
.k-read { display: inline-block; font-size: 14px; text-underline-offset: 4px; margin-top: 16px; }
.k-card:first-child { display: block; margin-bottom: 40px; }
.k-card:first-child .k-card-image img { aspect-ratio: 3 / 2; }
.k-card:first-child .k-card-body { margin: 16px 16px 0; padding: 0 0 24px 20px; }
.k-card:first-child .k-meta { margin-left: -21px; }
.k-card:first-child h2 { font-size: 30px; }
.k-more { margin: var(--spacing-LG) auto 0; }
.k-more[aria-disabled="true"] { opacity: .65; cursor: wait; }
.k-filter-label { margin: 0 0 24px; }
.k-empty { padding: 40px 0; }
.k-hero { background: var(--rhino-800); padding: 0 32px; }
.k-hero > img { display: block; width: min(1150px, 100%); height: auto; max-height: 670px; object-fit: contain; margin: auto; }
.k-article-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(230px, .85fr); align-items: start; position: relative; margin-top: -60px; }
.k-article { background: white; padding: 36px 32px 48px; min-width: 0; }
.k-article-heading { display: grid; grid-template-columns: 135px minmax(0, 1fr); gap: 28px; margin: 0 0 36px; }
.k-byline { border-right: 1px solid var(--jaffa-300); padding-right: 16px; text-align: right; font-size: var(--font-SM); }
.k-byline p { margin: 9px 0; overflow-wrap: anywhere; }
.k-byline p:first-of-type { color: var(--jaffa-600); }
.k-byline .k-reading-time { max-width: 100%; box-sizing: border-box; text-align: center; }
.k-article h1 { font-size: clamp(28px, 3.4vw, 46px); line-height: 1.15; font-weight: 800; margin: 0 0 20px; overflow-wrap: anywhere; }
.k-prose { font-size: 17px; line-height: 1.7; overflow-wrap: anywhere; }
.k-article-audio { min-height: 90px; margin-bottom: 24px; }
.k-prose p { margin: 0 0 24px; }
.k-prose p:has(+ ul), .k-prose p:has(+ ol) { margin-bottom: 8px; }
.k-prose p + ul, .k-prose p + ol { margin-top: 0; }
.k-prose ul, .k-prose ol { margin-bottom: 24px; }
.k-prose .lead { font-size: 20px; line-height: 1.65; }
.k-prose h2 { font-size: var(--font-FS-5); line-height: 1.3; margin: 36px 0 16px; }
.k-prose h3 { font-size: var(--font-FS-6); margin-bottom: 16px; }
.k-page main .k-prose a { color: var(--jaffa-600); font-weight: 600; text-decoration-line: underline; text-decoration-color: currentColor; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.k-page main .k-prose a:hover { color: var(--jaffa-800); text-decoration-thickness: 3px; }
.k-prose ul { list-style: square; padding-left: 24px; }
.k-prose ol { list-style: decimal; padding-left: 24px; }
.k-prose img { height: auto; }
.k-back { display: inline-block; margin-top: 16px; text-underline-offset: 5px; }
.k-related { position: relative; isolation: isolate; padding: 120px 24px 50px 36px; }
.k-related::before { content: ''; position: absolute; inset: 0; z-index: -1; background: url('/assets/img/bg/Recommend.png') bottom right / contain no-repeat; filter: blur(4px); opacity: .3; pointer-events: none; }
.k-related h2 { font-size: 27px; margin: 0 0 24px; text-align: right; }
.k-related article { margin-bottom: 25px; }
.k-related article > a { display: grid; grid-template-columns: 85px minmax(0, 1fr); gap: 12px; text-decoration: none; }
.k-related article > a:hover h3 { text-decoration: underline; }
.k-related img { width: 85px; height: 85px; object-fit: contain; }
.k-related h3 { font-size: var(--font-Base); line-height: 1.3; margin: 8px 0 0; }
.k-related time { font-size: 11px; }
.k-authors { padding: 44px 0 60px; background: var(--rhino-50); }
.k-authors h2 { font-size: 32px; line-height: 1.2; margin: 0 0 32px; }
.k-author-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 32px; }
.k-author { max-width: 480px; }
.k-author-visual { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 120px; border-bottom: 1px solid var(--rhino-200); margin-bottom: 24px; }
.k-author-logo { max-width: 180px !important; height: 85px; object-fit: contain; }
.k-author-photo { width: 120px; height: 120px; object-fit: cover; border-radius: 50%; }
.k-author h3 { font-size: 25px; line-height: 1.3; margin: 0 0 6px; }
.k-author .k-role { margin-top: 0; }
.k-author > p { font-size: var(--font-Base); }
.k-not-found { min-height: 50vh; padding-block: 60px; }
.k-not-found .k-more { margin: var(--spacing-LG) auto 0; }
.k-sr-only, .k-skip { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.k-skip:focus { z-index: 100; clip-path: none; width: auto; height: auto; padding: 12px; background: white; left: 12px; top: 12px; }
@media (max-width: 1050px) {
  .k-catalog { gap: 32px; grid-template-columns: minmax(0, 1.8fr) minmax(225px, 1fr); }
  .k-card { grid-template-columns: 120px minmax(0, 1fr); gap: 15px; }
  .k-card h2 { font-size: 21px; }
  .k-article-heading { grid-template-columns: 1fr; gap: 20px; }
  .k-byline { border: 0; text-align: left; display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 12px; }
  .k-byline p { margin: 0; }
  .k-related { padding-inline: 24px 0; }
}
@media (max-width: 760px) {
  .k-container { width: calc(100% - 36px); }
  .k-catalog { display: flex; flex-direction: column; gap: 28px; padding-top: 28px; padding-bottom: 48px; }
  .k-topics { width: 100%; text-align: left; }
  .k-heading { justify-content: space-between; margin-bottom: 20px; }
  .k-heading h1 { font-size: 48px; }
  .k-heading img { width: 60px; height: 60px; }
  .k-topics h2 { font-size: var(--font-FS-6); margin: 0 0 12px; }
  .k-topics .k-tags { justify-content: flex-start; }
  .k-topics .k-tag { font-size: 13px; padding: 7px 12px; }
  .k-feed { width: 100%; }
  .k-card:first-child h2 { font-size: 26px; }
  .k-card:first-child .k-card-body { margin-inline: 8px; }
  .k-card { grid-template-columns: 100px minmax(0, 1fr); gap: 12px; }
  .k-card h2 { font-size: 20px; }
  .k-card p { font-size: 15px; }
  .k-meta { margin-bottom: 14px; }
  .k-hero { padding: 0; }
  .k-article-layout { display: block; margin-top: 0; width: 100%; }
  .k-article { padding: 28px 18px 40px; }
  .k-article h1 { font-size: 31px; }
  .k-article-heading { margin-bottom: 26px; }
  .k-prose { font-size: var(--font-Base); }
  .k-prose .lead { font-size: 18px; }
  .k-related { padding: 32px 18px; }
  .k-related h2 { text-align: left; }
  .k-related article > a { grid-template-columns: 100px 1fr; }
}
@media (max-width: 420px) {
  .k-card { display: block; }
  .k-card-image img { aspect-ratio: 3/2; }
  .k-card-body { margin: 14px 8px 0; }
}