/* Scoped to this test; reuse the established test landing and article system. */
.spiciness-seo-page .topbar::before { inset-inline: 0; }
.spiciness-seo-page .test-hero h1 { max-width: 23ch; font-size: clamp(1.65rem, 2.8vw, 2.55rem); line-height: 1.12; }
.spiciness-hero { grid-template-columns: 1.3fr 1fr; min-height: 0; }
.spiciness-hero .test-hero__copy { gap: 18px; padding: clamp(24px, 3.5vw, 44px); }
.spiciness-hero-visual { display: grid; align-content: center; justify-items: center; gap: 20px; padding: 32px; background: radial-gradient(ellipse, #dea0b922, transparent 70%); }
.spiciness-hero-visual > strong { color: #f6e9f1; font-size: 1.05rem; text-align: center; }
.spiciness-hero-visual > div { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.spiciness-hero-visual span { padding: 8px 12px; border: 1px solid #dea0b933; border-radius: 20px; color: #cfbfca; font-size: .75rem; }
.spiciness-preferences { margin-top: 18px; padding: 22px; border: 1px solid #dea0b933; border-radius: 20px; background: #dea0b90b; }
.spiciness-preferences h3 { margin: 0 0 10px; color: #fff5fb; font-size: 1.15rem; }
.spiciness-preferences p { margin: 0; max-width: 76ch; color: #c7b8c2; line-height: 1.7; }
.spiciness-seo-page .test-section > .test-primary-cta { margin-top: 22px; }
.spiciness-article-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.spiciness-article-card { display: block; min-width: 0; padding: 24px; border: 1px solid #dea0b92b; border-radius: 22px; color: #f8edf4; background: #21172288; text-decoration: none; }
.spiciness-article-card > span { color: #dea0b9; font-size: .7rem; font-weight: 800; }
.spiciness-article-card h3 { margin: 12px 0; font-size: 1.1rem; line-height: 1.35; }
.spiciness-article-card p { margin: 0; color: #bdb0bd; font-size: .9rem; line-height: 1.65; }
.spiciness-article-card:hover { border-color: #dea0b97a; background: #2b1e2b; }
.spiciness-note { padding: 0 12px; max-width: 90ch; color: #a99caa; font-size: .78rem; line-height: 1.65; }
.spiciness-article { min-width: 0; }
.spiciness-article .test-article-hero__copy { gap: 16px; padding: clamp(22px, 3.5vw, 38px); }
.spiciness-article .test-article-hero__copy h1 { max-width: 27ch; font-size: clamp(1.6rem, 2.6vw, 2.4rem); line-height: 1.15; }
.spiciness-article .test-article-hero__copy > p { max-width: 70ch; }
.spiciness-article-intro { padding: 0 clamp(10px, 2vw, 26px); }
.spiciness-article-intro p { max-width: 78ch; color: #c6b9c5; line-height: 1.8; }
.spiciness-toc { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 clamp(10px, 2vw, 26px); }
.spiciness-toc a { padding: 8px 12px; border: 1px solid #dea0b928; border-radius: 14px; color: #dcc4d5; font-size: .8rem; text-decoration: none; }
.spiciness-article .test-article-sections { display: grid; grid-template-columns: 1fr; }
.spiciness-article .landing-article__section { scroll-margin-top: 120px; padding: clamp(20px, 3vw, 30px); }
.spiciness-article .landing-article__section h2 { font-size: clamp(1.2rem, 1.9vw, 1.65rem); line-height: 1.3; }
.spiciness-article .landing-article__section p,
.spiciness-article .landing-article__section li { max-width: 78ch; color: #c8bcca; font-size: .98rem; line-height: 1.8; }
.spiciness-article .landing-article__section ul { padding-left: 22px; }
.spiciness-article .landing-article__section li + li { margin-top: 8px; }
.spiciness-seo-page a:focus-visible,
.spiciness-seo-page summary:focus-visible { outline: 3px solid #e9b4ce; outline-offset: 4px; }
@media (max-width: 980px) {
  .spiciness-hero { grid-template-columns: 1fr; }
  .spiciness-hero-visual { display: none; }
}
@media (max-width: 680px) {
  .spiciness-hero .test-hero__copy { padding: 24px 20px; }
  .spiciness-seo-page .test-hero h1 { font-size: clamp(1.55rem, 6.2vw, 1.9rem); }
  .spiciness-article-grid { grid-template-columns: 1fr; }
  .spiciness-article-card { padding: 20px; }
  .spiciness-article .test-article-hero__copy h1 { font-size: clamp(1.4rem, 5.8vw, 1.8rem); }
  .spiciness-article .test-article-final { grid-template-columns: 1fr; }
}