/* Reading layouts for the article and learning library. This first layer
   intentionally precedes the existing important legacy presentation rules. */
@layer section-media-scroll, library-editorial-renewal;
@layer library-editorial-renewal {
  main[data-editorial-renewal="library-v1"] { --library-ink: #0f1e36; --library-copy: #43536a; --library-line: #dce2e9; --library-paper: #f7f9fc; }
  main[data-editorial-renewal="library-v1"] > section { background: #fff !important; }
  main[data-editorial-renewal="library-v1"] > :is([data-editorial-role="calculation"],[data-editorial-role="records"],[data-editorial-role="editorial"]) { background: var(--library-paper) !important; }
  main[data-editorial-renewal="library-v1"] > .content-author { padding: 18px 0 !important; margin-block: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
  main[data-editorial-renewal="library-v1"] :is(h2,h3,h4) { text-wrap: pretty; }
  main[data-editorial-renewal="library-v1"] h2 { max-width: 42ch !important; }
  main[data-editorial-renewal="library-v1"] :is(h2,h3,h4) .content-signature { color: inherit !important; -webkit-text-fill-color: currentColor !important; }
  main[data-editorial-renewal="library-v1"] .section-heading p { text-align: left !important; }
  main[data-editorial-renewal="library-v1"] :is(p,li) { max-width: 78ch; }
  main[data-editorial-renewal="library-v1"] :is(.eyebrow,.knowledge-visual-kicker,.tutorial-case-label,.tutorial-kicker) { font-size: 13px !important; line-height: 1.6 !important; text-transform: none !important; letter-spacing: normal !important; color: var(--library-copy) !important; }
  main[data-editorial-renewal="library-v1"] :is(.process-info-icon,.step-icon,.checklist-icon) { display: none !important; }
  main[data-editorial-renewal="library-v1"] :is(.process-feature-content,.card-visual-copy) { width: 100% !important; min-width: 0 !important; }
  main[data-editorial-renewal="library-v1"] :is(.process-feature-content,.card-visual-copy) :is(p,h3,h4) { display: block !important; height: auto !important; max-height: none !important; -webkit-line-clamp: unset !important; line-clamp: unset !important; overflow: visible !important; }
  main[data-editorial-renewal="library-v1"] .process-showcase-layout { display: block !important; }
  main[data-editorial-renewal="library-v1"] .process-feature-card { display: grid !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; align-items: center !important; gap: 48px !important; height: auto !important; padding: 0 !important; text-decoration: none !important; }
  main[data-editorial-renewal="library-v1"] .process-feature-card > img { grid-column: 1 !important; grid-row: 1 !important; }
  main[data-editorial-renewal="library-v1"] .process-feature-card .process-feature-content { grid-column: 2 !important; grid-row: 1 !important; padding: 0 !important; border: 0 !important; }
  main[data-editorial-renewal="library-v1"] .process-feature-content h3 { max-width: none !important; width: auto !important; }
  main[data-editorial-renewal="library-v1"] .process-info-stack { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 40px !important; margin: 28px 0 0 !important; }
  main[data-editorial-renewal="library-v1"] .process-info-card { padding: 20px 0 0 !important; }
  main[data-editorial-renewal="library-v1"] .process-info-card p { font-size: 15px !important; }
  main[data-editorial-renewal="library-v1"] .process-feature-card img[data-visual-role="conceptual-illustration"] { aspect-ratio: auto !important; object-fit: contain !important; border-radius: 0 !important; }
  main[data-editorial-renewal="library-v1"] .library-concept-visual { margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; }
  main[data-editorial-renewal="library-v1"] .library-concept-visual img { display: block !important; width: 100% !important; height: auto !important; aspect-ratio: auto !important; object-fit: contain !important; }
  main[data-editorial-renewal="library-v1"][data-library-kind="tutorial"] .process-showcase-layout { display: grid !important; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr) !important; align-items: center !important; gap: 24px 48px !important; }
  main[data-editorial-renewal="library-v1"][data-library-kind="tutorial"] .process-feature-card { display: block !important; }
  main[data-editorial-renewal="library-v1"][data-library-kind="tutorial"] .process-info-stack { grid-column: 1 / -1 !important; margin: 0 !important; }
  main[data-editorial-renewal="library-v1"] :is([data-editorial-role="context"],[data-editorial-role="decisions"],[data-editorial-role="prepare"],[data-editorial-role="editorial"]) .grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 24px 48px !important; }
  main[data-editorial-renewal="library-v1"] :is([data-editorial-role="context"],[data-editorial-role="prepare"],[data-editorial-role="editorial"]) .card { border: 0 !important; padding: 0 !important; }
  main[data-editorial-renewal="library-v1"] [data-editorial-role="topics"] .grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 0 48px !important; }
  main[data-editorial-renewal="library-v1"] [data-editorial-role="topics"] .card { display: grid !important; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr) !important; gap: 8px 24px !important; padding: 22px 0 !important; }
  main[data-editorial-renewal="library-v1"] [data-editorial-role="topics"] .card h3 { font: 600 16px/1.55 'Open Sans',sans-serif !important; }
  main[data-editorial-renewal="library-v1"] [data-editorial-role="topics"] .card p { font-size: 14px !important; }
  main[data-editorial-renewal="library-v1"] [data-editorial-role="topics"] .card .card-link { grid-column: 2 !important; margin: 0 !important; }
  main[data-editorial-renewal="library-v1"] .library-guide-group { display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 22px !important; padding: 28px 0 !important; border-top: 1px solid var(--library-line) !important; }
  main[data-editorial-renewal="library-v1"] .library-group-title { color: var(--library-ink) !important; font: 400 23px/1.5 'Prata',Georgia,serif !important; margin: 0 !important; }
  main[data-editorial-renewal="library-v1"] :is(.library-guide-list,.library-question-list) { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; align-items: start !important; gap: 28px 36px !important; }
  /* Full-width topic headings leave the reading width to their guide lists. */
  main[data-editorial-renewal="library-v1"] .library-guide-list { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
  main[data-editorial-renewal="library-v1"] .library-guide-list:has(> a:nth-child(8):last-child) { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
  main[data-editorial-renewal="library-v1"] .library-question-list { grid-template-columns: repeat(3,minmax(0,1fr)) !important; padding-top: 24px !important; }
  main[data-editorial-renewal="library-v1"] :is(.library-guide-list,.library-question-list) .media-card { min-width: 0 !important; padding: 0 !important; color: var(--library-ink) !important; text-decoration: none !important; }
  main[data-editorial-renewal="library-v1"] :is(.library-guide-list,.library-question-list) .media-card::before, main[data-editorial-renewal="library-v1"] :is(.library-guide-list,.library-question-list) .media-card::after { content: none !important; }
  main[data-editorial-renewal="library-v1"] :is(.library-guide-list,.library-question-list) .card-visual-copy { padding: 0 !important; border: 0 !important; }
  main[data-editorial-renewal="library-v1"] :is(.library-guide-list,.library-question-list) :is(h3,h4) { font: 600 16px/1.6 'Open Sans',sans-serif !important; margin: 4px 0 8px !important; color: var(--library-ink) !important; }
  main[data-editorial-renewal="library-v1"] :is(.library-guide-list,.library-question-list) p { margin: 0 !important; font-size: 15px !important; }
  main[data-editorial-renewal="library-v1"] :is(.library-guide-list,.library-question-list) .card-link { margin-top: 8px !important; }
  main[data-editorial-renewal="library-v1"] :is(.library-guide-list,.library-question-list) a:hover :is(h3,h4) { text-decoration: underline !important; text-underline-offset: 4px; }
  main[data-editorial-renewal="library-v1"] .library-reading-path { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; align-items: start !important; gap: 0 48px !important; padding: 0 !important; margin: 0 !important; counter-reset: library-lesson; list-style: none !important; }
  main[data-editorial-renewal="library-v1"] .library-reading-path > li { position: relative !important; counter-increment: library-lesson; padding: 22px 0 22px 48px !important; border-top: 1px solid var(--library-line); max-width: none; }
  main[data-editorial-renewal="library-v1"] .library-reading-path > li::before { content: counter(library-lesson,decimal-leading-zero); position: absolute; top: 24px; left: 0; color: var(--library-ink); font: 600 14px/1.5 'Open Sans',sans-serif; font-variant-numeric: tabular-nums; }
  main[data-editorial-renewal="library-v1"] .library-reading-path .link-card { padding: 0 !important; border: 0 !important; }
  main[data-editorial-renewal="library-v1"] .library-reading-path .link-card h3 { font-size: 19px !important; }
  main[data-editorial-renewal="library-v1"] .library-reading-path .link-card p { font-size: 15px !important; }
  main[data-editorial-renewal="library-v1"] [data-editorial-role="risk-comparison"] .grid { display: block !important; }
  main[data-editorial-renewal="library-v1"] [data-editorial-role="risk-comparison"] .card { display: grid !important; grid-template-columns: minmax(0,.8fr) minmax(0,1.25fr) minmax(0,1fr) !important; gap: 12px 32px !important; }
  main[data-editorial-renewal="library-v1"] [data-editorial-role="risk-comparison"] .card h3 { grid-column: 1 !important; grid-row: 1 !important; font-size: 18px !important; }
  main[data-editorial-renewal="library-v1"] [data-editorial-role="risk-comparison"] .card p { font-size: 15px !important; line-height: 1.8 !important; }
  main[data-editorial-renewal="library-v1"] [data-editorial-role="risk-comparison"] .card p:nth-of-type(1) { grid-column: 2 !important; grid-row: 1 / span 2 !important; }
  main[data-editorial-renewal="library-v1"] [data-editorial-role="risk-comparison"] .card p:nth-of-type(2) { grid-column: 3 !important; grid-row: 1 / span 2 !important; }
  main[data-editorial-renewal="library-v1"] [data-editorial-role="risk-comparison"] .card .card-link { grid-column: 1 !important; grid-row: 2 !important; margin: 0 !important; align-self: start; }
  main[data-editorial-renewal="library-v1"] [data-editorial-role="checklist"] .grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 24px 48px !important; }
  main[data-editorial-renewal="library-v1"] [data-editorial-role="checklist"] .card { padding: 0 0 0 22px !important; border: 0 !important; border-left: 3px solid #eed47d !important; }
  main[data-editorial-renewal="library-v1"] [data-editorial-role="records"] .value-evidence { display: block !important; }
  main[data-editorial-renewal="library-v1"] .library-record-context { margin: 0 0 16px !important; font-size: 13px !important; }
  main[data-editorial-renewal="library-v1"] [data-editorial-role="records"] .value-evidence__items { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 32px !important; }
  main[data-editorial-renewal="library-v1"] .tutorial-case-layout { display: grid !important; grid-template-columns: minmax(0,1.25fr) minmax(0,1fr) !important; gap: 40px !important; padding: 0 !important; border: 0 !important; background: none !important; }
  main[data-editorial-renewal="library-v1"] .tutorial-case-layout > aside { padding: 0 0 0 28px !important; border: 0 !important; border-left: 3px solid #eed47d !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; }
  main[data-editorial-renewal="library-v1"] [data-editorial-role="articles"] :is(.media-grid,.image-grid) { display: block !important; }
  main[data-editorial-renewal="library-v1"] [data-editorial-role="articles"] .media-card { display: grid !important; grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr) !important; align-items: center !important; gap: 40px !important; padding: 24px 0 !important; }
  main[data-editorial-renewal="library-v1"] [data-editorial-role="articles"] .media-card > img { grid-column: 1 !important; grid-row: 1 !important; }
  main[data-editorial-renewal="library-v1"] [data-editorial-role="articles"] .media-card > div { grid-column: 2 !important; grid-row: 1 !important; padding: 0 !important; border: 0 !important; }
  main[data-editorial-renewal="library-v1"] [data-editorial-role="articles"] .media-card p { font-size: 16px !important; }
  main[data-editorial-renewal="library-v1"] [data-editorial-role="sources"] :is(p,li,a) { font-size: 14px !important; }
  main[data-editorial-renewal="library-v1"] [data-editorial-role="directory"] :is(.card,.link-card) h3 { font: 600 16px/1.6 'Open Sans',sans-serif !important; }
  main[data-editorial-renewal="library-v1"] [data-editorial-role="method"] > .container > :is(h2,p,ul,ol) { max-width: 78ch !important; margin-inline: auto !important; }
  main[data-editorial-renewal="library-v1"] [data-editorial-role="method"] h2 { font-size: 24px !important; margin-top: 32px !important; }
  main[data-editorial-renewal="library-v1"] .process-step .step-number { position: absolute !important; inset: 22px auto auto 0 !important; margin: 0 !important; }
  main[data-editorial-renewal="library-v1"] a:focus-visible { outline: 3px solid #0f1e36 !important; outline-offset: 5px !important; }
  main[data-editorial-renewal="library-v1"] article.card:hover h3 { text-decoration: none !important; }
  @media (max-width: 1050px) {
    main[data-editorial-renewal="library-v1"] .library-guide-list, main[data-editorial-renewal="library-v1"] .library-guide-list:has(> a:nth-child(8):last-child) { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
    main[data-editorial-renewal="library-v1"] [data-editorial-role="topics"] .card { display: block !important; }
    main[data-editorial-renewal="library-v1"] [data-editorial-role="topics"] .card .card-link { margin-top: 12px !important; }
    main[data-editorial-renewal="library-v1"] .library-guide-group { grid-template-columns: minmax(0,1fr) !important; gap: 24px !important; }
    main[data-editorial-renewal="library-v1"] [data-editorial-role="risk-comparison"] .card { grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; }
    main[data-editorial-renewal="library-v1"] [data-editorial-role="risk-comparison"] .card h3 { grid-column: 1 / -1 !important; grid-row: 1 !important; }
    main[data-editorial-renewal="library-v1"] [data-editorial-role="risk-comparison"] .card p:nth-of-type(1) { grid-column: 1 !important; grid-row: 2 !important; }
    main[data-editorial-renewal="library-v1"] [data-editorial-role="risk-comparison"] .card p:nth-of-type(2) { grid-column: 2 !important; grid-row: 2 !important; }
    main[data-editorial-renewal="library-v1"] [data-editorial-role="risk-comparison"] .card .card-link { grid-row: 3 !important; }
  }
  @media (max-width: 760px) {
    main[data-editorial-renewal="library-v1"] .library-guide-list:has(> a:nth-child(8):last-child) { grid-template-columns: minmax(0,1fr) !important; }
    main[data-editorial-renewal="library-v1"] :is(.library-guide-list,.library-question-list) p { font-size: 16px !important; }
    main[data-editorial-renewal="library-v1"] .process-feature-card .process-feature-content { grid-column: 1 !important; grid-row: 2 !important; }
    main[data-editorial-renewal="library-v1"] :is(.process-feature-card,.process-info-stack,.library-reading-path,.library-guide-list,.library-question-list,.tutorial-case-layout) { grid-template-columns: minmax(0,1fr) !important; gap: 20px !important; }
    main[data-editorial-renewal="library-v1"][data-library-kind="tutorial"] .process-showcase-layout { grid-template-columns: minmax(0,1fr) !important; gap: 20px !important; }
    main[data-editorial-renewal="library-v1"][data-library-kind="tutorial"] .library-concept-visual { grid-row: 2 !important; }
    main[data-editorial-renewal="library-v1"][data-library-kind="tutorial"] .process-feature-card { grid-row: 1 !important; }
    main[data-editorial-renewal="library-v1"] :is([data-editorial-role="context"],[data-editorial-role="decisions"],[data-editorial-role="prepare"],[data-editorial-role="editorial"],[data-editorial-role="topics"],[data-editorial-role="checklist"]) .grid { grid-template-columns: minmax(0,1fr) !important; gap: 22px !important; }
    main[data-editorial-renewal="library-v1"] .library-reading-path { gap: 0 !important; }
    main[data-editorial-renewal="library-v1"] .library-reading-path > li { padding-left: 38px !important; }
    main[data-editorial-renewal="library-v1"] [data-editorial-role="risk-comparison"] .card { display: block !important; }
    main[data-editorial-renewal="library-v1"] [data-editorial-role="risk-comparison"] .card p { margin-bottom: 14px !important; }
    main[data-editorial-renewal="library-v1"] [data-editorial-role="records"] .value-evidence__items { grid-template-columns: minmax(0,1fr) !important; gap: 0 !important; }
    main[data-editorial-renewal="library-v1"] .tutorial-case-layout > aside { padding: 20px 0 0 !important; border-left: 0 !important; border-top: 3px solid #eed47d !important; }
    main[data-editorial-renewal="library-v1"] [data-editorial-role="articles"] .media-card { grid-template-columns: minmax(0,1fr) !important; gap: 18px !important; }
    main[data-editorial-renewal="library-v1"] [data-editorial-role="articles"] .media-card > div { grid-column: 1 !important; grid-row: 2 !important; }
  }
}