/* Progressive presentation layer. Does not replace application forms, IDs, or behavior. */
body[data-ne-theme]{--paper:var(--ne-bg);--ink:var(--ne-ink);--muted:var(--ne-muted);--line:var(--ne-line);--red:var(--ne-accent);background:var(--ne-bg);color:var(--ne-ink);font-family:var(--ne-font);line-height:1.55}
body[data-ne-theme] h1,body[data-ne-theme] h2,body[data-ne-theme] h3{font-family:var(--ne-font);letter-spacing:-.035em;color:var(--ne-ink)}
body[data-ne-theme] h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.07;max-width:24ch}
body[data-ne-theme] :is(.panel,.page-card,.card){background:var(--ne-surface);border:1px solid var(--ne-line);border-radius:var(--ne-radius);box-shadow:none}
body[data-ne-theme] :is(button,.button,.btn-primary){background:var(--ne-accent);color:var(--ne-on-accent);border-radius:8px;min-height:44px}
body[data-ne-theme] :is(button.secondary,.button.secondary,.btn-secondary){background:var(--ne-surface);color:var(--ne-ink);border:1px solid var(--ne-line)}
body[data-ne-theme] :is(input,textarea,select){font-family:var(--ne-font);color:var(--ne-ink);background:var(--ne-surface);border:1px solid var(--ne-muted);border-radius:7px;min-height:44px;max-width:100%}
body[data-ne-theme] input:is([type=checkbox],[type=radio]){min-height:24px;width:24px;accent-color:var(--ne-accent)}
body[data-ne-theme] :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--ne-accent);outline-offset:4px}
body[data-ne-theme] .eyebrow{color:var(--ne-accent);font-weight:800}
body[data-ne-theme] .workspace-header{max-width:none;padding:16px max(24px,calc((100vw - 1240px)/2));background:var(--ne-surface);border-bottom:1px solid var(--ne-line);gap:24px;align-items:center;flex-wrap:wrap}
body[data-ne-theme] .workspace-header .brand{flex-shrink:0}
body[data-ne-theme] .workspace-header .logo{width:160px;max-width:35vw}
body[data-ne-theme] .workspace-header nav{flex:1;gap:6px;flex-wrap:wrap}
body[data-ne-theme] .workspace-header :is(nav>a,.header-actions>a,.nav-more summary){padding:10px 12px;text-decoration:none;border-radius:6px;font-size:14px;min-height:44px}
body[data-ne-theme] .workspace-header [aria-current=page]{background:var(--ne-soft);color:var(--ne-accent);font-weight:800;box-shadow:inset 0 -3px var(--ne-accent)}
body[data-ne-theme] .header-actions{display:flex;gap:12px;align-items:center}
body[data-ne-theme] .nav-more{position:relative}
body[data-ne-theme] .nav-menu{position:absolute;right:0;top:100%;z-index:30;background:var(--ne-surface);color:var(--ne-ink);border:1px solid var(--ne-line);padding:8px;width:260px;border-radius:8px;box-shadow:0 12px 36px #0002;max-height:70vh;overflow:auto}
body[data-ne-theme] .nav-menu a{display:block;padding:10px;text-decoration:none}
body[data-ne-theme] .nav-menu a:hover{background:var(--ne-soft)}
body[data-ne-theme] main{max-width:1240px;padding:40px 28px 64px}
body[data-ne-theme="exchange"] :is(.panel,.page-card){border-radius:6px}
body[data-ne-theme="correspondence"] main>h1{padding:28px 32px;margin:0 0 24px;max-width:none;border-radius:10px;background:var(--ne-banner);color:var(--ne-banner-ink)}
body[data-ne-theme="correspondence"] #items .panel{padding:22px;border-left:4px solid var(--ne-accent)}
body[data-ne-theme="correspondence"] #items h2{font-size:21px}
body[data-ne-theme="reference-desk"] main{max-width:1040px}
body[data-ne-theme="reference-desk"] main :is(p,li){max-width:72ch}
body[data-ne-theme="reference-desk"] details{padding:16px 0;border-bottom:1px solid var(--ne-line)}
body[data-ne-theme="reference-desk"] summary{cursor:pointer;font-weight:700;min-height:44px}
body[data-ne-theme="made-together"] :is(.signin,.invite-form){max-width:560px}
body[data-ne-theme="after-dark"] .logo{filter:grayscale(1) invert(1);mix-blend-mode:screen}
.ne-section-indicator{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--ne-muted);font-weight:700;margin:0 0 10px}
.ne-section-indicator::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--ne-accent)}
.ne-menu-toggle{display:none!important}
@media(max-width:900px){body[data-ne-theme] .workspace-header{padding:12px 20px;gap:12px}body[data-ne-theme] .workspace-header nav{order:3;width:100%;flex-basis:100%}body[data-ne-theme] .header-actions{margin-left:auto}}
@media(max-width:600px){body[data-ne-theme] main{padding:28px 18px 40px}body[data-ne-theme] .grid,body[data-ne-theme] .page-grid{grid-template-columns:1fr}body[data-ne-theme] .panel{padding:20px}body[data-ne-theme] .workspace-header .logo{width:130px}body[data-ne-theme] .workspace-header nav{align-items:stretch;gap:4px}body[data-ne-theme] .workspace-header nav>a{flex:1 1 42%}body[data-ne-theme] .workspace-header.ne-navigation-ready nav[hidden]{display:none!important}.ne-menu-toggle{display:block!important;margin:0!important;padding:8px 12px!important}body[data-ne-theme] .nav-menu{left:0;right:auto}body[data-ne-theme] .workspace-header .header-actions{flex-basis:100%;justify-content:space-between}body[data-ne-theme="correspondence"] main>h1{padding:22px 20px}body[data-ne-theme] dl{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}

/* The page canvas belongs to its creator; the surrounding controls belong to NE. */
body[data-ne-theme] .artist-canvas[data-ne-profile-theme]:not([data-ne-profile-theme=""]){--canvas:var(--ne-bg);--canvas-ink:var(--ne-ink);--canvas-accent:var(--ne-accent);--canvas-soft:var(--ne-soft);--canvas-rule:var(--ne-line);border-radius:var(--ne-radius)}
body[data-ne-theme] .artist-canvas :is(h2,h3){color:var(--canvas-ink)}
body[data-ne-theme] .artist-canvas.type-serif :is(h2,h3,.artist-headline){font-family:Georgia,'Times New Roman',serif}
body[data-ne-theme] .artist-canvas.type-sans :is(h2,h3,.artist-headline,.artist-motif span){font-family:Arial,Helvetica,sans-serif;font-style:normal}
body[data-ne-theme] .artist-canvas .artist-motif{border-radius:var(--ne-radius)}
body[data-ne-theme] .artist-canvas[data-ne-profile-theme="independent-press"]{border-top:8px solid var(--canvas-ink)}
body[data-ne-theme] .artist-canvas[data-ne-profile-theme="counterculture"]{border:3px solid var(--canvas-ink)}
body[data-ne-theme] .artist-canvas[data-ne-profile-theme="marquee"] .artist-kicker{letter-spacing:.3em}
body[data-ne-theme] .page-card{background:var(--ne-surface)!important;border-radius:var(--ne-radius)!important}
body[data-ne-theme] .page-card:before{display:none}
body[data-ne-theme] .page-card h3{font-family:var(--ne-font)}
body[data-ne-theme] .hero-note{background:var(--ne-banner);color:var(--ne-banner-ink);border:1px solid var(--ne-line)}
body[data-ne-theme] .hero-note :is(h2,p,a){color:inherit}
body[data-ne-theme] .hero-note .eyebrow{color:var(--ne-accent)}
body[data-ne-theme] .community-strip{background:var(--ne-soft)}
body[data-ne-theme] :is(.muted,.identity){color:var(--ne-muted)}
body[data-ne-theme] .tag{color:var(--ne-ink);background:var(--ne-soft)}
body[data-ne-theme="studio"] .destination{min-height:210px}
body[data-ne-theme] .dashboard-hero{margin-bottom:32px;gap:32px}
body[data-ne-theme] .logo,body[data-ne-theme] .master-brand img,body[data-ne-theme] .final-logo{filter:grayscale(1);mix-blend-mode:multiply}
body[data-ne-theme="after-dark"] .logo{filter:grayscale(1) invert(1);mix-blend-mode:screen}
body[data-ne-theme]:has(.site-header) main{max-width:none;padding:0}
body[data-ne-theme]:has(.site-header) .hero h1{font-size:clamp(48px,6.4vw,94px);max-width:13ch}
body[data-ne-theme]:has(.site-header) :is(.hero,.artists,.principles){max-width:1240px;margin-inline:auto}
body[data-ne-theme]:has(.site-header) .hero{padding-block:64px;gap:40px}
body[data-ne-theme]:has(.site-header) .hero-system{background:#eee2d3;color:#2b2925;min-height:500px;border-radius:30px 100px 30px 30px}
body[data-ne-theme]:has(.site-header) .system-note{color:#665b50}
body[data-ne-theme]:has(.site-header) .artist-orbit:before,body[data-ne-theme]:has(.site-header) .artist-orbit:after{border-color:#aa9683}
body[data-ne-theme]:has(.site-header) .orbit-center{background:#a94021;color:#fff}
body[data-ne-theme]:has(.site-header) .beta{background:#f4e5d6;color:#2b2925}
body[data-ne-theme]:has(.site-header) .beta-copy p{color:#665b50}
body[data-ne-theme]:has(.site-header) .signup-card{border:1px solid #d7c7b5;box-shadow:0 12px 50px #644d3510}
body[data-ne-theme]:has(.site-header) .signup-card :is(input,textarea,select){width:100%}
body[data-ne-theme]:has(.site-header) .signup-card input:is([type=checkbox],[type=radio]){width:24px;min-height:24px;flex-shrink:0}
body[data-ne-theme]:has(.site-header) .choice input{width:1px!important;min-height:1px!important}
body[data-ne-theme]:has(.site-header) .choice input:focus-visible+span{outline:3px solid var(--ne-accent);outline-offset:3px}
body[data-ne-theme]:has(.site-header) :is(.discovery,.statement-strip){background:#111014;color:#f9f6f1}
body[data-ne-theme]:has(.site-header) .discovery :is(h2,h3),body[data-ne-theme]:has(.site-header) .statement-strip{color:#f9f6f1}
body[data-ne-theme]:has(.site-header) .statement-strip .accent{color:#d5ef83}
@media(max-width:600px){body[data-ne-theme]:has(.site-header) .hero{padding-block:32px;gap:28px}body[data-ne-theme]:has(.site-header) .hero-system{min-height:380px}body[data-ne-theme] .dashboard-hero h1{font-size:38px}body[data-ne-theme] .dashboard-cards{grid-template-columns:1fr}body[data-ne-theme] .destination{min-height:0}body[data-ne-theme] .destination .button{margin-top:12px}body[data-ne-theme] .artist-canvas h2{font-size:38px}body[data-ne-theme] .layout-poster h2{font-size:46px}}

.ne-square-return{display:inline-block;margin:6px 0 26px;padding:11px 16px;border:1px solid currentColor;border-radius:8px;font-size:14px;font-weight:700;text-decoration:none}.workspace-header nav>a[href="/"]{font-weight:800;text-decoration:underline;text-underline-offset:5px}

/* Scout audit: separate context labels and expose mode before navigating. */
.ne-section-indicator{width:100%;font-size:14px;margin-bottom:8px}.ne-section-indicator+.eyebrow{display:block;margin-bottom:14px}
.ne-mode-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;padding:10px max(24px,calc((100vw - 1240px)/2));background:var(--ne-soft);color:var(--ne-ink);font-size:14px;border-bottom:1px solid var(--ne-line)}
.ne-mode-bar a{padding:5px 0}.task-summary{padding:16px 20px;border-left:4px solid var(--ne-accent);background:var(--ne-soft);margin:20px 0}.task-summary p{margin:4px 0}.next-actions{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.listing-status{font-size:14px;font-weight:400;margin-left:12px}details.my-listing>summary{font-size:18px;font-weight:700;cursor:pointer;padding:8px 0}details.my-listing[open]>summary{margin-bottom:18px}

/* Authenticated audit A01–A09: readable controls and nearby next actions. */
body[data-ne-theme] :is(input,textarea)::placeholder{color:var(--ne-muted);opacity:1}
.ne-direction{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;vertical-align:-2px;margin-left:6px;flex-shrink:0}
body[data-ne-theme] .workspace-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px}
body[data-ne-theme] .workspace-header>nav{display:flex;min-width:0;order:initial}
body[data-ne-theme] .header-actions{position:relative;justify-content:flex-end;gap:8px;min-width:0}
body[data-ne-theme] .account-menu{position:relative;font-size:14px}
body[data-ne-theme] .account-menu>summary{min-height:44px;padding:10px 12px;cursor:pointer;font-weight:700;border:1px solid var(--ne-line);border-radius:7px}
body[data-ne-theme] .account-menu .nav-menu{right:0;left:auto;max-width:calc(100vw - 36px)}
body[data-ne-theme] .account-menu button{width:100%;margin:8px 0 0}
.account-status:empty{display:none}.account-status{position:absolute;top:100%;right:0;z-index:31;padding:10px;background:var(--ne-surface);color:var(--ne-ink);border:1px solid var(--ne-line);width:240px;font-size:14px}
body[data-ne-theme] .dashboard-intro h1{margin:8px 0 14px}
.dashboard-intro p{margin:8px 0}.dashboard-next{margin:24px 0 32px}.dashboard-next>h2{margin-bottom:8px}.dashboard-next>p{margin:0 0 16px;font-size:14px}
.dashboard-next-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body[data-ne-theme] .dashboard-next-grid .panel{margin:0;padding:20px;display:flex;flex-direction:column}
.dashboard-next-grid h3{font-size:19px;margin:0 0 8px}.dashboard-next-grid p{font-size:14px;flex:1;margin:0 0 12px}.dashboard-next-grid .button{margin-top:auto;align-self:flex-start}
.dashboard-guidance>summary{font-weight:700;cursor:pointer;min-height:44px}
.prerequisite-note{padding:14px 16px;border-left:4px solid var(--ne-accent);background:var(--ne-soft);margin:16px 0;font-size:15px}.prerequisite-note p{margin:0 0 8px}.prerequisite-note a{display:inline-block;margin:4px 12px 4px 0}.prerequisite-note:empty{display:none}
body[data-ne-theme] .editor-actionbar{display:flex;gap:10px 16px;align-items:center;flex-wrap:wrap;position:sticky;top:0;z-index:15;margin:0 -4px 20px;padding:12px 4px;background:var(--ne-surface);border-bottom:1px solid var(--ne-line)}
body[data-ne-theme] .editor-actionbar button{margin:0;min-height:44px}.editor-actionbar #form-status{flex-basis:100%;margin:0;font-size:14px}.editor-actionbar #form-status:empty{display:none}.editor-preview-link{font-size:14px}
.artist-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:28px;align-items:start}.artist-editor-fields{min-width:0}.artist-editor-fields :is(input,textarea,select){width:100%}
.editor-settings{border-top:1px solid var(--ne-line);margin-top:22px;padding-top:12px}.editor-settings>summary{font-weight:700;min-height:44px;cursor:pointer;padding:10px 0}.editor-settings .artist-design{padding:16px;margin:16px 0}.editor-settings .artist-design legend{font-size:20px}.editor-settings .artist-design-grid{grid-template-columns:1fr}
.artist-editor-layout>.artist-preview-region{position:sticky;top:90px;margin:0;max-height:calc(100dvh - 110px);overflow:auto;min-width:0;scroll-margin-top:110px}
#design-preview{scroll-margin-top:110px}#design-preview .artist-cover{grid-template-columns:1fr;min-height:0}#design-preview .artist-motif{min-height:130px;margin:12px;border-radius:12px}#design-preview .artist-hero-copy{padding:24px}#design-preview .artist-canvas h2{font-size:32px}#design-preview .artist-sections{grid-template-columns:1fr;padding:12px 24px}#design-preview .artist-headline{font-size:20px}
#page-form :is(input,select,textarea,button,summary){scroll-margin-top:110px}
@media(max-width:1100px){body[data-ne-theme] .workspace-header{grid-template-columns:auto 1fr}body[data-ne-theme] .workspace-header>nav{grid-row:2;grid-column:1/-1}body[data-ne-theme] .header-actions{grid-column:2;grid-row:1;margin-left:auto}}
@media(max-width:800px){.artist-editor-layout{grid-template-columns:1fr}.artist-editor-layout>.artist-preview-region{position:static;max-height:none;overflow:visible}.dashboard-next-grid{grid-template-columns:1fr}.editor-actionbar{top:0}.artist-preview-region .section-heading{flex-wrap:wrap}}
@media(max-width:600px){body[data-ne-theme] .workspace-header{grid-template-columns:1fr auto}body[data-ne-theme] .workspace-header>.brand{grid-column:1;grid-row:1}body[data-ne-theme] .workspace-header>.ne-menu-toggle{grid-column:2;grid-row:1}body[data-ne-theme] .header-actions{grid-column:1/-1;grid-row:2;width:100%;justify-content:space-between}body[data-ne-theme] .workspace-header>nav{grid-row:3}.editor-settings .artist-design{padding:12px}.section-order-row{flex-wrap:wrap}.section-order-row label{flex-basis:100%}}

/* Preview anchors include the whole responsive action bar, including wrapped status. */
.artist-editor-layout>.artist-preview-region{top:calc(var(--editor-action-height,78px) + 12px);max-height:calc(100dvh - var(--editor-action-height,78px) - 32px);scroll-margin-top:calc(var(--editor-action-height,78px) + 16px)}
#design-preview,#page-form :is(input,select,textarea,button,summary){scroll-margin-top:calc(var(--editor-action-height,78px) + 16px)}
@media(max-width:800px){.artist-editor-layout>.artist-preview-region{max-height:none}}
@media(max-width:600px){body[data-ne-theme] .workspace-header{padding:8px 16px;gap:8px}.ne-mode-bar{padding:6px 16px;gap:4px 14px}body[data-ne-theme] .workspace-header .logo{width:100px}.workspace-header .header-actions :is(a,summary){min-height:44px}body[data-ne-theme] main:has(#page-form){padding-top:20px}.ne-section-indicator{margin-bottom:6px}}