/*
 * PlayerScout Blog Post: signed-off source presentation.
 *
 * SOURCE: header-preview (playerscout-header-review) app/globals.css and the
 * Tailwind base layer it compiles with. Every rule below the reset is copied
 * from the source unchanged except for one thing: selectors are scoped to
 * .ps-blog-source (the Blog Post render wrapper) so nothing leaks into other
 * templates. Do not hand-edit values here: change the source and re-copy.
 * Global components (header, engagement bar, AI unit, helpful, Program CTA,
 * newsletter, footer) keep their own global styles.
 */

/* Source design tokens (app/globals.css :root), scoped. */
.ps-blog-source {
  --ps-white:#fff; --ps-black:#070907; --ps-purple:#5345a7; --ps-purple-bright:#8a49f5;
  --ps-grey-900:#565656; --ps-grey-700:#737373; --ps-body-grey:#6d736d; --ps-muted-grey:#9a9a9a;
  --ps-border-light:#e8e8e8; --ps-border-ui:#e5e7eb; --ps-border-strong:#d8d8d8; --ps-surface-subtle:#f9fafb;
  --ps-cta-lime:#c8f318;
  --ps-font-heading:"Inter",Arial,Helvetica,sans-serif; --ps-font-body:"Source Sans 3",Arial,Helvetica,sans-serif; --ps-font-ui:var(--ps-font-heading);
  --ps-radius-small:8px; --ps-radius-ui:12px; --ps-radius-article:16px; --ps-radius-feature:20px; --ps-radius-pill:999px;
  --purple:var(--ps-purple-bright); --black:var(--ps-black); --grey:var(--ps-grey-700);
}

/* Source page base: html/body (globals.css) + Tailwind html line-height. */
.ps-blog-source { background:var(--ps-white); color:var(--ps-black); font-family:var(--ps-font-heading); font-size:16px; line-height:1.5; font-synthesis:none; -webkit-text-size-adjust:100%; tab-size:4; }

/*
 * Source reset (Tailwind base layer), zero specificity so every source rule
 * wins, and never applied inside embedded global template parts.
 */
:where(.ps-blog-source, .ps-blog-source *:not(.wp-block-template-part, .wp-block-template-part *)) { box-sizing:border-box; }
:where(.ps-blog-source *:not(.wp-block-template-part, .wp-block-template-part *)),
:where(.ps-blog-source *:not(.wp-block-template-part, .wp-block-template-part *))::before,
:where(.ps-blog-source *:not(.wp-block-template-part, .wp-block-template-part *))::after { box-sizing:border-box; border:0 solid; margin:0; padding:0; }
:where(.ps-blog-source) :where(h1,h2,h3,h4,h5,h6):not(:where(.wp-block-template-part *)) { font-size:inherit; font-weight:inherit; font-family:var(--ps-font-heading); }
:where(.ps-blog-source) :where(a):not(:where(.wp-block-template-part *)) { color:inherit; text-decoration:inherit; }
:where(.ps-blog-source) :where(b,strong):not(:where(.wp-block-template-part *)) { font-weight:bolder; }
:where(.ps-blog-source) :where(small):not(:where(.wp-block-template-part *)) { font-size:80%; }
:where(.ps-blog-source) :where(summary):not(:where(.wp-block-template-part *)) { display:list-item; }
:where(.ps-blog-source) :where(ol,ul,menu):not(:where(.wp-block-template-part *)) { list-style:none; }
:where(.ps-blog-source) :where(img,svg,video,iframe):not(:where(.wp-block-template-part *)) { vertical-align:middle; display:block; }
:where(.ps-blog-source) :where(img,video):not(:where(.wp-block-template-part *)) { max-width:100%; height:auto; }
:where(.ps-blog-source) :where(button):not(:where(.wp-block-template-part *)) { font:inherit; letter-spacing:inherit; color:inherit; opacity:1; background-color:#0000; border-radius:0; font-family:var(--ps-font-heading); }
.ps-blog-source [hidden]:where(:not([hidden=until-found])) { display:none !important; }

/*
 * Theme-wide element styles (theme.json / style.css / exporter CSS) must not
 * reach the source markup: restore the inheritance the source relies on.
 * Specificity (0,1,0) beats bare element rules and loses to every source rule
 * below (0,2,0+). Embedded global template parts are excluded.
 */
.ps-blog-source :where(h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,blockquote,cite,small,strong,em,details,summary,nav,aside,section,article,a,span):where(:not(.wp-block-template-part, .wp-block-template-part *)) { margin:0; padding:0; line-height:inherit; letter-spacing:inherit; color:inherit; text-transform:inherit; font-style:inherit; }
.ps-blog-source :where(h1,h2,h3,h4,h5,h6):where(:not(.wp-block-template-part *)) { font-size:inherit; font-weight:inherit; font-family:var(--ps-font-heading); }
.ps-blog-source :where(p,li,small,cite,span,a,summary,details):where(:not(.wp-block-template-part *)) { font-family:inherit; font-size:inherit; font-weight:inherit; }
.ps-blog-source :where(cite,em):where(:not(.wp-block-template-part *)) { font-style:normal; }
.ps-blog-source :where(em):where(:not(.wp-block-template-part *)) { font-style:italic; }

/*
 * Built-in global components (Engagement Bar, PlayerScout AI, Was this
 * helpful) sit where the source places its own full-width components, inside
 * flex columns that centre or start-align their children. Their WordPress
 * template-part wrappers must span the full width, as the source components do.
 */
.ps-blog-source .article-header > .wp-block-template-part,
.ps-blog-source .article-body > .wp-block-template-part { width:100%; align-self:stretch; }
/* Inside the article column the built-in parts span it, like the source components. */
.ps-blog-source .article-body .playerscout-blog-helpful,
.ps-blog-source .article-body .playerscout-ai-cta-section { width:100% !important; max-width:none !important; margin:0 !important; }
/* The source AI unit is the .nico-inline card itself, with no extra padding around it. */
.ps-blog-source .article-body .playerscout-ai-cta-section { padding:0 !important; }

/* Source rules (app/globals.css), scoped. */
.ps-blog-source .article-header { width:100%; display:flex; flex-direction:column; align-items:center; gap:24px; overflow:hidden; padding:80px 80px 0; background:#fff; text-align:center; }
.ps-blog-source .article-taxonomy { width:100%; display:flex; flex-direction:column; align-items:center; gap:9px; }
.ps-blog-source .article-tag { display:inline-flex; align-items:center; padding:6px 14px; border:1px solid #d6e5fa; border-radius:100px; background:#f7f8f4; color:#1d5274; font-family:var(--ps-font-ui); font-size:11px; font-weight:700; letter-spacing:.5px; line-height:normal; text-transform:uppercase; transition:color .15s,border-color .15s; }
.ps-blog-source .article-tag:hover,.ps-blog-source .article-tag:focus-visible { color:#fff; border-color:#070907; background:#070907; outline:none; }
.ps-blog-source .article-breadcrumb { min-height:42px; display:flex; align-items:center; justify-content:center; gap:6px; padding:12px 0; color:#555; font-family:var(--ps-font-ui); font-size:13px; font-weight:400; line-height:normal; white-space:nowrap; }
.ps-blog-source .article-breadcrumb span { color:#cbd5e1; }
.ps-blog-source .article-breadcrumb a { transition:color .15s; }
.ps-blog-source .article-breadcrumb a:hover,.ps-blog-source .article-breadcrumb a:focus-visible { color:#8a49f5; outline:none; }
.ps-blog-source .article-breadcrumb .breadcrumb-current { max-width:420px; overflow:hidden; color:#111; font-weight:500; text-overflow:ellipsis; }
.ps-blog-source .article-header h1 { width:min(900px,100%); margin:0; color:#070907; font-family:var(--ps-font-ui); font-size:48px; font-weight:900; letter-spacing:-2px; line-height:1.1; }
.ps-blog-source .article-description { width:min(1000px,100%); margin:0; color:#737373; font-family:var(--ps-font-body); font-size:18px; font-weight:400; line-height:28px; text-align:center; }
.ps-blog-source .article-byline { width:100%; display:flex; align-items:center; justify-content:center; gap:12px; }
.ps-blog-source .article-byline img { display:block; width:40px; height:40px; border-radius:50%; object-fit:cover; }
.ps-blog-source .article-author { color:#1a1a1a; font-size:15px; font-weight:600; line-height:normal; white-space:nowrap; }
.ps-blog-source .article-author .playerscout-article-author-link { color:inherit; text-decoration:none; }
.ps-blog-source .article-author .playerscout-article-author-link:hover,
.ps-blog-source .article-author .playerscout-article-author-link:focus-visible { text-decoration:underline; text-underline-offset:3px; }
.ps-blog-source .article-follow { height:32px; display:inline-flex; align-items:center; justify-content:center; padding:6px 12px; border:1.5px solid #1a1a1a; border-radius:100px; background:#fff; color:#1a1a1a; font-size:13px; font-weight:600; line-height:normal; cursor:pointer; transition:border-color .2s; }
.ps-blog-source .article-follow:hover,.ps-blog-source .article-follow:focus-visible { border-color:#d8d8d8; background:#fff; color:#d8d8d8; outline:none; }
.ps-blog-source .article-meta { color:#6b7280; font-size:14px; font-weight:400; line-height:normal; white-space:nowrap; }
.ps-blog-source .article-hero-area { width:100%; display:flex; align-items:flex-start; padding:20px 80px 30px; background:#fff; }
.ps-blog-source .article-hero-area img { display:block; width:100%; height:560px; border-radius:24px; object-fit:cover; }
.ps-blog-source .takeaways-outer { width:100%; padding:0 80px 30px; background:#fff; }
.ps-blog-source .takeaways-card { width:100%; display:flex; flex-direction:column; align-items:flex-start; gap:24px; padding:32px; border:1px solid #e5e8eb; border-radius:20px; background:#f9fafb; font-family:var(--ps-font-ui); }
.ps-blog-source .takeaways-card h2 { margin:0; color:#5345a7; font-family:var(--ps-font-ui); font-size:20px; font-weight:800; letter-spacing:-.3px; line-height:normal; }
.ps-blog-source .takeaways-grid { width:100%; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.ps-blog-source .takeaways-grid > div { min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.ps-blog-source .takeaways-grid h3 { margin:0; color:#070907; font-family:var(--ps-font-ui); font-size:16px; font-weight:800; line-height:normal; }
.ps-blog-source .takeaways-grid p { margin:0; color:#727373; font-family:var(--ps-font-body); font-size:15px; font-weight:400; line-height:22px; }
.ps-blog-source .key-points-section { width:100%; display:flex; justify-content:center; padding:0 80px 30px; background:#fff; }
.ps-blog-source .key-points-box { width:960px; max-width:100%; display:flex; flex-direction:column; align-items:flex-start; gap:20px; overflow:hidden; padding:32px 40px; border:1px solid #e5e8eb; border-radius:12px; background:#f9fafb; font-family:var(--ps-font-ui); }
.ps-blog-source .key-points-box h2 { width:100%; margin:0; color:#070907; font-family:var(--ps-font-ui); font-size:20px; font-weight:800; letter-spacing:-.3px; line-height:normal; }
.ps-blog-source .key-points-box ul { width:100%; display:flex; flex-direction:column; gap:16px; margin:0; padding:0; list-style:none; }
.ps-blog-source .key-points-box li { width:100%; display:flex; align-items:flex-start; gap:14px; }
.ps-blog-source .key-points-box li img { width:8px; height:24px; flex:0 0 8px; }
.ps-blog-source .key-points-box li p { flex:1; margin:0; color:#1a1a1a; font-family:var(--ps-font-ui); font-size:16px; font-weight:400; line-height:24px; }
.ps-blog-source .key-points-box li strong { font-weight:600; }
.ps-blog-source .article-toc { width:960px; max-width:calc(100% - 32px); display:flex; flex-direction:column; align-items:flex-start; gap:20px; margin:0 auto; padding:32px 40px; border:1px solid #e5e8eb; border-radius:12px; background:#f9fafb; font-family:var(--ps-font-ui); }
.ps-blog-source .article-toc h2 { margin:0; color:#070907; font-family:var(--ps-font-ui); font-size:20px; font-weight:800; letter-spacing:-.3px; line-height:normal; text-transform:none; }
.ps-blog-source .article-toc nav { width:100%; display:flex; flex-direction:column; align-items:flex-start; gap:16px; }
.ps-blog-source .article-toc ol { width:100%; display:flex; flex-direction:column; align-items:flex-start; gap:16px; margin:0; padding:0; list-style:none; }
.ps-blog-source .article-toc li { width:100%; margin:0; padding:0; }
.ps-blog-source .article-toc a { display:block; width:100%; color:#181818; font-family:var(--ps-font-ui); font-size:15px; font-weight:600; line-height:normal; text-decoration:none; transition:color .15s; }
.ps-blog-source .article-toc a.is-current { color:#5345a7; text-decoration:none; }
.ps-blog-source .article-toc a:hover,.ps-blog-source .article-toc a:focus-visible { color:#8a49f5; outline:none; }
.ps-blog-source .article-body { width:960px; max-width:calc(100% - 32px); display:flex; flex-direction:column; align-items:flex-start; gap:30px; margin:0 auto; padding:30px 0; }
.ps-blog-source .article-body > p { width:100%; margin:0; color:#6d736d; font-family:var(--ps-font-ui); font-size:17px; font-weight:400; line-height:28px; }
.ps-blog-source .article-body .article-lead { color:#070907; font-size:20px; font-weight:500; line-height:32px; }
.ps-blog-source .article-body > h2 { width:100%; margin:0; color:#070907; font-family:var(--ps-font-ui); font-size:28px; font-weight:900; letter-spacing:-1px; line-height:normal; }
.ps-blog-source .article-body > h2.playerscout-body-h1 { width:auto; font-size:16px; font-weight:400; letter-spacing:normal; line-height:24px; } /* A former body H1, now an H2 (playerscout_article_body_demote_h1()), keeps its look. */
.ps-blog-source .article-body blockquote { width:100%; display:flex; flex-direction:column; align-items:flex-start; margin:0; padding:8px 0 8px 24px; border-left:4px solid #d1d5db; }
.ps-blog-source .article-body blockquote strong { color:#070907; font-size:24px; font-weight:700; line-height:36px; }
.ps-blog-source .article-body blockquote cite { color:#6d736d; font-size:14px; font-style:normal; font-weight:600; }
.ps-blog-source .proof-asset { box-sizing:border-box; width:100%; display:flex; align-items:center; gap:24px; margin:0; padding:28px 30px; border:1px solid #d8dadd; border-left:5px solid #00b67a; border-radius:14px; background:#f5f6f7; font-family:var(--ps-font-ui); }
.ps-blog-source .proof-copy { min-width:0; flex:1; display:flex; flex-direction:column; gap:11px; }
.ps-blog-source .proof-label { display:flex; align-items:baseline; justify-content:flex-start; gap:5px; }
.ps-blog-source .proof-label span { color:#181818; font-size:11px; font-style:normal; font-weight:800; letter-spacing:1.2px; }
.ps-blog-source .proof-label em { color:#666; font-size:11px; font-style:italic; font-weight:400; }
.ps-blog-source .proof-stars { color:#00b67a; font-size:22px; font-weight:900; letter-spacing:3px; line-height:1; }
.ps-blog-source .article-body .proof-asset blockquote { margin:0; padding:0; border:0; color:#181818; font-size:20px; font-weight:700; line-height:30px; }
.ps-blog-source .proof-copy > .proof-source { align-self:flex-start; color:#181818; font-size:13px; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.ps-blog-source .proof-copy > p { display:flex; flex-wrap:wrap; gap:4px 10px; margin:0; color:#6d736d; font-size:13px; }
.ps-blog-source .proof-copy > p strong { color:#181818; font-size:13px; }
.ps-blog-source .proof-copy > p span { color:#6d736d; }
.ps-blog-source .free-resource-cta { width:100%; display:flex; flex-direction:column; align-items:flex-start; gap:12px; overflow:hidden; padding:28px 32px; border-left:4px solid #5345a7; border-radius:12px; background:#f3f0ff; }
.ps-blog-source .free-resource-cta > span { color:#8a49f5; font-size:11px; font-weight:700; letter-spacing:1.5px; line-height:16px; }
.ps-blog-source .free-resource-cta h3 { margin:0; color:#070907; font-size:20px; font-weight:600; line-height:26px; }
.ps-blog-source .free-resource-cta p { margin:0; color:#4d4d4d; font-size:15px; line-height:22px; }
.ps-blog-source .free-resource-cta a { color:#8a49f5; font-size:14px; font-weight:600; line-height:20px; }
.ps-blog-source .free-resource-cta a:hover,.ps-blog-source .free-resource-cta a:focus-visible { color:#070907; outline:none; }
.ps-blog-source .article-inline-image { width:100%; margin:0; padding:16px 0; }
.ps-blog-source .article-inline-image img { display:block; width:100%; height:360px; border-radius:16px; object-fit:cover; }
.ps-blog-source .article-checklist { width:100%; display:flex; flex-direction:column; gap:16px; margin:0; padding-left:16px; list-style:none; }
.ps-blog-source .article-checklist > li { display:flex; align-items:flex-start; gap:12px; margin:0; padding:0; }
.ps-blog-source .article-checklist > li > span { color:#173d29; font-size:18px; }
.ps-blog-source .article-checklist p { display:flex; flex-direction:column; gap:4px; margin:0; }
.ps-blog-source .article-checklist strong { color:#070907; font-size:16px; line-height:normal; }
.ps-blog-source .article-checklist small { color:#6d736d; font-size:15px; line-height:24px; }
.ps-blog-source .article-feedback { width:100%; display:flex; align-items:center; gap:12px; padding-top:12px; border-top:1px solid #e5e7eb; }
.ps-blog-source .article-feedback > span { color:#070907; font-size:15px; font-weight:500; }
.ps-blog-source .article-feedback button { padding:7px 16px; border:1px solid #d1d5db; border-radius:20px; background:transparent; color:#070907; cursor:pointer; font-size:14px; font-weight:500; }
.ps-blog-source .article-feedback button:hover,.ps-blog-source .article-feedback button:focus-visible,.ps-blog-source .article-feedback button.is-selected { border-color:#070907; background:#070907; color:#fff; outline:none; }
.ps-blog-source .related-section { width:100%; display:flex; flex-direction:column; align-items:center; gap:32px; padding:80px 80px 96px; background:var(--ps-surface-subtle); }
.ps-blog-source .related-header { width:100%; display:flex; align-items:center; justify-content:space-between; }
.ps-blog-source .related-header h2,.ps-blog-source .related-header a { margin:0; color:#070907; font-size:14px; font-weight:700; line-height:normal; }
.ps-blog-source .related-header h2 { letter-spacing:1px; }
.ps-blog-source .related-header a { text-decoration:underline; text-underline-position:from-font; }
.ps-blog-source .related-grid { width:100%; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.ps-blog-source .related-card { display:flex; flex-direction:column; align-items:flex-start; gap:16px; }
.ps-blog-source .related-image { width:100%; aspect-ratio:16/10; overflow:hidden; transition:none; }
.ps-blog-source .related-image img { display:block; width:100%; height:100%; object-fit:cover; transition:filter .25s,transform .25s; }
.ps-blog-source .related-image:hover,.ps-blog-source .related-image:focus-visible { transform:none;box-shadow:none;outline:none }
.ps-blog-source .related-image:hover img,.ps-blog-source .related-image:focus-visible img { filter:brightness(.84);transform:scale(1.012); }
.ps-blog-source .related-card > div { display:flex; flex-direction:column; align-items:flex-start; gap:4px; }
.ps-blog-source .related-tag { padding:6px 14px; border:1px solid var(--ps-purple); border-radius:var(--ps-radius-pill); background:var(--ps-purple); color:var(--ps-white); font-family:var(--ps-font-heading); font-size:11px; font-weight:var(--ps-weight-extrabold); letter-spacing:.5px; text-transform:uppercase; }
.ps-blog-source .related-tag:hover,.ps-blog-source .related-tag:focus-visible { border-color:#070907; background:#070907; outline:none; }
.ps-blog-source .related-card h3,.ps-blog-source .related-card h4 { margin:0; color:var(--ps-black); font-family:var(--ps-font-heading); font-size:18px; font-weight:var(--ps-weight-extrabold); line-height:26px; }
.ps-blog-source .related-card h3 a,.ps-blog-source .related-card h4 a { color:inherit; text-decoration:none; }
.ps-blog-source .related-card h3 a:hover,.ps-blog-source .related-card h3 a:focus-visible,.ps-blog-source .related-card h4 a:hover,.ps-blog-source .related-card h4 a:focus-visible { text-decoration:underline;text-underline-offset:3px;outline:none }
.ps-blog-source .related-card p { margin:0; color:#737373; font-size:14px; line-height:22px; }
.ps-blog-source .related-time { display:flex; align-items:center; gap:4px; color:#737373; font-size:11px; font-weight:500; }
.ps-blog-source .related-time img { width:14px; height:14px; }
.ps-blog-source .load-more { height:52px; display:flex; align-items:center; gap:8px; padding:0 32px; border:0; border-radius:100px; background:#070907; color:#fff; cursor:pointer; font-size:14px; font-weight:700; }
.ps-blog-source .load-more img { width:16px; height:16px; }
.ps-blog-source .load-more:hover,.ps-blog-source .load-more:focus-visible { background:#5345a7; outline:none; }
.ps-blog-source .load-more:disabled { cursor:wait; }
.ps-blog-source .load-more-dots { display:flex; align-items:center; justify-content:center; gap:5px; min-width:58px; }
.ps-blog-source .load-more-dots i { width:6px; height:6px; border-radius:50%; background:currentColor; animation:load-more-dot .8s infinite ease-in-out; }
.ps-blog-source .load-more-dots i:nth-child(2) { animation-delay:.12s; }
.ps-blog-source .load-more-dots i:nth-child(3) { animation-delay:.24s; }
@keyframes load-more-dot {0%,60%,100% { opacity:.35; transform:translateY(0); } 30% { opacity:1; transform:translateY(-3px); }}
@media (max-width: 1000px) {
  .ps-blog-source .article-header { padding-right:40px; padding-left:40px; }
  .ps-blog-source .article-header h1 { font-size:36px; }
  .ps-blog-source .article-hero-area { padding-right:40px; padding-left:40px; }
  .ps-blog-source .article-hero-area img { height:auto; aspect-ratio:16/7; }
  .ps-blog-source .takeaways-outer { padding-right:40px; padding-left:40px; }
  .ps-blog-source .takeaways-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ps-blog-source .key-points-section { padding-right:40px; padding-left:40px; }
  .ps-blog-source .article-toc { margin-right:auto; margin-left:auto; }
  .ps-blog-source .article-body { max-width:calc(100% - 80px); }
  .ps-blog-source .related-section { padding-right:40px; padding-left:40px; }
  .ps-blog-source .related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 767px) {
  .ps-blog-source .article-header { gap:20px; padding:48px 16px 0; }
  .ps-blog-source .article-taxonomy { gap:8px; }
  .ps-blog-source .article-breadcrumb { width:100%; justify-content:flex-start; overflow-x:auto; padding:10px 0; font-size:11px; }
  .ps-blog-source .article-breadcrumb .breadcrumb-current { max-width:none; overflow:visible; }
  .ps-blog-source .article-header h1 { font-size:30px; letter-spacing:-1.2px; }
  .ps-blog-source .article-description { font-size:17px; line-height:25.5px; }
  .ps-blog-source .article-byline { flex-wrap:wrap; gap:10px; }
  .ps-blog-source .article-byline img { width:36px; height:36px; }
  .ps-blog-source .article-author { font-size:14px; }
  .ps-blog-source .article-meta { font-size:12px; }
  .ps-blog-source .article-hero-area { padding:16px 16px 20px; }
  .ps-blog-source .article-hero-area img { aspect-ratio:16/9; border-radius:16px; }
  .ps-blog-source .takeaways-outer { padding:0 16px 20px; }
  .ps-blog-source .takeaways-card { gap:20px; padding:24px 20px; border-radius:16px; }
  .ps-blog-source .takeaways-card h2 { font-size:18px; white-space:normal; }
  .ps-blog-source .takeaways-grid { grid-template-columns:1fr; gap:24px; }
  .ps-blog-source .takeaways-grid h3 { font-size:15px; white-space:normal; }
  .ps-blog-source .key-points-section { padding:0 16px 20px; }
  .ps-blog-source .key-points-box { gap:18px; padding:24px 20px; }
  .ps-blog-source .key-points-box h2 { font-size:18px; }
  .ps-blog-source .key-points-box li p { font-size:15px; line-height:22px; }
  .ps-blog-source .article-toc { width:calc(100% - 32px); max-width:none; margin:0 16px; padding:20px; }
  .ps-blog-source .article-toc h2 { font-size:18px; }
  .ps-blog-source .article-body { max-width:calc(100% - 32px); gap:24px; padding:32px 0; }
  .ps-blog-source .article-body .article-lead { font-size:18px; line-height:29px; }
  .ps-blog-source .article-body > p { font-size:16px; line-height:27px; }
  .ps-blog-source .article-body > h2 { font-size:24px; letter-spacing:-.7px; }
  .ps-blog-source .article-body blockquote { padding-left:18px; }
  .ps-blog-source .article-body blockquote strong { font-size:20px; line-height:30px; }
  .ps-blog-source .free-resource-cta { padding:24px 20px; }
  .ps-blog-source .article-inline-image img { height:auto; aspect-ratio:16/9; }
  .ps-blog-source .article-checklist { padding-left:0; }
  .ps-blog-source .article-feedback { flex-wrap:wrap; }
  .ps-blog-source .related-section { padding:56px 16px 64px; }
  .ps-blog-source .related-header { align-items:flex-start; gap:20px; }
  .ps-blog-source .related-header a { text-align:right; }
  .ps-blog-source .related-grid { grid-template-columns:1fr; gap:40px; }
}
.ps-blog-source .article-faq { width:100%; display:flex; justify-content:center; padding:72px 80px; background:#fff; }
.ps-blog-source .article-faq-inner { width:960px; max-width:100%; display:flex; flex-direction:column; align-items:flex-start; }
.ps-blog-source .article-faq h2 { margin:0 0 28px !important; color:#070907; font-family:var(--ps-font-ui); font-size:32px; font-weight:900; letter-spacing:-1px; }
.ps-blog-source .article-faq-list { width:100%; border-top:1px solid #d8dadd; }
.ps-blog-source .article-faq details { border-bottom:1px solid #d8dadd; }
.ps-blog-source .article-faq summary { position:relative; padding:22px 48px 22px 0; color:#181818; font-family:var(--ps-font-ui); font-size:17px; font-weight:400; line-height:24px; list-style:none; cursor:pointer; }
.ps-blog-source .article-faq summary::-webkit-details-marker { display:none; }
.ps-blog-source .article-faq summary::after { content:'+'; position:absolute; top:50%; right:4px; transform:translateY(-50%); color:#181818; font-size:22px; font-weight:400; line-height:1; }
.ps-blog-source .article-faq details[open] summary::after { content:'−'; }
.ps-blog-source .article-faq summary:hover,.ps-blog-source .article-faq summary:focus-visible,.ps-blog-source .article-faq details[open] summary { color:#181818; outline:none; }
.ps-blog-source .article-faq details p { margin:0; padding:0 48px 22px 0; color:#6d736d; font-family:var(--ps-font-body); font-size:15px; line-height:24px; }
@media (max-width:824px) {
  .ps-blog-source .article-faq { padding:48px 16px; }
  .ps-blog-source .article-faq h2 { margin-bottom:20px !important; font-size:26px; }
  .ps-blog-source .article-faq summary { padding:18px 42px 18px 0; font-size:16px; }
  .ps-blog-source .article-faq details p { padding:0 42px 18px 0; }
}
@media (max-width:824px) {
  .ps-blog-source .proof-asset { align-items:flex-start; gap:16px; padding:20px; }
  .ps-blog-source .article-body .proof-asset blockquote { font-size:17px; line-height:26px; }
}

.ps-blog-source .article-header { padding-top:50px; } /* No category pill (2026-09-26): the breadcrumb starts 50px below the header. */