/* Task-focused secondary pages. Research layout intentionally remains unchanged. */
.essential-page{--p-accent:#315be8;--p-accent-soft:color-mix(in srgb,var(--p-accent) 9%,transparent)}
.essential-page [hidden],.compare-picker button[hidden]{display:none!important}
.essential-page .p-topbar{height:64px;min-height:64px;padding-inline:32px;border-bottom:1px solid var(--p-line)}
.essential-page .p-navlink{font-size:14px}

.essential-page .p-button,.essential-page button,.essential-page input,.essential-page select{font-size:14px}
.essential-page :is(button,a,input,select,summary):focus-visible{outline:2px solid var(--p-accent);outline-offset:3px}
.essential-page :is(.ai-shell,.membership-shell,.pilot-shell){width:min(1120px,100%);max-width:1120px;margin-inline:auto;padding:28px 32px}
.essential-page h1{font-size:28px!important;line-height:1.35!important;letter-spacing:-.04em!important;margin:0 0 8px!important}
.essential-page h2{font-size:18px;line-height:1.5;letter-spacing:-.02em}
.essential-page .p-eyebrow,.essential-page .eyebrow{display:none}
.essential-page :is(.auth-panel,.quota-card,.membership-guide,.connection-hub,.desktop-section,.workspace,.pilot-card){border:1px solid var(--p-line);border-radius:14px;background:var(--p-surface);box-shadow:none}
.essential-page :is(.auth-footer,.ai-footer,.membership-footer){margin-top:28px;padding-block:18px;font-size:12px}
.essential-details{margin:16px 0;border-top:1px solid var(--p-line);padding-top:12px;min-width:0}
.essential-details>summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--p-muted);padding:10px 0;min-height:40px;list-style-position:inside}
.essential-details[open]>summary{color:var(--p-text);margin-bottom:12px}
/* Login/account: one panel, no marketing column or unavailable sign-in methods. */
.essential-login .auth-shell{max-width:560px;padding:40px 24px 24px;margin:auto;width:100%;min-height:0}
.essential-login .auth-layout{display:block;min-height:0;padding:0;margin:0}
.essential-login .auth-panel{padding:32px;width:100%;max-width:none;min-height:0}
.essential-login .panel-copy{font-size:15px;line-height:1.7;margin:10px 0 26px}
.essential-login .provider-button{min-height:52px;font-size:15px}
.essential-login .continue-link{min-height:48px;background:var(--p-accent);color:#fff}
.essential-login #current-account{margin:20px 0}
.essential-login #account-name{font-size:24px;margin:6px 0 20px}
.essential-login .login-note{font-size:13px;line-height:1.7;margin-top:20px}
.essential-login #profile-form{padding-top:20px;margin-top:20px;border-top:1px solid var(--p-line)}
.essential-login #profile-form label{font-size:14px}
.essential-login .nickname-row{display:flex;gap:8px;margin-top:10px}
.essential-login .nickname-row input{min-width:0;flex:1;min-height:46px}
.essential-login .auth-footer{justify-content:center}
/* Membership: balance -> availability -> history. */
.essential-membership .membership-heading{align-items:center;margin-bottom:22px;gap:16px}
.essential-membership .membership-heading>div>p:last-child{font-size:15px;line-height:1.65;margin:0}
.essential-membership .membership-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px}
.essential-membership .quota-card,.essential-membership .membership-guide{padding:24px}
.essential-membership .quota-card-heading{justify-content:flex-end}
.essential-membership .quota-card h2{margin:0 0 6px;font-size:20px}
.essential-membership .quota-hero{margin:22px 0 16px}
.essential-membership .quota-hero strong{font-size:56px;letter-spacing:-.045em}
.essential-membership .quota-breakdown{margin:16px 0 20px}
.essential-membership .quota-breakdown dt{font-size:13px}
.essential-membership .membership-availability{padding-top:16px;margin-bottom:16px}
.essential-membership .membership-availability p,.essential-membership .membership-guide li p,.essential-membership .membership-payment p{font-size:14px;line-height:1.6}
.essential-membership .membership-guide h2{font-size:18px;margin:0 0 16px}
.essential-membership .membership-guide li{padding:14px 0;gap:12px}
.essential-membership .membership-guide li>span{display:none}
.essential-membership .membership-history{margin-top:28px}
.essential-membership .membership-section-heading{margin-bottom:12px}
.essential-membership .membership-section-heading h2{font-size:19px;margin:0}
.essential-membership .membership-table{font-size:14px}
.essential-membership .membership-table th{font-size:13px}
/* Connections: saved connections and default AI beside optional setup. */
.essential-connections .intro{padding:0 0 20px;gap:16px}
.essential-connections .intro-copy{font-size:15px;margin:0!important}
.essential-connections .connection-intro-tools>a{display:none}
.essential-connections .service-offer{grid-template-columns:1fr auto;padding:18px 20px;margin-bottom:14px;gap:16px;border-radius:12px}
.essential-connections .service-offer h2{font-size:17px;margin:0 0 4px}
.essential-connections .service-offer p{font-size:14px}
.essential-connections .service-offer-status{font-size:14px;margin-top:8px}
.essential-connections .connection-overview{padding:14px 18px;margin-bottom:20px}
.essential-connections .connection-workbench{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;align-items:start}
.essential-connections .connection-hub{position:static;padding:22px;min-width:0;grid-column:auto;grid-row:auto}
.essential-connections .connection-config{min-width:0;grid-column:auto;grid-row:auto}
.essential-connections .connection-hub-heading{margin-bottom:18px}
.essential-connections .section-heading h2{font-size:18px}
.essential-connections .small-note{font-size:13px;line-height:1.65}
.essential-connections .connection-tabs button{min-height:56px;padding:12px;font-size:14px}
.essential-connections .connection-tabs button small{font-size:12px}
.essential-connections .desktop-section,.essential-connections .workspace{padding:22px}
.essential-connections .desktop-heading{margin-bottom:18px;gap:10px}
.essential-connections .desktop-heading h2{font-size:18px;line-height:1.4}
.essential-connections .desktop-heading p{font-size:14px;line-height:1.6;margin-top:6px}
.essential-connections .desktop-layout{display:block}
.essential-connections .desktop-app-intro{padding:16px;border-radius:10px;margin-bottom:18px}
.essential-connections .desktop-app-productline{display:none}
.essential-connections .desktop-app-intro h3{font-size:17px}
.essential-connections .desktop-app-intro p{font-size:14px;line-height:1.65}
.essential-connections .role-section{display:block;padding:20px 0 0;margin:22px 0 0;border-top:1px solid var(--p-line)}
.essential-connections .role-intro p{font-size:14px;line-height:1.65;margin-top:8px}
.essential-connections .role-intro .hint{font-size:13px}
.essential-connections #roles-form{margin-top:18px}
.essential-connections .role-grid{grid-template-columns:1fr}
.essential-connections .form-actions{flex-wrap:wrap}
.essential-connections input,.essential-connections select{min-height:44px}
.essential-connections #connection-form label{font-size:14px}
.essential-connections .ai-footer .wordmark,.essential-connections .ai-footer>p{display:none}
/* Feedback: optional consent remains explicit; introductory tutorial is secondary. */
.essential-feedback .pilot-shell{max-width:760px}
.essential-feedback .pilot-lead{font-size:15px;line-height:1.7;margin:0 0 20px}
.essential-feedback .pilot-card{padding:24px;margin:18px 0}
.essential-feedback .pilot-card h2{font-size:18px;margin:0 0 14px}
.essential-feedback .pilot-card p{font-size:14px;line-height:1.75}
.essential-feedback fieldset{margin:24px 0;border:0;padding:0}
.essential-feedback legend{font-size:16px;font-weight:650;margin-bottom:12px}
.essential-feedback fieldset label{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 14px;border:1px solid var(--p-line);border-radius:8px;font-size:15px;margin:8px 0}
.essential-feedback fieldset label:has(input:checked){border-color:var(--p-accent);background:var(--p-accent-soft)}
.essential-feedback .pilot-offer{padding:18px;border-radius:10px}
.essential-feedback .pilot-offer strong{font-size:23px}
.essential-feedback .pilot-actions{flex-wrap:wrap}
/* Non-research workspace views only. */
:is(#compare-view,#discovery-view,#journal-view) :is(.studio-view-heading,.discovery-heading,.journal-heading){padding:18px 0;margin:0 0 16px;gap:16px}
:is(#compare-view,#discovery-view,#journal-view) :is(.studio-view-heading,.discovery-heading,.journal-heading) h2{font-size:26px;line-height:1.35;margin:0 0 8px}
:is(#compare-view,#discovery-view,#journal-view) :is(.studio-view-heading,.discovery-heading,.journal-heading) p{font-size:14px;line-height:1.6}
.essential-compare-search{display:flex;align-items:center;gap:14px;font-size:14px;margin-bottom:12px}
.essential-compare-search input{min-height:42px;width:min(320px,65%);border:1px solid var(--p-line);border-radius:8px;background:var(--p-surface);color:var(--p-text);padding:10px 12px;font:inherit}
#compare-view .compare-picker{max-height:156px;overflow:auto;overscroll-behavior:contain;align-content:start;padding:4px 2px 12px}
#compare-view .compare-stage header h3,#compare-view .compare-inspector h3{font-size:18px}
#compare-view .compare-inspector .studio-section-kicker{display:none}
#discovery-view .discovery-process{margin:0;padding:16px;gap:24px}
#discovery-view .process-intro h3{font-size:20px;line-height:1.5}
#discovery-view .process-intro .studio-section-kicker{display:none}
#journal-view .journal-ranking{margin-top:0}
/* Operator views retain real/paper status and existing access control. */
.essential-page.operator-ui .operator-main{max-width:1440px;padding:24px 32px}
.essential-page.operator-ui .operator-heading{padding:0 0 20px;gap:16px}
.essential-page.operator-ui .brand-sub{font-size:14px;line-height:1.6}
.essential-page.operator-ui .panel{border-radius:12px;box-shadow:none}
.essential-page.operator-ui .panel h2{font-size:18px}
@media(max-width:760px){
 .essential-page .p-topbar{height:auto;min-height:60px;padding:12px 16px;flex-wrap:wrap;gap:10px}
 .essential-page .p-brand{font-size:25px}
 .essential-page .p-nav{order:3;flex:1 0 100%;overflow-x:auto;white-space:nowrap;gap:6px}
 .essential-page .p-navlink{min-height:42px;font-size:14px;padding:10px}
 .essential-page .p-tools{margin-left:auto}
 .essential-page :is(.ai-shell,.membership-shell,.pilot-shell){padding:22px 16px}
 .essential-page h1{font-size:26px!important}
 .essential-page :is(button,.p-button,input,select){min-height:44px}
 .essential-login .auth-shell{padding:24px 16px}
 .essential-login .auth-panel{padding:24px 20px}
 .essential-membership .membership-grid,.essential-connections .connection-workbench{grid-template-columns:1fr}
 .essential-membership .membership-heading{display:flex;align-items:start}
 .essential-membership .membership-heading>.p-button{margin:0;font-size:0;padding:10px}
 .essential-membership .membership-heading>.p-button .p-icon{width:20px;height:20px}
 .essential-membership .membership-guide ol{display:block}
 .essential-membership .quota-card,.essential-membership .membership-guide{padding:20px}
 .essential-membership .membership-section-heading{gap:6px}
 .essential-connections .intro{display:block}
 .essential-connections .connection-intro-tools{display:block;margin-top:12px}
 .essential-connections .connection-intro-tools #readiness{text-align:left;max-width:none;font-size:13px}
 .essential-connections .service-offer{display:block}
 .essential-connections .service-offer>.p-button{margin-top:12px}
 .essential-connections .connection-overview>a{display:none}
 .essential-connections .connection-hub,.essential-connections .desktop-section,.essential-connections .workspace{padding:18px}
 .essential-connections .desktop-heading{display:block}
 .essential-connections .desktop-presence{display:inline-flex;margin-top:10px}
 .essential-feedback .pilot-card{padding:20px}
 .essential-page.operator-ui .operator-main{padding:20px 16px}
 .essential-compare-search{display:block}
 .essential-compare-search input{display:block;width:100%;margin-top:8px}
}
:root[data-theme=dark] .essential-page{--p-accent:#91a8ff;--p-accent-soft:rgba(120,150,255,.13)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .essential-page{--p-accent:#91a8ff;--p-accent-soft:rgba(120,150,255,.13)}}
.essential-connections .empty-connection{padding:18px 0;border:0;background:transparent}
.essential-connections .empty-mark,.essential-connections .empty-browse,.essential-connections .desktop-empty>span{display:none}
.essential-connections .empty-connection h3,.essential-connections .desktop-empty h4{font-size:15px;margin:0 0 8px}
.essential-connections .empty-connection p,.essential-connections .desktop-empty p{font-size:14px;line-height:1.65}
.essential-connections .desktop-empty{padding:12px 0;background:transparent;border:0}
.essential-connections .desktop-app-brandline{display:none}

.essential-login .provider-button.connected{opacity:1;color:var(--p-text);background:var(--p-surface-2);border-color:var(--p-line)}
@media(max-width:760px){.essential-page input,.essential-page select{font-size:16px}.essential-connections .intro-copy,.essential-membership .membership-heading>div>p:last-child{font-size:16px}}
/* Essential settings should be readable immediately during entrance motion. */
.essential-page :is(.auth-panel,.quota-card,.membership-guide,.connection-hub,.service-offer,.connection-overview,.empty-connection,.desktop-empty,.intro-copy,.membership-heading h1,.intro h1,.membership-guide li){opacity:1!important}