/* Pricing uses the ledger's shared liquid-glass material with its own focused layout. */
.jtc-live-price { display: none; }
#upcoming-table.has-jtc-pricing .jtc-live-price { display: table-cell; }
html[data-experience=pricing] {
 --rd-panel: linear-gradient(145deg,#ffffffb0,#ffffff57);
 --rd-control: linear-gradient(155deg,#ffffffe8,#ffffff72);
 --rd-stroke: #ffffffcf; --rd-rule: #38516917; --rd-shadow: 0 8px 28px #243f5910,inset 0 1px 0 #ffffffed;
 --ink: #1c2c3b; --muted: #5c6c7d; --accent: #216c85; --positive: #207653; --negative: #b44154;
}
html[data-experience=pricing][data-theme=dark] {
 --rd-panel: linear-gradient(145deg,#344b6280,#202f4580); --rd-control: linear-gradient(155deg,#829fb54d,#25374ba3);
 --rd-stroke: #c5e1f433; --rd-rule: #d7ecff19; --rd-shadow: 0 8px 28px #00000024,inset 0 1px 0 #ffffff20;
 --ink: #edf5fc; --muted: #a8bccc; --accent: #97e1ed; --positive: #8be1b6; --negative: #ff9eac;
}
html[data-experience=pricing] body { padding: 20px; background: radial-gradient(ellipse at 0% 4%,#acd4de 0%,transparent 50%),radial-gradient(ellipse at 100% 0%,#b7c9ee 0%,transparent 49%),radial-gradient(ellipse at 77% 105%,#e8d6c9 0%,transparent 44%),radial-gradient(ellipse at 5% 100%,#c4e1da 0%,transparent 45%),#e8edf3; }
html[data-experience=pricing][data-theme=dark] body { background: radial-gradient(ellipse at 0% 0%,#1e4d5b 0%,transparent 54%),radial-gradient(ellipse at 100% 0%,#313d6b 0%,transparent 51%),radial-gradient(ellipse at 80% 100%,#3d3b49 0%,transparent 48%),#0e1925; }
html[data-experience=pricing] .app-shell { isolation: isolate; grid-template-columns: minmax(0,1fr); border-radius: 28px; border: 1px solid var(--rd-stroke); background: #eff6fb52; box-shadow: 0 24px 80px #1d354922,0 2px 9px #223d4f08,inset 0 1px 0 #ffffffb3; }
html[data-experience=pricing][data-theme=dark] .app-shell { background: #14233666; }
html[data-experience=pricing] .main-column { background: transparent; min-width: 0; }
/* Outrank Upcoming's period-level display:block!important for both its view and footer. */
html[data-experience=pricing] .app-shell[data-experience=pricing] :is(.sidebar,.sidebar-toggle,.main-nav,.header-tools .search,#export,#statusline,#shared-preset-bar,.raceday-heading,#upcoming-view,#previous-imports,#explorer,#strategies-view,#quality-view) { display: none !important; }
html[data-experience=pricing] .topbar { min-height: 90px; padding: 22px 30px; background: linear-gradient(#ffffff24,#ffffff05); border-bottom: 1px solid var(--rd-stroke); }
html[data-experience=pricing] .page-heading h1 { font-size: 20px; font-weight: 620; letter-spacing: -.6px; }
html[data-experience=pricing] .page-heading p { margin-top: 4px; color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: 1.2px; }
html[data-experience=pricing] :is(.icon-btn,.experience-toggle,.timeline-toggle) { border: 1px solid var(--rd-stroke); background: var(--rd-control); box-shadow: var(--rd-shadow); backdrop-filter: blur(24px) saturate(160%); -webkit-backdrop-filter: blur(24px) saturate(160%); }
html[data-experience=pricing] .icon-btn { width: 38px; height: 38px; border-radius: 50%; }
html[data-experience=pricing] .experience-toggle { border-radius: 999px; padding: 4px; }
html[data-experience=pricing] .experience-toggle button { border-radius: 999px; padding: 8px 13px; color: var(--muted); }
html[data-experience=pricing] :is(.experience-toggle button[aria-pressed=true],.timeline-toggle button.active) { color: var(--ink); background: linear-gradient(150deg,#fffffff2,#ffffff88); box-shadow: 0 3px 9px #3452661c,inset 0 1px 0 #fff; border-color: var(--rd-stroke); }
html[data-experience=pricing][data-theme=dark] :is(.experience-toggle button[aria-pressed=true],.timeline-toggle button.active) { background: linear-gradient(150deg,#bdddec55,#86b4cd28); box-shadow: 0 3px 9px #0002,inset 0 1px 0 #ffffff2a; }
html[data-experience=pricing] .timeline-bar { padding: 18px 30px 0; background: none; border: 0; }
html[data-experience=pricing] .timeline-toggle { max-width: 330px; width: 100%; border-radius: 999px; padding: 5px; }
html[data-experience=pricing] .timeline-toggle button { border-radius: 999px; text-align: center; padding: 9px 18px; min-width: 0; }
html[data-experience=pricing] .timeline-toggle button small { display: none; }
html[data-experience=pricing] .timeline-toggle button span { font-size: 13px; color: var(--muted); }
html[data-experience=pricing] .timeline-toggle button.active span { color: var(--ink); }
html[data-experience=pricing] .timeline-sync { font-size: 10px; color: var(--muted); }
html[data-experience=pricing] #main-content { padding: 24px 30px 34px; }
#pricing-view { max-width: 1650px; margin: 0 auto; color: var(--ink); }
#pricing-view[hidden] { display: none; }
#pricing-view :is(button,input,select) { font: inherit; }
#pricing-view button { cursor: pointer; }
#pricing-view input[type=checkbox] { accent-color: var(--accent); width: 15px; height: 15px; flex: 0 0 auto; }
#pricing-view :is(button,input,select,summary):focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.pricing-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 2px 0 14px; }
.pricing-heading h2 { font-size: clamp(24px,2.2vw,30px); font-weight: 560; letter-spacing: -1px; line-height: 1.2; margin: 0; }
.pricing-heading p { font-size: 13px; color: var(--muted); margin: 0; }
.pricing-heading .eyebrow,.pricing-section-title .eyebrow { font-size: 9px; letter-spacing: 1.7px; font-weight: 600; color: var(--accent); }
.pricing-profile-controls { display: flex; gap: 7px; padding: 5px; border-radius: 19px; background: var(--rd-panel); border: 1px solid var(--rd-stroke); box-shadow: var(--rd-shadow); }
.pricing-profile-controls button { background: transparent; border: 1px solid transparent; border-radius: 14px; color: var(--muted); padding: 9px 18px; min-width: 108px; font-size: 12px; font-weight: 600; }
.pricing-profile-controls button small { display: block; font-size: 10px; font-weight: 400; margin-top: 5px; }
.pricing-profile-controls button[aria-pressed=true] { color: #205c72; background: linear-gradient(145deg,#ffffffdb,#d0e7edb3); border-color: var(--rd-stroke); box-shadow: 0 3px 10px #335d7320,inset 0 1px 0 #fff; }
[data-theme=dark] .pricing-profile-controls button[aria-pressed=true] { color: #dcf5ff; background: linear-gradient(145deg,#99c6dc40,#5e96b133); box-shadow: 0 3px 10px #0002,inset 0 1px 0 #fff3; }
.pricing-feed { display: flex; align-items: flex-start; gap: 16px; min-height: 30px; margin: 0 2px 17px; color: var(--muted); font-size: 11px; }
.pricing-feed-details { flex: 1; min-width: 0; }
.pricing-feed-details summary { display: flex; align-items: center; gap: 9px; width: fit-content; min-height: 28px; list-style: none; cursor: pointer; border-radius: 8px; }
.pricing-feed-details summary::-webkit-details-marker { display: none; }
.pricing-feed-dot { width: 6px; height: 6px; flex: 0 0 auto; border-radius: 50%; background: #4b9580; box-shadow: 0 0 0 3px #4b958012; }
.pricing-feed-pending .pricing-feed-dot { background: #ad8a52; box-shadow: 0 0 0 3px #ad8a5215; }
.pricing-feed strong { font-size: 11px; font-weight: 500; color: var(--ink); }
.pricing-feed-label { border-left: 1px solid var(--rd-rule); margin-left: 3px; padding-left: 12px; font-size: 10px; }
.pricing-chevron { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.4; transition: transform .18s ease; }
.pricing-feed-details[open] > summary .pricing-chevron,.pricing-notes[open] > summary .pricing-chevron { transform: rotate(180deg); }
.pricing-feed-panel { max-width: 760px; padding: 12px 16px; margin-top: 8px; background: var(--rd-panel); border: 1px solid var(--rd-stroke); border-radius: 14px; line-height: 1.65; }
.pricing-feed-panel p { margin: 0; }
.pricing-feed-panel p + p { margin-top: 6px; }
.pricing-feed > .link-btn { font-size: 10px; line-height: 28px; padding: 0 4px; white-space: nowrap; color: var(--muted); }
.pricing-note { border: 1px solid #b5935b50; background: #b5935b12; border-radius: 14px; padding: 14px 17px; margin-bottom: 20px; font-size: 12px; }
.pricing-glass,.pricing-metric { background: var(--rd-panel); border: 1px solid var(--rd-stroke); border-radius: 24px; box-shadow: var(--rd-shadow); }
.pricing-glass { margin: 0 0 18px; overflow: hidden; }
.pricing-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-bottom: 20px; }
.pricing-metric { padding: 19px 22px 18px; }
.pricing-metric > span { font-size: 11px; font-weight: 500; color: var(--muted); display: block; }
.pricing-metric strong { font-variant-numeric: tabular-nums; display: block; font-size: clamp(23px,2.6vw,34px); font-weight: 530; line-height: 1.2; letter-spacing: -1.25px; margin: 9px 0 6px; }
.pricing-metric strong em { font-size: 16px; font-style: normal; color: var(--muted); font-weight: 400; letter-spacing: -.4px; }
.pricing-metric small { color: var(--muted); font-size: 10px; line-height: 1.5; display: block; }
.pricing-positive,.pricing-within { color: var(--positive); }
.pricing-negative { color: var(--negative); }
.pricing-watch { color: #927137; }
.pricing-outside,.pricing-unavailable { color: var(--muted); }
[data-theme=dark] .pricing-watch { color: #dbbf83; }
.pricing-section-title { display: flex; align-items: center; justify-content: space-between; padding: 23px 25px 14px; gap: 20px; }
.pricing-section-title h3 { font-weight: 580; font-size: 17px; letter-spacing: -.45px; margin: 0; }
.pricing-section-title .eyebrow + h3 { font-size: 23px; margin-top: 6px; letter-spacing: -.8px; }
.pricing-section-title p { margin: 5px 0 0; font-size: 11px; color: var(--muted); line-height: 1.5; }
.pricing-check { display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 11px; cursor: pointer; }
.pricing-check small { display: block; font-size: 10px; margin-top: 5px; }
.pricing-controls { display: grid; grid-template-columns: minmax(110px,1fr) minmax(110px,1fr) 105px 146px minmax(255px,1.65fr); gap: 20px; padding: 16px 22px; align-items: end; border-radius: 21px; }
.pricing-input { min-width: 0; }
.pricing-input > label,.pricing-control-label,.pricing-commission { color: var(--muted); font-size: 10px; font-weight: 500; line-height: 1.2; }
.pricing-input > label,.pricing-control-label { display: block; margin: 0 0 8px 2px; }
.pricing-input > div,.pricing-date-fields { display: flex; align-items: center; border: 1px solid var(--rd-stroke); background: var(--rd-control); box-shadow: inset 0 1px 2px #1e405605,0 1px 2px #1e405604; border-radius: 11px; height: 40px; }
.pricing-input > div { gap: 7px; padding: 0 12px; }
.pricing-input > div:focus-within,.pricing-date-fields:focus-within { border-color: var(--accent); box-shadow: 0 0 0 2px color-mix(in srgb,var(--accent) 10%,transparent); }
.pricing-input > div span { color: var(--muted); font-size: 13px; }
#pricing-view .pricing-input input { width: 100%; min-width: 0; height: 100%; border: 0; padding: 0; outline: 0; background: transparent; color: var(--ink); font-variant-numeric: tabular-nums; font-size: 16px; font-weight: 520; letter-spacing: -.3px; appearance: textfield; -moz-appearance: textfield; }
#pricing-view .pricing-input input::-webkit-inner-spin-button,#pricing-view .pricing-input input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.pricing-boost { min-width: 0; }
.pricing-switch { display: flex; align-items: center; gap: 9px; height: 40px; color: var(--ink); font-size: 12px; font-weight: 500; cursor: pointer; border-radius: 10px; }
#pricing-view .pricing-switch input { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; }
.pricing-switch-track { position: relative; flex: 0 0 34px; height: 21px; border-radius: 999px; background: #7e8e9d46; box-shadow: inset 0 1px 2px #152b4010; transition: background .18s ease; }
.pricing-switch-track::after { content: ''; position: absolute; height: 17px; width: 17px; top: 2px; left: 2px; border-radius: 50%; background: linear-gradient(#fff,#f5f8fa); box-shadow: 0 1px 4px #152b4030; transition: transform .18s ease; }
.pricing-switch input:checked + .pricing-switch-track { background: #4e9b85; }
.pricing-switch input:checked + .pricing-switch-track::after { transform: translateX(13px); }
.pricing-switch input:focus-visible + .pricing-switch-track { outline: 2px solid var(--accent); outline-offset: 3px; }
.pricing-commission { display: grid; gap: 8px; }
.pricing-commission select { width: 100%; height: 40px; color: var(--ink); background: var(--rd-control); border: 1px solid var(--rd-stroke); padding: 0 10px; border-radius: 11px; font-size: 12px !important; font-weight: 500; }
.pricing-dates { min-width: 0; }
.pricing-date-fields { gap: 6px; padding: 0 9px; }
.pricing-date-fields > span { color: var(--muted); font-size: 12px; opacity: .65; }
#pricing-view .pricing-dates input { width: 50%; min-width: 0; height: 100%; color: var(--ink); border: 0; background: transparent; padding: 0; font-size: 11px; font-variant-numeric: tabular-nums; }
.pricing-dates input::-webkit-calendar-picker-indicator { width: 12px; padding: 0; opacity: .5; cursor: pointer; }
[data-theme=dark] .pricing-dates input { color-scheme: dark; }
.pricing-methods { display: flex; flex-wrap: wrap; gap: 7px; padding: 7px 25px 14px; }
.pricing-methods label { border-radius: 999px; display: flex; align-items: center; gap: 6px; font-size: 10px; padding: 7px 10px; cursor: pointer; border: 1px solid transparent; color: var(--muted); }
.pricing-methods label.selected { border-color: var(--rd-stroke); color: var(--ink); background: var(--rd-control); box-shadow: 0 2px 6px #1b405510; }
.pricing-methods input { position: absolute; opacity: 0; width: 1px !important; height: 1px !important; }
.pricing-methods label:focus-within { outline: 2px solid var(--accent); outline-offset: 2px; }
.pricing-methods i { width: 7px; height: 7px; background: var(--method-color); opacity: .4; border-radius: 50%; }
.pricing-methods .selected i { opacity: 1; }
.pricing-chart { display: block; width: 100%; height: auto; min-height: 210px; max-height: 390px; }
.pricing-chart text { fill: var(--muted); font-family: inherit; font-size: 10px; }
.pricing-grid-line { stroke: var(--rd-rule); stroke-width: 1; }
.pricing-zero-line { stroke: var(--muted); stroke-width: .7; stroke-dasharray: 3 5; opacity: .45; }
.pricing-chart-readout { font-size: 10px; color: var(--muted); padding: 6px 25px 12px; min-height: 30px; font-variant-numeric: tabular-nums; line-height: 1.6; }
.pricing-context { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.65; padding: 12px 25px 18px; }
.pricing-profit > .pricing-context { border-top: 1px solid var(--rd-rule); background: #ffffff12; }
.pricing-scroll { overflow: auto; overscroll-behavior-x: contain; }
.pricing-table { width: 100%; border-collapse: collapse; font-size: 11px; font-variant-numeric: tabular-nums; }
.pricing-table th { padding: 13px 16px; color: var(--muted); font-weight: 500; font-size: 10px; white-space: nowrap; text-align: right; border-bottom: 1px solid var(--rd-rule); border-top: 1px solid var(--rd-rule); background: #ffffff19; }
.pricing-table td { padding: 16px; vertical-align: middle; white-space: nowrap; text-align: right; border-bottom: 1px solid var(--rd-rule); }
.pricing-table tr:last-child td { border-bottom: 0; }
.pricing-table :is(th,td):first-child { padding-left: 25px; text-align: left; }
.pricing-table :is(th,td):last-child { padding-right: 25px; }
.pricing-table td small { display: block; color: var(--muted); font-size: 9px; line-height: 1.5; margin-top: 4px; }
.pricing-table td.pricing-positive,.pricing-table td.pricing-negative { font-weight: 600; }
.pricing-selected-row { background: #ffffff17; }
.pricing-source-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; margin-right: 8px; vertical-align: middle; }
.pricing-comparison td:first-child { min-width: 155px; }
.pricing-snapshots td { padding: 16px 12px; }
.pricing-snapshots td:first-child { min-width: 200px; }
.pricing-snapshots td:nth-child(2) { text-align: left; min-width: 170px; }
.pricing-snapshots th:nth-child(2) { text-align: left; }
.pricing-runner-name { background: transparent; padding: 0; border: 0; color: var(--ink); font-size: 12px; font-weight: 580; text-align: left; }
.pricing-runner-name:hover { color: var(--accent); }
.pricing-bucket { font-size: 9px; display: inline-block; background: #738da910; border: 1px solid #738da916; border-radius: 999px; padding: 4px 7px; }
.pricing-bucket.pricing-within { background: #4a967f12; border-color: #4a967f25; }
.pricing-bucket.pricing-watch { background: #a4884e10; border-color: #a4884e25; }
.pricing-live-value { display: block; font-size: 18px; font-weight: 520; letter-spacing: -.45px; margin-top: 6px; }
.pricing-observation { text-align: right; border: 0; background: transparent; padding: 5px 0; color: var(--muted); width: 100%; }
.pricing-observation.is-recorded { color: var(--ink); font-weight: 550; }
.pricing-observation:hover { color: var(--accent); }
.pricing-observation small { font-weight: 400; max-width: 100px; text-overflow: ellipsis; overflow: hidden; }
.pricing-table-footer { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 14px 25px; border-top: 1px solid var(--rd-rule); font-size: 9px; color: var(--muted); }
.pricing-empty,.pricing-chart-empty { text-align: center; display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 9px; padding: 45px 25px; white-space: normal; color: var(--muted); min-height: 210px; }
.pricing-chart-empty { min-height: 270px; }
.pricing-chart-empty > span { font-size: 40px; font-weight: 200; color: var(--accent); opacity: .5; }
.pricing-chart-empty strong,.pricing-empty strong { font-weight: 550; font-size: 14px; color: var(--ink); }
.pricing-empty span,.pricing-chart-empty p { max-width: 480px; line-height: 1.75; font-size: 11px; margin: 0; }
.pricing-notes { font-size: 11px; line-height: 1.75; color: var(--muted); margin: 4px 4px 0; }
.pricing-notes > summary { display: flex; align-items: center; gap: 8px; width: fit-content; list-style: none; cursor: pointer; padding: 6px 0; font-size: 10px; border-radius: 5px; }
.pricing-notes > summary::-webkit-details-marker { display: none; }
.pricing-notes > div { max-width: 1000px; padding: 4px 0 10px; }
.pricing-notes p { margin: 7px 0; }
.pricing-notes strong { font-weight: 550; color: var(--ink); }
.pricing-receipt { margin: 14px 0; font-size: 12px; }
.pricing-receipt pre { padding: 15px; white-space: pre-wrap; overflow-wrap: anywhere; background: #738da90b; border-radius: 12px; font-size: 10px; }
.pricing-history-observations > summary { list-style: none; padding: 21px 25px; display: flex; align-items: center; justify-content: space-between; gap: 15px; cursor: pointer; }
.pricing-history-observations > summary::-webkit-details-marker { display: none; }
.pricing-history-observations > summary h3 { margin: 0; font-size: 15px; font-weight: 580; letter-spacing: -.3px; }
.pricing-history-observations > summary p { margin: 5px 0 0; font-size: 10px; color: var(--muted); line-height: 1.5; }
.pricing-history-observations > summary > span { font-size: 22px; color: var(--muted); font-weight: 300; }
.pricing-history-observations[open] > summary > span { transform: rotate(45deg); }
.pricing-history-search { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 0 25px 17px; }
.pricing-history-search label { color: var(--muted); font-size: 10px; }
.pricing-history-search input { width: min(100%,320px); border: 1px solid var(--rd-stroke); border-radius: 999px; padding: 9px 13px; background: var(--rd-control); color: var(--ink); font-size: 11px !important; }
.pricing-history-pagination { display: flex; gap: 18px; }
.pricing-history-pagination button:disabled { opacity: .35; cursor: default; }
@media (max-width:1150px) { .pricing-controls { gap: 14px; padding: 15px 18px; grid-template-columns: minmax(95px,1fr) minmax(95px,1fr) 92px 136px minmax(240px,1.65fr); } .pricing-metric { padding: 18px; } }
@media (max-width:980px) { .pricing-controls { grid-template-columns: repeat(4,minmax(0,1fr)); } .pricing-dates { grid-column: span 4; max-width: 360px; width: 100%; } }
@media (max-width:850px) { .pricing-heading { align-items: flex-start; } .pricing-profile-controls button { min-width: 92px; padding: 10px 12px; } .pricing-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); } html[data-experience=pricing] .timeline-bar { display: flex; justify-content: space-between; gap: 15px; } .pricing-section-title { align-items: flex-start; } .pricing-section-title > .pricing-check { max-width: 125px; line-height: 1.5; } }
@media (max-width:600px) {
 html[data-experience=pricing] body { padding: 7px; } html[data-experience=pricing] .app-shell { border-radius: 22px; }
 html[data-experience=pricing] .topbar { padding: 16px; flex-wrap: wrap; gap: 14px; }
 html[data-experience=pricing] .page-heading h1 { font-size: 17px; } html[data-experience=pricing] .header-tools { margin-left: auto; gap: 8px; }
 html[data-experience=pricing] .experience-toggle button { padding: 8px 9px; font-size: 10px; } html[data-experience=pricing] .icon-btn { height: 32px; width: 32px; }
 html[data-experience=pricing] #main-content { padding: 19px 13px 25px; } html[data-experience=pricing] .timeline-bar { padding: 14px 16px 0; } html[data-experience=pricing] .timeline-sync { display: none; }
 .pricing-heading { flex-direction: column; gap: 16px; margin: 3px 4px 12px; } .pricing-heading h2 { font-size: 25px; letter-spacing: -.8px; }
 .pricing-profile-controls { align-self: stretch; } .pricing-profile-controls button { flex: 1; }
 .pricing-feed { gap: 12px; margin: 0 5px 14px; } .pricing-feed-panel { padding: 11px 12px; font-size: 10px; }
 .pricing-metrics { gap: 9px; } .pricing-metric { border-radius: 19px; padding: 16px; } .pricing-metric > span { font-size: 10px; } .pricing-metric strong { font-size: 25px; } .pricing-metric small { font-size: 9px; }
 .pricing-controls { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 16px; gap: 14px 18px; } .pricing-dates { grid-column: span 2; max-width: none; } .pricing-input { width: auto; } #pricing-view .pricing-input input { font-size: 17px; }
 .pricing-section-title { padding: 20px 17px 12px; gap: 12px; } .pricing-section-title h3 { font-size: 15px; } .pricing-section-title .eyebrow + h3 { font-size: 21px; } .pricing-section-title p { font-size: 10px; } .pricing-section-title .link-btn { font-size: 10px; }
 .pricing-methods { padding: 6px 13px 10px; gap: 3px; } .pricing-methods label { font-size: 9px; padding: 6px 8px; }
 .pricing-context,.pricing-chart-readout { padding-left: 17px; padding-right: 17px; font-size: 9px; } .pricing-chart { min-height: 170px; }
 .pricing-table :is(th,td):first-child { padding-left: 17px; } .pricing-table :is(th,td):last-child { padding-right: 17px; }
 .pricing-history-observations > summary { padding: 19px 17px; } .pricing-history-search { padding: 0 17px 16px; flex-direction: column; align-items: stretch; } .pricing-history-search input { width: 100%; }
}
@media (prefers-reduced-transparency:reduce) { html[data-experience=pricing] { --rd-panel:#f0f6fa; --rd-control:#f7fafc; } html[data-experience=pricing][data-theme=dark] { --rd-panel:#24384b; --rd-control:#2f465c; } }

@media (prefers-reduced-motion:reduce) { .pricing-chevron,.pricing-switch-track,.pricing-switch-track::after { transition: none; } }

/* Pricing study: editorial hierarchy, clear measures and a focused chart surface. */
html[data-experience=pricing] #pricing-view { max-width:1560px; }
html[data-experience=pricing] #pricing-view .pricing-heading { margin:0 0 13px; min-height:63px; }
html[data-experience=pricing] #pricing-view .pricing-heading h2 { font-size:30px; line-height:1.15; font-weight:570; letter-spacing:-1.05px; }
html[data-experience=pricing] #pricing-view .pricing-profile-controls { padding:4px; gap:3px; border-radius:13px; background:var(--surface2); border-color:var(--line); box-shadow:none; }
html[data-experience=pricing] #pricing-view .pricing-profile-controls button { padding:9px 19px; min-width:110px; border-radius:9px; font-size:11px; color:var(--muted); }
html[data-experience=pricing] #pricing-view .pricing-profile-controls button small { font-size:9px; margin-top:4px; }
html[data-experience=pricing] #pricing-view .pricing-profile-controls button[aria-pressed=true] { background:var(--ledger-selected); color:var(--ink); border-color:transparent; box-shadow:var(--ledger-selected-shadow); }
html[data-experience=pricing] #pricing-view .pricing-feed { margin:0 1px 20px; font-size:10px; }
html[data-experience=pricing] #pricing-view .pricing-feed strong { font-weight:450; color:var(--muted); }
html[data-experience=pricing] #pricing-view .pricing-feed-dot { width:5px; height:5px; box-shadow:none; }
html[data-experience=pricing] #pricing-view .pricing-glass { border-radius:18px; box-shadow:var(--rd-shadow); border-color:var(--rd-stroke); }
html[data-experience=pricing] #pricing-view .pricing-controls { padding:18px 22px; gap:22px; margin-bottom:22px; background:var(--rd-panel); }
html[data-experience=pricing] #pricing-view .pricing-input>div,
html[data-experience=pricing] #pricing-view .pricing-date-fields,
html[data-experience=pricing] #pricing-view .pricing-commission select { height:41px; border-radius:9px; border-color:var(--line-strong); background:var(--surface2); box-shadow:inset 0 1px 1px #172b4503; }
html[data-experience=pricing] #pricing-view .pricing-input input { font-size:17px; font-weight:540; }
html[data-experience=pricing] #pricing-view .pricing-metrics { gap:16px; margin-bottom:23px; }
html[data-experience=pricing] #pricing-view .pricing-metric { border-radius:18px; min-height:140px; padding:22px 24px; }
html[data-experience=pricing] #pricing-view .pricing-metric:nth-child(2) { background:linear-gradient(120deg,#edf3fe,#f8faff); border-color:#356dcc24; }
html[data-experience=pricing][data-theme=dark] #pricing-view .pricing-metric:nth-child(2) { background:linear-gradient(120deg,#293b56,#253144); border-color:#87b3fc27; }
html[data-experience=pricing] #pricing-view .pricing-metric>span { font-size:11px; font-weight:500; }
html[data-experience=pricing] #pricing-view .pricing-metric strong { font-size:34px; margin:15px 0 9px; letter-spacing:-1.4px; font-weight:540; }
html[data-experience=pricing] #pricing-view .pricing-metric small { font-size:10px; }
html[data-experience=pricing] #pricing-view .pricing-section-title { padding:24px 26px 16px; }
html[data-experience=pricing] #pricing-view .pricing-section-title h3 { font-size:16px; font-weight:590; letter-spacing:-.4px; }
html[data-experience=pricing] #pricing-view .pricing-profit { background:linear-gradient(180deg,var(--surface) 65%,var(--surface2)); }
html[data-experience=pricing] #pricing-view .pricing-profit .pricing-section-title h3 { font-size:18px; letter-spacing:-.5px; }
html[data-experience=pricing] #pricing-view .pricing-methods { padding:0 22px 15px; gap:5px; }
html[data-experience=pricing] #pricing-view .pricing-methods label { border:1px solid var(--line); background:transparent; padding:8px 11px; font-size:10px; border-radius:9px; }
html[data-experience=pricing] #pricing-view .pricing-methods label.selected { background:var(--surface2); border-color:var(--line-strong); box-shadow:none; }
html[data-experience=pricing] #pricing-view .pricing-methods i { width:6px; height:6px; }
html[data-experience=pricing] #pricing-view .pricing-chart { min-height:260px; max-height:410px; padding:4px 10px 0; }
html[data-experience=pricing] #pricing-view .pricing-chart path[stroke] { stroke-width:2.8; }
html[data-experience=pricing] #pricing-view .pricing-chart circle { stroke:var(--surface); stroke-width:2; r:4.5px; }
html[data-experience=pricing] #pricing-view .pricing-grid-line { opacity:.65; }
html[data-experience=pricing] #pricing-view .pricing-chart-readout { padding:7px 26px 16px; min-height:38px; }
html[data-experience=pricing] #pricing-view .pricing-context { padding:12px 26px 15px; }
html[data-experience=pricing] #pricing-view .pricing-profit>.pricing-context { background:transparent; }
html[data-experience=pricing] #pricing-view .pricing-table th { padding:13px 18px; background:var(--surface2); font-size:10px; border-color:var(--line); }
html[data-experience=pricing] #pricing-view .pricing-table td { padding:18px; font-size:12px; border-color:var(--line); }
html[data-experience=pricing] #pricing-view .pricing-table :is(th,td):first-child { padding-left:26px; }
html[data-experience=pricing] #pricing-view .pricing-table :is(th,td):last-child { padding-right:26px; }
html[data-experience=pricing] #pricing-view .pricing-selected-row { background:var(--accent-soft); }
html[data-experience=pricing] #pricing-view .pricing-comparison td:first-child { font-weight:540; }
html[data-experience=pricing] #pricing-view .pricing-table td small { font-size:9px; font-weight:400; margin-top:5px; }
html[data-experience=pricing] #pricing-view .pricing-history-observations>summary { padding:21px 26px; }
html[data-experience=pricing] #pricing-view .pricing-history-observations>summary h3 { font-size:14px; }
html[data-experience=pricing] #pricing-view .pricing-history-search input { border-radius:9px; background:var(--surface2); border-color:var(--line-strong); }
html[data-experience=pricing] #pricing-view .pricing-notes { margin-top:10px; }
@media(max-width:980px) {
 html[data-experience=pricing] #pricing-view .pricing-controls { gap:16px; }
 html[data-experience=pricing] #pricing-view .pricing-metric { padding:20px 18px; }
}
@media(max-width:600px) {
 html[data-experience=pricing] #pricing-view .pricing-heading { gap:17px; margin-bottom:13px; }
 html[data-experience=pricing] #pricing-view .pricing-heading h2 { font-size:28px; }
 html[data-experience=pricing] #pricing-view .pricing-profile-controls { width:100%; }
 html[data-experience=pricing] #pricing-view .pricing-controls { padding:17px; gap:15px 18px; border-radius:16px; }
 html[data-experience=pricing] #pricing-view .pricing-metrics { gap:10px; margin-bottom:20px; }
 html[data-experience=pricing] #pricing-view .pricing-metric { padding:18px 15px; min-height:128px; border-radius:15px; }
 html[data-experience=pricing] #pricing-view .pricing-metric strong { font-size:29px; margin:12px 0 8px; }
 html[data-experience=pricing] #pricing-view .pricing-metric>span { font-size:10px; }
 html[data-experience=pricing] #pricing-view .pricing-metric small { font-size:9px; }
 html[data-experience=pricing] #pricing-view .pricing-section-title { padding:21px 18px 15px; }
 html[data-experience=pricing] #pricing-view .pricing-methods { padding:0 14px 12px; gap:4px; }
 html[data-experience=pricing] #pricing-view .pricing-methods label { font-size:9px; padding:7px 9px; }
 html[data-experience=pricing] #pricing-view .pricing-chart { min-height:190px; padding-inline:0; }
 html[data-experience=pricing] #pricing-view :is(.pricing-context,.pricing-chart-readout) { padding-left:18px; padding-right:18px; }
 html[data-experience=pricing] #pricing-view .pricing-history-observations>summary { padding:19px 18px; }
}