/* Question-led data pages (tech-ai, business-conditions, digital-market,
   consumer-interest). Theme tokens come from kh.css. */
.kh-dpage { padding-bottom: 4rem; }
.kh-dobs { border: 1px solid var(--border); border-inline-start: 4px solid var(--accent); border-radius: var(--radius, 10px);
  padding: 1rem 1.2rem; margin: 1.5rem 0; background: var(--surface); }
.kh-dobs__h { font-size: 1rem; margin: 0 0 .4rem; }
.kh-dobs__text { font-size: 1.05rem; margin: 0 0 .5rem; }
.kh-dobs__list { margin: 0 0 .5rem; padding-inline-start: 1.2rem; display: grid; gap: .3rem; }
.kh-dobs__limits { font-size: var(--fs-small, .875rem); color: var(--text-2); margin: 0; }
.kh-dnav { display: flex; flex-wrap: wrap; gap: .4rem .9rem; margin: 1rem 0 0; font-size: var(--fs-small, .875rem); }
.kh-dnav a { color: var(--text-2); text-decoration: underline; text-underline-offset: 3px; }
.kh-dgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr)); gap: 1rem; margin-top: 1rem; }
.kh-dcard { border: 1px solid var(--border); border-radius: var(--radius, 10px); padding: .9rem 1rem; background: var(--surface);
  display: flex; flex-direction: column; gap: .35rem; min-width: 0; }
.kh-dcard.is-stale { border-style: dashed; }
.kh-dcard__title { font-size: 1rem; margin: 0; }
.kh-dcard__meta { display: flex; flex-wrap: wrap; gap: .3rem; margin: 0; }
.kh-dcard__value { margin: .2rem 0 0; font-size: 1.35rem; }
.kh-dcard__unit { font-size: var(--fs-small, .875rem); color: var(--text-2); }
.kh-dcard__when, .kh-dcard__note { margin: 0; font-size: var(--fs-small, .875rem); color: var(--text-2); }
.kh-dcard__chart { margin: .3rem 0 0; }
.kh-dcard__chart figcaption { font-size: var(--fs-small, .875rem); color: var(--text-2); margin-top: .3rem; }
.kh-dchart { width: 100%; height: auto; display: block; color: var(--text); }
.kh-dmain { max-width: 44rem; }
.kh-dcard__details { font-size: var(--fs-small, .875rem); }
.kh-dsrc { font-size: var(--fs-small, .875rem); color: var(--text-2); margin-top: .8rem; }
.kh-dpage .kh-section { margin-top: 2.5rem; }
.kh-dpage .kh-tag { font-size: var(--fs-label, .6875rem); }