/* Shared presentation for the Options workspace. */
.options-shell {
    --options-ink: #102b43;
    --options-muted: #526b80;
    --options-line: #dce5ec;
    --options-accent: #087f70;
    color: var(--options-ink);
    max-width: 1600px;
    font-variant-numeric: tabular-nums;
}
.options-shell :is(section,article,header,nav,form,div) {min-width: 0;}
.options-shell :is(a,button,input,select,summary):focus-visible {outline: 3px solid #138979; outline-offset: 3px;}
.options-shell .intel-hero {border-radius: 12px; align-items: center; padding: 28px; box-shadow: 0 8px 28px rgb(20 48 70 / 4%); gap: 24px;}
.options-shell .intel-hero h1 {font-size: clamp(2rem, 3.1vw, 3rem); line-height: 1.12; letter-spacing: -.035em; text-wrap: balance;}
.options-shell .intel-hero > div:first-child {max-width: 1000px;}
.options-shell .intel-hero p:not(.intel-kicker) {font-size: .92rem; font-weight: 400; line-height: 1.65; max-width: 820px; margin: 10px 0 0;}
.options-shell .intel-hero .intel-meta {border: 1px solid var(--options-line); border-radius: 8px; background: rgb(255 255 255 / 80%); min-width: 190px; padding: 16px 20px; display: grid; gap: 6px;}
.options-shell .intel-hero .intel-meta > strong {font-size: 1.5rem; color: var(--options-ink);}
.options-shell .intel-hero .intel-meta .intel-muted {font-size: .75rem; font-weight: 400;}
.options-shell .intel-kicker {font-size: .65rem; letter-spacing: .15em; color: var(--options-muted); font-weight: 750;}
.options-shell .intel-panel {border-radius: 9px; border-color: var(--options-line); box-shadow: 0 5px 20px rgb(16 46 69 / 3%); padding: 22px;}
.options-shell .intel-panel-head {align-items: flex-start; gap: 16px; margin-bottom: 18px;}
.options-shell .intel-panel-head h2 {font-size: clamp(1.2rem, 1.65vw, 1.55rem); line-height: 1.25; margin: 5px 0 0; letter-spacing: -.02em;}
.options-shell .intel-panel-head > .intel-muted {font-size: .73rem; white-space: nowrap; padding-top: 5px;}
.options-shell .options-help-title {align-items: center; gap: 8px;}
.options-shell .options-help-button {width: 21px; height: 21px; min-width: 21px; min-height: 21px; padding: 0; border-radius: 50%; border-color: #c4d4df; color: #4c6b81; font-size: 11px; background: #fff; flex: 0 0 auto;}
.options-workspace-nav {display: flex; align-items: center; gap: 20px; justify-content: space-between; border: 1px solid var(--options-line); border-radius: 8px; background: #fff; margin: 14px 0 20px; padding: 0 12px; position: relative; z-index: 5;}
.options-workspace-tabs {display: flex; align-items: stretch; overflow-x: auto; scrollbar-width: thin; gap: 4px;}
.options-workspace-tabs > a {display: inline-flex; gap: 7px; align-items: center; padding: 15px 13px; color: #4a6377; font-size: .79rem; font-weight: 650; text-decoration: none; white-space: nowrap; border-bottom: 3px solid transparent;}
.options-workspace-tabs > a svg {width: 14px; height: 14px;}
.options-workspace-tabs > a:hover {color: #086d62; background: #f3f9f8;}
.options-workspace-tabs > a[aria-current] {color: #066d61; border-bottom-color: var(--options-accent); background: #f0f8f6;}
.options-more-views {flex-shrink: 0; position: relative;}
.options-more-views > summary {list-style: none; color: #456277; font-size: .78rem; cursor: pointer; padding: 12px 8px; display: flex; gap: 14px; align-items: center;}
.options-more-views > summary::-webkit-details-marker {display: none;}
.options-more-views > div {position: absolute; right: 0; top: calc(100% + 7px); display: grid; min-width: 220px; padding: 8px; border: 1px solid var(--options-line); border-radius: 8px; box-shadow: 0 10px 28px rgb(14 42 67 / 12%); background: #fff;}
.options-more-views a {color: #244962; font-size: .82rem; padding: 10px 12px; text-decoration: none; border-radius: 4px;}
.options-more-views a:hover {background: #edf7f4;}
.options-subnav {display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: -4px 0 22px;}
.options-subnav a {color: #4b6378; font-size: .79rem; padding: 8px 14px; text-decoration: none; border: 1px solid transparent; border-radius: 6px;}
.options-subnav a[aria-current] {color: #0b4e73; background: #edf3f7; border-color: #d5e2eb; font-weight: 700;}
.options-subnav .options-subnav-external {margin-left: auto;}
.options-shell .options-guide-strip {display: block; border: 0; border-left: 3px solid #8fbbaf; border-radius: 0 8px 8px 0; background: #f4f8fa; box-shadow: none; padding: 16px 20px; margin: 0 0 20px;}
.options-shell .options-guide-strip h2 {font-size: 1.1rem;}
.options-shell .options-guide-strip p:not(.intel-kicker) {font-size: .82rem; font-weight: 400; line-height: 1.55;}
.options-shell .intel-bar-row {padding: 10px 0;}
.options-shell .intel-bar-track {height: 6px; border: 0; border-radius: 3px; background: #edf2f5; overflow: hidden;}
.options-shell .intel-bar-track > span {background: linear-gradient(90deg,#087b69,#5e9eac); border-radius: inherit;}
.options-shell .intel-stat {border-radius: 7px; border-color: var(--options-line); padding: 16px 18px;}
.options-shell .intel-stat > strong {font-size: 1.6rem;}
.options-shell .intel-stat > em {font-size: .75rem;}
.options-shell .intel-row-actions {gap: 8px;}
.options-shell .intel-row-actions > a {min-height: 32px; border-radius: 5px; padding: 6px 10px; font-size: .75rem;}
.options-shell .options-breadcrumbs {font-size: .78rem; margin: 0 0 14px; display: flex; align-items: center; flex-wrap: wrap; gap: 10px;}
.options-shell .options-breadcrumbs a {color: #496a81;}
.options-shell .options-breadcrumbs .terminal-separator::before {content: '/'; color: #8ea0af;}
.options-shell .options-section-nav {padding: 2px 4px 13px; margin-top: -4px;}
.options-shell .options-section-nav a {display: inline-flex; padding: 6px 10px; border-radius: 4px; font-size: .77rem;}
.options-shell .options-section-nav a:hover {background: #edf7f5; text-decoration: none;}
.options-shell .options-market-regime {margin: 18px 0; border-radius: 8px; padding: 22px;}
.options-shell .options-market-regime h2 {line-height: 1.15;}
.options-shell .options-market-grid {gap: 18px; margin: 12px 0 22px;}
.options-shell .options-sector-map-row {padding: 10px; border-radius: 5px;}
.options-shell .options-panel-insight {font-size: .82rem; font-weight: 400; line-height: 1.6;}
.options-shell .options-breadth-takeaways {border-radius: 5px; overflow: hidden;}
.options-shell .options-quadrant {border-radius: 6px; overflow: hidden;}
.options-shell .options-quadrant h3 {font-size: .95rem;}
.options-shell .options-quadrant a {padding-top: 9px; padding-bottom: 9px;}
.options-shell .options-reading,.options-shell .options-discover {border-radius: 9px; overflow: hidden; box-shadow: 0 5px 22px rgb(16 46 69 / 4%);}
.options-shell .options-reading h2,.options-shell .options-discover h2 {font-size: clamp(1.5rem,2.2vw,2rem);}
.options-shell .options-reading-grid h3 {font-size: 1.08rem;}
.options-shell .options-market-details {border-radius: 7px;}
.options-shell .options-reading-grid {background: #fff;}
.options-shell .options-discover-card {border-radius: 6px;}
.options-shell .options-discover-card p,.options-shell .options-reading-grid p {color: #426078;}
.options-shell .options-outcome-record > header {margin-bottom: 12px;}
.options-shell .options-outcome-record h2 {font-size: 1.55rem;}
.options-shell .options-compare-table-wrap {overflow: auto; border-radius: 6px;}
.options-shell .options-drilldown-row {border-color: var(--options-line);}
.options-shell .options-empty-state {padding: 32px; background: #f6f9fb; border: 1px dashed #cddbe5; border-radius: 7px; text-align: center;}
.options-empty-state h3 {font-size: 1.2rem; margin: 0 0 10px;}
.options-empty-state p {font-size: .87rem; color: #526b80; margin: 0 0 15px;}
.options-empty-state a {font-size: .83rem; font-weight: 700; color: #176178;}
.options-event-summary {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 1px solid var(--options-line); border-radius: 9px; background: linear-gradient(110deg,#f0f8f5,#f6f9fb 55%,#fff); overflow: hidden; margin: 0 0 22px;}
.options-event-summary > div {padding: 19px 22px; display: grid; gap: 6px; align-content: start;}
.options-event-summary > div + div {border-left: 1px solid var(--options-line);}
.options-event-summary span,.options-field-label {font-size: .64rem; text-transform: uppercase; letter-spacing: .07em; color: #536b7f; font-weight: 700;}
.options-event-summary strong {font-size: 1.9rem; font-weight: 650; color: #113b53; line-height: 1.25;}
.options-event-summary .options-summary-date {font-size: 1.4rem; padding: 4px 0;}
.options-event-summary small {font-size: .73rem; color: #536b7f; line-height: 1.5;}
.options-earnings-overview {display: grid; grid-template-columns: minmax(0,1.55fr) minmax(0,1fr); gap: 20px; margin-bottom: 22px; align-items: start;}
.options-calendar-strip {display: grid; grid-template-columns: repeat(8,minmax(0,1fr)); gap: 8px;}
.options-calendar-day {display: grid; gap: 3px; padding: 12px 7px 9px; background: #f7fafb; border: 1px solid #dce5eb; border-radius: 7px; text-align: center; text-decoration: none; color: #38556b;}
.options-calendar-day:hover {background: #edf7f3; border-color: #66a99a;}
.options-calendar-day > span {font-size: .73rem;}
.options-calendar-day strong {font-size: 1.55rem; color: #16415b; font-weight: 650;}
.options-calendar-day em {font-size: .65rem; font-style: normal; margin-top: 6px; white-space: nowrap;}
.options-calendar-day i,.options-compact-sectors i {display: block; height: 4px; background: #e2ebef; border-radius: 3px; overflow: hidden;}
.options-calendar-day i {margin-top: 6px;}
.options-calendar-day b,.options-compact-sectors b {display: block; height: 100%; background: #288c7b;}
.options-panel-note {font-size: .79rem; line-height: 1.6; color: #566d80; margin: 14px 0 0;}
.options-text-link {font-size: .76rem; color: #166975; font-weight: 650; text-decoration: none; white-space: nowrap;}
.options-compact-sectors {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 20px;}
.options-compact-sectors a {display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; text-decoration: none; color: #2e5069; font-size: .75rem;}
.options-compact-sectors i {grid-column: 1/-1;}
.options-inline-details {font-size: .76rem; color: #4d677d; margin-top: 16px;}
.options-inline-details > summary {cursor: pointer; padding: 6px 0;}
.options-inline-details > div {margin-top: 12px;}
.options-report-day,#earnings-reports {scroll-margin-top: 24px;}
.options-report-day > header {display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 14px 16px; margin-top: 22px; border: 1px solid #dce6eb; border-radius: 6px; background: #f2f7f9;}
.options-report-day > header h3 {font-family: inherit; font-size: .83rem; font-weight: 700; margin: 0; color: #274c65;}
.options-report-day > header span {font-size: .73rem; color: #5b7285;}
.options-report-card {display: grid; grid-template-columns: minmax(180px,1.5fr) minmax(140px,1fr) minmax(150px,1fr) minmax(140px,1fr) auto; gap: 24px; align-items: center; padding: 22px 16px; border-bottom: 1px solid #e2eaf0;}
.options-report-card:last-child {border-bottom: 0;}
.options-report-card:hover {background: #f9fbfc;}
.options-report-company h3 {font-family: inherit; font-size: 1.1rem; font-weight: 750; margin: 2px 0 6px;}
.options-report-company h3 a {color: #0c4768; text-decoration: none;}
.options-report-company h3 a:hover {text-decoration: underline;}
.options-report-company p {font-size: .79rem; color: #48677d; margin: 0 0 5px;}
.options-company-sector {font-size: .7rem; color: #60788a; text-decoration: none;}
.options-report-card small {font-size: .72rem; line-height: 1.5; color: #566d80; display: block; margin-top: 3px;}
.options-report-card .options-field-label {display: block; margin-bottom: 8px;}
.options-report-card :is(.options-report-move,.options-report-context) > strong {font-size: 1.05rem; color: #254d66;}
.options-report-card .options-report-move > strong:not(.options-value-unavailable) {font-size: 1.4rem;}
.options-report-card .options-value-unavailable {font-size: .84rem !important; font-weight: 500; color: #627688 !important;}
.options-report-action a {display: inline-flex; gap: 12px; align-items: center; padding: 10px 13px; border: 1px solid #c7d9e4; border-radius: 6px; font-size: .77rem; font-weight: 650; color: #164c70; background: #fff; text-decoration: none;}
.options-report-action a:hover {border-color: #5a9b8e; color: #086b5f;}
.options-editor-note {display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.2fr); gap: 30px; align-items: center; padding: 22px 26px; margin-bottom: 22px; border: 1px solid #d8e5e3; border-left: 3px solid #55a090; border-radius: 6px; background: #f5f9f8;}
.options-editor-note h2 {font-size: 1.4rem; line-height: 1.25; margin: 7px 0 0;}
.options-editor-note > p {font-size: .85rem; line-height: 1.7; color: #48697d; margin: 0;}
@media (max-width:1200px) {
    .options-workspace-tabs > a {padding: 14px 9px; font-size: .75rem;}
    .options-earnings-overview {grid-template-columns: minmax(0,1.3fr) minmax(0,1fr);}
    .options-calendar-strip {grid-template-columns: repeat(4,minmax(0,1fr));}
    .options-report-card {grid-template-columns: minmax(150px,1.3fr) repeat(3,minmax(115px,1fr)); gap: 18px;}
    .options-report-action {grid-column: 1/-1;}
}
@media (max-width:900px) {
    .options-shell .intel-hero {padding: 23px; grid-template-columns: minmax(0,1fr) auto;}
    .options-shell .intel-hero h1 {font-size: 2rem;}
    .options-workspace-nav {gap: 6px;}
    .options-workspace-tabs {flex: 1;}
    .options-earnings-overview {grid-template-columns: 1fr;}
    .options-calendar-strip {grid-template-columns: repeat(8,minmax(0,1fr));}
    .options-event-summary {grid-template-columns: repeat(2,minmax(0,1fr));}
    .options-event-summary > div:nth-child(3) {border-left: 0;}
    .options-event-summary > div:nth-child(n+3) {border-top: 1px solid var(--options-line);}
    .options-editor-note {grid-template-columns: 1fr; gap: 14px;}
}
@media (max-width:650px) {
    .options-shell {width: calc(100% - 28px);}
    .options-shell .intel-hero {padding: 20px; grid-template-columns: 1fr; gap: 18px;}
    .options-shell .intel-hero h1 {font-size: 1.95rem;}
    .options-shell .intel-hero .intel-meta {min-width: 0; padding: 12px 16px;}
    .options-shell .intel-panel {padding: 17px;}
    .options-shell .intel-panel-head {flex-wrap: wrap; gap: 8px; margin-bottom: 16px;}
    .options-shell .intel-panel-head > .intel-muted {padding: 0;}
    .options-shell .options-market-regime {padding: 18px;}
    .options-workspace-nav {padding: 0 6px; gap: 4px; margin-bottom: 18px;}
    .options-workspace-tabs > a {padding: 14px 10px;}
    .options-workspace-tabs > a svg {display: none;}
    .options-more-views > summary {font-size: .71rem; padding: 12px 8px; gap: 6px;}
    .options-subnav {gap: 4px;}
    .options-subnav a {font-size: .73rem; padding: 8px;}
    .options-subnav .options-subnav-external {margin-left: 0;}
    .options-event-summary > div {padding: 15px;}
    .options-event-summary strong {font-size: 1.55rem;}
    .options-event-summary .options-summary-date {font-size: 1.15rem;}
    .options-calendar-strip {grid-template-columns: repeat(4,minmax(0,1fr));}
    .options-compact-sectors {gap: 14px;}
    .options-report-card {grid-template-columns: repeat(2,minmax(0,1fr)); padding: 19px 0; gap: 18px 14px;}
    .options-report-company {grid-column: 1/-1;}
    .options-report-action {grid-column: auto; align-self: end;}
    .options-report-card .options-field-label {font-size: .61rem;}
    .options-report-day > header {padding: 12px;}
    .options-editor-note {padding: 18px;}
    .options-shell .options-empty-state {padding: 24px 14px;}
}
@media (prefers-reduced-motion:reduce) {.options-shell * {scroll-behavior: auto !important; transition: none !important;}}
/* Saved research remains visible while a newer reading is checked. */
[data-options-refresh].options-shell {padding-bottom: 0;}
[data-options-refresh] [data-refresh-notice] {display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; padding: 12px 18px; border-left: 3px solid #7bac9f; border-radius: 6px; box-shadow: none; background: #f4f9f7;}
[data-options-refresh] [data-refresh-notice][hidden] {display: none;}
[data-options-refresh] .options-refresh-title {font-family: inherit; font-size: .8rem; font-weight: 700; margin: 0;}
[data-options-refresh] p {font-size: .78rem; font-weight: 400; margin: 0; color: #526b7e;}
[data-options-refresh] button {padding: 5px 10px; font-size: .75rem; margin-left: auto;}
/* Reading text stays light; labels and figures carry the hierarchy. */
.options-shell .intel-panel p:not(.intel-kicker),
.options-shell .options-panel-note {font-weight: 400; line-height: 1.65;}
.options-shell .options-outcome-record .options-reading-grid p {margin: 10px 0; font-size: .84rem;}
.options-help-dialog {border-radius: 10px; box-shadow: 0 24px 80px rgb(4 23 39 / 24%);}
.options-help-dialog p:not(.intel-kicker) {font-weight: 400; font-size: .88rem; line-height: 1.6;}
.options-help-dialog .options-help-read-grid article {border-radius: 5px;}