/* Post archives and the shared TOP post feed. Load after page/experience styles. */
.blue-post-page,
.blue-post-archive {
  --blue-post-ink:#000066;
  --blue-post-text:#34435a;
  --blue-post-muted:#647086;
  --blue-post-line:#dce5ed;
  --blue-post-blue:#edf4fc;
  --blue-post-cream:#fff9ec;
  --blue-post-radius:18px;
  color:var(--blue-post-text);
}
.blue-post-page { background:#fff; }
.blue-post-archive,
.blue-post-archive *,
.blue-post-page .blue-post-hero,
.blue-post-page .blue-post-bottom { box-sizing:border-box; }
.blue-post-page .blue-post-container { width:min(1180px,calc(100% - 56px)); margin-inline:auto; }
.blue-post-page .blue-post-hero { padding:68px 0 52px; background:linear-gradient(115deg,#f4f8fe 0%,#fff 58%,#fffaf0 100%); border-bottom:1px solid #edf1f6; }
.blue-post-page .blue-post-hero__eyebrow { display:flex; align-items:center; gap:14px; margin:0 0 20px; color:#536987; font-size:12px; font-weight:700; letter-spacing:.16em; }
.blue-post-page .blue-post-hero__eyebrow::before { content:""; width:48px; height:5px; border-radius:4px; background:linear-gradient(90deg,#91b7e3 0 25%,#e9a19b 25% 50%,#e8cb79 50% 75%,#91baa7 75% 100%); }
.blue-post-page .blue-post-hero h1 { max-width:1000px; margin:0; color:var(--blue-post-ink); font-size:clamp(30px,4.1vw,52px); font-weight:800; line-height:1.45; letter-spacing:.025em; text-wrap:balance; }
/* This hero is light; override the shared dark-hero lead and contrast fallback. */
main.blue-post-page .blue-post-hero p.blue-post-hero__lead { max-width:780px; margin:21px 0 0; color:#4b5b70 !important; text-shadow:none !important; font-size:16px; line-height:1.95; }
.blue-post-page .blue-post-hero__link { display:inline-flex; align-items:center; gap:10px; min-height:44px; margin-top:18px; color:#21487c; font-size:13px; font-weight:700; text-decoration:underline; text-underline-offset:5px; }
.blue-post-page .blue-post-listing { padding:38px 0 72px; background:#fff; }
.blue-post-page .blue-post-section-heading { margin:0 0 22px; color:var(--blue-post-ink); font-size:23px; font-weight:800; line-height:1.6; }
.blue-post-archive { min-width:0; line-height:1.8; }
.blue-post-archive .blue-post-filters { display:grid; grid-template-columns:minmax(180px,1.6fr) minmax(150px,1fr) minmax(145px,.9fr) auto; align-items:end; gap:14px; margin:0 0 25px; padding:20px; border:1px solid var(--blue-post-line); border-radius:14px; background:#f7f9fc; }
.blue-post-archive .blue-post-field { display:flex; flex-direction:column; gap:7px; min-width:0; margin:0; padding:0; color:#43516a; font-size:12px; font-weight:700; line-height:1.6; }
.blue-post-archive .blue-post-field :is(input,select) { display:block; width:100%; min-width:0; height:46px; margin:0; padding:10px 12px; border:1px solid #becddb; border-radius:8px; background:#fff; color:#24334c; font:inherit; font-size:14px; font-weight:400; line-height:1.5; box-shadow:none; }
.blue-post-archive .blue-post-field input::placeholder { color:#788398; opacity:1; }
.blue-post-archive .blue-post-field :is(input,select):disabled { color:#65748a; background:#f3f5f8; cursor:not-allowed; opacity:1; }
.blue-post-archive .blue-post-submit { display:inline-flex; justify-content:center; align-items:center; min-width:88px; min-height:46px; margin:0; padding:10px 21px; border:1px solid var(--blue-post-ink); border-radius:8px; background:var(--blue-post-ink); color:#fff; font:inherit; font-size:14px; font-weight:700; line-height:1.5; cursor:pointer; box-shadow:none; }
.blue-post-archive .blue-post-submit:hover { background:#17177c; }
.blue-post-archive .blue-post-submit:disabled { border-color:#c4ccda; background:#e6ebf2; color:#647084; cursor:not-allowed; }
.blue-post-archive .blue-post-reset { grid-column:1/-1; justify-self:start; display:inline-flex; align-items:center; min-height:32px; color:#52647e; font-size:12px; text-decoration:underline; text-underline-offset:4px; }
.blue-post-archive .blue-post-results { margin:0 0 23px; color:#637087; font-size:13px; line-height:1.8; }
.blue-post-archive .blue-post-featured { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); align-items:stretch; gap:24px; margin:0 0 32px; padding:0; border:0; background:none; }
.blue-post-archive .blue-post-side { display:grid; grid-template-rows:repeat(2,minmax(0,1fr)); min-width:0; gap:20px; }
.blue-post-archive .blue-post-featured:has(> .blue-post-card:only-child) { grid-template-columns:minmax(0,760px); justify-content:center; }
.blue-post-archive .blue-post-side:has(> .blue-post-card:only-child) { grid-template-rows:1fr; grid-template-columns:1fr; }
.blue-post-archive .blue-post-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; margin:0; padding:0; }
.blue-post-archive .blue-post-home-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:24px; margin:0; padding:0; }
.blue-post-archive .blue-post-card { display:flex; flex-direction:column; min-width:0; margin:0; padding:0; overflow:hidden; border:1px solid var(--blue-post-line); border-radius:var(--blue-post-radius); background:#fff; box-shadow:0 6px 24px rgba(20,43,77,.045); }
.blue-post-archive .blue-post-card__media { position:relative; display:block; flex:none; width:100%; min-width:0; margin:0; padding:0; overflow:hidden; aspect-ratio:16/10; border:0; border-radius:0; background:#edf3f8; color:#000066; text-decoration:none; }
.blue-post-archive .blue-post-card__media img { display:block; width:100%; height:100%; margin:0; object-fit:cover; }
.blue-post-archive .blue-post-card__media--contain img { object-fit:contain; padding:14px; background:#f8fafc; }
.blue-post-archive .blue-post-card__placeholder { display:grid; place-items:center; width:100%; height:100%; min-height:150px; padding:24px; background:linear-gradient(125deg,#eaf2fc 0%,#f4f7fc 46%,#fff8e7 100%); color:#577396; font-size:14px; font-weight:700; letter-spacing:.13em; text-align:center; }
.blue-post-archive .blue-post-card__body { display:flex; flex-direction:column; flex:1; min-width:0; padding:23px; }
.blue-post-archive .blue-post-card__meta { display:flex; flex-wrap:wrap; align-items:center; gap:7px 10px; margin:0 0 13px; color:#667387; font-size:11px; line-height:1.6; }
.blue-post-archive .blue-post-card__meta time { font-variant-numeric:tabular-nums; letter-spacing:.04em; }
.blue-post-archive .blue-post-card__category { display:inline-block; max-width:100%; padding:3px 9px; border:1px solid #e6dec9; border-radius:5px; background:var(--blue-post-cream); color:#66572f; overflow-wrap:anywhere; font-size:10px; line-height:1.6; }
.blue-post-archive .blue-post-card__title { margin:0; color:var(--blue-post-ink); font-size:18px; font-weight:800; line-height:1.7; letter-spacing:0; overflow-wrap:anywhere; text-wrap:initial; }
.blue-post-archive .blue-post-card__title a { color:inherit; font:inherit; text-decoration:none; text-underline-offset:5px; }
.blue-post-archive .blue-post-card__title a:hover { text-decoration:underline; text-decoration-thickness:1px; }
.blue-post-archive .blue-post-card__excerpt { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin:13px 0 20px; color:#536279; font-size:13px; line-height:1.9; }
.blue-post-archive .blue-post-card__more { display:inline-flex; align-items:center; justify-content:space-between; align-self:stretch; gap:12px; min-height:38px; margin-top:auto; padding-top:8px; color:#315784; font-size:12px; font-weight:700; line-height:1.6; text-decoration:none; }
.blue-post-archive .blue-post-card__more > span { font-size:17px; }
.blue-post-archive .blue-post-card--lead .blue-post-card__media { aspect-ratio:16/9; }
.blue-post-archive .blue-post-card--lead .blue-post-card__body { padding:28px; }
.blue-post-archive .blue-post-card--lead .blue-post-card__title { font-size:clamp(21px,2vw,27px); line-height:1.65; }
.blue-post-archive .blue-post-card--lead .blue-post-card__excerpt { max-width:580px; font-size:14px; }
.blue-post-archive .blue-post-card--compact { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); }
.blue-post-archive .blue-post-card--compact .blue-post-card__media { height:100%; min-height:200px; aspect-ratio:auto; }
.blue-post-archive .blue-post-card--compact .blue-post-card__body { padding:20px; }
.blue-post-archive .blue-post-card--compact .blue-post-card__title { font-size:16px; line-height:1.75; }
.blue-post-archive .blue-post-card--compact .blue-post-card__excerpt { -webkit-line-clamp:2; margin-bottom:12px; font-size:12px; }
.blue-post-archive .blue-post-card--compact .blue-post-card__more { min-height:32px; font-size:11px; }
.blue-post-archive .blue-post-pagination { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:9px; margin:43px 0 0; padding:0; }
.blue-post-archive .blue-post-pagination :is(a,span) { display:inline-flex; align-items:center; justify-content:center; min-width:43px; min-height:43px; padding:8px 13px; border:1px solid #d5dfeb; border-radius:8px; background:#fff; color:#425776; font-size:13px; line-height:1.5; text-decoration:none; }
.blue-post-archive .blue-post-pagination [aria-current="page"] { border-color:var(--blue-post-ink); background:var(--blue-post-ink); color:#fff; font-weight:700; }
.blue-post-archive .blue-post-pagination a:hover { border-color:#8cabc9; background:#f0f5fc; }
.blue-post-archive .blue-post-pagination :is(.dots,[aria-hidden="true"]) { border-color:transparent; background:transparent; }
.blue-post-archive .blue-post-state { max-width:820px; margin:30px auto 0; padding:44px; border:1px solid var(--blue-post-line); border-radius:var(--blue-post-radius); background:linear-gradient(115deg,#f5f9fe,#fffdf6); }
.blue-post-archive .blue-post-state__eyebrow { margin:0 0 12px; color:#526986; font-size:11px; font-weight:700; letter-spacing:.1em; }
.blue-post-archive .blue-post-state h3 { margin:0 0 13px; color:var(--blue-post-ink); font-size:22px; font-weight:800; line-height:1.65; }
.blue-post-archive .blue-post-state p:not([class]) { margin:0; color:#536279; font-size:14px; line-height:1.95; }
.blue-post-archive .blue-post-state__actions { display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:22px; }
.blue-post-archive .blue-post-link { display:inline-flex; align-items:center; min-height:44px; color:#254e81; font-size:13px; font-weight:700; text-decoration:underline; text-underline-offset:5px; }
.blue-post-archive [data-blue-post-state="error"] { border-color:#e5d7cf; background:#fffbf6; }
.blue-post-page .blue-post-bottom { padding:0 0 68px; background:#fff; }
.blue-post-page .blue-post-bottom__inner { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:20px 36px; padding:29px 34px; border:1px solid #e7e3d7; border-radius:16px; background:#fffaf0; }
.blue-post-page .blue-post-bottom h2 { margin:0 0 7px; color:var(--blue-post-ink); font-size:21px; font-weight:800; line-height:1.6; }
.blue-post-page .blue-post-bottom p { max-width:660px; margin:0; color:#5b6575; font-size:13px; line-height:1.9; }
.blue-post-page .blue-post-bottom__links { display:flex; flex-wrap:wrap; gap:10px 24px; }
.blue-post-page .blue-post-bottom__links a { display:inline-flex; align-items:center; min-height:44px; color:#34567c; font-size:13px; font-weight:700; text-decoration:underline; text-underline-offset:5px; }
.blue-post-archive :is(a,button,input,select):focus-visible,
.blue-post-page :is(.blue-post-hero__link,.blue-post-bottom__links a):focus-visible { outline:3px solid #3977ad; outline-offset:4px; }
/* Shared experience decoration must not turn editorial links into raised buttons. */
main .blue-post-archive .bsx-action-control { border-width:1px !important; box-shadow:none !important; transform:none !important; }
main .blue-post-archive .bsx-action-control::before { display:none !important; }
.blue-post-archive [data-bsx-reveal] { opacity:1 !important; transform:none !important; filter:none !important; }
.blue-post-archive .bsx-media-expand { display:none !important; }
.blue-post-archive [hidden],.blue-post-notice[hidden] { display:none !important; }
.blue-post-notice { box-sizing:border-box; display:flex; flex-wrap:wrap; align-items:center; gap:9px 17px; width:min(1120px,calc(100% - 40px)); margin:18px auto; padding:15px 20px; border:1px solid #d9e5ef; border-left:3px solid #5d94c8; border-radius:10px; background:#fff; color:#000066; font-family:"Noto Sans JP","Hiragino Sans","Yu Gothic",system-ui,sans-serif; line-height:1.7; text-align:left; }
.blue-post-notice .blue-post-notice__label { flex:none; margin:0; padding:3px 9px; border-radius:5px; background:#edf4fb; color:#36577b; font-size:10px; font-weight:700; letter-spacing:.03em; }
.blue-post-notice time { flex:none; margin:0; color:#64758a; font-size:11px; font-variant-numeric:tabular-nums; }
.blue-post-notice .blue-post-notice__title { flex:1 1 300px; min-width:0; margin:0; padding:3px 0; border:0; background:none; color:#000066; font-size:13px; font-weight:700; line-height:1.8; overflow-wrap:anywhere; white-space:normal; text-decoration:none; }
.blue-post-notice .blue-post-notice__title:hover { text-decoration:underline; text-underline-offset:4px; }
.blue-post-notice .blue-post-notice__all { flex:none; display:inline-flex; align-items:center; min-height:36px; margin:0; color:#466482; font-size:11px; font-weight:700; text-decoration:underline; text-underline-offset:4px; }
.blue-post-notice a:focus-visible { outline:3px solid #3977ad; outline-offset:4px; }
@media(max-width:1020px) {
  .blue-post-archive .blue-post-filters { grid-template-columns:minmax(180px,1.4fr) minmax(130px,1fr) minmax(125px,1fr); }
  .blue-post-archive .blue-post-submit { grid-column:1; justify-self:start; }
  .blue-post-archive .blue-post-reset { grid-column:2/-1; align-self:center; }
  .blue-post-archive .blue-post-card--compact .blue-post-card__excerpt { display:none; }
}
@media(max-width:820px) {
  .blue-post-page .blue-post-hero { padding:49px 0 39px; }
  .blue-post-page .blue-post-listing { padding:30px 0 55px; }
  .blue-post-archive .blue-post-featured { grid-template-columns:1fr; }
  .blue-post-archive .blue-post-side { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:none; }
  .blue-post-archive .blue-post-card--compact { grid-template-columns:1fr; }
  .blue-post-archive .blue-post-card--compact .blue-post-card__media { height:auto; min-height:0; aspect-ratio:16/10; }
  .blue-post-archive .blue-post-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
  .blue-post-archive .blue-post-home-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
  .blue-post-archive .blue-post-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .blue-post-archive .blue-post-field--search { grid-column:1/-1; }
  .blue-post-archive .blue-post-submit { width:100%; }
  .blue-post-archive .blue-post-reset { grid-column:2; }
}
@media(max-width:560px) {
  .blue-post-page .blue-post-container { width:calc(100% - 36px); }
  .blue-post-page .blue-post-hero { padding:35px 0 29px; }
  .blue-post-page .blue-post-hero h1 { font-size:30px; line-height:1.6; letter-spacing:0; }
  main.blue-post-page .blue-post-hero p.blue-post-hero__lead { margin-top:15px; font-size:14px; }
  .blue-post-page .blue-post-hero__eyebrow { margin-bottom:13px; font-size:10px; }
  .blue-post-page .blue-post-section-heading { font-size:20px; }
  .blue-post-archive .blue-post-filters { gap:13px 10px; padding:16px; }
  .blue-post-archive .blue-post-field :is(input,select) { font-size:16px; }
  .blue-post-archive .blue-post-featured { gap:19px; margin-bottom:22px; }
  .blue-post-archive .blue-post-side,.blue-post-archive .blue-post-grid { grid-template-columns:1fr; gap:19px; }
  .blue-post-archive .blue-post-home-grid { grid-template-columns:1fr; gap:19px; }
  .blue-post-archive .blue-post-card--compact { grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); }
  .blue-post-archive .blue-post-card--compact .blue-post-card__media { height:100%; min-height:180px; aspect-ratio:auto; }
  .blue-post-archive .blue-post-card--compact .blue-post-card__body { padding:16px; }
  .blue-post-archive .blue-post-card--compact .blue-post-card__title { font-size:15px; }
  .blue-post-archive .blue-post-card__body,.blue-post-archive .blue-post-card--lead .blue-post-card__body { padding:22px; }
  .blue-post-archive .blue-post-card--lead .blue-post-card__title { font-size:22px; }
  .blue-post-archive .blue-post-state { margin-top:22px; padding:27px 22px; }
  .blue-post-archive .blue-post-state h3 { font-size:20px; }
  .blue-post-page .blue-post-bottom { padding-bottom:44px; }
  .blue-post-page .blue-post-bottom__inner { padding:24px; }
  .blue-post-page .blue-post-bottom h2 { font-size:19px; }
  .blue-post-notice { gap:7px 12px; padding:13px 15px; }
  .blue-post-notice .blue-post-notice__title { flex-basis:100%; font-size:13px; }
  .blue-post-notice .blue-post-notice__all { min-height:32px; }
}

/* A result anchor receives programmatic focus; interactive controls keep visible focus rings. */
.blue-post-archive #blue-post-results:focus { outline:none; }
.blue-post-home-section .blue-post-section-heading { display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:20px 32px; margin-bottom:30px; }
.blue-post-home-section .blue-post-section-heading h2 { margin-bottom:12px; }
.blue-post-home-section .blue-post-section-heading p { margin-bottom:0; }
.blue-post-home-section .blue-post-all-link { display:inline-flex; align-items:center; min-height:44px; color:#234e7a; font-size:14px; font-weight:700; text-underline-offset:5px; }
.blue-post-home-section .blue-post-home-more { margin:22px 0 0; font-size:13px; }
.blue-post-home-section .blue-post-home-more a { color:#375777; text-underline-offset:5px; }

/* 2026-10-05: editorial discovery and the AI practice case have distinct visual roles. */
main .blue-post-notice { display:grid; grid-template-columns:260px minmax(0,1fr); align-items:stretch; gap:0; padding:0; margin:28px auto 0; overflow:hidden; border:1px solid #b6cceb; border-top:4px solid #2459be; border-radius:18px; background:#fff; box-shadow:0 8px 28px rgba(26,58,105,.07); }
main .blue-post-notice * { box-sizing:border-box; }
main .blue-post-notice__intro { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:12px; padding:28px; background:linear-gradient(135deg,#eef4ff,#e5efff); border-right:1px solid #ccd9ec; }
main .blue-post-notice .blue-post-notice__eyebrow { color:#2056af; font-size:11px; font-weight:800; letter-spacing:.12em; }
main .blue-post-notice .blue-post-notice__heading { margin:0; padding:0; color:#001a50; font-size:24px; font-weight:800; line-height:1.55; letter-spacing:0; }
main .blue-post-notice .blue-post-notice__description { margin:0; color:#466084; font-size:12px; line-height:1.8; }
main .blue-post-notice .blue-post-notice__all { display:inline-flex; justify-content:space-between; gap:16px; align-items:center; margin-top:8px; min-height:44px; padding:10px 15px; border:1px solid #174ea6; border-radius:8px; background:#174ea6; color:#fff; font-size:13px; font-weight:700; line-height:1.6; text-decoration:none; }
main .blue-post-notice .blue-post-notice__all:hover { background:#103b83; }
main .blue-post-notice .blue-post-notice__list { display:flex; flex-direction:column; margin:0; padding:0; list-style:none; }
main .blue-post-notice .blue-post-notice__item { display:block; margin:0; padding:0; list-style:none; border-bottom:1px solid #e2e8f0; border-left:4px solid #4285f4; }
main .blue-post-notice .blue-post-notice__item:nth-child(2) { border-left-color:#db4437; }
main .blue-post-notice .blue-post-notice__item:nth-child(3) { border-left-color:#188252; }
main .blue-post-notice .blue-post-notice__item:last-child { border-bottom:0; }
main .blue-post-notice .blue-post-notice__article { display:grid; grid-template-columns:80px minmax(0,1fr) 18px; gap:16px; align-items:center; min-height:98px; padding:16px 22px; color:#0b2857; text-decoration:none; background:#fff; }
main .blue-post-notice .blue-post-notice__article:hover { background:#f4f8ff; }
main .blue-post-notice .blue-post-notice__media { display:grid; place-items:center; width:80px; height:60px; overflow:hidden; border:1px solid #e1e7ef; border-radius:7px; background:#eaf1fc; color:#28549b; font-size:10px; font-weight:800; }
main .blue-post-notice .blue-post-notice__media img { display:block; width:100%; height:100%; object-fit:cover; }
main .blue-post-notice .blue-post-notice__body { display:block; min-width:0; }
main .blue-post-notice .blue-post-notice__meta { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; margin:0 0 5px; color:#506482; font-size:11px; line-height:1.5; }
main .blue-post-notice .blue-post-notice__category { padding:2px 7px; background:#fff7df; border:1px solid #e3c980; border-radius:4px; color:#74541a; font-size:10px; }
main .blue-post-notice .blue-post-notice__title { display:block; margin:0; padding:0; color:#0b2857; font-size:14px; font-weight:700; line-height:1.75; overflow-wrap:anywhere; }
main .blue-post-notice .blue-post-notice__arrow { color:#2459be; font-size:19px; }
main .blue-post-notice .blue-post-notice__state { display:grid; place-content:center; margin:0; padding:30px; color:#425674; font-size:14px; line-height:1.8; }
main .blue-post-notice a.bsx-action-control { box-shadow:none !important; transform:none !important; }
main .blue-post-notice a.bsx-action-control::before { display:none !important; }
main .blue-post-notice a:focus-visible { outline:3px solid #2459be; outline-offset:-4px; }

/* Gold frames establish quality; small app-like accents make finding articles easier. */
main.blue-post-page .blue-post-hero { border-bottom:1px solid #dac488; background:linear-gradient(112deg,#f0f5ff 0%,#fff 58%,#fff5da 100%); }
main.blue-post-page .blue-post-hero__eyebrow { color:#76531b; }
main.blue-post-page .blue-post-hero__eyebrow::before { height:6px; background:linear-gradient(90deg,#4285f4 0 25%,#db4437 25% 50%,#d9a411 50% 75%,#188252 75% 100%); }
main.blue-post-page .blue-post-section-heading { display:flex; align-items:center; gap:12px; }
main.blue-post-page .blue-post-section-heading::before { content:""; width:5px; height:27px; border-radius:4px; background:#b78b32; }
main.blue-post-page .blue-post-archive form.blue-post-filters { position:relative; padding:24px; border:1px solid #cdb26b; border-top:4px solid #bd923a; background:linear-gradient(115deg,#fffcf4,#fff 62%,#f4f8ff); box-shadow:0 5px 20px rgba(102,76,17,.05); }
main.blue-post-page .blue-post-field > span { display:flex; align-items:center; gap:8px; color:#263b5e; font-size:13px; }
main.blue-post-page .blue-post-field > span::before { content:""; display:inline-block; width:7px; height:7px; border-radius:50%; background:#3276d5; }
main.blue-post-page .blue-post-field:nth-of-type(2) > span::before { background:#d8473f; }
main.blue-post-page .blue-post-field:nth-of-type(3) > span::before { background:#c69710; }
/* WordPress themes can override type=search with !important; keep this scope explicit. */
main.blue-post-page:is(#news-archive-page,#insights-archive-page) .blue-post-archive form.blue-post-filters .blue-post-field :is(input[type="search"],select) { appearance:auto; background:#fff !important; background-image:none !important; color:#162b4d !important; -webkit-text-fill-color:#162b4d !important; border:1px solid #aebfd6 !important; border-radius:9px !important; box-shadow:none !important; }
main.blue-post-page:is(#news-archive-page,#insights-archive-page) .blue-post-archive form.blue-post-filters .blue-post-field input[type="search"]::placeholder { color:#62758b !important; -webkit-text-fill-color:#62758b !important; opacity:1; }
main.blue-post-page .blue-post-archive .blue-post-submit { border:1px solid #14613f; background:#187449; color:#fff; border-radius:9px; }
main.blue-post-page .blue-post-archive .blue-post-submit:hover { background:#125d3a; }
main.blue-post-page .blue-post-archive .blue-post-submit:disabled { border-color:#a1b9ae; background:#e5ede8; color:#5b7064; }
main.blue-post-page .blue-post-archive .blue-post-card { border-color:#d7ddeb; border-top:3px solid #3478d8; }
main.blue-post-page .blue-post-side .blue-post-card:first-child { border-top-color:#d84a41; }
main.blue-post-page .blue-post-side .blue-post-card:nth-child(2) { border-top-color:#198259; }
main.blue-post-page .blue-post-grid .blue-post-card:nth-child(4n+2) { border-top-color:#d84a41; }
main.blue-post-page .blue-post-grid .blue-post-card:nth-child(4n+3) { border-top-color:#c69a27; }
main.blue-post-page .blue-post-grid .blue-post-card:nth-child(4n) { border-top-color:#198259; }
main.blue-post-page .blue-post-archive .blue-post-card__category { color:#745017; border-color:#dbc184; background:#fff7e3; }
main.blue-post-page .blue-post-pagination [aria-current="page"] { background:#154c9d; border-color:#b88d39; }

/* AI practice: a warm case-study panel, separate from the blue editorial feed. */
main.bs-home.bs-home--integrated .bs-ai-craft { grid-template-columns:72px minmax(0,1fr); align-items:start; gap:16px 24px; padding:30px; background:linear-gradient(110deg,#fff7e2,#fffdf8 45%,#fff); border:1px solid #d5b970; border-top:4px solid #b78c32; border-radius:18px; box-shadow:0 8px 25px rgba(104,77,20,.07); }
main.bs-home.bs-home--integrated .bs-ai-craft-mark { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:3px; width:72px; height:82px; border:1px solid #b99745; border-radius:16px; color:#694811; background:linear-gradient(135deg,#fffef8,#f2dfa5); font-size:27px; font-weight:800; box-shadow:0 4px 12px rgba(105,72,17,.08); }
main.bs-home.bs-home--integrated .bs-ai-craft-mark small { font-size:9px; letter-spacing:.16em; }
main.bs-home.bs-home--integrated .bs-ai-craft-eyebrow { margin:0 0 7px; color:#7b5618; font-size:11px; font-weight:800; letter-spacing:.08em; }
main.bs-home.bs-home--integrated .bs-ai-craft-title { margin:0 0 14px; color:#0e2955; font-size:clamp(20px,2vw,24px); line-height:1.65; }
main.bs-home.bs-home--integrated .bs-ai-craft-description { margin:0; color:#35465e; font-size:14px; line-height:1.95; }
main.bs-home.bs-home--integrated .bs-ai-craft-description + .bs-ai-craft-description { margin-top:12px; }
main.bs-home.bs-home--integrated .bs-ai-craft-link { grid-column:2; justify-self:start; justify-content:space-between; min-width:230px; gap:24px; min-height:44px; padding:10px 18px; border:1px solid #164983; border-radius:8px; color:#fff; background:#164983; font-size:13px; text-decoration:none; }
main.bs-home.bs-home--integrated .bs-ai-craft-link:hover { background:#0e3668; }
main.bs-home.bs-home--integrated .bs-ai-craft-link:focus-visible { outline:3px solid #3276d5; outline-offset:4px; }
@media(max-width:820px) {
 main .blue-post-notice { grid-template-columns:220px minmax(0,1fr); }
 main .blue-post-notice__intro { padding:23px; }
 main .blue-post-notice .blue-post-notice__heading { font-size:21px; }
 main .blue-post-notice .blue-post-notice__article { grid-template-columns:64px minmax(0,1fr) 15px; gap:12px; padding:15px; }
 main .blue-post-notice .blue-post-notice__media { width:64px; height:52px; }
}
@media(max-width:620px) {
 main .blue-post-notice { grid-template-columns:1fr; width:calc(100% - 32px); margin-top:22px; }
 main .blue-post-notice__intro { gap:8px; padding:22px; border-right:0; border-bottom:1px solid #ccd9ec; }
 main .blue-post-notice .blue-post-notice__all { margin-top:4px; }
 main .blue-post-notice .blue-post-notice__title { font-size:13px; }
 main.blue-post-page .blue-post-archive form.blue-post-filters { padding:19px 16px; }
 main.bs-home.bs-home--integrated .bs-ai-craft { grid-template-columns:1fr; gap:14px; padding:22px 19px; }
 main.bs-home.bs-home--integrated .bs-ai-craft-mark { width:58px; height:64px; font-size:23px; border-radius:12px; }
 main.bs-home.bs-home--integrated .bs-ai-craft-description { font-size:13px; line-height:1.95; }
 main.bs-home.bs-home--integrated .bs-ai-craft-link { grid-column:1; min-width:0; width:100%; }
}