/* AutoID Blog UI & SEO — isolated styles; no selectors target WooCommerce, products or guide pages. */
.autoid-blog {
  --ab-ink: #203149;
  --ab-muted: #66758b;
  --ab-accent: #1c67a7;
  --ab-accent-deep: #13578e;
  --ab-pale: #eef6fc;
  --ab-line: #e4ebf2;
  --ab-paper: #fff;
  color: var(--ab-ink);
  background: #f7f9fc;
  padding: 0 0 74px;
  min-height: 65vh;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.65;
}
.autoid-blog *, .autoid-blog *::before, .autoid-blog *::after { box-sizing: border-box; }
.autoid-blog a { color: var(--ab-accent-deep); text-decoration: none; }
.autoid-blog a:hover { color: #0c4470; }
.autoid-blog a:focus-visible, .autoid-blog summary:focus-visible { outline: 3px solid #88b5df; outline-offset: 3px; border-radius: 4px; }
.autoid-blog h1, .autoid-blog h2, .autoid-blog h3 { color: var(--ab-ink); letter-spacing: -.025em; }
/* Follow the same Kadence global width and side padding as the site header. */
.autoid-blog__container {
  width: 100%;
  max-width: var(--global-content-width, 1440px);
  margin: 0 auto;
  padding-left: var(--global-content-edge-padding, 24px);
  padding-right: var(--global-content-edge-padding, 24px);
}
.autoid-blog__eyebrow, .autoid-blog-sidebar__eyebrow {
  display: block; margin: 0; font-size: .77rem; font-weight: 750;
  letter-spacing: .1em; text-transform: uppercase; color: var(--ab-accent);
}
.autoid-blog-archive__hero {
  display: grid; grid-template-columns: minmax(0, 1fr) 308px; align-items: end;
  gap: 48px; padding: 62px 0 40px;
}
.autoid-blog-archive__hero h1 { font-size: clamp(2.3rem, 4.5vw, 4rem); line-height: 1.1; margin: 13px 0 20px; font-weight: 800; }
.autoid-blog-archive__intro { max-width: 820px; }
.autoid-blog-archive__description { font-size: clamp(1.07rem, 1.7vw, 1.22rem); line-height: 1.7; color: #55677f; max-width: 730px; margin: 0; }
.autoid-blog-archive__back { margin: 14px 0 0; font-size: .9rem; font-weight: 650; }
.autoid-blog-archive__note { padding: 22px 24px; border: 1px solid #dbeaf6; border-radius: 16px; background: linear-gradient(145deg, #f2f9ff, #eaf3fb); }
.autoid-blog-archive__note-icon { display: inline-flex; width: 34px; height: 34px; align-items:center;justify-content:center; background:#d3e6f7; color:#165e98; font-weight:800; border-radius:10px; }
.autoid-blog-archive__note p { font-size: .88rem; color: #586c81; line-height: 1.55; margin: 13px 0 0; }
.autoid-blog-archive__note strong { display:block; color: #203b58; margin-bottom: 4px; }
.autoid-blog-filters { display:flex; gap:9px; flex-wrap:wrap; align-items:center; padding: 19px 0 26px; border-top: 1px solid var(--ab-line); border-bottom: 1px solid var(--ab-line); margin-bottom: 35px; }
.autoid-blog-filters__link { display: inline-flex; align-items:center; justify-content:center; padding: 10px 16px; font-size: .86rem; font-weight: 650; line-height: 1.25; color:#425975 !important; background:#fff; border:1px solid #dfe8f1; border-radius: 999px; transition: background .17s, border-color .17s; }
.autoid-blog-filters__link:hover { background: #e9f4fc; border-color: #bfd9eb; }
.autoid-blog-filters__link.is-active { background:#1c67a7; color:#fff !important; border-color:#1c67a7; }
.autoid-blog-section__heading { display:flex; align-items: baseline; justify-content:space-between; gap:15px; margin-bottom: 19px; }
.autoid-blog-section__heading h2 { margin:0; font-size:clamp(1.35rem,2vw,1.75rem); line-height:1.32; font-weight:800; }
.autoid-blog-section__heading span, .autoid-blog-section__heading > a { color:var(--ab-muted); font-size: .87rem; }
.autoid-blog-featured { margin: 0 0 47px; }
.autoid-blog-featured__card { background:#fff; border:1px solid var(--ab-line); border-radius:18px; box-shadow:0 8px 28px rgba(29,65,100,.055); display:grid; grid-template-columns: minmax(0,1.13fr) minmax(0,1fr); overflow:hidden; }
.autoid-blog-featured__card--noimage { display:block; }
.autoid-blog-featured__image { display:block; min-height:350px; overflow:hidden; }
.autoid-blog-featured__image img { display:block; width:100%;height:100%; object-fit:cover; min-height:350px; max-width:none; transition: transform .35s ease; }
.autoid-blog-featured__card:hover .autoid-blog-featured__image img { transform:scale(1.025); }
.autoid-blog-featured__content { display:flex;flex-direction:column;align-items:flex-start; justify-content:center; padding:clamp(28px,3.8vw,53px); }
.autoid-blog-featured__content h3 { margin:14px 0 12px; font-size:clamp(1.5rem,2.45vw,2.25rem);font-weight:800;line-height:1.2; }
.autoid-blog-featured__content h3 a { color:inherit; }
.autoid-blog-featured__content h3 a:hover { color:var(--ab-accent); }
.autoid-blog-featured__content > p { color:var(--ab-muted); line-height:1.65; font-size:1rem; margin:0 0 20px; }
.autoid-blog-featured__meta { display:flex; flex-wrap:wrap; align-items:center; gap:10px; font-size:.82rem;color:#748297; }
.autoid-blog-featured__more { margin-top: 25px; display:inline-flex; gap:10px; align-items:center;font-size:.94rem;font-weight:700; }
.autoid-blog-latest { margin-top: 34px; }
.autoid-blog-news { margin: 55px 0 7px; padding: 26px 0 0; border-top: 1px solid var(--ab-line); }
.autoid-blog-card-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:23px; }
/* Exactly 4 cards per row in the main archive (12 cards / 3 rows). */
.autoid-blog--archive .autoid-blog-latest .autoid-blog-card-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap:20px; }
.autoid-blog-card { display:flex;flex-direction:column; background:var(--ab-paper); border:1px solid var(--ab-line); border-radius:16px;overflow:hidden; box-shadow:0 4px 15px rgba(25,63,99,.032); min-width:0; }
.autoid-blog-card:hover { border-color: #cddce8; box-shadow: 0 13px 25px rgba(25,63,99,.065); }
.autoid-blog-card__media { overflow:hidden; display:block; aspect-ratio:16/10; background:#eaf2f8; }
.autoid-blog-card__media img { height:100%; width:100%; object-fit:cover; display:block; max-width:none; transition:transform .25s ease; }
.autoid-blog-card:hover .autoid-blog-card__media img { transform:scale(1.025); }
/* 2:1 thumbnails only in editorial archives (including the featured post).
   The original Media Library image and single-post/related-post layouts remain unchanged. */
.autoid-blog--archive .autoid-blog-card__media,
.autoid-blog--archive .autoid-blog-featured__image {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 2 / 1;
  height: auto;
  min-height: 0;
  max-height: none;
  overflow: hidden;
  background: #eaf2f8;
}
.autoid-blog--archive .autoid-blog-featured__image { align-self: center; }
.autoid-blog--archive .autoid-blog-card__media img,
.autoid-blog--archive .autoid-blog-featured__image img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: none;
  max-width: none;
  object-fit: cover;
}
.autoid-blog-card__body { padding:24px 24px 21px;display:flex;flex-direction:column;flex:1; }
.autoid-blog-card__category { color:var(--ab-accent);font-size:.75rem;font-weight:780;text-transform:uppercase;letter-spacing:.055em; }
.autoid-blog-card__title { font-size:clamp(1.12rem,1.5vw,1.32rem);line-height:1.34;font-weight:780; margin:10px 0 12px; }
.autoid-blog-card__title a { color:inherit; }
.autoid-blog-card__title a:hover { color:var(--ab-accent); }
.autoid-blog-card__excerpt { font-size:.91rem;line-height:1.64;color:#607187;margin:0 0 22px;flex:1; }
.autoid-blog-card__meta { display:flex; flex-wrap:wrap; gap:8px;align-items:center;color:#78869a;font-size:.77rem; margin-top:auto; }
.autoid-blog-pagination { display:flex; justify-content:center; margin:40px 0 0; }
.autoid-blog-pagination ul { display:flex;gap:7px;flex-wrap:wrap;list-style:none;margin:0;padding:0; }
.autoid-blog-pagination li { list-style:none;margin:0; }
.autoid-blog-pagination a, .autoid-blog-pagination span { display:inline-flex;min-width:39px;height:39px;align-items:center;justify-content:center;padding:4px 10px;border:1px solid var(--ab-line);border-radius:9px;background:#fff; font-size:.9rem; }
.autoid-blog-pagination .current { color:#fff;background:var(--ab-accent);border-color:var(--ab-accent);font-weight:700; }
.autoid-blog-empty { padding:50px;background:#fff;border:1px solid var(--ab-line);border-radius:15px; }
.autoid-blog-empty h2 {font-size:1.4rem; margin:0 0 10px;}
/* Single article */
.autoid-blog-single__breadcrumbs { padding:26px 0 16px; display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#8390a0;font-size:.82rem; }
.autoid-blog-single__hero { max-width:1020px; padding:15px 0 30px; }
.autoid-blog-single__hero h1 { font-size:clamp(2.15rem,4.2vw,3.6rem);line-height:1.14;font-weight:830; margin:12px 0 19px; letter-spacing:-.035em; }
.autoid-blog-single__dek { font-size:clamp(1.06rem,1.7vw,1.22rem);line-height:1.6;color:#5a6c80;max-width:840px;margin:0 0 22px; }
.autoid-blog-single__meta { display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:.87rem;color:#6b7d91; }
.autoid-blog-single__cover { margin: 4px 0 35px; }
.autoid-blog-single__cover > img { display:block;width:100%;max-width:100%;height:auto;max-height:540px;object-fit:cover;border-radius:17px;background:#e6eef6; }
.autoid-blog-single__cover figcaption { margin-top:9px;font-size:.8rem;color:var(--ab-muted);text-align:center; }
.autoid-blog-single__layout { display:grid;grid-template-columns:minmax(0, 1.95fr) minmax(275px, .85fr);align-items:start;gap:36px; }
.autoid-blog-single__article {min-width:0;background:#fff;border:1px solid var(--ab-line);border-radius:17px;padding:clamp(24px,3.5vw,49px);box-shadow:0 6px 24px rgba(22,58,91,.032);}
.autoid-blog-single__content { font-size:1.05rem; line-height:1.85;color:#38485d; overflow-wrap:break-word; }
.autoid-blog-single__content > * { max-width:100%; }
.autoid-blog-single__content p { margin:0 0 1.4em; }
.autoid-blog-single__content h2, .autoid-blog-single__content h3 { scroll-margin-top:115px;line-height:1.35; }
.autoid-blog-single__content h2 { margin:1.9em 0 .65em; font-size:clamp(1.35rem,2.2vw,1.9rem);font-weight:780; }
.autoid-blog-single__content h3 { margin:1.6em 0 .62em; font-size:clamp(1.12rem,1.8vw,1.38rem);font-weight:740; }
.autoid-blog-single__content h2:first-child { margin-top:0; }
.autoid-blog-single__content ul, .autoid-blog-single__content ol { padding-left:1.45em;margin:0 0 1.5em; }
.autoid-blog-single__content li { margin-bottom:.35em; }
.autoid-blog-single__content img { max-width:100%;height:auto;border-radius:9px; }
.autoid-blog-single__content .wp-block-image, .autoid-blog-single__content figure { max-width:100%; }
.autoid-blog-single__content .wp-block-table, .autoid-blog-single__content .table-responsive { overflow-x:auto; }
.autoid-blog-single__content table { border-collapse:collapse; width:100%;display:block;overflow-x:auto;font-size:.92rem;margin:20px 0; }
.autoid-blog-single__content table td, .autoid-blog-single__content table th {border:1px solid #dfebf3;padding:10px 13px;min-width:110px; }
.autoid-blog-single__content table th {background:#f1f6fa;text-align:left; }
.autoid-blog-single__content blockquote { border-left:3px solid #66a1d2;background:#f2f7fc;margin:28px 0;padding:20px 25px;border-radius:0 10px 10px 0; }
.autoid-blog-single__content a:not(.wp-element-button) { text-decoration:underline;text-underline-offset:2px; }
.autoid-blog-single__content pre { overflow-x:auto;max-width:100%; }
.autoid-blog-single__content .alignwide, .autoid-blog-single__content .alignfull { max-width:100%;margin-left:auto;margin-right:auto; }
.autoid-blog-single__source {border-top:1px solid var(--ab-line);padding:21px 0 0;margin-top:26px;font-size:.88rem;color:#5e6e80;}
.autoid-blog-single__bottom {margin-top:35px;padding-top:20px;border-top:1px solid var(--ab-line);font-size:.93rem;font-weight:650;}
/* Stretch the aside across the complete article height: required for sticky to travel. */
.autoid-blog-single__sidebar { min-width:0; align-self:stretch; position:relative; }
.autoid-blog-sidebar__inner {
  position:-webkit-sticky;
  position:sticky;
  top:105px;
  max-height:calc(100vh - 125px);
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:0 3px 6px 0;
  scrollbar-width:thin;
}
.autoid-blog-sidebar__panel { background:#fff;border:1px solid var(--ab-line);border-radius:14px;padding:23px 23px 21px;margin-bottom:16px; }
.autoid-blog-toc__details > summary { display:flex;align-items:center;justify-content:space-between; gap:10px;cursor:pointer;font-size:1.03rem;font-weight:780;list-style:none;margin:10px 0 0; }
.autoid-blog-toc__details > summary::-webkit-details-marker { display:none; }
.autoid-blog-toc__count { font-size:.72rem;color:#8996a6;font-weight:550;white-space:nowrap; }
.autoid-blog-toc__list { list-style:none; padding:9px 0 0;margin:12px 0 0; border-top:1px solid var(--ab-line); }
.autoid-blog-toc__item { list-style:none;margin:2px 0; }
.autoid-blog-toc__item a { display:block;border-left:2px solid transparent;padding:7px 9px 7px 12px; color:#596a81;font-size:.84rem;line-height:1.42;border-radius:0 6px 6px 0; }
.autoid-blog-toc__item a:hover { color:var(--ab-accent);background:#f2f8fc; }
.autoid-blog-toc__item a.is-current { background:#eef6fc;border-color:var(--ab-accent);color:var(--ab-accent-deep);font-weight:730; }
.autoid-blog-toc__item--h3 a {padding-left:25px;font-size:.8rem;color:#728198;}
.autoid-blog-author { display:flex;align-items:center;gap:12px;margin-top:16px; }
.autoid-blog-author__avatar { display:block;flex:0 0 52px;width:52px;height:52px;background:#edf3f8;border-radius:50%;overflow:hidden; }
.autoid-blog-author__avatar img {border-radius:50%;width:52px;height:52px;object-fit:cover;}
.autoid-blog-author strong {display:block;line-height:1.25;color:#203149;font-size:.98rem;}
.autoid-blog-author span {display:block;font-size:.79rem;color:#7a8a9c; margin-top:4px;}
.autoid-blog-sidebar__body { margin:14px 0 0;font-size:.85rem;line-height:1.65;color:#63748a; }
.autoid-blog-sidebar__panel--cta { background:linear-gradient(145deg,#eef7ff,#f7fbff);border-color:#d8e9f6; }
.autoid-blog-sidebar__panel--cta h2 {font-size:1.16rem;font-weight:800;margin:10px 0 8px;line-height:1.34;}
.autoid-blog-sidebar__panel--cta p {font-size:.85rem;color:#667b8e;line-height:1.65;margin:0 0 20px;}
.autoid-blog-sidebar__panel--cta a {display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;background:#1c67a7;color:#fff;border-radius:9px;font-size:.87rem;font-weight:750;}
.autoid-blog-sidebar__panel--cta a:hover {color:#fff;background:#145484;}

/* Google Preferred Sources: only its outer container is adjusted for a narrow
   sidebar. The Google button's internal appearance remains untouched. */
.autoid-blog .autoid-blog-sidebar__panel--preferred {
  background:#f8fafc;
  border-color:#e2e8f0;
  overflow:visible;
}
.autoid-blog .autoid-blog-sidebar__panel--preferred .autoid-preferred-source {
  width:100%; margin:0; padding:0;
  border:0; background:transparent; border-radius:0;
}
.autoid-blog .autoid-blog-sidebar__panel--preferred .autoid-preferred-source__content {
  display:flex; flex-direction:column; align-items:flex-start;
  justify-content:flex-start; gap:15px; min-width:0; width:100%;
}
.autoid-blog .autoid-blog-sidebar__panel--preferred .autoid-preferred-source__copy {
  display:flex; flex-direction:column; align-items:flex-start;
  gap:7px; min-width:0; width:100%;
}
.autoid-blog .autoid-blog-sidebar__panel--preferred .autoid-preferred-source__copy strong {
  display:block; font-size:1rem; line-height:1.45; font-weight:750;
  color:#203149;
}
.autoid-blog .autoid-blog-sidebar__panel--preferred .autoid-preferred-source__copy span {
  display:block; font-size:.83rem; line-height:1.6; font-weight:400;
  color:#5f7085;
}
.autoid-blog .autoid-blog-sidebar__panel--preferred .autoid-preferred-source__google {
  display:flex; align-items:center; justify-content:flex-start;
  width:100%; min-width:0; min-height:70px;
  padding:0; margin:0; overflow:visible;
}
/* Do not style [google-add-preferred-source-btn] or its children. */

.autoid-blog-related {margin-top:58px;}
@media(max-width:1100px) {
  .autoid-blog--archive .autoid-blog-latest .autoid-blog-card-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:1080px) {
  .autoid-blog__container {padding-left:var(--global-content-edge-padding, 24px);padding-right:var(--global-content-edge-padding, 24px);}
  .autoid-blog-archive__hero {grid-template-columns:minmax(0,1fr) 260px;gap:25px;}
  .autoid-blog-single__layout {gap:23px;grid-template-columns:minmax(0,1.7fr) minmax(250px,.87fr);}
  .autoid-blog-sidebar__panel {padding:18px;}
}
@media(max-width:860px) {
  .autoid-blog-archive__hero {grid-template-columns:1fr; padding:38px 0 30px;}
  .autoid-blog-archive__note {display:none;}
  .autoid-blog-featured__card {grid-template-columns:1fr;}
  .autoid-blog-featured__image, .autoid-blog-featured__image img {min-height:0;max-height:360px;}
  .autoid-blog-featured__image {aspect-ratio:16/9;}
  .autoid-blog-card-grid, .autoid-blog--archive .autoid-blog-latest .autoid-blog-card-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .autoid-blog-single__layout {grid-template-columns:1fr;}
  .autoid-blog-single__sidebar {grid-row:1;align-self:auto;}
  .autoid-blog-sidebar__inner {position:static;max-height:none;overflow:visible;padding:0;}
  .autoid-blog-sidebar__panel--toc {margin-bottom:15px;}
  .autoid-blog-sidebar__panel--cta {display:none;}
  .autoid-blog-single__hero {padding-bottom:23px;}
  .autoid-blog-single__cover {margin-bottom:24px;}
}
@media(max-width:580px) {
  .autoid-blog {padding-bottom:48px;}
  .autoid-blog__container {padding-left:16px;padding-right:16px;}
  .autoid-blog-archive__hero h1 {font-size:2.2rem;}
  .autoid-blog-archive__description {font-size:1rem;}
  .autoid-blog-filters {gap:7px;margin-bottom:27px;padding:16px 0 22px;}
  .autoid-blog-filters__link {padding:9px 12px;font-size:.79rem;}
  .autoid-blog-card-grid, .autoid-blog--archive .autoid-blog-latest .autoid-blog-card-grid {grid-template-columns:1fr;gap:18px;}
  .autoid-blog-featured__content {padding:25px;}
  .autoid-blog-featured__content h3 {font-size:1.65rem;}
  .autoid-blog-featured {margin-bottom:34px;}
  .autoid-blog-section__heading {align-items:flex-start;}
  .autoid-blog-section__heading span {font-size:.8rem;white-space:nowrap;}
  .autoid-blog-single__breadcrumbs {padding:18px 0 11px;}
  .autoid-blog-single__hero h1 {font-size:2rem;}
  .autoid-blog-single__cover > img {border-radius:11px;max-height:330px;}
  .autoid-blog-single__article {padding:22px 18px;}
  .autoid-blog-single__content {font-size:1rem;line-height:1.75;}
  .autoid-blog-sidebar__panel {padding:17px;}
}
@media (prefers-reduced-motion:reduce) {
  .autoid-blog *, .autoid-blog *::before,.autoid-blog *::after {transition:none!important;scroll-behavior:auto!important;}
}