/* Editorial reading layer. Kept separate from transactional forms. */
.nova-article { padding-top:calc(var(--nova-header-height,122px) + var(--nova-admin-offset,0px) + 58px); }
.nova-article__head { max-width:1040px; }
.nova-article__head .wp-block-post-title { font-size:clamp(34px,4.8vw,60px); line-height:1.14; letter-spacing:-.035em; }
.nova-article__head > .wp-block-group { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; color:#475467; font-size:17px; }
.nova-article__head .spssdh-article-byline { margin:0; font-weight:600; }
.nova-article > .wp-block-post-featured-image { max-width:1040px; margin-inline:auto; }
.nova-article > .wp-block-post-featured-image img { display:block; width:100%; height:auto; }
.nova-article .wp-block-post-content { max-width:820px; margin-inline:auto; }
.spssdh-guide { color:#344054; font:400 19px/1.8 Inter,system-ui,sans-serif; overflow-wrap:break-word; }
.nova-article .wp-block-post-content .spssdh-guide p { font-size:inherit; line-height:inherit; }
.spssdh-guide > * { max-width:100%; }
.spssdh-guide p,.spssdh-guide ul,.spssdh-guide ol { margin:0 0 1.4em; }
.spssdh-guide li { margin-bottom:.55em; }
.spssdh-guide h2,.nova-article .wp-block-post-content .spssdh-guide h2 { margin:2.1em 0 .7em; color:#101828; font:750 clamp(28px,3.4vw,38px)/1.22 "Plus Jakarta Sans",Inter,sans-serif; letter-spacing:-.025em; scroll-margin-top:calc(var(--nova-header-height,122px) + 24px); }
.spssdh-guide h3 { margin:1.6em 0 .6em; color:#101828; font:700 clamp(22px,2.5vw,26px)/1.3 "Plus Jakarta Sans",Inter,sans-serif; }
.spssdh-guide a { color:#0f766e; text-decoration:underline; text-underline-offset:4px; }
.spssdh-guide a:hover { color:#4338ca; }
.spssdh-guide a:focus-visible { outline:3px solid #6955f5; outline-offset:4px; }
.spssdh-guide strong { color:#101828; font-weight:700; }
.spssdh-guide-note { margin:0 0 32px; padding:18px 22px; border-left:3px solid #0f766e; background:#f8fafc; color:#475467; font-size:16px; line-height:1.65; }
.spssdh-guide-note p { margin:0; }
.nova-article .wp-block-post-content .spssdh-guide-note p { font-size:16px; line-height:1.65; }
.spssdh-guide-figure { margin:40px 0; padding:20px; border:1px solid #d0d5dd; background:#f8fafc; }
.spssdh-guide-figure img { display:block; width:100%; height:auto; }
.spssdh-guide-visual { max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; }
.spssdh-guide-visual:focus-visible { outline:3px solid #6955f5; outline-offset:3px; }
.spssdh-guide-visual img { min-width:760px; }
.spssdh-guide-figure figcaption a { display:inline-block; margin-left:.35em; font-weight:600; }
.spssdh-guide-figure figcaption { margin-top:16px; color:#475467; font-size:16px; line-height:1.6; }
.spssdh-guide table { display:block; width:100%; overflow-x:auto; border-collapse:collapse; margin:26px 0; font-size:17px; }
.spssdh-guide th,.spssdh-guide td { min-width:100px; padding:14px 16px; border:1px solid #d0d5dd; text-align:left; vertical-align:top; }
.spssdh-guide th { color:#101828; background:#f0fdfa; font-weight:700; }
.spssdh-guide pre { overflow:auto; padding:20px; border:1px solid #d0d5dd; background:#f8fafc; font-size:16px; line-height:1.7; }
.spssdh-guide blockquote { margin:28px 0; padding:20px 24px; border-left:3px solid #0f766e; background:#f8fafc; }
@media(max-width:640px) {
  .nova-article { padding-top:calc(var(--nova-header-height,77px) + var(--nova-admin-offset,0px) + 34px); }
  .spssdh-guide { font-size:18px; line-height:1.75; }
  .spssdh-guide-figure { margin:28px -8px; padding:8px; }
  .spssdh-guide-figure figcaption::before { content:"Scroll diagram horizontally. "; font-weight:600; }
  .spssdh-guide th,.spssdh-guide td { padding:10px; }
}
