/* Beginner reading system: clear actions, quiet surfaces, prominent results. */
.beginner-ui{--p-accent:#315fe9;--p-accent-soft:rgba(49,95,233,.08)}
:root[data-theme=dark] .beginner-ui{--p-accent:#95adff;--p-accent-soft:rgba(149,173,255,.12)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .beginner-ui{--p-accent:#95adff;--p-accent-soft:rgba(149,173,255,.12)}}
.beginner-ui :is(input,select,button,a,summary):focus-visible{outline:2px solid var(--p-accent);outline-offset:3px}
.beginner-ui .p-navlink{font-size:14px;font-weight:550}
.beginner-ui .p-button{border-radius:9px;box-shadow:none;font-size:14px;min-height:40px}
.beginner-ui .desk-focus-tabs>button{font-size:14px;min-height:46px;padding-inline:15px}
.beginner-ui .focus-header h2{font-size:23px;letter-spacing:-.035em}
.beginner-ui .focus-meta,.beginner-ui .focus-quote>span{font-size:12px}
.beginner-ui .studio-stock-price{font-variant-numeric:tabular-nums}
.beginner-ui :is(.studio-section-kicker,.thesis-eyebrow){display:none}
/* Calculators own the full panel; unrelated saved opinions stay in analysis. */
.beginner-ui .desk-stock-workspace:is([data-active-pane=plan],[data-active-pane=signals]) .desk-focus-layout{grid-template-columns:minmax(0,1fr)}
.beginner-ui .desk-stock-workspace:is([data-active-pane=plan],[data-active-pane=signals]) #desk-opinion-panel{display:none}
.beginner-ui .decision-workbench{padding:24px 28px!important}
.beginner-ui .decision-tabs{display:none}
.beginner-ui .decision-heading{margin-bottom:22px;padding:0;border:0;gap:20px}
.beginner-ui .decision-heading h3{font-size:23px;line-height:1.4;letter-spacing:-.04em;margin:0 0 8px}
.beginner-ui .decision-heading p{font-size:14px;line-height:1.65;margin:0;max-width:65ch}
.beginner-ui .decision-local{font-size:12px}
.beginner-ui [data-active-pane=plan] .decision-heading{display:none}
.beginner-ui .lab-plan-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:32px;max-width:1120px;margin:auto}
.beginner-ui .lab-plan-inputs{background:var(--p-surface-2);padding:24px;border:0;border-radius:16px}
.beginner-ui .lab-plan-heading h4{font-size:23px;line-height:1.4;letter-spacing:-.04em}
.beginner-ui .lab-plan-heading h4 br{display:none}
.beginner-ui .lab-plan-inputs>p{font-size:14px;line-height:1.7}
.beginner-ui .lab-field-grid{gap:16px}
.beginner-ui .lab-field>span:first-child{font-size:14px;font-weight:550}
.beginner-ui .lab-input-wrap{background:var(--p-surface);border-radius:8px;min-height:46px}
.beginner-ui .lab-input-wrap input{font-size:17px;font-variant-numeric:tabular-nums;min-height:46px}
.beginner-ui .lab-plan-disclosure{font-size:12px!important;line-height:1.7!important}
.beginner-ui .lab-plan-result{border:0;background:var(--p-surface);padding:20px 12px;border-radius:0}
.beginner-ui .lab-plan-placeholder{min-height:260px;display:flex;flex-direction:column;justify-content:center}
.beginner-ui .lab-plan-placeholder h4{font-size:22px;line-height:1.4}
.beginner-ui .lab-plan-placeholder p{font-size:15px;line-height:1.7;max-width:38ch}
.beginner-ui .lab-plan-steps{font-size:12px}
.beginner-ui .lab-shares strong{font-size:48px;letter-spacing:-.045em}
.beginner-ui .lab-plan-result dl{font-size:14px}
.beginner-ui .decision-signal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0 24px}
.beginner-ui .decision-signal{border:0;border-radius:13px;background:var(--p-surface-2);padding:20px;position:relative}
.beginner-ui .lab-signal-label{font-size:15px;font-weight:650;color:var(--p-text)}
.beginner-ui .lab-signal-term{position:absolute;right:18px;top:19px;font-size:12px;color:var(--p-muted)}
.beginner-ui .lab-signal-value{font-size:30px;letter-spacing:-.04em;line-height:1.25;margin:18px 0 7px;font-variant-numeric:tabular-nums}
.beginner-ui .lab-signal-state{font-size:14px;font-weight:550}
.beginner-ui .decision-signal p{font-size:14px;line-height:1.7;max-width:58ch;margin:12px 0}
.beginner-ui .decision-signal .text-button{font-size:13px;min-height:32px}
.beginner-ui .decision-provenance{font-size:12px;gap:12px;flex-wrap:wrap}
.beginner-ui .decision-chart-layout{gap:24px}
.beginner-ui .decision-chart-layout>.decision-summary{background:var(--p-surface-2);border:0;border-radius:13px;padding:20px}
.beginner-ui .decision-chart-layout>.decision-summary h4{font-size:18px;line-height:1.5}
/* Analysis remains dense on desktop, but labels and explanations lead. */
.beginner-ui .decision-summary--brief .ds-card{box-shadow:none}
.beginner-ui .studio-thesis,.beginner-ui .studio-argument p{font-size:14px;line-height:1.8}
.beginner-ui .studio-argument h4{font-size:14px}
.beginner-ui .reader-tabs button{font-size:13px;min-height:40px}
.beginner-ui .report-section p,.beginner-ui .report-section li{font-size:15px;line-height:1.85}
.beginner-ui .term-button{color:inherit;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}
/* Exploration, comparison and personal records share the same hierarchy. */
.beginner-ui :is(#compare-view,#discovery-view,#journal-view){max-width:1280px;margin-inline:auto;width:100%;padding-inline:12px}
.beginner-ui :is(.discovery-heading,.studio-view-heading,.journal-heading) h2{font-size:26px;letter-spacing:-.04em}
.beginner-ui :is(.discovery-heading,.studio-view-heading,.journal-heading) p{font-size:15px;line-height:1.7;max-width:65ch}
.beginner-ui .discovery-stats{background:var(--p-surface-2);border:0;border-radius:13px;padding:18px;margin-bottom:24px}
.beginner-ui .discovery-card{border:1px solid var(--p-line);box-shadow:none;border-radius:14px;padding:24px}
.beginner-ui .discovery-card h3{font-size:21px}
.beginner-ui .discovery-card h4{font-size:15px;margin-top:20px}
.beginner-ui .discovery-card p,.beginner-ui .discovery-card li{font-size:14px;line-height:1.75}
.beginner-ui .discovery-card .p-button{min-height:44px}
.beginner-ui .compare-stage,.beginner-ui .compare-inspector{border:0;border-radius:14px;padding:22px;box-shadow:none}
.beginner-ui .compare-inspector{background:var(--p-surface-2)}
.beginner-ui .compare-inspector article{padding-block:18px}
.beginner-ui .compare-inspector dl{font-size:14px}
.beginner-ui .compare-picker button{min-height:42px;font-size:14px;border-radius:9px}
.beginner-ui .compare-data-note{font-size:12px;line-height:1.7}
.beginner-ui .journal-overview{gap:16px;margin-bottom:24px}
.beginner-ui .journal-overview article{padding:20px;border:0;background:var(--p-surface-2);border-radius:12px}
.beginner-ui .journal-overview article>strong{font-size:32px;letter-spacing:-.04em}
.beginner-ui .journal-overview article>p{font-size:13px;line-height:1.65}
.beginner-ui .desk-table{font-size:14px}
.beginner-ui .desk-table th{font-size:13px;padding:14px}
.beginner-ui .desk-table td{padding:17px 14px}
/* Settings: consistent surfaces and readable status before setup. */
.beginner-ui.essential-page :is(.quota-card,.membership-guide,.auth-panel,.connection-hub,.pilot-card){border:0;border-radius:16px;box-shadow:none}
.beginner-ui.essential-page :is(.desktop-section,.workspace){border:0;border-radius:16px;background:var(--p-surface)}
.beginner-ui.essential-page .service-offer{border:0;background:var(--p-accent-soft);padding:22px 24px;border-radius:14px}
.beginner-ui.essential-page .service-offer h2{font-size:19px}
.beginner-ui.essential-page .service-offer-status{font-size:15px}
.beginner-ui.essential-page :is(.intro-copy,.panel-copy){font-size:15px;line-height:1.75}
.beginner-ui.essential-page input,.beginner-ui.essential-page select{min-height:46px;border-radius:8px;font-size:16px}
.beginner-ui.essential-page .role-intro .hint{line-height:1.7}
.beginner-ui.essential-page .connection-overview{background:transparent;border:0;padding:10px 2px 18px}
.beginner-ui.essential-page .membership-guide{background:var(--p-surface-2)}
.beginner-ui.essential-page .quota-hero strong{font-size:64px;font-variant-numeric:tabular-nums}
.beginner-ui.essential-page .membership-payment{margin-top:18px}
.beginner-ui.operator-ui .operator-key-metrics{gap:14px}
.beginner-ui.operator-ui .panel{border:0;border-radius:14px;box-shadow:none}
.beginner-ui.operator-ui .operator-heading{padding-bottom:24px}
.beginner-ui.operator-ui .trade-table{font-size:14px}
@media(max-width:760px){
 .beginner-ui .desk-focus-tabs{overflow:auto;white-space:nowrap}
 .beginner-ui .desk-focus-tabs>button{font-size:15px;min-height:48px;padding-inline:14px}
 .beginner-ui .decision-workbench{padding:20px 16px!important}
 .beginner-ui .decision-heading{display:block}
 .beginner-ui .decision-local{margin-top:12px}
 .beginner-ui .lab-plan-layout{grid-template-columns:1fr;gap:20px}
 .beginner-ui .lab-plan-inputs{padding:20px}
 .beginner-ui .lab-plan-result{padding:8px 4px}
 .beginner-ui .lab-field-grid{grid-template-columns:1fr;gap:16px}
 .beginner-ui .decision-signal-grid{grid-template-columns:1fr}
 .beginner-ui .decision-chart-layout{grid-template-columns:1fr}
 .beginner-ui .decision-signal p,.beginner-ui .discovery-card p,.beginner-ui .discovery-card li{font-size:15px}
 .beginner-ui :is(#compare-view,#discovery-view,#journal-view){padding-inline:4px}
 .beginner-ui .journal-overview{grid-template-columns:1fr}
 .beginner-ui .journal-overview article{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
 .beginner-ui .journal-overview article p{grid-column:1/-1;margin:0}
 .beginner-ui .discovery-card{padding:20px}
 .beginner-ui .lab-signal-label{padding-right:95px;display:block}
 .beginner-ui .studio-thesis,.beginner-ui .studio-argument p{font-size:15px}
}
.beginner-ui .lab-chart-details>summary{cursor:pointer;padding:14px 0;font-size:14px;font-weight:600;color:var(--p-accent);border-top:1px solid var(--p-line);margin-top:12px}.beginner-ui .lab-chart-details[open]>summary{margin-bottom:16px}
.beginner-ui .decision-signal{padding:18px}.beginner-ui .decision-signal p{margin:10px 0;line-height:1.65}.beginner-ui .lab-signal-value{margin:12px 0 5px}

/* Restore visible information groups without increasing the desk height. */
.beginner-ui{--card-edge:color-mix(in srgb,var(--p-line) 82%,var(--p-text) 18%);--card-fill:color-mix(in srgb,var(--p-surface) 96%,var(--p-accent) 4%)}
.beginner-ui.desk-refined .verdict-band{border-bottom:0;column-gap:12px}
.beginner-ui.desk-refined :is(.verdict-seal,.verdict-levels,.verdict-range){border:0;border-radius:12px;padding:10px 14px;background:var(--card-fill);box-shadow:inset 0 0 0 1px var(--card-edge)}
.beginner-ui.desk-refined .bento-tile{border:0;border-radius:12px;background:var(--p-surface);box-shadow:inset 0 0 0 1px var(--card-edge);padding:8px 14px}
.beginner-ui.desk-refined .bento-tile[data-node=aux]{border-left:0;padding:8px 14px}
.beginner-ui.desk-refined .bento-tile[data-size=strip]{border-top:0;padding:8px 14px}
.beginner-ui.desk-refined .bento-tile>.bento-head{background:var(--card-fill);border-radius:7px;margin-bottom:6px;padding:6px 8px;min-height:30px}
.beginner-ui.desk-refined .bento-tile[data-size=strip]>.bento-head{margin:0;padding:0 8px;min-height:24px}
.beginner-ui.desk-refined .ax-label{white-space:normal;line-height:1.45;min-width:0}
.beginner-ui :is(.decision-signal,.lab-plan-inputs,.lab-plan-result,.discovery-stats,.compare-stage,.compare-inspector,.journal-overview article,.decision-chart-layout>.decision-summary){box-shadow:inset 0 0 0 1px var(--card-edge);border-radius:12px}
.beginner-ui.essential-page :is(.quota-card,.membership-guide,.auth-panel,.connection-hub,.pilot-card,.desktop-section,.workspace,.service-offer),.beginner-ui.operator-ui .panel{box-shadow:inset 0 0 0 1px var(--card-edge)}
@media(max-width:700px){
 .beginner-ui.desk-refined :is(.verdict-seal,.verdict-levels,.verdict-range){padding:18px 16px}
 .beginner-ui.desk-refined .bento-tile,.beginner-ui.desk-refined .bento-tile[data-node=aux],.beginner-ui.desk-refined .bento-tile[data-size=strip]{padding:14px 16px}
}

@media(min-width:1181px){
 .beginner-ui.desk-refined .year-context small{line-height:12px;margin:0;align-self:center}
 .beginner-ui.desk-refined .year-context{line-height:14px}
}
