/* Blog discovery, reading guidance and resource navigation. */
@layer blog-page-refinement;
@layer blog-page-refinement {
 body[data-blog-refinement] { --blog-rule: #dce2e9; }
 body[data-blog-refinement] .hero-content > .eyebrow::before { content: none !important; }
 body[data-blog-refinement] :is(main,.site-footer) :is(a,button,summary,[tabindex]) { scroll-margin-block: 110px 190px; }
 body[data-blog-refinement] [data-editorial-role='directory'] .blog-resource:last-child:nth-child(odd) { grid-column: 1 / -1 !important; }
 body[data-blog-refinement] .cta-band::before { content: none !important; }
 @media(max-width:500px) {
  body[data-blog-refinement] .hero-actions { width: calc(100% - 56px) !important; }
 }
 body[data-blog-refinement] :is(.site-header .brand img,.site-footer .footer-logo) { content: normal !important; }
 body[data-blog-refinement] .hero-content h1 .hero-highlight { font-size: 1em !important; line-height: 1.4 !important; }
 body[data-blog-refinement] main > section { padding-block: clamp(32px,4vw,60px) !important; margin-block: 0 !important; scroll-margin-top: 100px; }
 body[data-blog-refinement] main .section-heading { margin: 0 0 26px !important; max-width: none !important; text-align: left !important; }
 body[data-blog-refinement] main .section-heading :is(h2,p) { max-width: none !important; text-align: left !important; }
 body[data-blog-refinement] .signal-item :is(h3,p) { height: auto !important; max-height: none !important; -webkit-line-clamp: unset !important; overflow: visible !important; }
 body[data-blog-refinement] main .section-heading h2 { margin: 0 0 16px !important; }
 body[data-blog-refinement] main .section-heading p { margin: 0 !important; max-width: 85ch !important; }
 body[data-blog-refinement] main .section-heading::after,body[data-blog-refinement] main .section-heading h2::after { content: none !important; }
 body[data-blog-refinement] main :is(p,li) { font-size: 16px !important; line-height: 1.8 !important; }
 body[data-blog-refinement] main :is(p,h3) { height: auto !important; min-height: 0 !important; max-height: none !important; -webkit-line-clamp: unset !important; overflow: visible !important; }
 body[data-blog-refinement] main h3 { font: 400 clamp(21px,1.8vw,28px)/1.5 'Prata',Georgia,serif !important; color: var(--lifa-color-primary) !important; }
 body[data-blog-refinement] main :is(figure,.image-frame,.blog-field-notes,.blog-article,.blog-article img,.image-frame img) { border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; clip-path: none !important; }
 body[data-blog-refinement] main img { object-fit: contain !important; height: auto !important; }
 body[data-blog-refinement] main img[style*='--content-source-ratio'] { aspect-ratio: auto var(--content-source-ratio) !important; }
 body[data-blog-refinement] main figure { margin: 0 !important; }
 body[data-blog-refinement] .blog-topic-nav { display: flex; flex-wrap: wrap; gap: 0 26px; margin-bottom: 12px; }
 body[data-blog-refinement] .blog-topic-nav a { display: inline-flex; align-items: center; min-height: 44px; font: 600 14px/1.7 'Montserrat',sans-serif; color: var(--lifa-color-primary); text-decoration: underline; text-underline-offset: 6px; }
 body[data-blog-refinement] [data-editorial-role='articles'] .image-grid { display: block !important; }
 body[data-blog-refinement] .blog-article { display: grid !important; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr) !important; gap: 0 48px !important; align-items: center !important; padding: 28px 0 !important; border-top: 1px solid var(--blog-rule) !important; color: var(--lifa-color-primary) !important; text-decoration: none !important; scroll-margin-top: 120px; }
 body[data-blog-refinement] .blog-article-topic { display: block; margin-bottom: 12px; font: 600 13px/1.6 'Montserrat',sans-serif; color: var(--lifa-color-support); }
 body[data-blog-refinement] .blog-article img { grid-column: 1 !important; grid-row: 1 !important; width: 100% !important; max-height: 300px !important; }
 body[data-blog-refinement] .blog-article > div { grid-column: 2 !important; grid-row: 1 !important; align-self: center; padding: 0 !important; border: 0 !important; background: none !important; }
 body[data-blog-refinement] .blog-article h3 { margin: 0 0 12px !important; }
 body[data-blog-refinement] .blog-article p { margin: 0 0 12px !important; }
 body[data-blog-refinement] :is(.blog-article,.blog-resource) .card-link { display: inline-flex !important; align-items: center !important; min-height: 44px !important; padding: 0 !important; margin: 0 !important; color: var(--lifa-color-primary) !important; font: 600 13px/1.7 'Montserrat',sans-serif !important; text-transform: none !important; text-decoration: underline; text-underline-offset: 5px; }
 body[data-blog-refinement] .blog-featured-layout { grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr) !important; gap: 48px !important; align-items: center !important; }
 body[data-blog-refinement] .blog-featured-layout .image-frame { max-width: 430px; justify-self: end; }
 body[data-blog-refinement] .blog-featured-kicker { font: 600 13px/1.7 'Montserrat',sans-serif !important; color: var(--lifa-color-support) !important; }
 body[data-blog-refinement] .blog-featured-layout h2 { margin: 16px 0 20px !important; max-width: none !important; }
 body[data-blog-refinement] .process-showcase-layout { display: block !important; }
 body[data-blog-refinement] .blog-field-notes { display: grid !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; gap: 38px !important; align-items: center; }
 body[data-blog-refinement] .blog-field-notes .process-feature-content { grid-column: 2 !important; grid-row: 1 !important; padding: 0 !important; background: none !important; border: 0 !important; }
 body[data-blog-refinement] .blog-field-notes img { grid-column: 1 !important; grid-row: 1 !important; width: 100% !important; }
 body[data-blog-refinement] :is(.blog-field-notes,.process-info-stack,.blog-article) { grid-template-rows: auto !important; grid-auto-rows: auto !important; }
 body[data-blog-refinement] .process-info-stack { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 32px !important; margin-top: 24px !important; }
 body[data-blog-refinement] .blog-resource { display: block !important; height: auto !important; min-height: 0 !important; padding: 18px 0 !important; border: 0 !important; border-top: 1px solid var(--blog-rule) !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; transform: none !important; color: var(--lifa-color-primary) !important; text-decoration: none !important; }
 body[data-blog-refinement] .blog-resource::before,body[data-blog-refinement] .blog-resource::after { content: none !important; }
 body[data-blog-refinement] .blog-resource h3 { margin: 0 0 12px !important; }
 body[data-blog-refinement] .blog-resource p { margin: 0 0 8px !important; }
 body[data-blog-refinement] [data-editorial-role='context'] .grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 30px !important; }
 body[data-blog-refinement] [data-editorial-role='prepare'] { background: var(--lifa-color-reading-surface) !important; color: var(--lifa-color-primary) !important; }
 body[data-blog-refinement] [data-editorial-role='prepare'] :is(h2,p,.eyebrow,.card-link) { color: var(--lifa-color-primary) !important; }
 body[data-blog-refinement] [data-editorial-role='prepare'] .grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 0 42px !important; }
 body[data-blog-refinement] .blog-project-link a { display: inline-flex; align-items: center; min-height: 44px; font: 600 14px/1.7 'Montserrat',sans-serif; color: var(--lifa-color-primary) !important; text-decoration: underline !important; text-underline-offset: 5px; }
 body[data-blog-refinement] .blog-project-proof { grid-column: 1 / -1; margin-top: 28px; padding-top: 24px; border-top: 2px solid var(--lifa-color-support); }
 body[data-blog-refinement] .blog-project-proof h3 { margin: 12px 0; }
 body[data-blog-refinement] .blog-project-proof p { max-width: 78ch; margin-bottom: 12px; }
 body[data-blog-refinement] .blog-project-proof a { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: var(--lifa-color-primary); font: 600 14px/1.7 'Montserrat',sans-serif; }
 body[data-blog-refinement] .blog-request-paths { margin-top: 28px; padding-top: 24px; border-top: 2px solid var(--lifa-color-support); }
 body[data-blog-refinement] .blog-request-paths dl { margin: 0; }
 body[data-blog-refinement] .blog-request-paths dl > div { display: grid; grid-template-columns: minmax(160px,.65fr) minmax(0,1.35fr); gap: 28px; padding-block: 20px; border-bottom: 1px solid var(--blog-rule); }
 body[data-blog-refinement] .blog-request-paths dt { font: 600 16px/1.7 'Montserrat',sans-serif; }
 body[data-blog-refinement] .blog-request-paths dd { margin: 0; }
 body[data-blog-refinement] .blog-request-paths dd p { margin: 0 0 8px; }
 body[data-blog-refinement] .blog-request-paths a { display: inline-flex; align-items: center; min-height: 44px; font: 600 14px/1.7 'Montserrat',sans-serif; color: var(--lifa-color-primary); text-decoration: underline; text-underline-offset: 5px; }
 body[data-blog-refinement] .blog-secondary-routes { grid-column: 1 / -1 !important; padding: 0 !important; border: 0 !important; border-block: 1px solid var(--blog-rule) !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; }
 body[data-blog-refinement] .blog-secondary-routes summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 64px; padding: 18px 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; list-style: none; cursor: pointer; }
 body[data-blog-refinement] .blog-secondary-routes summary::-webkit-details-marker { display: none; }
 body[data-blog-refinement] .blog-secondary-routes summary h2 { margin: 0 !important; max-width: none !important; font-size: clamp(21px,2vw,28px) !important; }
 body[data-blog-refinement] .blog-disclosure-mark { flex: none; width: 32px; text-align: center; font: 400 30px/1 'Montserrat',sans-serif; color: var(--lifa-color-support); }
 body[data-blog-refinement] .blog-secondary-routes[open] .blog-disclosure-mark { transform: rotate(45deg); }
 body[data-blog-refinement] .blog-secondary-routes summary:focus-visible { outline: 3px solid var(--lifa-color-primary); outline-offset: 5px; }
 body[data-blog-refinement] .blog-secondary-content { padding: 10px 0 20px; }
 body[data-blog-refinement] [data-editorial-role='directory'] { padding-block: 24px !important; }
 body[data-blog-refinement] [data-editorial-role='directory'] h2 { font-size: clamp(24px,2.4vw,34px) !important; }
 body[data-blog-refinement] [data-editorial-role='directory'] :is(.grid,.blog-topic-strip,.related-links-grid) { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 0 36px !important; }
 body[data-blog-refinement] [data-editorial-role='directory'] .blog-resource h3 { font: 600 16px/1.7 'Montserrat',sans-serif !important; }
 body[data-blog-refinement] [data-editorial-role='directory'] .blog-resource p { font-size: 14px !important; }
 body[data-blog-refinement] .network-meta { font: 500 12px/1.6 'Montserrat',sans-serif !important; color: var(--lifa-color-support) !important; }
 body[data-blog-refinement] .network-meta::before { content: none !important; }
 body[data-blog-refinement] .feature-list li::before { background: var(--lifa-color-support) !important; box-shadow: none !important; }
 body[data-blog-refinement] :is(a,button,[tabindex]):focus-visible { outline: 3px solid var(--lifa-color-primary) !important; outline-offset: 5px !important; }
 body[data-blog-refinement] :is(.hero,.cta-band) :is(a,button):focus-visible { outline-color: var(--lifa-color-accent) !important; }
 @media(hover:hover) and (pointer:fine) { body[data-blog-refinement] :is(.blog-article,.blog-resource):hover h3 { text-decoration: underline; text-underline-offset: 5px; } }
 @media(max-width:1000px) { body[data-blog-refinement] .blog-article { gap: 0 28px !important; } }
 @media(max-width:760px) {
  body[data-blog-refinement] main > section { padding-block: 32px !important; }
  body[data-blog-refinement] .blog-article,body[data-blog-refinement] .blog-featured-layout,body[data-blog-refinement] .blog-field-notes,body[data-blog-refinement] .process-info-stack,body[data-blog-refinement] [data-editorial-role='context'] .grid,body[data-blog-refinement] [data-editorial-role='prepare'] .grid,body[data-blog-refinement] [data-editorial-role='directory'] :is(.grid,.blog-topic-strip,.related-links-grid) { grid-template-columns: minmax(0,1fr) !important; gap: 18px !important; }
  body[data-blog-refinement] .blog-article img { grid-column: 1 !important; grid-row: 1 !important; max-height: none !important; }
  body[data-blog-refinement] .blog-article > div,body[data-blog-refinement] .blog-field-notes .process-feature-content { grid-column: 1 !important; grid-row: 2 !important; }
  body[data-blog-refinement] .blog-featured-layout .image-frame { width: 100%; max-width: 430px; justify-self: center; }
  body[data-blog-refinement] .blog-topic-nav { gap: 0 22px; }
  body[data-blog-refinement] .blog-request-paths dl > div { grid-template-columns: minmax(0,1fr); gap: 10px; }
 }
}
