@import url("./core.css");
.page-start .page-header h1 { max-width: 25ch; }
.opening-grid { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(0,1fr); gap: 40px; margin: 36px 0 40px; align-items: center; }
.guide-framing { color: var(--rose-deep); max-width: 58ch; font-weight: 700; }
.standfirst { font-size: 1.15rem; line-height: 1.65; max-width: 53ch; }
.opening-grid .still-life { width: 100%; max-width: 390px; justify-self: end; }
.opening-grid .still-life img { aspect-ratio: 3/2; }
.decision-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin: 36px 0 44px; }
.decision-card { padding: 26px; background: var(--panel); border-radius: var(--radius); display: flex; flex-direction: column; }
.decision-card::before { content: "1"; font-size: 84px; font-weight: 700; line-height: 1; color: var(--rose); margin-bottom: 18px; }
.decision-card:nth-child(2)::before { content: "2"; }
.decision-card:nth-child(3)::before { content: "3"; }
.decision-card h2 { flex: 1; font-size: 1.55rem; }
.decision-card .notebook-link { font-size: 16px; padding: 13px 0; background: transparent; box-shadow: none; border-top: 2px solid var(--blush); }
.chapter-index h2 { margin-bottom: 22px; }
.chapter-tabs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.chapter-tab { min-height: 82px; background: var(--panel); }
@media (max-width: 780px) {
  .opening-grid { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .opening-grid .still-life { max-width: 390px; justify-self: start; }
  .decision-grid { grid-template-columns: minmax(0,1fr); }
  .chapter-tabs { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 560px) {
  .chapter-tabs { grid-template-columns: minmax(0,1fr); }
  .chapter-tab { min-height: 56px; }
  .standfirst { font-size: 1.06rem; }
  .opening-grid { margin-top: 28px; }
}