/* DC Native 1.100 — Approfondimenti: un solo elenco, tre percorsi. */
.dc-insights-page { background: var(--ivory); }
.dc-insights-shell { margin-inline: auto; width: min(calc(100% - 3rem), 1180px); }
.dc-insights-page [id] { scroll-margin-top: 120px; }
body.admin-bar .dc-insights-page [id] { scroll-margin-top: 152px; }
.dc-insights-page .eyebrow--light { color: #efb79f; }
.dc-insights-page a:focus-visible { outline: 3px solid var(--accent); outline-offset: 5px; }
.dc-insights-page h4 { font-family: var(--serif); font-weight: 400; letter-spacing: -.02em; }

.dc-insights-hero { background: var(--sage); }
.dc-insights-hero__grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(310px, 1fr); }
.dc-insights-hero__copy { align-self: center; padding: clamp(3.5rem, 6vw, 5.2rem) clamp(2.5rem, 5vw, 4.5rem) clamp(3.5rem, 6vw, 5.2rem) 0; }
.dc-insights-hero h1 { font-size: clamp(3rem, 4.8vw, 4.7rem); line-height: 1.06; max-width: 16ch; }
.dc-insights-hero h1::after { content: ""; display: block; width: 56px; height: 2px; background: var(--accent); margin-top: 1.4rem; }
.dc-insights-lead { color: var(--forest-dark); font-family: var(--serif); font-size: clamp(1.2rem, 1.7vw, 1.4rem); line-height: 1.58; max-width: 40ch; }
.dc-insights-hero__copy .button { margin-top: .7rem; gap: 1rem; }
.dc-insights-orient { align-content: center; background: var(--forest-dark); color: #e0e5df; display: grid; padding: clamp(2rem, 3.5vw, 3rem); }
.dc-insights-orient h2 { color: var(--ivory); font-size: clamp(1.9rem, 2.6vw, 2.6rem); line-height: 1.15; margin-bottom: 1.2rem; }
.dc-insights-orient > p:not(.eyebrow) { font-size: .96rem; line-height: 1.75; margin-bottom: 1.7rem; }
.dc-insights-orient nav a { border-top: 1px solid #ffffff40; color: var(--ivory); display: grid; grid-template-columns: 24px 1fr 14px; gap: .7rem; padding-block: 1rem; font-size: .94rem; line-height: 1.5; }
.dc-insights-orient nav a:last-child { border-bottom: 1px solid #ffffff40; }
.dc-insights-number { color: var(--accent); font-family: var(--serif); font-size: 1.2rem; }
.dc-insights-orient .dc-insights-number, .dc-insights-orient nav a > span:last-child { color: #efb79f; }
.dc-insights-orient a:focus-visible { outline-color: #efb79f; }

.dc-insights-reading { padding-block: clamp(3rem, 5vw, 4.5rem); }
.dc-insights-section-head { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); align-items: end; gap: clamp(2rem, 6vw, 5rem); padding-bottom: 2.5rem; }
.dc-insights-section-head h2, .dc-insights-closing h2 { font-size: clamp(2.1rem, 3.3vw, 3.2rem); line-height: 1.12; margin-bottom: 0; }
.dc-insights-section-head > p, .dc-insights-route__intro > p, .dc-insights-related p, .dc-insights-closing p { color: var(--muted); font-size: 1rem; line-height: 1.75; }
.dc-insights-section-head > p { margin-bottom: 0; }
.dc-insights-route { border-top: 1px solid var(--line); display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.5fr); gap: clamp(2rem, 6vw, 5rem); padding-block: clamp(2.3rem, 4vw, 3.5rem); }
.dc-insights-route:last-child { padding-bottom: 0; }
.dc-insights-route__intro h3 { font-size: clamp(1.8rem, 2.5vw, 2.5rem); line-height: 1.14; margin: .7rem 0 1rem; }
.dc-insights-route__intro > p { font-size: .95rem; }
.dc-insights-context-link { color: var(--forest); display: inline-block; border-bottom: 1px solid var(--accent); font-size: .88rem; line-height: 1.6; padding-block: .5rem; margin-top: .3rem; }
.dc-insights-articles { list-style: none; margin: 0; padding: 0; min-width: 0; }
.dc-insights-articles li + li { border-top: 1px solid var(--line); margin-top: 1.7rem; padding-top: 1.7rem; }
.dc-insights-articles a { display: block; }
.dc-insights-article-label { color: var(--accent-dark); display: block; font-size: .7rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; margin-bottom: .6rem; }
.dc-insights-articles h4 { color: var(--forest-dark); font-size: clamp(1.6rem, 2.35vw, 2.15rem); line-height: 1.22; margin: 0 0 .75rem; }
.dc-insights-articles p { color: var(--muted); font-size: .97rem; line-height: 1.75; margin: 0 0 .85rem; max-width: 70ch; }
.dc-insights-read { color: var(--forest); font-size: .84rem; font-weight: 600; }
.dc-insights-read span { color: var(--accent); display: inline-block; margin-left: .5rem; }

.dc-insights-related { background: var(--paper); border-top: 1px solid var(--line); padding-block: clamp(2.5rem, 4vw, 3.5rem); }
.dc-insights-related h2 { font-size: clamp(2rem, 3vw, 2.8rem); line-height: 1.15; }
.dc-insights-related__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; margin-top: 2rem; }
.dc-insights-related__grid > a { border-top: 2px solid var(--line); padding-top: 1.2rem; }
.dc-insights-related h3 { font-size: 1.6rem; line-height: 1.2; margin-bottom: .7rem; }
.dc-insights-related h3 span { color: var(--accent); white-space: nowrap; }
.dc-insights-related__grid p { font-size: .94rem; margin-bottom: 0; }
.dc-insights-closing { background: var(--sage); padding-block: clamp(3rem, 4.5vw, 4rem); }
.dc-insights-closing__grid { display: grid; align-items: center; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(2rem, 6vw, 5rem); }
.dc-insights-closing .button { margin-top: .6rem; }

@media (hover: hover) {
  .dc-insights-articles a:hover h4, .dc-insights-related__grid a:hover h3 { color: var(--accent-dark); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; }
  .dc-insights-orient nav a:hover { color: #efb79f; }
  .dc-insights-context-link:hover { color: var(--accent-dark); }
}
@media (max-width: 980px) {
  .dc-insights-hero__grid { grid-template-columns: minmax(0, 1.25fr) minmax(270px, 1fr); }
  .dc-insights-hero__copy { padding-right: 2rem; }
  .dc-insights-hero h1 { font-size: clamp(2.7rem, 5.2vw, 3.7rem); }
  .dc-insights-orient { padding: 2rem 1.6rem; }
  .dc-insights-section-head, .dc-insights-route { gap: 2.5rem; }
  .dc-insights-route { grid-template-columns: minmax(0, .65fr) minmax(0, 1.35fr); }
}
@media (max-width: 700px) {
  .dc-insights-shell { width: calc(100% - 2rem); }
  .dc-insights-hero__grid, .dc-insights-section-head, .dc-insights-route, .dc-insights-related__grid, .dc-insights-closing__grid { grid-template-columns: 1fr; }
  .dc-insights-hero__copy { padding: 3rem 0 2.5rem; }
  .dc-insights-hero h1 { font-size: clamp(2.7rem, 9vw, 3.6rem); }
  .dc-insights-orient { padding: 2rem 1.5rem; margin-inline: -1rem; }
  .dc-insights-section-head { gap: 1.3rem; padding-bottom: 2rem; }
  .dc-insights-route { gap: 1.6rem; }
  .dc-insights-route__intro > p { margin-bottom: .5rem; }
  .dc-insights-related__grid { gap: 1.7rem; }
  .dc-insights-closing__grid { gap: 1.5rem; }
  .dc-insights-page [id] { scroll-margin-top: 100px; }
  body.admin-bar .dc-insights-page [id] { scroll-margin-top: 146px; }
  .dc-insights-page .button { white-space: normal; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
  html:has(.dc-insights-page) { scroll-behavior: auto; }
}