/* User workspace only: preserve navigation, reader preview and merchant portal. */
.main > .topbar { display:none; }
#view > .wrap, #view > .wrap-narrow { padding:18px 24px 48px; }
#view .studio-page-intro { padding:14px 20px; margin-bottom:12px; border-radius:14px; }
#view .studio-page-intro::after, #view .studio-page-intro small { display:none; }
#view .studio-page-intro h1 { font-size:23px; line-height:1.35; margin:0 0 4px; }
#view .studio-page-intro p { font-size:13px; line-height:1.6; margin:0; }
#view .studio-overview { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
#view .studio-overview > div { display:flex; align-items:center; gap:8px; padding:7px 12px; border-radius:9px; flex:1; min-width:150px; }
#view .studio-overview span { font-size:12px; }
#view .studio-overview b { font-size:13px; margin:0; line-height:1.5; }
#view .card { padding:18px 20px; margin-bottom:14px; border-radius:13px; }
#view .card h2 { font-size:18px; margin-bottom:14px; }
#view .lab { font-size:14px; margin:15px 0 7px; }
#view input, #view select, #view textarea { font-size:14px; line-height:1.65; padding:9px 12px; }
#view textarea { min-height:100px; }
#view .btn { font-size:14px; padding:8px 14px; }
#view .steps { margin-bottom:14px; }
#view .step { padding:8px 10px; font-size:13px; }
#view .angle { padding:15px; margin-bottom:12px; }
#view .angle-t { font-size:17px; }
#view .article-box { font-size:15px; line-height:1.75; padding:16px 5px; }
#view .article-box .hu-title { font-size:22px; line-height:1.5; margin-bottom:18px; }
#view .article-box .hu-p, #view .article-box p { font-size:15px; line-height:1.8; margin-bottom:12px; }
#view .article-box .hu-h, #view .article-box h3 { font-size:18px; line-height:1.6; margin:20px 0 10px; }
@media(max-width:700px) {
 #view > .wrap, #view > .wrap-narrow { padding:12px 12px 32px; }
 #view .studio-page-intro { padding:12px 15px; }
 #view .studio-page-intro h1 { font-size:21px; }
 #view .card { padding:15px; }
 #view .studio-overview > div { min-width:125px; flex:auto; }
}
#view .article-box .hu-fig { margin:12px 0; text-align:center; }
#view .article-box .hu-fig img { display:block; max-width:100%; max-height:280px; width:auto; height:auto; object-fit:contain; margin:0 auto; }
#view .im-title-option { display:flex; width:100%; align-items:flex-start; gap:12px; text-align:left; cursor:pointer; }
#view .im-title-option.selected { border-color:var(--accent); background:var(--soft); }

/* Compact centre workspace; the navigation and reader keep their own type scale. */
body[data-view="main"] #view .card { padding:14px 16px; margin-bottom:12px; }
body[data-view="main"] #view .card h2 { font-size:16px; margin-bottom:10px; }
body[data-view="main"] #view .kv { font-size:13px; line-height:1.6; }
body[data-view="main"] #view .btn { font-size:13px; padding:7px 11px; }
body[data-view="main"] #view .article-box { font-size:14px; line-height:1.7; padding:10px 6px; max-height:520px; overflow:auto; scrollbar-gutter:stable; overscroll-behavior:auto; }
body[data-view="main"] #view .article-box .hu-title { font-size:18px; line-height:1.5; margin:0 0 12px; }
body[data-view="main"] #view .article-box .hu-p,
body[data-view="main"] #view .article-box p { font-size:14px; line-height:1.75; margin:0 0 10px; }
body[data-view="main"] #view .article-box .hu-h,
body[data-view="main"] #view .article-box h3 { font-size:16px; line-height:1.6; margin:15px 0 8px; }
body[data-view="main"] #view .article-box .hu-fig img { max-height:220px; }
body[data-view="main"] #view .fig-card > img { height:130px; object-fit:contain; }
#view .creation-stages { margin-top:12px; }
#view .creation-stages ol { display:flex; flex-wrap:wrap; gap:6px; padding:0; margin:0; list-style:none; }
#view .creation-stages li { font-size:12px; line-height:1.5; padding:5px 8px; border:1px solid #dce3e8; border-radius:7px; color:#536274; background:#f8fafb; }
#view .creation-stages li.current { background:var(--soft,#e9f3f0); color:var(--accent,#285f50); border-color:currentColor; font-weight:600; }
#view .creation-stages li.complete { color:#22684c; }
#view .creation-stages p { font-size:13px; line-height:1.6; margin:8px 0 0; color:#425268; }
#view .creation-stages p.workflow-warning { color:#934d14; }
#view .delivery-preview summary { cursor:pointer; padding:9px 0; font-size:13px; font-weight:600; }
#view .job { padding:12px; margin-top:12px; }
#view .job-title { font-size:14px; }
#view .job-msg, #view .job-tip { font-size:12px; line-height:1.6; }
@media(max-width:700px) { body[data-view="main"] #view .article-box { max-height:420px; } #view .creation-stages li { font-size:11px; } }

/* Desktop workspace at 90% visual scale. Compensate the viewport height so
   the footer and scrolling area still fill the screen. Browser zoom stays user controlled. */
@media (min-width:1060px) {
 body[data-auth="signed-in"] { zoom:.9; }
 body[data-auth="signed-in"] .app { height:calc(100dvh / .9 - var(--head) - var(--foot)); }
}
#view .status.ok { display:block; overflow-wrap:anywhere; }
#view .status.ok > b { display:inline; white-space:nowrap; }

/* Workflow instructions are visually separate from publication content. */
#view .workflow-note, #view .hint { display:block; background:#eef5ff; border:1px solid #ccdcf5; border-left:3px solid #4779bf; border-radius:8px; padding:10px 13px; margin:10px 0; color:#355476; font-size:13px; line-height:1.7; }
#view .workflow-note b { display:block; color:#23466e; font-size:13px; margin-bottom:3px; }
#view .workflow-note p { margin:0; font-size:13px; line-height:1.7; }
#view .workflow-note.compact { font-size:12px; padding:8px 11px; }
#view .creation-stages p { padding:9px 12px; border:1px solid #cce3d8; border-left:3px solid #40856a; border-radius:7px; background:#edf7f1; color:#2d604a; }
#view .creation-stages p.workflow-warning { border-color:#ebd4a9; border-left-color:#bd8333; background:#fff7e9; color:#84581f; }
#view .article-toolbar { display:flex; align-items:center; gap:10px; flex-wrap:wrap; border-top:1px solid #e3e8ef; padding-top:14px; margin-top:12px; }
#view .article-toolbar > div { margin-right:auto; }
#view .article-toolbar b { font-size:15px; }
#view .article-count { font-size:12px; color:#67788d; margin-left:10px; }
#view .article-toolbar label { font-size:13px; color:#405570; }
#view .article-toolbar select { width:auto; max-width:100%; min-width:130px; font-size:13px; padding:6px 10px; }
#view .theme-caption { font-size:12px; line-height:1.7; color:#65788c; margin:7px 0 12px; }
body[data-view="main"] #view .article-box { font-size:16px; line-height:1.85; padding:18px 22px; }
body[data-view="main"] #view .article-box .hu-p, body[data-view="main"] #view .article-box p { font-size:16px; line-height:1.9; margin:0 0 16px; }
body[data-view="main"] #view .article-box .hu-title { text-align:center; font-size:20px; line-height:1.6; margin:4px 0 24px; }
body[data-view="main"] #view .article-box .hu-h { text-align:center; font-size:17px; line-height:2; margin:28px 0 14px; }
#view .publication-preview { max-width:820px; margin-left:auto; margin-right:auto; background:#fff; border:1px solid #edf0f4; border-radius:8px; }
#view .publication-preview img { display:block; max-width:100%; max-height:280px; width:auto; height:auto; margin-left:auto; margin-right:auto; }
#view .research-panel { margin-top:16px; border:1px solid #dce3ed; border-radius:8px; padding:10px 13px; background:#f8fafc; font-size:13px; line-height:1.8; color:#45576e; }
#view .research-panel summary { cursor:pointer; font-weight:600; }
#view .research-panel summary span { display:inline-block; font-size:12px; font-weight:400; color:#697d95; margin-left:8px; }
#view .research-panel h3 { font-size:13px; margin:14px 0 6px; color:#263f5e; }
#view .research-panel ul { padding-left:20px; }
#view .research-text { overflow-wrap:anywhere; }
@media(max-width:700px) { body[data-view="main"] #view .article-box { padding:14px 12px; } #view .article-toolbar > div { width:100%; } }