/* Entry content stays scoped so the homepage header and footer remain identical. */
.entry-main {
  color: var(--type-color-body);
  font-size: var(--type-size-body);
  line-height: var(--type-line-body);
}
.entry-main .pw { width: min(1400px, 100%); margin: auto; padding: 0 34px; }
.entry-main .page-hero {
  padding: 75px 0;
  background: radial-gradient(500px 280px at 0 0, #ddf6ff, transparent),
    radial-gradient(600px 300px at 100% 0, #eee8ff, transparent);
}
.entry-main .pill {
  display: inline-flex;
  padding: 7px 14px;
  border-radius: 99px;
  background: #fff0e5;
  color: #d94330;
  font-size: var(--type-size-meta);
  font-weight: var(--type-weight-bold);
}
.entry-main .page-hero h1 {
  margin: 14px 0;
  color: var(--type-color-heading);
  font-size: 62px;
  line-height: 1.12;
}
.entry-main .grad { color: #d94330; }
.entry-main .page-hero p { max-width: 900px; }
.entry-main .entry-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.entry-main .cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 23px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: #f2543d;
  color: #fff;
  font-weight: var(--type-weight-bold);
}
.entry-main .cta:hover { background: #d94330; }
.entry-main .cta.ghost { border-color: #cfc8ff; background: #fff; color: #d94330; }
.entry-main .cta.ghost:hover { border-color: #d94330; }
.entry-main .section { padding: 82px 0; background: #fff; }
.entry-main .feature-tabs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.entry-main .feature-tabs article, .entry-main .panel, .entry-main .learn-card {
  min-width: 0;
  padding: 25px;
  border: 1px solid #e6ded2;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 38px #393d7717;
}
.entry-main h3 {
  margin: 6px 0;
  color: var(--type-color-heading);
  font-size: var(--type-size-section);
  font-weight: var(--type-weight-semibold);
  line-height: var(--type-line-title);
}
.entry-main .split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.entry-main .head { max-width: 760px; margin: 0 auto 38px; text-align: center; }
.entry-main .head h2 {
  margin: 8px 0;
  color: var(--type-color-heading);
  font-size: var(--type-size-page);
  line-height: var(--type-line-title);
}
.entry-main .learn-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.entry-main .notice, .entry-main .privacy-note {
  margin-top: 22px;
  padding: 14px 16px;
  border: 1px solid #e3e0f8;
  border-radius: 8px;
  background: #f8f7ff;
  color: #625a83;
}
.entry-main .privacy-note { text-align: center; }
.entry-page .main-nav > button[aria-current="true"] { color: #bd3b2c; box-shadow: inset 0 -2px #bd3b2c; }
.entry-page .partner-menu a[aria-current="page"] { color: #bd3b2c; background: #f5f6f7; }
.entry-main .more { display: inline-block; margin-top: 8px; color: #d94330; font-weight: var(--type-weight-semibold); }
.entry-main .entry-quick {
  position: fixed;
  right: 18px;
  top: 25%;
  z-index: 5;
  width: 104px;
  padding: 12px 8px;
  border: 1px solid #ffe0d7;
  border-radius: 8px;
  background: #fffffff5;
  box-shadow: 0 12px 30px #34343414;
  color: #bd3b2c;
  font-size: var(--type-size-meta);
}
.entry-main .entry-quick strong { display: block; padding: 4px 8px 8px; }
.entry-main .entry-quick a { display: block; padding: 7px 8px; border-radius: 4px; }
.entry-main .entry-quick a:hover { background: #fff0e5; }
.entry-main .entry-quick hr { margin: 7px 3px; border: 0; border-top: 1px solid #e6ded2; }
@media (min-width: 961px) {
  .entry-main .pw { padding-right: 148px; }
}
@media (max-width: 1100px) {
  .entry-main .page-hero h1 { font-size: 44px; }
}
@media (max-width: 960px) {
  .entry-main .feature-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .entry-main .entry-quick { display: none; }
}
@media (max-width: 650px) {
  .entry-main .pw { padding: 0 17px; }
  .entry-main .page-hero { padding: 58px 0; }
  .entry-main .page-hero h1 { font-size: 38px; }
  .entry-main .section { padding: 58px 0; }
  .entry-main .feature-tabs, .entry-main .split, .entry-main .learn-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 390px) {
  .entry-main .page-hero h1 { font-size: 30px; }
}