.ai-facts {
  margin: 5rem auto;
  max-width: 1200px;
  padding: 4rem clamp(1.25rem, 4vw, 4rem);
  background: #f4f1eb;
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: clamp(2rem, 5vw, 6rem);
}
.ai-facts .story-folds details { border-top: 1px solid rgba(18,34,57,.22); padding: 1rem 0; }
.ai-facts .story-folds details:last-child { border-bottom: 1px solid rgba(18,34,57,.22); }
.ai-facts summary { cursor: pointer; display: flex; justify-content: space-between; gap: 1rem; font-weight: 600; }
@media (max-width: 760px) { .ai-facts { grid-template-columns: 1fr; padding: 2.5rem 1.25rem; } }

.guide-list {
  max-width: 1200px;
  margin: 5rem auto;
  padding: 0 clamp(1.25rem, 4vw, 4rem);
}
.guide-list > header { max-width: 760px; margin-bottom: 2rem; }
.guide-list-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: rgba(18,34,57,.18); }
.guide-card { display: block; padding: clamp(1.5rem, 3vw, 2.5rem); background: #fff; color: #122239; text-decoration: none; }
.guide-card:hover { background: #f4f1eb; }
.guide-card span { display: block; color: #315fc4; font-size: .78rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.guide-card h3 { margin: .7rem 0; font-size: clamp(1.35rem, 2.4vw, 2rem); line-height: 1.1; }
.guide-card p { margin: 0; line-height: 1.65; }
.guide-card:last-child:nth-child(odd) { grid-column: 1 / -1; }

.guide-hero { max-width: 1080px; margin: 0 auto; padding: clamp(3rem, 8vw, 8rem) clamp(1.25rem, 5vw, 5rem) 3rem; }
.guide-hero h1 { max-width: 900px; margin: .6rem 0 1.5rem; font-size: clamp(2.7rem, 7vw, 6.5rem); line-height: .94; font-weight: 500; letter-spacing: -.035em; }
.guide-hero .guide-answer { max-width: 820px; font-size: clamp(1.2rem, 2.2vw, 1.65rem); line-height: 1.55; }
.guide-meta { color: #5c6877; font-size: .9rem; }
.guide-body { max-width: 900px; margin: 0 auto 5rem; padding: 0 clamp(1.25rem, 5vw, 5rem); }
.guide-body h2 { margin: 3.2rem 0 1rem; font-size: clamp(1.8rem, 4vw, 3rem); line-height: 1.08; }
.guide-body h3 { margin: 2rem 0 .7rem; font-size: clamp(1.25rem, 2.4vw, 1.65rem); }
.guide-body p, .guide-body li { line-height: 1.75; }
.guide-body ul, .guide-body ol { padding-left: 1.3rem; }
.guide-summary { margin: 2.5rem 0; padding: 1.8rem; border-left: 4px solid #315fc4; background: #f4f1eb; }
.guide-summary strong { display: block; margin-bottom: .45rem; }
.guide-faq { margin-top: 4rem; }
.guide-faq details { border-top: 1px solid rgba(18,34,57,.22); padding: 1rem 0; }
.guide-faq details:last-child { border-bottom: 1px solid rgba(18,34,57,.22); }
.guide-faq summary { cursor: pointer; font-weight: 650; }
.guide-next { max-width: 1080px; margin: 3rem auto 5rem; padding: clamp(2rem, 5vw, 4rem); background: #122239; color: white; }
.guide-next h2 { color: white; }
.guide-next a { color: white; }
@media (max-width: 760px) { .guide-list-grid { grid-template-columns: 1fr; } .guide-card:last-child:nth-child(odd) { grid-column: auto; } }

.masthead nav > a.shop-icon-link {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .52rem .8rem;
  border: 1px solid rgba(49, 95, 196, .42);
  border-radius: 999px;
  color: #315fc4;
  font-weight: 650;
  white-space: nowrap;
}
.shop-icon-link svg {
  width: 1.25rem;
  height: 1.25rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
}
.masthead nav > a.shop-icon-link:hover {
  background: #315fc4;
  border-color: #315fc4;
  color: #fff;
}
@media (max-width: 1100px) and (min-width: 801px) {
  .shop-icon-link span { display: none; }
}
@media (max-width: 800px) {
  .masthead nav > a.shop-icon-link {
    justify-content: center;
    margin: .6rem 0;
    border: 1px solid rgba(49, 95, 196, .42);
  }
}
