.kg-page { overflow: hidden; }
.kg-page .section { position: relative; }
.kg-hero { padding-top: clamp(3rem, 7vw, 6rem); }
.kg-hero__grid, .kg-bakery__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-6); align-items: center; }
.kg-hero__copy { min-width: 0; max-width: 35rem; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.kg-hero__copy h1, .kg-hero__copy p { margin: 0; }
.kg-hero__lead { font-size: var(--text-lg); }
.kg-hero__actions { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: var(--space-3); }
.kg-hero__jump { display: inline-flex; min-height: 2.75rem; align-items: center; font-family: var(--font-heading); font-weight: 700; }
.kg-hero__note { color: var(--color-text-muted); font-size: var(--text-sm); }
.kg-hero__media, .kg-bakery__media { width: 100%; min-width: 0; margin: 0; overflow: hidden; border: var(--border-default); border-radius: var(--radius-lg); background: var(--color-ink-900); box-shadow: var(--shadow-panel); }
.kg-hero__media { aspect-ratio: 16 / 9; }
.kg-hero__media img, .kg-bakery__media img { width: 100%; height: 100%; object-fit: cover; }
.kg-hero__media img { object-position: 62% center; }
.kg-collection__intro, .kg-priority__intro, .kg-fine__intro, .kg-traps__intro, .kg-checklist__intro, .kg-related__intro { max-width: 40rem; }
.kg-plan__intro { max-width: 42.5rem; }
.kg-collection__cards, .kg-fine__grid, .kg-traps__grid, .kg-related__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-6); }
.kg-explainer-card, .kg-priority-card, .kg-trap-card, .kg-related-card { min-width: 0; }
.kg-explainer-card .card__body, .kg-priority-card .card__body, .kg-trap-card .card__body { display: flex; flex-direction: column; gap: var(--space-3); }
.kg-explainer-card .card__body > *, .kg-priority-card .card__body > *, .kg-trap-card .card__body > * { margin: 0; }
.kg-card-number { color: var(--color-amber); font-family: var(--font-heading); font-size: var(--text-xl); font-weight: 700; line-height: 1; }
.kg-card-number--violet { color: var(--color-violet); }
.kg-explainer-card--violet { border-color: color-mix(in srgb, var(--color-violet) 48%, var(--color-slate-700)); }
.kg-steps { display: flex; width: 100%; max-width: 47.5rem; min-width: 0; flex-direction: column; gap: var(--space-4); margin-top: var(--space-6); }
.kg-step { display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: var(--space-4); padding: var(--space-5); border: var(--border-default); border-left: 3px solid var(--color-amber); border-radius: var(--radius-md); background: var(--color-ink-900); }
.kg-step--violet { border-left-color: var(--color-violet); }
.kg-step__number { width: 3rem; min-width: 0; color: var(--color-amber-soft); font-family: var(--font-heading); font-size: 1.75rem; font-weight: 700; line-height: 1; }
.kg-step--violet .kg-step__number { color: var(--color-violet); }
.kg-step__content { min-width: 0; }
.kg-step__content h3 { margin-bottom: var(--space-2); }
.kg-step__content p { margin-bottom: var(--space-3); }
.kg-step__content p:last-of-type { margin-bottom: var(--space-3); }
.kg-priority__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-6); }
.kg-bakery__copy { min-width: 0; max-width: 37.5rem; }
.kg-bakery__lead { font-size: var(--text-lg); }
.kg-signal-list { margin-bottom: var(--space-5); }
.kg-signal-list li + li { margin-top: var(--space-3); }
.kg-bakery__tip { max-width: 38.75rem; margin-bottom: var(--space-4); }
.kg-bakery__media { aspect-ratio: 4 / 3; }
.kg-bakery__media img { object-position: center; }
.kg-bakery__link { font-family: var(--font-heading); font-weight: 700; }
.kg-fine__grid { margin-top: var(--space-6); }
.kg-fine-card { min-width: 0; padding: var(--space-5); border-top: 1px solid var(--color-slate-700); background: var(--color-ink-900); }
.kg-fine-card > * { margin-bottom: var(--space-3); }
.kg-fine-card > :last-child { margin-bottom: 0; }
.kg-fine__rule { width: 100%; max-width: 51.25rem; margin-top: var(--space-6); }
.kg-traps__grid { margin-top: var(--space-6); }
.kg-checklist__panel { width: min(100%, 60rem); margin: var(--space-6) auto 0; }
.kg-checklist__items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3) var(--space-5); }
.kg-check-item { display: grid; grid-template-columns: 1.25rem minmax(0, 1fr); min-width: 0; align-items: start; gap: var(--space-3); min-height: 2.75rem; padding: var(--space-2); border-radius: var(--radius-sm); cursor: pointer; }
.kg-check-item:hover { background: var(--color-ink-800); }
.kg-check-item input { width: 1.125rem; min-height: 1.125rem; margin-top: 0.3rem; }
.kg-check-item span { min-width: 0; }
.kg-check-item strong, .kg-check-item small { display: block; }
.kg-check-item small { margin-top: var(--space-1); color: var(--color-text-secondary); line-height: 1.45; }
.kg-check-item input:checked + span strong { color: var(--color-success); }
.kg-checklist__note { margin: var(--space-5) 0 0; color: var(--color-text-secondary); font-size: var(--text-sm); }
.kg-related__grid { margin-top: var(--space-6); }
.kg-related-card { display: flex; min-width: 0; min-height: 100%; flex-direction: column; gap: var(--space-3); padding: var(--space-5); color: var(--color-text-primary); text-decoration: none; }
.kg-related-card > * { margin: 0; }
.kg-related-card p { color: var(--color-text-secondary); }
.kg-related-card__action { margin-top: auto; color: var(--color-amber-soft); font-family: var(--font-heading); font-size: var(--text-sm); font-weight: 700; text-decoration: underline; text-underline-offset: 0.16em; }
.kg-download__panel { width: min(100%, 62.5rem); margin-inline: auto; padding: clamp(2rem, 5vw, 4rem); border: var(--border-default); border-radius: var(--radius-lg); background: radial-gradient(circle at 50% 0%, rgb(245 165 36 / 0.12), transparent 48%), var(--color-ink-900); box-shadow: var(--shadow-panel); }
.kg-download__content { display: flex; width: 100%; max-width: 38.75rem; min-width: 0; margin-inline: auto; flex-direction: column; align-items: center; gap: var(--space-4); text-align: center; }
.kg-download__content > * { margin: 0; }
@media (max-width: 56.25rem) { .kg-hero__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .kg-collection__cards, .kg-fine__grid, .kg-traps__grid, .kg-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .kg-fine-card:first-child { grid-column: 1 / -1; } }
@media (max-width: 53.75rem) { .kg-bakery__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); } .kg-bakery__copy { max-width: 37.5rem; } .kg-bakery__media { order: -1; max-width: 45rem; } }
@media (max-width: 51.25rem) { .kg-priority__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 47.5rem) { .kg-hero__grid { grid-template-columns: minmax(0, 1fr); } .kg-hero__copy { max-width: 100%; } .kg-hero__media { height: clamp(16.25rem, 70vw, 18.75rem); aspect-ratio: auto; } .kg-hero__media img { object-position: center; } .kg-steps { max-width: 100%; } .kg-checklist__items { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 42.5rem) { .kg-collection__cards, .kg-fine__grid, .kg-traps__grid, .kg-related__grid, .kg-priority__grid { grid-template-columns: minmax(0, 1fr); } .kg-fine-card:first-child { grid-column: auto; } .kg-step { grid-template-columns: minmax(0, 1fr); gap: var(--space-2); padding: var(--space-4); } .kg-step__number { width: auto; } .kg-related-card { min-height: auto; } .kg-download__panel { padding: var(--space-5); } .kg-download__content .button { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .kg-page * { transition: none !important; } }