.directory-seo-guide{margin-top:32px;padding:clamp(22px,4vw,38px);background:radial-gradient(circle at 88% 12%,rgba(26,109,212,.12),transparent 34%),#ffffffd1;border:1px solid rgba(26,109,212,.16);border-radius:24px}.directory-seo-guide-heading{max-width:780px}.directory-seo-guide-heading .eyebrow{margin:0 0 8px}.directory-seo-guide-heading h2{margin:0;color:var(--ink-dark);font-size:clamp(1.35rem,3vw,2rem);line-height:1.12}.directory-seo-guide-heading p{margin:12px 0 0;color:#536b78;line-height:1.65}.directory-seo-guide-links{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.directory-seo-guide-links a{padding:9px 13px;border:1px solid rgba(26,109,212,.2);border-radius:999px;background:#ffffffb8;color:#185fae;font-size:.82rem;font-weight:750;text-decoration:none}.directory-seo-guide-links a:hover{border-color:#1a6dd46b;background:#fff}.directory-seo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.directory-seo-card{min-width:0;padding:17px;border:1px solid rgba(26,109,212,.16);border-radius:15px;background:#ffffffc7}.directory-seo-card>span{display:inline-block;margin-bottom:10px;color:var(--accent);font-family:IBM Plex Mono,monospace;font-size:.72rem;font-weight:800;letter-spacing:.08em}.directory-seo-card h3{margin:0 0 8px;color:var(--ink-dark);font-size:1rem;line-height:1.25}.directory-seo-card p{margin:0;color:#215f96;font-size:.88rem;line-height:1.6}.directory-seo-method-note{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);gap:24px;align-items:start;margin-top:14px;padding:19px 20px;border:1px solid rgba(26,109,212,.18);border-radius:15px;background:#e7f3ffa8}.directory-seo-method-note .eyebrow{margin:0 0 7px}.directory-seo-method-note h3{margin:0;color:var(--ink-dark);font-size:1.04rem;line-height:1.3}.directory-seo-method-note p{margin:0;color:#215f96;font-size:.92rem;line-height:1.65}.directory-seo-faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.directory-seo-faq-list details{align-self:start;padding:15px 16px;border:1px solid rgba(16,34,43,.09);border-radius:14px;background:#f8fbffc2}.directory-seo-faq-list summary{color:var(--ink-dark);cursor:pointer;font-weight:750;line-height:1.4}.directory-seo-faq-list p{margin:10px 0 0;color:#536b78;font-size:.9rem;line-height:1.6}@media (max-width: 720px){.directory-seo-guide{padding:20px 16px;border-radius:18px}.directory-seo-grid,.directory-seo-method-note,.directory-seo-faq-list{grid-template-columns:1fr}}@media (min-width: 721px) and (max-width: 1040px){.directory-seo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.directory-index-page .search-hero{margin-top:0;padding-top:0}.directory-index-title--peptides{margin-bottom:6px!important}.directory-index-coverage-note{margin:0 0 14px;color:#6b7c87;font-size:.82rem}@media (max-width: 768px){.directory-index-page .search-hero{padding-bottom:0}.directory-index-page .search-bar-shell{margin-bottom:9px}.directory-index-page .search-bar-input{padding:12px 42px 12px 14px;border-width:1px;border-radius:12px;box-shadow:none;font-size:max(16px,.95rem)}.directory-index-page .quick-chips-wrap.quick-chips-wrap--withsort{gap:7px}.directory-index-page .quick-chips-wrap--withsort .sort-row{flex-wrap:nowrap;gap:7px}.directory-index-page .in-stock-toggle,.directory-index-page .sort-select{min-height:38px}.directory-index-title--peptides .directory-index-title-context,.directory-index-page .quick-chips-wrap.quick-chips-wrap--withsort{display:none}.directory-index-coverage-note{margin-bottom:10px;font-size:.75rem}}
