.my-form-box { margin: var(--space-5, 1.5rem) 0 var(--space-6, 2rem); max-width: 36rem; }
.my-form-label { display: block; font-weight: 500; margin-bottom: var(--space-2, 0.5rem); }
.my-form-row { display: flex; gap: var(--space-2, 0.5rem); }
.my-form-row .st-input { flex: 1 1 auto; min-width: 0; }
.my-form-row .st-btn { flex: none; }
.my-hint { font-size: var(--text-small, 0.875rem); color: var(--muted); margin: var(--space-2, 0.5rem) 0 0; }
.my-quiet { color: var(--muted); margin: 0; }
.my-empty { color: var(--ink-2); }
.my-label { font-size: var(--text-small, 0.875rem); color: var(--muted); margin-right: var(--space-1, 0.25rem); }

.my-fresh { margin: 0 0 var(--space-5, 1.5rem); font-size: var(--text-small, 0.875rem); color: var(--ink-2); }
.my-fresh a { color: var(--accent); }

.my-email-all { margin: 0 0 var(--space-6, 2rem); max-width: 40rem; padding-top: var(--space-4, 1rem); border-top: 1px solid var(--line); }
.my-email-all-title { font-size: 1.125rem; font-weight: 500; margin: 0; }
.my-email-all .my-form-row { margin-top: var(--space-3, 0.75rem); }
.my-email-all .alert-digest { display: block; margin-top: var(--space-2, 0.5rem); font-size: var(--text-small, 0.875rem); color: var(--ink-2); }
.my-email-all .alert-status { margin: var(--space-2, 0.5rem) 0 0; font-size: var(--text-small, 0.875rem); }
.my-email-all .alert-status[data-tone="error"] { color: var(--warn-strong); }

.my-list { list-style: none; margin: 0; padding: 0; }
.my-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-7, 2.5rem) var(--space-6, 2rem); align-items: start; }
.my-row { min-width: 0; padding-top: var(--space-4, 1rem); border-top: 2px solid var(--ink); }
.my-card-head { display: flex; align-items: center; gap: var(--space-2, 0.5rem); }
.my-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-2, 0.5rem); min-width: 0; margin: 0; font-family: var(--font-serif); font-size: 1.375rem; font-weight: 400; line-height: 1.25; }
.my-name { color: var(--ink); text-decoration: none; min-width: 0; overflow-wrap: anywhere; }
a.my-name:hover { color: var(--accent-hover); }
.my-ticker { font-family: var(--font-sans); font-size: var(--text-small, 0.875rem); font-weight: 600; letter-spacing: 0.02em; color: var(--muted); text-decoration: none; }
a.my-ticker:hover { color: var(--accent-hover); }
.my-row--missing .my-name { color: var(--muted); font-family: var(--font-sans); font-size: 1rem; }
.my-line { margin: var(--space-2, 0.5rem) 0 0; line-height: 1.5; overflow-wrap: anywhere; }

.my-sec { margin-top: var(--space-5, 1.5rem); }
.my-sec-title { margin: 0 0 var(--space-2, 0.5rem); font-family: var(--font-sans); font-size: var(--text-small, 0.875rem); font-weight: 600; color: var(--muted); }
.my-filings, .my-tl, .my-watch, .my-coming { list-style: none; margin: 0; padding: 0; }
.my-filing, .my-tl-item { padding: var(--space-2, 0.5rem) 0; border-top: 1px solid var(--line); min-width: 0; }
.my-filing:first-child { border-top: 0; padding-top: 0; }
.my-filing-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--space-3, 0.75rem); font-size: var(--text-caption, 0.8125rem); color: var(--muted); font-variant-numeric: tabular-nums; }
.my-filing-meta .st-tag { font-size: var(--text-caption, 0.8125rem); }
.my-form { font-weight: 600; color: var(--ink-2); }
.my-filing-line { display: block; margin-top: 2px; font-family: var(--font-serif); font-size: 1.0625rem; line-height: 1.35; color: var(--ink); text-decoration: none; overflow-wrap: anywhere; }
a.my-filing-line:hover { text-decoration: underline; text-decoration-color: var(--line-strong); text-underline-offset: 3px; }
.my-filing.is-new .my-filing-line, .my-tl-item.is-new .my-filing-line { font-weight: 500; }
.my-new-badge { color: var(--accent); font-weight: 600; }
.my-gap { margin: var(--space-2, 0.5rem) 0 0; font-size: var(--text-small, 0.875rem); color: var(--warn-strong); }

.my-figs { display: grid; grid-template-columns: repeat(auto-fit, minmax(6.5rem, 1fr)); gap: var(--space-3, 0.75rem); margin: 0; }
.my-fig { min-width: 0; }
.my-fig dt { font-size: var(--text-caption, 0.8125rem); color: var(--muted); }
.my-fig dd { margin: 0; }
.my-fig-value { display: block; font-family: var(--font-serif); font-size: 1.625rem; font-weight: 350; line-height: 1.15; font-variant-numeric: tabular-nums; color: var(--ink); }
.my-fig-note { display: block; font-size: var(--text-caption, 0.8125rem); color: var(--muted); overflow-wrap: anywhere; }
.my-src { margin: var(--space-2, 0.5rem) 0 0; font-size: var(--text-caption, 0.8125rem); color: var(--muted); }

.my-net { margin: 0; font-family: var(--font-serif); font-size: 1.25rem; line-height: 1.3; }
.my-notable { margin: var(--space-1, 0.25rem) 0 0; line-height: 1.45; overflow-wrap: anywhere; }
.my-more { margin: var(--space-2, 0.5rem) 0 0; font-size: var(--text-small, 0.875rem); }

.my-watch-item, .my-coming-item { padding: var(--space-1, 0.25rem) 0; line-height: 1.45; overflow-wrap: anywhere; }
.my-watch-label { font-weight: 600; color: var(--warn-strong); }
.my-coming-label { font-weight: 600; }

.my-links { display: flex; flex-wrap: wrap; gap: var(--space-2, 0.5rem) var(--space-4, 1rem); margin: var(--space-5, 1.5rem) 0 0; font-size: var(--text-small, 0.875rem); }
.my-links a { color: var(--muted); }
.my-links a:hover { color: var(--accent-hover); }

.my-timeline { margin-top: var(--space-section, 4rem); }
.my-tl-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--space-3, 0.75rem); }
.my-tl-filter { display: flex; flex-wrap: wrap; gap: var(--space-2, 0.5rem); }
.my-tl-filter[hidden] { display: none; }
.my-tl-note { margin: 0 0 var(--space-3, 0.75rem); font-size: var(--text-small, 0.875rem); color: var(--muted); }
.my-tl-company { font-weight: 600; color: var(--ink); text-decoration: none; letter-spacing: 0.02em; }
.my-tl-divider { padding: var(--space-3, 0.75rem) 0 var(--space-2, 0.5rem); border-top: 1px solid var(--ink); font-size: var(--text-small, 0.875rem); font-weight: 600; color: var(--muted); }
.my-tl-item[data-hidden="yes"], .my-tl-divider[data-hidden="yes"] { display: none; }

@media (min-width: 901px) {
    .my-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .my-tl-item { display: grid; grid-template-columns: 15rem minmax(0, 1fr); gap: var(--space-4, 1rem); align-items: baseline; }
    .my-tl-item .my-filing-line { margin-top: 0; }
}

@media (min-width: 1280px) {
    .my-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.my-row .my-quiet, .my-notable, .my-watch-item, .my-coming-item { font-size: 0.9375rem; }
