/* Scoped reader-growth UI: inherits the site's current palette and typography. */
.growth-signup, .growth-share, .growth-studio, .letters-page { color: var(--ink); overflow-wrap: anywhere; }
.growth-signup *, .growth-studio *, .letters-page * { box-sizing: border-box; min-width: 0; }
.growth-signup { display: grid; grid-template-columns: 1.1fr 1fr; gap: 2rem; padding: clamp(1.2rem, 3vw, 2rem); margin: 0 0 2.5rem; border: 1px solid var(--line); border-top: 3px solid var(--orange); background: var(--surface); scroll-margin-top: 1.5rem; }
.growth-signup h2 { font-family: Georgia, serif; font-size: clamp(1.65rem, 2.7vw, 2.3rem); font-weight: 500; margin: .25rem 0 .75rem; line-height: 1.15; }
.growth-signup p { line-height: 1.6; }
.growth-signup-copy > p { margin: .6rem 0; }
.growth-eyebrow { font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--orange-deep, var(--ink)); }
.growth-byline, .growth-help, .growth-more { font-size: .83rem; color: var(--ink-soft); line-height: 1.5; }
.growth-signup-form { align-self: center; }
.growth-signup .mailing-list__form { display: block; }
.growth-signup .mailing-list__control { display: flex; flex-wrap: wrap; gap: .5rem; }
.growth-signup input[type=email] { flex: 1 1 12rem; width: 100%; min-height: 46px; }
.growth-signup button { min-height: 46px; }
.growth-signup .mailing-list__privacy { font-size: .76rem; }
.growth-signup a, .growth-post-link a, .growth-share a, .letters-page a { text-underline-offset: .2em; }
.growth-post-link { font-size: .85rem; margin: 1rem 0; }
.growth-share { margin: 2.5rem 0 1.5rem; padding: 1.4rem 0; border-top: 1px solid var(--line); }
.growth-actions { display: flex; gap: .65rem; flex-wrap: wrap; align-items: center; }
.growth-actions button, .growth-excerpt button, .growth-studio button { border: 1px solid var(--line-strong, var(--line)); background: var(--surface); color: var(--ink); padding: .65rem .9rem; min-height: 44px; font: inherit; cursor: pointer; }
.growth-actions a { padding: .65rem .2rem; }
.growth-status { font-size: .85rem; min-height: 1.3em; margin: .4rem 0; }
.growth-excerpt summary { cursor: pointer; font-size: .9rem; padding: .5rem 0; }
.growth-excerpt label, .growth-promotion label, .growth-builder label { display: block; margin: 1rem 0 .4rem; }
.growth-excerpt textarea, .growth-studio textarea, .growth-studio input, .growth-studio select { display: block; width: 100%; border: 1px solid var(--line-strong, var(--line)); border-radius: 0; background: var(--surface-solid); color: var(--ink); font: inherit; padding: .8rem; line-height: 1.5; }
.growth-excerpt textarea, .growth-studio textarea { resize: vertical; }
.growth-excerpt button, .growth-promotion button { margin-top: .6rem; }
.letters-hero { margin: 0 0 2rem; max-width: 45rem; }
.letters-hero h1 { font-family: Georgia, serif; font-weight: 500; font-size: clamp(2.2rem, 5vw, 3.6rem); line-height: 1.1; }
.letters-samples { margin: 2.5rem 0; }
.letters-samples-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.letters-samples-grid article { border-top: 1px solid var(--line); padding-top: .75rem; }
.letters-samples-grid h3 { font-family: Georgia, serif; font-size: 1.35rem; line-height: 1.3; }
.letters-samples-grid p { line-height: 1.6; }
.growth-panel { padding: 1.5rem 0; margin: 1rem 0; border-top: 1px solid var(--line); }
.growth-studio p { line-height: 1.6; }
.growth-builder, .growth-promotion { max-width: 52rem; }
.growth-builder button { margin: .7rem 0; }
.growth-letter-extras { padding: 1rem 0; border-top: 1px solid var(--line); }
.growth-table-wrap { overflow-x: auto; }
.growth-studio table { width: 100%; border-collapse: collapse; text-align: left; }
.growth-studio th, .growth-studio td { padding: .75rem .5rem; border-bottom: 1px solid var(--line); }
.growth-studio td { font-variant-numeric: tabular-nums; }
.growth-actions [hidden], .growth-excerpt [hidden], .growth-promotion [hidden] { display: none !important; }
@media (max-width: 760px) {
  .growth-signup { grid-template-columns: 1fr; gap: 1rem; }
  .letters-samples-grid { grid-template-columns: 1fr; gap: .75rem; }
  .growth-signup .mailing-list__control button { width: 100%; }
}
@media print { .growth-signup, .growth-share, .growth-post-link { display: none; } }