:root{
  --jnp-seo-max:1120px;
  --jnp-seo-border:rgba(22,28,24,.14);
  --jnp-seo-soft:rgba(33,67,48,.055);
  --jnp-seo-text:#182019;
  --jnp-seo-muted:#5a645d;
}
.jnp-seo-page,.jnp-seo-extra{color:var(--jnp-seo-text);font-family:inherit}
.jnp-seo-page{max-width:var(--jnp-seo-max);margin:0 auto;padding:24px clamp(18px,4vw,48px) 64px}
.jnp-seo-top{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:8px 0 18px;border-bottom:1px solid var(--jnp-seo-border)}
.jnp-seo-brand{font-weight:800;text-decoration:none;color:inherit}
.jnp-seo-brand span{display:block;font-size:.76em;font-weight:500;color:var(--jnp-seo-muted)}
.jnp-seo-nav{display:flex;gap:12px 18px;flex-wrap:wrap;font-size:.94rem}
.jnp-seo-nav a,.jnp-seo-linkgrid a{color:inherit;text-underline-offset:.18em}
.jnp-seo-article{max-width:820px;margin:clamp(44px,8vw,92px) auto 0}
.jnp-seo-article h1{font-size:clamp(2.15rem,6vw,4.6rem);line-height:1.02;letter-spacing:-.045em;margin:.2em 0 .35em}
.jnp-seo-article h2,.jnp-seo-extra h2{font-size:clamp(1.35rem,3vw,2rem);line-height:1.2}
.jnp-seo-kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:800;color:var(--jnp-seo-muted)}
.jnp-seo-lead{font-size:clamp(1.12rem,2.2vw,1.42rem);line-height:1.55}
.jnp-seo-article p{max-width:72ch}
.jnp-seo-links,.jnp-seo-note{margin-top:36px;padding:24px;border:1px solid var(--jnp-seo-border);border-radius:18px;background:var(--jnp-seo-soft)}
.jnp-seo-linkgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-top:16px}
.jnp-seo-linkgrid a{display:block;padding:14px 16px;border:1px solid var(--jnp-seo-border);border-radius:13px;text-decoration:none;background:#fff}
.jnp-seo-linkgrid a:hover{transform:translateY(-1px)}
.jnp-seo-extra{margin:48px 0 0;padding:clamp(34px,6vw,70px) clamp(18px,4vw,48px);border-top:1px solid var(--jnp-seo-border);background:var(--jnp-seo-soft)}
.jnp-seo-extra-inner{max-width:var(--jnp-seo-max);margin:auto}
.jnp-seo-reviewgrid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:28px 0}
.jnp-seo-review{margin:0;padding:22px;border:1px solid var(--jnp-seo-border);border-radius:16px;background:#fff}
.jnp-seo-review blockquote{margin:0;font-size:1.05rem}
.jnp-seo-review figcaption{margin-top:14px;font-size:.86rem;color:var(--jnp-seo-muted)}
.jnp-seo-review a{display:inline-block;margin-top:8px;font-size:.84rem}
.jnp-seo-cta{display:inline-block;margin-top:20px;padding:12px 17px;border:1px solid currentColor;border-radius:999px;text-decoration:none;font-weight:700;color:inherit}
@media(max-width:700px){
  .jnp-seo-nav{font-size:.86rem}
  .jnp-seo-page{padding-bottom:40px}
}

/* JNP-PHOTOS-V4.9.6B */
.jnp-seo-photo{margin:30px 0 34px}
.jnp-seo-photo img,.jnp-seo-existing-photo img{display:block;max-width:100%;height:auto;border-radius:18px}
.jnp-seo-photo--portrait{max-width:420px}
.jnp-seo-photo--square{max-width:560px}
.jnp-seo-photo--landscape{max-width:820px}
.jnp-seo-existing-photo{width:min(1120px,calc(100% - 36px));margin:42px auto}
.jnp-seo-existing-photo--portrait{max-width:420px}
.jnp-seo-existing-photo--landscape{max-width:760px}

/* JNP-ARENA-PHOTO-V4.9.8 */
.jnp-arena-photo{width:min(1120px,calc(100% - 36px));margin:44px auto 54px}
.jnp-arena-photo img{display:block;width:100%;height:auto;border-radius:18px}
.jnp-arena-photo figcaption{margin-top:10px;font-size:.9rem;opacity:.72;text-align:center}
@media (max-width:700px){.jnp-arena-photo{width:min(100% - 28px,1120px);margin:30px auto 38px}}