/* Shared Resources navigation; native details also works without JavaScript. */
.resources-nav>summary{cursor:pointer;color:var(--muted);font-weight:500;font-size:15px;padding:7px 0;list-style:none}
.resources-nav>summary::after{content:"+";float:right;margin-right:10px}
.resources-nav[open]>summary::after{content:"−"}
.resources-nav>summary::-webkit-details-marker{display:none}
.resources-nav ul{list-style:none;padding:3px 0 3px 16px;margin:0;border-left:1px solid var(--line)}
.resources-nav summary:hover{color:var(--head)}
.resources-nav summary:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.resources-nav ul a{font-size:14px}
.resources-nav[open]>summary{color:var(--head)}
.articles-site .resources-nav a[aria-current]{color:var(--teal-ink)}
.articles-site{margin:0}
.articles-site .pub{margin-bottom:72px;scroll-margin-top:24px}
.articles-site .pub .sec-head{margin-bottom:8px}
.articles-site .page-head .toc{margin:28px 0 0}
.articles-site .art{max-width:760px}
.articles-site h1,.articles-site h2,.articles-site h3{overflow-wrap:anywhere}
.articles-site .crumbs{flex-wrap:wrap}
.articles-site .crumbs [aria-current]{overflow-wrap:anywhere}
.articles-site .post{display:block}
.articles-site .post[hidden],.articles-site [hidden]{display:none!important}
.article-filters{display:flex;align-items:end;flex-wrap:wrap;gap:14px;max-width:760px;margin:0 0 16px;padding:20px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.article-filters label{display:grid;gap:7px;color:var(--head);font-size:13px;font-weight:600}
.article-filters .article-search{flex:1 1 250px}
.article-filters input,.article-filters select{width:100%;min-height:44px;min-width:0;border:1px solid var(--line-strong);border-radius:8px;background:var(--bg);color:var(--text);padding:9px 12px;font:inherit;font-size:15px}
.article-filters input::placeholder{color:var(--muted)}
.article-results,.article-empty{color:var(--muted);margin:12px 0 30px}
.article-empty{padding:24px;border:1px solid var(--line);border-radius:var(--r)}
.article-source{display:flex;flex-wrap:wrap;gap:6px 18px;max-width:700px;padding:16px 20px;margin:0 0 32px;border-left:3px solid var(--teal);background:rgba(0,0,0,.12);font-size:14px;color:var(--muted)}
.article-source a{color:var(--teal-ink);text-underline-offset:3px}
.article-source p{margin:0;flex-basis:100%}
.article-copy{overflow-wrap:anywhere}
.article-copy img{display:block;max-width:100%;height:auto;margin:24px 0;border-radius:10px;background:rgba(255,255,255,.06)}
.article-copy table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}
.article-copy td,.article-copy th{padding:8px;border:1px solid var(--line)}
.article-copy pre{overflow:auto;max-width:100%}
.articles-site .ch-nav{gap:18px}
.articles-site .ch-nav a{max-width:47%;overflow-wrap:anywhere}
.skip-link{position:absolute;left:16px;top:-100px;z-index:100;padding:12px 16px;background:var(--teal);color:#062a2d;border-radius:8px}
.skip-link:focus{top:12px}
@media(max-width:900px){
  .nav>.resources-nav,.nav>li:has(>.resources-nav){display:contents}
  .resources-nav{display:contents}
  .resources-nav>summary{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:7px 14px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);font-size:14px}
  .resources-nav>summary::after{float:none;margin:0}
  .resources-nav>ul{display:contents!important;border:0}
  .resources-nav:not([open])>ul{display:contents!important}
  .resources-nav li{display:contents}
  .resources-nav a{white-space:nowrap}
}
@media(max-width:600px){
  .article-filters{padding:16px;gap:12px}
  .article-filters>label{flex:1 1 130px}
  .article-filters .article-search{flex-basis:100%}
  .articles-site .sec-head{flex-wrap:wrap;gap:12px}
  .articles-site .pub{margin-bottom:48px}
}
/* LSG Blog (generated by scripts/build-blog.mjs) */
.articles-site .blog-terms-nav{align-items:center;margin:20px 0 0}
.articles-site .blog-terms-nav+.blog-terms-nav{margin-top:12px}
.articles-site .toc a[aria-current]{background:rgba(0,186,197,.16);color:var(--teal-ink);box-shadow:inset 0 0 0 1px var(--teal)}
.blog-count{color:var(--muted);font:500 13px/1.6 var(--mono);margin:0;padding-bottom:20px;border-bottom:1px solid var(--line);max-width:700px}
.blog-list .post:first-child{border-top:0}
.articles-site .blog-terms-nav .eyebrow{margin-right:4px}
.blog-pager{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:700px;margin:28px 0 8px}
.blog-pager a{color:var(--teal-ink);text-decoration:none;font-weight:600;white-space:nowrap}
.blog-pager a:hover{text-decoration:underline;text-underline-offset:3px}
.blog-pager>span{color:var(--muted);font:500 13px/1.6 var(--mono);text-align:center}
.articles-site .page-head .meta a.chip{text-decoration:none}
.article-copy iframe,.article-copy video{display:block;max-width:100%;margin:24px 0;border:0;border-radius:10px}
.article-copy video{height:auto}
.article-copy .anniversary-video video{width:100%;max-height:70vh;object-fit:contain;background:#000}
.article-copy figure.anniversary-video.portrait{max-width:360px;margin:24px auto}
.article-copy figure{margin:24px 0}
.article-copy figure img{margin-bottom:8px}
.article-copy figcaption{color:var(--muted);font-size:14px}
.article-copy blockquote{margin:0 0 1.2em;padding-left:18px;border-left:3px solid var(--line-strong);color:var(--muted)}
.article-copy h3,.article-copy h4,.article-copy h5,.article-copy h6{color:var(--head);font-family:var(--display);margin:28px 0 10px}
.article-copy a{color:var(--teal-ink);text-underline-offset:3px}
@media(max-width:600px){.blog-pager{font-size:15px}.blog-pager>span{flex-basis:auto}}

/* "Popular Posts" widget on blog post and article pages (list from content/blog/link-priorities.json) */
.popular-posts{--pp-bg:#2e2a4a;--pp-bd:rgba(176,160,255,.55);--pp-ink:#c9bfff;max-width:700px;margin:12px 0 32px;padding:0;border-radius:16px;background:var(--pp-bg);border:1px solid var(--pp-bd);box-shadow:0 16px 40px rgba(0,0,0,.28);overflow:hidden}
.popular-posts h2{display:flex;align-items:center;gap:10px;margin:0;padding:16px 22px;font:800 19px/1.2 var(--display);color:var(--head);background:rgba(176,160,255,.14);border-bottom:1px solid var(--pp-bd)}
.popular-posts h2::before{content:"★";color:var(--orange);font-size:17px}
.popular-posts ol{margin:0;padding:8px 22px 4px;list-style:none;counter-reset:pp;display:grid}
.popular-posts li{counter-increment:pp;display:grid;grid-template-columns:32px minmax(0,1fr);gap:6px;align-items:baseline;padding:11px 0;border-top:1px solid rgba(255,255,255,.1)}
.popular-posts li:first-child{border-top:0}
.popular-posts li::before{content:counter(pp,decimal-leading-zero);font:700 13px/1.6 var(--mono);color:var(--orange)}
.popular-posts li a{color:var(--head);text-decoration:none;font-weight:600;line-height:1.4}
.popular-posts li a:hover{color:var(--pp-ink);text-decoration:underline;text-underline-offset:3px}
.popular-all{display:block;margin:0;padding:12px 22px 16px;color:var(--pp-ink);font-weight:600;font-size:14px;text-decoration:none;border-top:1px solid rgba(255,255,255,.1)}
.popular-all:hover{color:var(--head)}

/* LSG Blog search box sits under the category links */
.articles-site .blog-search{margin-top:22px}

/* Publication archive logos (/articles/search-engine-land/, /articles/search-engine-journal/) */
/* Also used in the section headers on the combined /articles/ page */
.articles-site .pub-logo{display:inline-flex;align-items:center;background:#fff;border-radius:10px;padding:16px 24px;line-height:0;max-width:100%}
.articles-site .pub-logo img{display:block;width:auto;height:44px;max-width:100%}
.articles-site .sec-head h2 .pub-logo{padding:12px 20px}
.articles-site .sec-head h2 .pub-logo img{height:34px}
@media (max-width:640px){.articles-site .pub-logo{padding:12px 16px}.articles-site .pub-logo img,.articles-site .sec-head h2 .pub-logo img{height:auto;max-height:30px}}