/* JKD-Yukon-2 editorial components. All selectors are scoped to this theme's additions. */
.jkd-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(24px,4vw,56px);margin-block:56px;background:#20251f;color:#fffdf3;border:2px solid #20251f}
.jkd-comparison__copy h2{font:700 clamp(30px,3.3vw,48px)/1.1 'Bricolage Grotesque',sans-serif;margin:16px 0 24px;max-width:18ch}
.jkd-comparison__copy>p{max-width:48ch;line-height:1.65}.jkd-comparison .codex-kicker{color:#e3d181}.jkd-comparison .codex-button{margin-top:16px}.jkd-comparison .jkd-reassurance{font-size:13px;margin-top:20px;color:#dedccd}
.jkd-worksheet{background:#fffdf3;color:#20251f;padding:clamp(20px,3vw,36px);border:2px solid #20251f;box-shadow:6px 6px 0 #c8b34a}
.jkd-worksheet header{display:block;border-bottom:2px solid #20251f;padding-bottom:16px}.jkd-worksheet header .codex-kicker{color:#86401e}.jkd-worksheet header>span,.jkd-worksheet small{font-size:12px}.jkd-worksheet dl{margin:0}.jkd-worksheet dl>div{padding:16px 0;border-bottom:1px dashed #bcb8a6}.jkd-worksheet dt{font-weight:700}.jkd-worksheet dt span{display:inline-block;font:12px 'Space Mono',monospace;color:#86401e;margin-right:12px}.jkd-worksheet dd{margin:6px 0 0 30px;font-size:14px;line-height:1.5}.jkd-worksheet a{color:#713411;text-decoration:underline}
.jkd-handnote{font:22px/1.35 'Kalam',cursive;color:#974517;margin:20px 0}.jkd-worksheet small{display:block;line-height:1.5}
.yukon-newsletter{background:#f9f6e9;gap:clamp(24px,5vw,72px);padding:clamp(24px,4vw,48px);border:2px solid #20251f;border-top:6px solid #0095bd;align-items:center}
.yukon-newsletter__copy h2{font-size:clamp(32px,4vw,48px)}.jkd-byline{display:flex;gap:16px;align-items:center;margin-top:24px}.jkd-byline__portraits{display:flex;flex-shrink:0}.jkd-byline__portraits img{width:64px;height:64px;object-fit:cover;border:3px solid #fffdf3;border-radius:50%}.jkd-byline__portraits img+img{margin-left:-12px}.jkd-byline p{font-size:13px;line-height:1.5}.yukon-newsletter .jkd-handnote{font-size:22px}
.yukon-newsletter__signup{position:relative;padding-top:8px}.jkd-envelope{width:80px;height:58px;display:block;margin:0 0 16px;color:#20251f}
.yukon-newsletter__signup .b-selzy-form{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}.yukon-newsletter__signup .b-selzy-form__main{background:transparent!important}.yukon-newsletter__signup .b-selzy-form__submit-button{background:#ce6124!important;color:#fff!important;border:1.5px solid #20251f!important;box-shadow:3px 3px 0 #20251f!important;border-radius:0!important;font:600 16px 'Work Sans',sans-serif!important;padding:14px 24px!important;cursor:pointer}.yukon-newsletter__signup input:not([type=submit]){font:16px 'Work Sans',sans-serif!important;border:1px solid #817e70!important;border-radius:0!important;padding:12px!important}
.jkd-decision{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start;margin-block:48px;padding-block:40px;border-top:2px solid #20251f}.jkd-decision h2{font:700 clamp(28px,3vw,40px)/1.15 'Bricolage Grotesque',sans-serif;margin:12px 0 20px}.jkd-decision p{line-height:1.65}.jkd-checklist{list-style:none;margin:0;padding:0;counter-reset:decision}.jkd-checklist li{counter-increment:decision;display:flex;gap:16px;padding:18px 0;border-bottom:1px solid #bcb8a6;line-height:1.5}.jkd-checklist li:before{content:counter(decision,decimal-leading-zero);font:16px 'Space Mono',monospace;color:#914018}.jkd-decision .codex-button{margin-top:16px}.jkd-reading-context{max-width:65ch;margin-bottom:24px}.jkd-faq-heading{font-size:13px;color:#86401e;letter-spacing:.06em;text-transform:uppercase;margin:20px 0 8px}
.jkd-result-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.jkd-result-facts>div{border-left:3px solid #0095bd;background:#fffdf3;padding:12px}.jkd-result-facts dt{font-size:12px}.jkd-result-facts dd{margin:6px 0 0;font:700 20px 'Space Mono',monospace;overflow-wrap:anywhere}.jkd-result-path{display:grid;gap:12px;counter-reset:result;list-style:none;padding:0;margin:0}.jkd-result-path li{counter-increment:result;border-left:3px solid #0095bd;padding:12px 16px;background:#fffdf3}.jkd-result-path li:before{content:counter(result,decimal-leading-zero) ' / ';font-family:'Space Mono',monospace;color:#86401e}.jkd-result-path strong{display:block;margin-bottom:6px}
.jkd-comparison .codex-button:after,.jkd-decision .codex-button:after{content:none}.jkd-comparison a:focus-visible,.yukon-newsletter :is(a,input,button):focus-visible{outline:3px solid #0095bd!important;outline-offset:4px}
.codex-topic-calculator:has(.codex-calculator-result:not([hidden])) .codex-topic-calculator-work{display:contents}
.codex-topic-calculator:has(.codex-calculator-result:not([hidden])) .codex-calculator-result{grid-column:1/-1;min-width:0}
.codex-topic-calculator:has(.codex-calculator-result:not([hidden])) .jkd-result-facts{grid-template-columns:repeat(4,minmax(0,1fr))}
.jkd-comparison.codex-reveal,.jkd-decision.codex-reveal,.jkd-comparison .codex-reveal,.jkd-decision .codex-reveal{opacity:1;transform:none}
@media(max-width:900px){.codex-topic-calculator:has(.codex-calculator-result:not([hidden])) .jkd-result-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.jkd-comparison,.jkd-decision{grid-template-columns:1fr;gap:28px}.jkd-comparison{margin-block:40px}.jkd-decision{padding-block:28px}.jkd-byline{gap:12px}.jkd-result-facts,.codex-topic-calculator:has(.codex-calculator-result:not([hidden])) .jkd-result-facts{grid-template-columns:1fr}}
/* Every directory wordmark has the same visible width, not just image width. */
.jkd-logo-slot {
  display: flex;
  align-items: center;
  width: 200px;
  max-width: 100%;
  height: 80px;
  flex-shrink: 0;
}
.jkd-logo-crop {
  display: block;
  position: relative;
  width: 100%;
  aspect-ratio: var(--logo-ratio);
  overflow: hidden;
}
.jkd-logo-crop > .table-mark.codex-lender-logo {
  position: absolute;
  display: block;
  width: var(--logo-width);
  max-width: none;
  height: auto;
  left: var(--logo-left);
  top: var(--logo-top);
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
}
/* The handwritten sheet is separate from the portraits and next-step link. */
.jkd-letter-section { padding-block: clamp(48px, 6vw, 88px); }
.jkd-letter { position: relative; isolation: isolate; width: 100%; max-width: 880px; margin-inline: auto; padding: clamp(32px, 4vw, 56px); border: 1px solid #d9d2bc; background: #fffdf5; box-shadow: 1px 5px 9px #24241e12, 0 16px 24px -18px #24241e40; }
.jkd-letter::before { content: ""; position: absolute; z-index: -2; inset: 8px -8px -8px 8px; border: 1px solid #d9d2bc; background: #f4efdf; transform: rotate(-.6deg); }
.jkd-letter::after { content: ""; position: absolute; z-index: -1; inset: 0; background: repeating-linear-gradient(to bottom, transparent 0, transparent 31px, #b9c8c459 31px, #b9c8c459 32px), #fffdf5; pointer-events: none; }
.jkd-letter__outside { display: flex; align-items: center; gap: 24px; max-width: 880px; margin: 32px auto 0; }
.jkd-letter__portraits { display: flex; flex-shrink: 0; }
.jkd-letter__portraits img { width: 48px; height: 48px; object-fit: cover; border: 3px solid #fffdf5; border-radius: 50%; }
.jkd-letter__portraits img + img { margin-left: -10px; }
.jkd-letter__body { font-family: 'Kalam', cursive; font-size: clamp(19px, 1.6vw, 23px); line-height: 1.65; color: var(--ink, #24241e); }
.jkd-letter__body p { margin: 0 0 16px; }
.jkd-letter__opening { font: inherit; }
.jkd-letter__signature { margin: 24px 0 0; font-family: 'Kalam', cursive; font-size: 21px; color: var(--ink-soft, #625e50); }
.jkd-letter__postscript { flex: 1; }
.jkd-letter__postscript p { margin: 0; color: #625e50; font-size: 16px; line-height: 1.6; }
.jkd-letter__postscript a { color: var(--orange-dark, #a9481b); font-size: 16px; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
.jkd-letter__postscript a:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
@media (max-width: 480px) { .jkd-letter { padding-inline: 24px; } .jkd-letter__outside { align-items: flex-start; gap: 16px; } .jkd-letter__portraits img { width: 36px; height: 36px; } .jkd-letter__signature { font-size: 19px; } }
.codex-archive-loader { grid-column: 1 / -1; padding-block: 32px; text-align: center; }
.codex-archive-loading { display: none; }
.codex-archive-loader.htmx-request .codex-archive-loading { display: block; }
.codex-archive-loader.htmx-request > a { display: none; }
.codex-archive-page .codex-ledger-grid { grid-auto-flow: row dense; }
.jkd-archive-discovery { text-align: left; border-top: 2px solid currentColor; padding-top: 40px; }
.jkd-archive-discovery header { margin-bottom: 28px; }
.jkd-archive-discovery h2 { font-size: clamp(28px, 4vw, 44px); margin: 12px 0; }
.jkd-category-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; position: static; background: transparent; border: 0; box-shadow: none; padding: 0; margin: 0; }
.jkd-category-card { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; min-width: 0; padding: 24px; background: #fffdf5; color: #24241e; border: 1px solid #24241e; border-top: 6px solid var(--topic-accent); text-decoration: none; }
.jkd-category-card svg { width: 76px; height: 64px; padding: 6px; background: var(--topic-accent); }
.jkd-category-card__title { font-weight: 600; font-size: 19px; line-height: 1.3; overflow-wrap: anywhere; }
.jkd-category-card__action { margin-top: auto; padding-top: 12px; font-size: 13px; color: #a9481b; }
.jkd-category-card:hover { box-shadow: 3px 3px 0 #24241e; }
.jkd-category-card:focus-visible { outline: 3px solid #0095bd; outline-offset: 4px; }
@media (max-width: 1000px) { .jkd-category-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .jkd-category-cards { grid-template-columns: 1fr; } }