/* The business-question directory follows the existing editorial palette and type. */
.qf-guide-reading,
.qf-guide-reading-tools {
  --reading-ink: #101e24;
  --reading-paper: #f5f7f3;
  --reading-ground: #dce7e2;
  --reading-accent: #ff794d;
  color: var(--reading-ink);
  box-sizing: border-box;
}
.qf-guide-reading { margin-block: 36px 64px !important; scroll-margin-top: 100px; }
.qf-reading-header { margin-bottom: 28px; }
.qf-reading-header h2 { margin: 0 0 12px; font-size: clamp(28px, 3vw, 38px); line-height: 1.3; font-weight: 500; letter-spacing: -.025em; }
.qf-reading-header p { margin: 0; font-size: 18px; line-height: 1.7; }
.qf-reading-group { margin: 0 0 12px; background: var(--reading-paper); scroll-margin-top: 100px; }
.qf-reading-group > summary { padding: 22px 28px; background: var(--reading-ground); cursor: pointer; font-size: 18px; line-height: 1.55; position: relative; padding-right: 100px; }
.qf-reading-group > summary::marker { color: var(--reading-ink); }
.qf-reading-group[open] > summary { background: var(--reading-ink); color: var(--reading-paper); }
.qf-reading-group[open] > summary::marker { color: var(--reading-paper); }
.qf-reading-summary { display: inline-grid; gap: 5px; max-width: calc(100% - 24px); vertical-align: top; }
.qf-reading-name { font-size: 24px; line-height: 1.4; font-weight: 550; }
.qf-reading-intro { font-size: 16px; line-height: 1.65; }
.qf-reading-count { position: absolute; right: 28px; top: 26px; font-size: 16px; line-height: 1.6; white-space: nowrap; }
.qf-reading-body { padding: 28px; }
.qf-reading-article { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 24px 48px; margin: 0; }
.qf-reading-article + .qf-reading-article { margin-top: 28px; }
.qf-reading-article h3 { margin: 0; font-size: 22px; line-height: 1.55; font-weight: 500; letter-spacing: -.02em; }
.qf-reading-article p { margin: 0; font-size: 17px; line-height: 1.8; }
.qf-guide-reading a { color: inherit; text-underline-offset: 5px; }
.qf-reading-more { margin-top: 36px; }
.qf-reading-more > p { margin: 0 0 14px; font-size: 17px; font-weight: 550; }
.qf-reading-more ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 36px; margin: 0; padding-left: 23px; }
.qf-reading-more li { min-width: 0; margin: 0; padding-left: 2px; font-size: 17px; line-height: 1.7; overflow-wrap: anywhere; }
.qf-reading-next { display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 28px 0 0; font-size: 16px; line-height: 1.7; }
.qf-reading-next a { display: inline-flex; align-items: center; min-height: 44px; }
.qf-guide-reading-tools { margin-block: 56px 36px !important; background: var(--reading-ground); padding: 24px 28px; }
.qf-guide-reading-tools > summary { cursor: pointer; font-size: 23px; line-height: 1.5; font-weight: 500; }
.qf-guide-reading-tools[open] > summary { margin-bottom: 28px; }
.qf-guide-reading-tools .qf-guide-start { margin-bottom: 0 !important; }
.qf-guide-reading a:focus-visible,
.qf-reading-group > summary:focus-visible,
.qf-guide-reading-tools > summary:focus-visible { outline: 3px solid var(--reading-accent); outline-offset: 5px; }
@media (max-width: 781px) {
  .qf-guide-reading { margin-block: 28px 48px !important; }
  .qf-reading-header p { font-size: 17px; }
  .qf-reading-group > summary { padding: 20px; padding-right: 74px; }
  .qf-reading-name { font-size: 22px; }
  .qf-reading-count { right: 20px; top: 24px; }
  .qf-reading-summary { max-width: calc(100% - 8px); }
  .qf-reading-body { padding: 24px 20px; }
  .qf-reading-article { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .qf-reading-article h3 { font-size: 21px; }
  .qf-reading-article + .qf-reading-article { margin-top: 30px; }
  .qf-reading-more ul { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .qf-guide-reading-tools { padding: 22px 20px; }
  .qf-guide-reading-tools > summary { font-size: 21px; }
}