/* Scale of content — LIO CMS public site, 13 October 2026. */
.lio-scale-highlight{
  display:grid;grid-template-columns:minmax(220px,.36fr) minmax(0,1fr);
  gap:clamp(1.5rem,4.5vw,5rem);align-items:center;margin-top:2rem;
  padding:clamp(1.5rem,3.6vw,3.6rem);
  border:1px solid rgba(112,78,53,.19);border-radius:24px;
  background:linear-gradient(110deg,rgba(238,226,213,.78),rgba(255,255,255,.95));
}
.lio-scale-number{display:grid;align-content:center;justify-content:center;text-align:center;min-width:0;padding:1.3rem 0;border-right:1px solid rgba(112,78,53,.2)}
.lio-scale-number strong{font-family:ui-serif,Georgia,serif;font-size:clamp(3.9rem,6.9vw,7rem);font-weight:500;line-height:1;letter-spacing:-.075em;color:var(--lio-brand);white-space:nowrap}
.lio-scale-number strong span{font-size:.6em;vertical-align:top;letter-spacing:0}
.lio-scale-number>span{margin-top:.6rem;font-size:.85rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--lio-brand)}
.lio-scale-kicker{margin:0 0 .75rem;color:var(--lio-brand);font-size:.83rem;font-weight:750;text-transform:uppercase;letter-spacing:.11em}
.lio-scale-copy h3{font-size:clamp(1.4rem,2.16vw,2.28rem);max-width:900px;margin-bottom:1rem}
.lio-scale-copy p:not(.lio-scale-kicker){color:var(--lio-muted);font-size:1rem;line-height:1.75;max-width:1030px}
.lio-scale-copy p:last-child{margin-bottom:0}
.lio-scale-copy a,.lio-scale-detail a{color:var(--lio-brand);text-underline-offset:.2em}
.lio-scale-example{font-size:.91rem!important}
.lio-scale-detail{display:grid;grid-template-columns:minmax(130px,190px) minmax(0,1fr);gap:1.4rem;padding:1.6rem;margin-top:1.5rem;border:1px solid var(--lio-line);border-radius:16px;background:var(--lio-surface-soft)}
.lio-scale-detail-number{font-family:ui-serif,Georgia,serif;font-size:clamp(2.15rem,3.1vw,3.45rem);color:var(--lio-brand);line-height:1.15;white-space:nowrap}
.lio-scale-detail-number small{display:block;font:700 .79rem/1.4 Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.14em;margin-top:.4rem}
.lio-scale-detail strong{display:block;line-height:1.4}
.lio-scale-detail p{font-size:.99rem!important;line-height:1.7;margin-top:.65rem;margin-bottom:.7rem;color:var(--lio-muted)}
.lio-scale-detail p:last-child{margin-bottom:0}
@media(max-width:940px){.lio-scale-highlight{grid-template-columns:1fr;gap:1.4rem}.lio-scale-number{border-right:0;border-bottom:1px solid rgba(112,78,53,.2);padding:0 0 1.7rem;text-align:left;justify-content:start}.lio-scale-number strong{font-size:clamp(3.6rem,10vw,6rem)}}
@media(max-width:610px){.lio-scale-highlight{padding:1.3rem;border-radius:18px}.lio-scale-number strong{font-size:clamp(3.1rem,13vw,4.2rem)}.lio-scale-detail{grid-template-columns:1fr;padding:1.15rem;gap:.8rem}.lio-scale-copy h3{font-size:1.48rem}}


/* Scenarios: full-width content, horizontal local navigation and breathing room
   for the 20 000+ metric. Overrides only /scenarios/. */
.scenario-detail .doc-body-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 1.8rem;
  width: 100%;
}
.scenario-detail .doc-content {
  width: 100%;
  max-width: none;
}
.scenario-detail .doc-content p,
.scenario-detail .scenario-story p,
.scenario-detail .doc-content ul,
.scenario-detail .doc-content ol,
.scenario-detail .scenario-intro {
  max-width: none !important;
}
.scenario-detail .doc-content .scenario-story h2 {
  max-width: none;
}
.scenario-detail .doc-toc {
  order: -1;
  display: block;
  position: static;
  top: auto;
  width: 100%;
  border-left: 0;
  border-bottom: 1px solid var(--lio-line);
  padding: 0 0 1.3rem;
}
.scenario-detail .doc-toc > strong {
  font-size: .8rem;
  margin-bottom: .75rem;
}
.scenario-detail .doc-toc nav {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem .75rem;
}
.scenario-detail .doc-toc a {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: .38rem .8rem;
  border: 1px solid var(--lio-line);
  border-radius: 999px;
  background: var(--lio-surface);
  font-size: .82rem;
  text-decoration: none;
}
.scenario-detail .doc-toc a:hover,
.scenario-detail .doc-toc a:focus-visible {
  border-color: var(--lio-brand-2);
  background: var(--lio-surface-soft);
}
.scenario-detail .lio-scale-detail {
  grid-template-columns: minmax(275px, 0.28fr) minmax(0, 1fr);
  gap: clamp(2.5rem, 4vw, 5rem);
  align-items: start;
  padding: clamp(1.5rem, 3vw, 3rem);
}
.scenario-detail .lio-scale-detail-number {
  display: block;
  font-size: clamp(2.3rem, 3.2vw, 3.55rem);
  padding: .3rem clamp(1.2rem, 2.5vw, 2.5rem) .3rem 0;
  border-right: 1px solid rgba(112,78,53,.2);
  line-height: 1.2;
}
.scenario-detail .lio-scale-detail > div {
  min-width: 0;
}
.scenario-detail .lio-scale-detail > div > strong {
  font-size: 1.16rem;
  margin-bottom: .8rem;
}
.scenario-detail .lio-scale-detail p {
  font-size: 1rem !important;
  line-height: 1.75;
}
@media (max-width: 1050px) {
  .scenario-detail .lio-scale-detail {
    grid-template-columns: minmax(0,1fr);
    gap: 1.3rem;
  }
  .scenario-detail .lio-scale-detail-number {
    border-right: 0;
    border-bottom: 1px solid rgba(112,78,53,.2);
    padding: 0 0 1.2rem;
    font-size: clamp(2.5rem, 7vw, 3.8rem);
  }
}
@media (max-width: 650px) {
  .scenario-detail .doc-body-grid { gap: 1.4rem; }
  .scenario-detail .doc-toc nav {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: .45rem;
    scrollbar-width: thin;
  }
  .scenario-detail .doc-toc a {
    flex: 0 0 auto;
    white-space: nowrap;
    font-size: .79rem;
  }
  .scenario-detail .lio-scale-detail {
    padding: 1.3rem;
  }
  .scenario-detail .lio-scale-detail-number { font-size: clamp(2.5rem, 12vw, 3.5rem); }
}