.site-header__inner { max-width:var(--page-width-wide); gap:32px; padding-inline:var(--page-gutter); }
.site-header .header-search { display:none; }
.site-header .header-search-toggle { display:inline-flex; }
.header-project { display:none; min-width:0; align-items:center; gap:20px; }
.header-project a { display:inline-flex; align-items:center; gap:10px; min-height:44px; text-decoration:none; }
.header-project-back { flex:none; color:var(--muted); }
.header-project-back.header-project-name { flex:0 1 auto; border-left:0; padding-left:0; }
.header-project-back > span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.header-project-name { min-width:0; max-width:36ch; border-left:1px solid var(--line); padding-left:20px; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.header-project-privacy { display:flex; align-items:center; gap:8px; color:var(--muted); white-space:nowrap; }
.page-frame > .page-heading:first-child { margin-top:0; }
.page-frame :is(.two-columns,.home-grid) > * { min-width:0; }
.page-frame :is(.page-heading,.section-heading) h1 { overflow-wrap:anywhere; }
.project-global-menu { display:none; }
.website-studio { --website-ink:var(--ink); --website-muted:var(--muted); --website-accent:var(--green); --website-paper:var(--surface); --website-border:var(--line); --website-soft:var(--sage); }
.website-studio .website-button { min-height:44px; font-size:var(--text-small); }
@media(min-width:1101px) {
    .site-header--project .header-project { display:flex; flex:1; }
    .site-header--project .app-primary-nav { margin-left:auto; }
    .site-header--project .app-primary-nav > a { display:none; }
    .site-header--project .header-tools { margin-left:0; }
    .site-header--project .project-global-menu { display:block; }
    .document-editor-page:has(.site-header--project) .document-back { display:none; }
    .document-editor-page:has(.site-header--project) .document-heading { position:relative; padding-right:60px; }
    .document-editor-page:has(.site-header--project) .document-navigation { position:absolute; top:0; right:0; margin:0; }
}
@media(min-width:761px) and (max-width:1100px) {
    .site-header__inner { gap:16px; }
}
@media(max-width:760px) {
    .site-header__inner { padding-inline:12px; gap:0 8px; }
}

.blog-writing-page .article-secondary { margin:20px 0 100px; padding:0; border-top:1px solid var(--line); }
.blog-writing-page .article-secondary > summary { min-height:44px; padding:12px 0; color:var(--green); font-weight:600; cursor:pointer; }
.blog-writing-page .article-secondary[open] > summary { margin-bottom:16px; }
.blog-writing-page .article-secondary .blog-banner-existing { max-height:180px; object-fit:cover; }
.workspace-layout--publishing .writing-tools .workshop-text-action { background:none; border:0; color:var(--muted); font-weight:400; }
.workspace-layout--publishing .writing-tools .workshop-text-action:hover { color:var(--green); text-decoration:underline; }

.newsletter-studio .newsletter-heading { margin-bottom:20px; }
.newsletter-studio .newsletter-options { margin-top:20px; border-top:1px solid var(--line); }
.newsletter-studio .newsletter-options > summary,.friend-code-own > summary { min-height:44px; padding-block:12px; color:var(--green); font-weight:600; cursor:pointer; }
.newsletter-studio .newsletter-options > .quiet-link { display:inline-flex; min-height:44px; align-items:center; margin-block:12px; }
.newsletter-studio .newsletter-create { margin-top:12px; }
.newsletter-studio .newsletter-create > label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.friend-code-card .friend-code-heading { margin-bottom:16px; }
.friend-code-card .friend-code-search { margin-top:0; }
.friend-code-own { margin-top:24px; border-top:1px solid var(--line); }

@media(max-width:700px) {
    .blog-writing-page .document-save-bar { display:grid; grid-template-columns:minmax(0,1fr); gap:6px; padding:8px 10px; }
    .blog-writing-page .document-save-info { min-width:0; }
    .blog-writing-page .document-save-info p { margin:0; font-size:var(--text-caption); line-height:1.4; }
    .blog-writing-page .document-save-buttons { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
    .blog-writing-page .document-save-buttons .button { min-width:0; min-height:44px; padding:8px; font-size:var(--text-small); white-space:nowrap; }
}
.newsletter-letter-list { list-style:none; padding:0; margin:0; }
.newsletter-letter-list > li { padding:16px 0; border-bottom:1px solid var(--line); }
.newsletter-letter-main { display:flex; gap:16px; align-items:start; justify-content:space-between; }
.newsletter-letter-main > div { min-width:0; }
.newsletter-letter-main > div > a { font-weight:700; overflow-wrap:anywhere; }
.newsletter-letter-main small { display:block; margin-top:6px; color:var(--muted); font-size:var(--text-small); }
.newsletter-letter-main > .quiet-link { display:inline-flex; flex:none; align-items:center; gap:8px; min-height:44px; }
.newsletter-letter-details { margin-top:8px; }
.newsletter-letter-details > summary { min-height:44px; padding-block:10px; color:var(--muted); font-size:var(--text-small); cursor:pointer; }
.newsletter-letter-details dl { display:flex; flex-wrap:wrap; gap:16px 32px; font-size:var(--text-small); }
.newsletter-letter-details dt { font-weight:600; }
.newsletter-letter-details dd { margin:6px 0; }
.newsletter-letter-actions { display:flex; flex-wrap:wrap; gap:12px 24px; align-items:center; }
.newsletter-letter-actions :is(a,button) { display:inline-flex; align-items:center; min-height:44px; }
.newsletter-delivery-alert { color:var(--error); font-size:var(--text-small); }