.workspace-layout { display:grid; grid-template-columns:208px minmax(0,1fr); gap:32px; align-items:start; }
.workspace-content { min-width:0; }
/* Resolve the offset on the sidebar so hiding the writing goal also moves it. */
:where(.workspace-sidebar,.writing-project-header) { --sidebar-sticky-top:calc(var(--header-height) + var(--writing-progress-height,0px) + 20px); }
.workspace-sidebar { position:sticky; top:var(--sidebar-sticky-top); min-width:0; padding-right:20px; border-right:1px solid var(--line); }
.section-navigation-title { margin:0 0 12px; color:var(--muted); font:600 var(--text-small)/1.4 var(--font-ui); }
.section-navigation-links { display:flex; flex-direction:column; gap:6px; margin:0; padding:0; border:0; }
.section-navigation-links a { display:flex; align-items:center; gap:10px; min-height:44px; min-width:0; padding:10px 12px; border:0; border-radius:7px; color:var(--muted); font:400 var(--text-small)/1.4 var(--font-ui); text-decoration:none; }
.section-navigation-links a > :is(i,.icon) { flex:none; width:20px; color:var(--green); text-align:center; }
.section-navigation-links a:is(:hover,[aria-current="page"]) { background:var(--sage); color:var(--green); }
.section-navigation-links a[aria-current="page"] { font-weight:700; box-shadow:inset 3px 0 var(--green); }
.section-navigation-submenu { display:flex; flex-direction:column; gap:2px; margin-left:32px; padding-left:8px; border-left:1px solid var(--line); }
.section-navigation-links a:focus-visible,.section-navigation-trigger:focus-visible { outline:3px solid var(--green); outline-offset:3px; }
.section-navigation-trigger { display:flex; width:100%; align-items:center; gap:10px; min-height:44px; padding:10px 12px; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--green); font:600 var(--text-small)/1.4 var(--font-ui); text-align:left; }
.section-navigation-trigger > span:first-of-type { flex:1; min-width:0; }
.section-navigation-trigger-hint { font-weight:400; font-size:var(--text-caption); color:var(--muted); }
.section-navigation-dialog { position:fixed; inset:0 auto 0 0; box-sizing:border-box; width:min(360px,calc(100vw - 28px)); max-width:none; height:100dvh; max-height:100dvh; margin:0; padding:20px 16px; border:0; border-right:1px solid var(--line); border-radius:0 16px 16px 0; background:var(--paper); color:var(--ink); overflow-y:auto; overscroll-behavior:contain; }
.section-navigation-dialog > header { display:flex; align-items:center; gap:12px; justify-content:space-between; padding-bottom:16px; margin-bottom:16px; border-bottom:1px solid var(--line); }
.section-navigation-dialog h2 { margin:0; font-size:var(--text-card); }
.section-navigation-dialog .section-navigation-title { display:none; }
.section-navigation-dialog .icon-button { min-width:44px; min-height:44px; }
.section-navigation [hidden] { display:none !important; }
.workspace-content > .page-section:first-child { margin-top:0; }
.workspace-layout--account { max-width:1200px; margin-inline:auto; }
.workspace-layout--account .workspace-content { max-width:var(--page-width-narrow); }
.workspace-layout--account .privacy-settings > .eyebrow { margin:12px 0 4px; }
.workspace-layout--account .privacy-settings > h1 { font-size:var(--text-section); margin:0 0 24px; }
.workspace-layout--account .account-content > h2:first-child { margin-top:0; }
.workspace-layout--publishing .workshop-welcome-copy > img { width:128px !important; height:64px !important; }
.workspace-layout--publishing .workshop-welcome { padding-top:0; padding-bottom:20px; align-items:center; flex-direction:row; }
.workspace-layout--publishing .workshop-columns { grid-template-columns:minmax(0,1fr) 260px; gap:24px; }
.workspace-layout--publishing .workshop-start .button { flex:none; }
.workspace-layout--publishing .blog-workshop-tools { padding-block:12px; }
.workspace-layout--publishing .blog-workspace .page-heading { margin-bottom:20px; }
@media(min-width:1101px) {
    .workspace-sidebar { max-height:calc(100dvh - var(--sidebar-sticky-top) - 20px); overflow-y:auto; }
    :is(.workspace-sidebar,.writing-project-header) .section-navigation-links a:focus-visible { outline-offset:-3px; }
}
@media(max-width:1300px) { .workspace-layout--publishing .workshop-columns { grid-template-columns:minmax(0,1fr); } .workspace-layout--publishing .workshop-community { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:1100px) {
    .workspace-layout { grid-template-columns:minmax(0,1fr); gap:18px; }
    .workspace-sidebar { position:static; border:0; padding:0; }
    .section-navigation-panel { padding:0 0 12px; }
    .section-navigation-links { flex-direction:row; flex-wrap:wrap; }
    .section-navigation-dialog .section-navigation-links { flex-direction:column; }
    .section-navigation-dialog .section-navigation-links a { min-height:48px; }
    .workspace-layout--publishing .workshop-community { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:600px) {
    .workspace-layout--publishing .workshop-welcome { align-items:start; flex-direction:column; gap:12px; }
    .workspace-layout--publishing .workshop-welcome-copy { gap:12px; }
}
@media print { .workspace-sidebar,.section-navigation { display:none; } .workspace-layout { display:block; } }

.workspace-sidebar .section-navigation-links.reading-area-links { display:flex; align-items:stretch; gap:6px; }
.workspace-sidebar .section-navigation-links.publishing-navigation { display:flex; flex-direction:column; margin:0; padding:0; border:0; }
.section-navigation-links.account-tabs a { flex-direction:row; justify-content:flex-start; min-height:44px; text-align:left; }
.workspace-layout--account .account-content .form-card { margin-top:16px; }