/* SEO directory content fragment. Requires jd-public-pages.css (Mono vars). */
.seoc{display:block;min-width:0}
.seoc h1{overflow-wrap:anywhere;hyphens:auto}
.seoc-intro .lead{overflow-wrap:break-word}
.seoc-body{max-width:760px;margin-inline:auto;padding:clamp(40px,6vw,72px) 0 clamp(48px,6vw,80px);min-width:0}
.top-nav{flex-wrap:wrap;justify-content:flex-end;row-gap:8px}
.seoc-section{padding-bottom:34px;margin-bottom:34px;border-bottom:1px solid var(--rule)}
.seoc-section:last-of-type{border-bottom:0}
.seoc-section h2{overflow-wrap:anywhere}
.seoc-section p,.seoc-items li{max-width:66ch;color:var(--text-2);font-size:.98rem;overflow-wrap:break-word}
.seoc-items{margin:14px 0 0;padding-inline-start:20px;display:grid;gap:6px}
.seoc-items li::marker{color:var(--muted)}
.seoc-links{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid var(--rule)}
.seoc-links li{border-bottom:1px solid var(--rule)}
.seoc-link{display:grid;gap:2px;padding:14px 4px;text-decoration:none;color:var(--text);min-width:0}
.seoc-link-label{font-weight:600;font-size:1rem;text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:4px;overflow-wrap:anywhere}
.seoc-link-desc{color:var(--muted);font-size:.9rem;overflow-wrap:break-word}
.seoc-link:hover .seoc-link-label{text-decoration-color:var(--text);text-decoration-thickness:2px}
.seoc-link:focus-visible{outline:2px solid var(--text);outline-offset:2px;border-radius:6px}
.seoc-notice{margin:0 0 40px;padding:18px 20px;border-inline-start:3px solid var(--text);background:var(--surface);border-radius:0 10px 10px 0}
.seoc-notice p{margin:0;color:var(--text-2);font-size:.95rem;max-width:66ch}
.seoc-related{margin-top:8px;padding-top:28px;border-top:1px solid var(--rule)}
.seoc-related h2{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.seoc-related ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.seoc-related a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--rule);border-radius:999px;background:var(--surface);color:var(--text);font-size:.875rem;text-decoration:none;max-width:100%;overflow-wrap:anywhere}
.seoc-related a:hover{border-color:var(--text)}
@media(max-width:480px){.seoc-related a{min-height:44px}.seoc-notice{padding:16px}}