/* One advice design across indexes, collections, case articles and author pages. */
body[data-advice-ui] main .knowledge-card-grid {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; background:transparent;
}
body[data-advice-ui] main .knowledge-card-grid .knowledge-case-card:nth-child(n) {
  display:grid; grid-template-columns:132px minmax(0,1fr); grid-column:auto; align-items:start;
  min-width:0; min-height:0; border:1px solid #cbdfea; border-radius:18px; background:#fff;
  overflow:hidden; box-shadow:none;
}
body[data-advice-ui] main .knowledge-card-grid .knowledge-case-card:hover { border-color:#0077df; background:#fff; }
body[data-advice-ui] main .knowledge-case-copy { min-width:0; padding:22px 20px; }
body[data-advice-ui] main .knowledge-case-topic {
  display:block; color:#0068bd; text-transform:none; letter-spacing:0; font-weight:700; line-height:1.5;
}
body[data-advice-ui] main .knowledge-case-tags { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 4px; }
body[data-advice-ui] main :where(.knowledge-case-directory) a {
  position:static; display:inline; min-height:0; padding:0; color:inherit; text-decoration:none;
}
body[data-advice-ui] main .knowledge-case-tags > :is(span,a) {
  display:inline-flex; align-items:center; gap:8px; max-width:100%; padding:5px 12px;
  border:1px solid #b6d6ee; border-radius:999px; background:#edf6ff; color:#205574;
  font-size:16px; font-weight:600; line-height:1.5; letter-spacing:0; text-transform:none; overflow-wrap:anywhere;
}
body[data-advice-ui] main .knowledge-case-tags > a.knowledge-brand-link {
  min-height:44px; text-decoration:none; border-color:#80b9e4; color:#0868be;
}
body[data-advice-ui] main .knowledge-brand-link svg { width:16px; height:16px; flex:0 0 16px; }
body[data-advice-ui] main .knowledge-brand-link:hover { background:#dceeff; border-color:#0077df; }
body[data-advice-ui] main a:focus-visible { outline:3px solid #0077df; outline-offset:3px; }
body[data-advice-ui] main .knowledge-case-tags img,
body[data-advice-ui] main .case-facts-grid a img {
  display:block; width:24px; height:24px; flex:0 0 24px; object-fit:contain; background:transparent;
}
body[data-advice-ui] main .knowledge-card-grid .knowledge-case-card h3 { color:#15354b; font-size:20px; line-height:1.5; margin:16px 0 20px; }
body[data-advice-ui] main .knowledge-case-details {
  display:flex; flex-wrap:wrap; gap:10px 20px; padding-top:16px; border-top:1px solid #dce6ee;
  margin:0 0 18px; color:#526779; font-size:16px; line-height:1.5;
}
body[data-advice-ui] main .knowledge-case-details > * { display:flex; align-items:center; gap:8px; color:#526779; }
body[data-advice-ui] main :is(.knowledge-case-details,.knowledge-case-directory,.case-story-dates,.article-meta,.case-story-facts,.case-facts-grid) svg {
  width:20px; height:20px; flex:0 0 20px; color:#377292;
}
body[data-advice-ui] main .knowledge-case-image::after { content:none; }
body[data-advice-ui] main .knowledge-card-grid .knowledge-case-card .knowledge-case-image {
  display:block; align-self:start; min-height:0; height:auto; width:calc(100% - 14px); margin:16px 0 16px 14px;
  aspect-ratio:9 / 16; border-radius:10px; background:#eef5fa; overflow:clip;
}
body[data-advice-ui] main .knowledge-case-image img { display:block; width:100%; height:100%; object-fit:contain; }
body[data-advice-ui] main .knowledge-case-card:hover .knowledge-case-image img { transform:none; }

/* Compact directories remain complete, with distinct cards instead of a joined grid. */
body[data-advice-ui] main .knowledge-case-directory { gap:20px; background:transparent; }
body[data-advice-ui] main .knowledge-case-directory li { border:1px solid #cbdfea; border-radius:18px; overflow:hidden; }
body[data-advice-ui] main .advice-directory-card { display:flex; flex-direction:column; align-items:start; gap:18px; padding:24px; }
body[data-advice-ui] main .knowledge-case-directory a::before { content:none; }
body[data-advice-ui] main .advice-directory-title:hover { color:#0068bd; background:transparent; text-decoration:underline; }
body[data-advice-ui] main .knowledge-case-directory .knowledge-case-tags { margin:0; }
body[data-advice-ui] main .knowledge-case-directory strong { color:#15354b; font-size:20px; line-height:1.5; }
body[data-advice-ui] main .knowledge-case-directory time {
  display:flex; align-items:center; align-self:stretch; gap:8px; width:100%; margin:0; padding-top:16px;
  border-top:1px solid #dce6ee; color:#526779; font-size:16px;
}
body[data-advice-ui] main a.advice-directory-action {
  display:inline-flex; align-items:center; gap:10px; padding:10px 18px; min-height:46px;
  border:1.5px solid #0077df; border-radius:999px; color:#0868be; background:#fff;
  font-size:17px; font-weight:650; line-height:1.4; letter-spacing:0; text-transform:none;
}
body[data-advice-ui] main .knowledge-collection-hero h1 { display:flex; flex-wrap:wrap; align-items:center; gap:18px; }
body[data-advice-ui] main .knowledge-collection-hero h1 img { width:54px; height:54px; object-fit:contain; }
body[data-advice-ui] main .knowledge-collection-count {
  display:flex; align-items:baseline; gap:12px; width:fit-content; min-width:0; padding:18px 24px;
  border:1px solid #cbdfea; border-radius:16px; background:#fff;
}
body[data-advice-ui] main .knowledge-collection-count strong { color:#0068bd; font-size:36px; line-height:1.2; }
body[data-advice-ui] main .knowledge-collection-count span { margin:0; color:#526779; font-size:18px; letter-spacing:0; }

/* Article labels and facts use the same white / pale-blue surfaces as the index. */
body[data-advice-ui] main .case-story-hero { background:linear-gradient(120deg,#f8fcff,#edf7ff); }
body[data-advice-ui] main .case-story-hero h1 { color:#15354b; }
body[data-advice-ui] main .case-story-hero :is(.breadcrumb,.case-story-deck) { color:#526779!important; }
body[data-advice-ui] main .case-story-hero .case-story-eyebrow { color:#0068bd!important; gap:12px; }
body[data-advice-ui] main .case-story-eyebrow > span { color:#526779; letter-spacing:0; }
body[data-advice-ui] main .case-story-byline a { color:#0068bd; font-weight:600; }
body[data-advice-ui] main .case-story-byline span { color:#526779; }
body[data-advice-ui] main .advice-hero-tags { margin:0 0 22px; }
body[data-advice-ui] main .case-story-cover { align-self:start; min-height:0; max-height:none; border:1px solid #cbdfea; border-radius:18px; background:#fff; }
body[data-advice-ui] main .case-story-cover > img { display:block; height:auto; width:100%; aspect-ratio:9 / 16; object-fit:contain; }
body[data-advice-ui] main .case-story-cover::after { content:none; }
body[data-advice-ui] main .case-story-cover figcaption { position:static; padding:16px; }
body[data-advice-ui] main .case-story-cover figcaption a { margin:0; }
body[data-advice-ui] main .case-hero-index { min-height:0; padding:20px 24px; width:fit-content; border-radius:16px; }
body[data-advice-ui] main .case-hero-index::before { content:none; }
body[data-advice-ui] main .case-hero-index > span { margin:0; color:#526779; font-size:18px; }
body[data-advice-ui] main :is(.case-story-answer,.case-story-terms,.case-story-callout,.case-story-cta,.case-direct-answer,.case-safety-note,.article-callout,.article-summary,.article-side-cta,.article-toc,.case-author-strip,.knowledge-case-facts) {
  border:1px solid #cbdfea; border-radius:18px; overflow:clip;
}
body[data-advice-ui] main :is(.case-story-flow li,.case-story-faq > div,.knowledge-faq-item) { border:1px solid #cbdfea; border-radius:14px; padding:22px; }
body[data-advice-ui] main :is(.case-story-faq > div,.knowledge-faq-item) + div { margin-top:16px; }
body[data-advice-ui] main .case-story-facts { gap:14px; }
body[data-advice-ui] main .case-story-facts > div { display:block; padding:18px; background:#fff; border:1px solid #d8e5ee; border-radius:12px; }
body[data-advice-ui] main :is(.case-story-facts dt,.case-facts-grid > div > span) { display:flex; align-items:center; gap:8px; margin-bottom:10px; color:#526779; letter-spacing:0; text-transform:none; }
body[data-advice-ui] main .case-facts-grid a[href*='/brands/'] { display:inline-flex; align-items:center; gap:8px; padding:5px 12px; border:1px solid #b6d6ee; border-radius:999px; background:#edf6ff; }
body[data-advice-ui] main .case-story-dates time { display:flex; align-items:center; gap:8px; }
body[data-advice-ui] main .case-story-sidebar nav { border:1px solid #cbdfea; border-radius:16px; padding:22px; background:#fff; }
body[data-advice-ui] main .case-story-sidebar nav a { color:#38576d; }
body[data-advice-ui] main .case-story-sidebar nav a:hover { color:#0068bd; }
body[data-advice-ui] main .article-meta { display:flex; flex-wrap:wrap; gap:12px; align-items:center; letter-spacing:0; text-transform:none; }
body[data-advice-ui] main .article-meta > span { padding:5px 12px; border:1px solid #b6d6ee; border-radius:999px; background:#edf6ff; color:#205574; }
body[data-advice-ui] main .article-meta > *::before { content:none; }
body[data-advice-ui] main .article-meta a { color:#0868be; }
body[data-advice-ui] main .article-meta time { display:flex; align-items:center; gap:8px; color:#526779; }
body[data-advice-ui] main :is(.case-source-record,.article-summary,.article-side-cta) { background:#f1f7fc; }
body[data-advice-ui] main :is(.case-source-record,.article-summary,.article-side-cta) :is(h2,h3,strong) { color:#15354b!important; }
body[data-advice-ui] main :is(.case-source-record,.article-summary,.article-side-cta) p { color:#526779!important; }
html:root body[data-advice-ui] main .case-video figcaption > a {
  display:inline-flex; align-items:center; justify-content:center; gap:8px; width:fit-content; max-width:100%; min-height:50px;
  padding:12px 20px; border:1.5px solid #0077df; border-radius:999px; color:#0868be; background:#fff;
  font-size:17px; line-height:1.4; white-space:normal;
}

/* The specialist's principles echo the homepage's icon cards. */
body[data-advice-ui] main .knowledge-author-feature { padding-block:56px; background:#f1f8fd; }
body[data-advice-ui] main .knowledge-author-feature-grid { gap:44px; align-items:center; min-height:0; }
body[data-advice-ui] main .knowledge-author-feature-grid > img { position:static; height:440px; width:100%; object-fit:cover; object-position:center 24%; border-radius:18px; }
body[data-advice-ui] main .knowledge-author-feature-grid > div { padding:0; }
body[data-advice-ui] main .knowledge-author-feature-grid > div > span { color:#0068bd; }
body[data-advice-ui] main .sifu-author-proof { padding-block:32px; border:0; }
body[data-advice-ui] main .sifu-author-proof .container { gap:20px; }
body[data-advice-ui] main .sifu-author-proof .container > div { border:1px solid #cbdfea; border-radius:16px; padding:24px; background:#fff; }
body[data-advice-ui] main .sifu-author-proof strong { color:#0068bd; font-size:30px; }
body[data-advice-ui] main .sifu-principle-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; background:transparent; }
body[data-advice-ui] main .sifu-principle-grid article { grid-column:auto; min-height:0; padding:28px; border:1px solid #cbdfea; border-radius:18px; background:#fff; }
body[data-advice-ui] main .sifu-principle-grid h3 { margin:22px 0 12px; font-size:24px; line-height:1.4; color:#15354b; }
body[data-advice-ui] main .sifu-principle-grid article p { color:#526779!important; }
body[data-advice-ui] main .advice-feature-icon { display:grid; place-items:center; width:48px; height:48px; margin:0 0 18px; border:1px solid #b6d6ee; border-radius:12px; background:#edf6ff; color:#0068bd; }
body[data-advice-ui] main .advice-feature-icon svg { width:26px; height:26px; }
body[data-advice-ui] main .sifu-author-hero figure { display:flex; flex-direction:column; min-height:0; overflow:hidden; border:1px solid #cbdfea; border-radius:18px; background:#fff; }
body[data-advice-ui] main .sifu-author-hero figure img { position:static; height:auto; aspect-ratio:3/4; object-fit:cover; filter:none; }
body[data-advice-ui] main .sifu-author-hero figure::after { content:none; }
body[data-advice-ui] main .sifu-author-hero figcaption { position:static; padding:22px; }
body[data-advice-ui] main .sifu-author-hero figcaption span { color:#0068bd; }
body[data-advice-ui] main .sifu-author-hero figcaption strong { color:#15354b; }
@media(max-width:1000px) {
  body[data-advice-ui] main .knowledge-card-grid { grid-template-columns:minmax(0,1fr); }
  body[data-advice-ui] main .sifu-principle-grid { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:720px) {
  body[data-advice-ui] main .knowledge-case-copy { padding:20px 18px; }
  body[data-advice-ui] main .knowledge-card-grid .knowledge-case-card h3 { font-size:18px; }
  body[data-advice-ui] main .knowledge-author-feature-grid { gap:28px; }
  body[data-advice-ui] main .knowledge-author-feature-grid > img { height:auto; max-height:560px; aspect-ratio:4/3; object-position:center 24%; }
  body[data-advice-ui] main .knowledge-author-feature-grid h2 { font-size:36px; line-height:1.25; }
  body[data-advice-ui] main .knowledge-case-directory strong { font-size:18px; }
  body[data-advice-ui] main .case-video figcaption { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:420px) {
  body[data-advice-ui] main .knowledge-card-grid .knowledge-case-card:nth-child(n) { grid-template-columns:96px minmax(0,1fr); }
  body[data-advice-ui] main .knowledge-case-copy { padding:18px 14px; }
  body[data-advice-ui] main .sifu-author-proof .container > div { padding:18px; }
  body[data-advice-ui] main .sifu-author-proof strong { font-size:26px; overflow-wrap:anywhere; }
}