/* Scoped to the plugin template; homepage and article pages keep their own styles. */
body.pl-blog-page { margin:0; background:#eef4fb; color:#172033; }
.pl-blog-page .pl-site { --pl-blue:#123b6d; --pl-deep:#07182f; --pl-accent:#2d6cdf; --pl-pale:#eef4fb; font:400 16px/1.7 Inter,Arial,sans-serif; }
.pl-blog-page .pl-site *, .pl-blog-page .pl-site *::before, .pl-blog-page .pl-site *::after { box-sizing:border-box; }
.pl-blog-page .pl-wrap { width:min(1160px,90%); margin-inline:auto; }
.pl-blog-page .pl-nav { position:sticky!important; inset:auto!important; top:0!important; z-index:100!important; width:100%; padding:12px 0!important; color:#fff; background:#12408f!important; box-shadow:0 2px 14px rgb(0 0 0 / 20%); }
.pl-blog-page .pl-navin { display:flex; align-items:center; justify-content:space-between; gap:30px; }
.pl-blog-page .pl-nav .pl-logo-link { --logo-h:46px; display:block!important; flex-shrink:0; overflow:hidden; height:var(--logo-h); width:calc(var(--logo-h) * 1019 / 186); padding:0!important; background:transparent!important; }
.pl-blog-page .pl-nav .pl-logo { display:block; height:calc(var(--logo-h) * 969 / 186)!important; width:auto!important; max-width:none!important; margin-left:calc(var(--logo-h) * -294 / 186); margin-top:calc(var(--logo-h) * -459 / 186); }
.pl-blog-page .pl-menu { display:flex; align-items:center; gap:26px; font-size:14px; font-weight:600; }
.pl-blog-page .pl-menu a { color:#fff; text-decoration:none; }
.pl-blog-page .pl-menu a:hover { opacity:.8; }
.pl-blog-page .pl-blog-menu { position:relative; }
.pl-blog-page .pl-blog-menu summary { cursor:pointer; }
.pl-blog-page .pl-blog-dropdown { position:absolute; right:0; z-index:200; min-width:280px; max-width:85vw; padding:10px; background:#fff; border-radius:8px; box-shadow:0 12px 30px #07182f33; }
.pl-blog-page .pl-menu .pl-blog-dropdown a { display:block; padding:8px; color:#07182f; }
.pl-blog-page #pl-blog-content { max-width:none; width:100%; margin:0; padding:0; }
.pl-blog-page .pl-blog-hero { padding:72px 0 66px; color:#fff; background:linear-gradient(115deg,#07182f,#123b6d); }
.pl-blog-page .pl-kicker { margin:0 0 16px; color:#9dc2f3; font-size:13px; font-weight:600; text-transform:uppercase; letter-spacing:.18em; }
.pl-blog-page .pl-blog-hero h1 { margin:0 0 20px; color:#fff; font:600 clamp(48px,6vw,76px)/1.05 'Cormorant Garamond',Georgia,serif; letter-spacing:-.02em; }
.pl-blog-page .pl-blog-intro { max-width:650px; margin:0; color:#d5e2f4; font-size:18px; }
.pl-blog-page .pl-blog-list { padding:56px 0 76px; }
.pl-blog-page .pl-blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.pl-blog-page .pl-blog-card { display:flex; min-width:0; flex-direction:column; margin:0; padding:0; overflow:hidden; background:#fff; border:1px solid #dce5f1; border-radius:10px; box-shadow:0 6px 22px #123b6d08; transition:box-shadow .2s; }
.pl-blog-page .pl-blog-card:hover { box-shadow:0 12px 28px #123b6d18; }
.pl-blog-page .pl-blog-card-body { display:flex; flex:1; flex-direction:column; padding:22px; }
.pl-blog-page .pl-blog-card time { margin-bottom:12px; color:#526580; font-size:12px; }
.pl-blog-page .pl-blog-card h2 { margin:0 0 14px; font:600 27px/1.12 'Cormorant Garamond',Georgia,serif; color:#07182f; overflow-wrap:break-word; }
.pl-blog-page .pl-blog-card h2 a { color:inherit; text-decoration:none; }
.pl-blog-page .pl-blog-card h2 a:hover { color:#2d6cdf; }
.pl-blog-page .pl-blog-card p { margin:0 0 22px; font-size:14px; line-height:1.7; color:#4c5a6e; }
.pl-blog-page .pl-blog-read { align-self:flex-start; margin-top:auto; color:#123b6d; font-size:13px; font-weight:600; text-decoration:none; }
.pl-blog-page .pl-blog-read:hover { text-decoration:underline; }
.pl-blog-page .pl-blog-pagination ul { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:42px 0 0; padding:0; list-style:none; }
.pl-blog-page .pl-blog-pagination .page-numbers a, .pl-blog-page .pl-blog-pagination .page-numbers span { display:inline-flex; min-width:44px; min-height:44px; align-items:center; justify-content:center; padding:8px 14px; background:#fff; border:1px solid #dce5f1; border-radius:6px; color:#123b6d; text-decoration:none; }
.pl-blog-page .pl-blog-pagination .page-numbers .current { background:#123b6d; color:#fff; }
.pl-blog-page .pl-foot { background:#07182f; color:#c8d6e8; padding:34px 0; font-size:14px; }
.pl-blog-page .pl-footin { display:flex; justify-content:space-between; gap:20px; }
.pl-blog-page .pl-foot a { color:#fff; }
.pl-blog-page .pl-note { margin-top:28px; font-size:13px; opacity:.84; }
.pl-blog-page a:focus-visible, .pl-blog-page summary:focus-visible { outline:3px solid #2d6cdf; outline-offset:4px; }
.pl-blog-page .pl-skip { position:fixed; top:-100px; left:16px; z-index:100000; padding:12px 18px; background:#fff; color:#07182f; }
.pl-blog-page .pl-skip:focus { top:10px; }
@media(max-width:1024px) { .pl-blog-page .pl-blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:800px) { .pl-blog-page .pl-nav .pl-logo-link { --logo-h:36px; } }
@media(max-width:600px) {
 .pl-blog-page .pl-blog-grid { grid-template-columns:minmax(0,1fr); }
 .pl-blog-page .pl-navin { flex-direction:column; align-items:flex-start; gap:16px; }
 .pl-blog-page .pl-menu { flex-wrap:wrap; gap:14px 22px; }
 .pl-blog-page .pl-nav .pl-logo-link { --logo-h:30px; }
 .pl-blog-page .pl-blog-hero { padding:48px 0; }
 .pl-blog-page .pl-blog-list { padding:32px 0 48px; }
 .pl-blog-page .pl-footin { flex-direction:column; gap:12px; }
 .pl-blog-page .pl-blog-dropdown { right:auto; left:0; }
}
@media(prefers-reduced-motion:reduce) { .pl-blog-page .pl-blog-card { transition:none; } }

@media(min-width:783px) { body.admin-bar.pl-blog-page .pl-nav { top:32px!important; } }
@media(min-width:601px) and (max-width:782px) { body.admin-bar.pl-blog-page .pl-nav { top:46px!important; } }

/* Individual articles share the homepage navigation and footer. */
.pl-single-page .pl-single-wrap { max-width:860px; }
.pl-single-page .pl-single-back { display:inline-block; margin-bottom:24px; color:#c8d6e8; font-size:14px; text-decoration:none; }
.pl-single-page .pl-single-back:hover { text-decoration:underline; }
.pl-single-page .pl-blog-hero h1 { font-size:clamp(38px,5vw,62px); overflow-wrap:break-word; }
.pl-single-page .pl-blog-hero time { color:#c8d6e8; font-size:14px; }
.pl-single-page .pl-single-surface { background:#fff; padding:56px 0 72px; }
.pl-single-page .pl-single-content { font-size:17px; line-height:1.85; overflow-wrap:break-word; }
.pl-single-page .pl-single-content h2, .pl-single-page .pl-single-content h3, .pl-single-page .pl-single-content h4 { margin:1.5em 0 .6em; color:#07182f; font-family:'Cormorant Garamond',Georgia,serif; font-weight:600; line-height:1.2; }
.pl-single-page .pl-single-content h2 { font-size:36px; }
.pl-single-page .pl-single-content h3 { font-size:29px; }
.pl-single-page .pl-single-content h4 { font-size:24px; }
.pl-single-page .pl-single-content p { margin:0 0 1.4em; }
.pl-single-page .pl-single-content img, .pl-single-page .pl-single-content video { max-width:100%; height:auto; }
.pl-single-page .pl-single-content iframe { max-width:100%; }
.pl-single-page .pl-single-content figure { max-width:100%; margin-inline:0; }
.pl-single-page .pl-single-content a { color:#123b6d; text-decoration:underline; text-underline-offset:3px; }
.pl-single-page .pl-single-content blockquote { margin:28px 0; padding:16px 24px; border-left:3px solid #2d6cdf; background:#eef4fb; }
.pl-single-page .pl-single-content table { display:block; max-width:100%; overflow-x:auto; }
.pl-single-page .pl-single-content pre { max-width:100%; overflow-x:auto; }
@media(max-width:600px) {
 .pl-single-page .pl-single-surface { padding:36px 0 48px; }
 .pl-single-page .pl-single-content { font-size:16px; }
 .pl-single-page .pl-single-content h2 { font-size:30px; }
}