/* Prostik Single Article. Tokens and patterns taken from the Prostik homepage (#ps-home). Scoped to #ps-article. */
#ps-article{--ps-blue:#00347A;--ps-blue-dark:#00285F;--ps-red:#E00015;--ps-gray:#5B6472;--ps-line:#E6EAF0;--ps-tint:#F1F5FB;--ps-font-heading:'Montserrat',Arial,Helvetica,sans-serif;--ps-font-body:'Source Sans 3',Arial,Helvetica,sans-serif;display:block;margin:0;padding:0;background:#fff;font-family:var(--ps-font-body);font-size:16px;line-height:1.6;color:var(--ps-gray);text-align:left;overflow-x:clip;-webkit-font-smoothing:antialiased}
#ps-article *,#ps-article *::before,#ps-article *::after{box-sizing:border-box}
#ps-article img{max-width:100%;height:auto}
#ps-article a{text-decoration:none}
#ps-article h1,#ps-article h2,#ps-article h3,#ps-article h4{font-family:var(--ps-font-heading);text-transform:none;margin:0;padding:0}
#ps-article p,#ps-article ul,#ps-article ol{margin:0;padding:0}
#ps-article a:focus-visible{outline:3px solid #FFB000;outline-offset:2px}

/* Layout widths */
#ps-article .ps-container{max-width:1240px;margin:0 auto;padding:0 24px;width:100%}
#ps-article .ps-wide{max-width:1048px;margin:0 auto;padding:0 24px}
#ps-article .ps-narrow{max-width:808px;margin:0 auto;padding:0 24px}

/* Shared: eyebrow, h2, button (same as homepage) */
#ps-article .ps-eyebrow{display:inline-block;font-family:var(--ps-font-heading);font-weight:700;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ps-blue);padding-bottom:8px;position:relative;margin-bottom:14px}
#ps-article .ps-eyebrow::after{content:"";position:absolute;left:0;bottom:0;width:28px;height:2px;background:var(--ps-red)}
#ps-article a.ps-eyebrow:hover{color:var(--ps-red)}
#ps-article .ps-h2{font-size:clamp(28px,3.6vw,38px);font-weight:800;line-height:1.1;letter-spacing:-.6px;color:var(--ps-blue)}
#ps-article .ps-btn{font-family:var(--ps-font-heading);font-weight:700;font-size:14.5px;line-height:1.2;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:13px 26px;border:2px solid transparent;border-radius:0;cursor:pointer;transition:background .3s}
#ps-article .ps-btn--red{background:var(--ps-red);color:#fff}
#ps-article .ps-btn--red:hover{background:#B80011;color:#fff}

/* Header */
#ps-article .ps-article__head{background:var(--ps-tint);border-bottom:1px solid var(--ps-line);padding:28px 0 32px}
#ps-article .ps-crumbs{display:flex;flex-wrap:wrap;gap:6px 8px;font-size:14px;color:var(--ps-gray);margin-bottom:22px}
#ps-article .ps-crumbs a{color:var(--ps-gray)}
#ps-article .ps-crumbs a:hover{color:var(--ps-red)}
#ps-article .ps-article__title{font-size:clamp(28px,4.4vw,44px);font-weight:800;line-height:1.1;letter-spacing:-.8px;color:var(--ps-blue);margin:0 0 18px;overflow-wrap:break-word}
#ps-article .ps-meta{display:flex;flex-wrap:wrap;gap:4px 0;list-style:none;font-size:14px;color:var(--ps-gray)}
#ps-article .ps-meta li{margin:0;padding:0;list-style:none}
#ps-article .ps-meta li+li::before{content:"";display:inline-block;width:1px;height:13px;background:#C5CEDB;margin:0 14px;vertical-align:-2px}

/* Featured image */
#ps-article .ps-article__figure{margin:32px 0 0}
#ps-article .ps-article__img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:4px}

/* Article body */
#ps-article .ps-article__content{padding:36px 0 56px;font-size:18px;line-height:1.7;color:var(--ps-gray);overflow-wrap:break-word}
#ps-article .ps-article__content::after{content:"";display:table;clear:both}
#ps-article .ps-article__content>*+*{margin-top:1.15em}
#ps-article .ps-article__content h2{font-size:clamp(24px,3vw,30px);font-weight:800;line-height:1.2;letter-spacing:-.4px;color:var(--ps-blue);margin-top:1.9em}
#ps-article .ps-article__content h3{font-size:20px;font-weight:700;line-height:1.3;color:var(--ps-blue);margin-top:1.6em}
#ps-article .ps-article__content h4{font-size:17px;font-weight:700;color:var(--ps-blue-dark);margin-top:1.4em}
#ps-article .ps-article__content h2+*,#ps-article .ps-article__content h3+*,#ps-article .ps-article__content h4+*{margin-top:.6em}
#ps-article .ps-article__content a{color:var(--ps-blue);font-weight:600;text-decoration:underline;text-decoration-color:var(--ps-red);text-underline-offset:3px}
#ps-article .ps-article__content a:hover{color:var(--ps-red)}
#ps-article .ps-article__content strong,#ps-article .ps-article__content b{color:var(--ps-blue-dark)}
#ps-article .ps-article__content ul,#ps-article .ps-article__content ol{padding-left:24px}
#ps-article .ps-article__content li{margin:.4em 0}
#ps-article .ps-article__content ul li::marker{color:var(--ps-red)}
#ps-article .ps-article__content ol li::marker{color:var(--ps-blue);font-weight:700}
#ps-article .ps-article__content blockquote{margin-left:0;margin-right:0;padding:4px 0 4px 20px;border:0;border-left:3px solid var(--ps-red);color:var(--ps-blue-dark);font-weight:600}
#ps-article .ps-article__content blockquote p+p{margin-top:.8em}
#ps-article .ps-article__content img{display:block;border-radius:4px}
#ps-article .ps-article__content figure{margin-left:0;margin-right:0;max-width:100%}
#ps-article .ps-article__content figcaption{font-size:14px;color:var(--ps-gray);margin-top:8px}
#ps-article .ps-article__content hr{border:0;border-top:1px solid var(--ps-line);margin:2em 0}
#ps-article .ps-article__content pre{background:var(--ps-tint);border:1px solid var(--ps-line);padding:16px;overflow-x:auto;font-size:15px;line-height:1.5}
#ps-article .ps-article__content code{font-size:.9em;background:var(--ps-tint);padding:2px 5px}
#ps-article .ps-article__content pre code{background:none;padding:0}
#ps-article .ps-article__content iframe,#ps-article .ps-article__content video{max-width:100%;border:0}
#ps-article .ps-article__content iframe[src*="youtube"],#ps-article .ps-article__content iframe[src*="vimeo"]{width:100%;height:auto;aspect-ratio:16/9}
#ps-article .ps-article__content .alignwide,#ps-article .ps-article__content .alignfull{width:auto;max-width:100%;margin-left:auto;margin-right:auto}
#ps-article .ps-article__content .aligncenter{margin-left:auto;margin-right:auto}
#ps-article .ps-article__content .alignleft{float:left;margin:.3em 24px 12px 0;max-width:50%}
#ps-article .ps-article__content .alignright{float:right;margin:.3em 0 12px 24px;max-width:50%}
#ps-article .ps-table-wrap{overflow-x:auto;max-width:100%}
#ps-article .ps-article__content table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.5}
#ps-article .ps-article__content th,#ps-article .ps-article__content td{padding:10px 14px;border:1px solid var(--ps-line);text-align:left;vertical-align:top}
#ps-article .ps-article__content th{background:var(--ps-tint);color:var(--ps-blue);font-family:var(--ps-font-heading);font-weight:700}
#ps-article .ps-pages{font-size:15px;font-weight:600;color:var(--ps-blue)}

/* Related articles */
#ps-article .ps-related{background:var(--ps-tint);border-top:1px solid var(--ps-line);padding:48px 0 56px}
#ps-article .ps-related .ps-h2{margin-bottom:28px}
#ps-article .ps-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
#ps-article .ps-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--ps-line);border-radius:12px;overflow:hidden;color:inherit;transition:border-color .3s,box-shadow .3s}
#ps-article .ps-card:hover{border-color:#C5CEDB;box-shadow:0 8px 20px rgba(0,40,95,.08)}
#ps-article .ps-card__media{display:block;aspect-ratio:16/10;background:var(--ps-line);overflow:hidden}
#ps-article .ps-card__media img{display:block;width:100%;height:100%;object-fit:cover}
#ps-article .ps-card__body{display:flex;flex-direction:column;gap:6px;padding:18px 20px 20px;flex:1}
#ps-article .ps-card__cat{font-family:var(--ps-font-heading);font-weight:700;font-size:11.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ps-red)}
#ps-article .ps-card__title{font-family:var(--ps-font-heading);font-weight:700;font-size:17px;line-height:1.3;color:var(--ps-blue)}
#ps-article .ps-card:hover .ps-card__title{color:var(--ps-red)}
#ps-article .ps-card__date{font-size:14px;color:var(--ps-gray);margin-top:auto;padding-top:4px}

/* CTA band (same treatment as homepage newsletter bar) */
#ps-article .ps-cta{background:var(--ps-blue);padding:28px 0}
#ps-article .ps-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:20px 40px}
#ps-article .ps-cta__title{font-size:19px;font-weight:700;color:#fff;margin-bottom:2px}
#ps-article .ps-cta__text{font-size:14px;color:#C9D6EE}

@media (max-width:860px){
#ps-article .ps-related__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
#ps-article .ps-container,#ps-article .ps-wide,#ps-article .ps-narrow{padding-left:18px;padding-right:18px}
#ps-article .ps-article__head{padding:20px 0 26px}
#ps-article .ps-crumbs{margin-bottom:18px}
#ps-article .ps-article__figure{margin-top:22px}
#ps-article .ps-article__content{font-size:17px;padding:26px 0 40px}
#ps-article .ps-article__content .alignleft,#ps-article .ps-article__content .alignright{float:none;max-width:100%;margin:0 auto}
#ps-article .ps-related{padding:36px 0 40px}
#ps-article .ps-related__grid{grid-template-columns:1fr}
#ps-article .ps-cta__inner{flex-direction:column;align-items:stretch;text-align:left}
#ps-article .ps-cta .ps-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){#ps-article *{transition:none!important}}
