/* Shared application translation of the adopted Living Archive. */
:root {
  --bg-page: #f0f0e6;
  --bg-surface: #f0f0e6;
  --bg-muted: #e4e8dd;
  --text-primary: #223e3d;
  --text-muted: #526460;
  --text-faint: #526460;
  --border-delicate: #c9d2c6;
  --accent-oxblood: #466755;
  --accent-oxblood-hover: #223e3d;
  --focus: #466755;
  --field-border: #5c6f61;
  --action-hover: #183534;
  --selection: #d9dfcf;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg-page: #18181b;
    --bg-surface: #27272a;
    --bg-muted: #222225;
    --text-primary: #f4f4f5;
    --text-muted: #a1a1aa;
    --text-faint: #a1a1aa;
    --border-delicate: #3f3f46;
    --accent-oxblood: #fda4af;
    --accent-oxblood-hover: #fecdd3;
    --focus: #fda4af;
    --field-border: #a1a1aa;
    --action-hover: #e4e4e7;
    --selection: #3f3f46;
  }
  .living-archive {
    background: var(--bg-page);
    color: var(--text-primary);
  }
}
.living-archive { background: var(--bg-page); color: var(--text-primary); font: 15px/1.6 var(--font-sans); }
.living-archive ::selection { background: var(--selection); color: var(--text-primary); }
.living-archive :focus-visible { outline: 3px solid var(--focus); outline-offset: 5px; }
.living-archive a { color: inherit; text-underline-offset: .25em; }
.living-archive h1, .living-archive h2, .living-archive h3, .living-archive h4 { font-family: var(--font-serif); font-weight: 450; line-height: 1.1; }
.living-archive .site-wrapper { min-height: 100vh; }
.living-archive .site-header { position: static; background: transparent; border: 0; box-shadow: none; padding: 0 56px; }
.living-archive .header-inner { max-width: 1128px; min-height: 100px; margin: auto; padding: 0; border-bottom: 1px solid var(--border-delicate); gap: 26px; }
.living-archive .brand-title { font: 600 31px var(--font-serif); letter-spacing: -.08em; text-decoration: none; }
.living-archive .brand-tagline { display: none; }
.living-archive .site-nav { margin-left: auto; gap: 26px; }
.living-archive .site-nav a, .living-archive .user-session a, .living-archive .user-session button { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; color: inherit; }
.living-archive .user-session { gap: 20px; }
.living-archive .user-greeting { font-size: 12px; color: var(--text-muted); }
.living-archive .nav-btn-studio { border: 1px solid var(--border-delicate); border-radius: 0; background: transparent; padding: 0 18px; }
.living-archive .nav-link-subtle { border: 0; background: none; padding: 0; }
.living-archive .site-main { max-width: 1240px; width: 100%; margin: 0 auto; padding: 0 56px; }
.living-archive .site-footer { background: transparent; border: 0; padding: 0 56px; margin-top: 48px; }
.living-archive .footer-inner { max-width: 1128px; border-top: 1px solid var(--border-delicate); margin: auto; padding: 28px 0; align-items: baseline; gap: 20px; }
.living-archive .colophon-text { font: italic 13px var(--font-serif); color: var(--text-primary); }
.living-archive .footer-links { font-size: 12px; color: var(--text-muted); }
.living-archive .reading-measure, .living-archive .max-w-4xl { max-width: 750px; width: 100%; margin: auto; }
.living-archive .page-body { padding: 54px 0 20px; }
.living-archive .page-body h1, .living-archive .notebook-heading h1 { font-size: clamp(40px,5vw,61px); letter-spacing: -.04em; margin: 20px 0; }
.living-archive .intro { font: 400 19px/1.7 var(--font-serif); }
.living-archive .quiet-copy, .living-archive .empty-quiet-note { font: 16px/1.6 var(--font-serif); color: var(--text-muted); margin: 16px 0; }
.living-archive .btn-primary, .living-archive .btn-secondary, .living-archive .btn-primary-reading { display: inline-flex; justify-content: center; align-items: center; min-height: 48px; gap: 12px; padding: 13px 23px; font: 13px/1.6 var(--font-sans); border-radius: 0; box-shadow: none; text-decoration: none; }
.living-archive .btn-primary, .living-archive .btn-primary-reading { background: var(--text-primary); color: var(--bg-page); border: 1px solid var(--text-primary); }
.living-archive .btn-secondary { background: transparent; color: var(--text-primary); border: 1px solid var(--border-delicate); }
.living-archive .btn-primary:hover, .living-archive .btn-primary-reading:hover { background: var(--action-hover); border-color: var(--action-hover); color: var(--bg-page); }
.living-archive .btn-secondary:hover { background: var(--bg-muted); color: var(--text-primary); }
.living-archive button:disabled { opacity: .6; cursor: not-allowed; }
.living-archive .text-action { display: inline-flex; align-items: center; min-height: 44px; background: transparent; border: 0; padding: 0; font: 13px/1.6 var(--font-sans); text-decoration: underline; text-underline-offset: 5px; color: var(--text-primary); }
.living-archive .form-input, .living-archive .form-select, .living-archive .form-textarea { background: transparent; color: var(--text-primary); border: 1px solid var(--field-border); border-radius: 0; box-shadow: none; min-height: 44px; }
.living-archive input, .living-archive textarea { caret-color: var(--focus); }
.living-archive ::placeholder { color: var(--text-muted); opacity: 1; }
.living-archive .form-label { font: 13px/1.6 var(--font-sans); font-weight: 500; color: var(--text-primary); }
.living-archive .form-help, .living-archive .form-help-inline { color: var(--text-muted); font-size: 12px; }
.living-archive .story-address { margin: 0.375rem 0 0; padding: 0.5rem 0.75rem; font-family: var(--font-mono); font-size: 13px; line-height: 1.6; color: var(--text-primary); background: var(--bg-muted); }
.living-archive .form-field { margin-bottom: 24px; }
.living-archive .form-fieldset { border: 0; border-top: 1px solid var(--border-delicate); border-radius: 0; padding: 26px 0; margin: 32px 0; }
.living-archive .form-fieldset-inner { padding: 0; }
.living-archive .form-error-banner, .living-archive .flash-banner { border-radius: 0; box-shadow: none; }
.living-archive .form-error-banner, .living-archive .flash-error { background: var(--danger-bg); color: var(--danger-text); border: 1px solid var(--danger-border); }
.living-archive .flash-success { background: var(--success-bg); color: var(--success-text); border: 1px solid var(--success-border); }
.living-archive .form-input-error, .living-archive .form-textarea.form-input-error, .living-archive .form-select.form-input-error { border-color: var(--danger-text); color: var(--text-primary); }
.living-archive .form-field-error { color: var(--danger-text); }
.living-archive .story-metadata { border-top: 1px solid var(--border-delicate); margin-top: 28px; padding-top: 8px; }
.living-archive .story-metadata summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; }
.living-archive .form-actions { display: flex; gap: 16px; align-items: center; margin: 24px 0; }
.living-archive .flash-container { max-width: 1128px; width: calc(100% - 112px); margin: 20px auto 0; }
.living-archive .auth-doorway { max-width: 460px; margin: 72px auto; padding: 0; min-height: 0; }
.living-archive .auth-card { width: 100%; max-width: none; padding: 0; background: none; border: 0; border-radius: 0; box-shadow: none; }
.living-archive .auth-title { font: 450 53px/1.1 var(--font-serif); letter-spacing: -.04em; text-align: left; margin: 0 0 22px; }
.living-archive .auth-subtitle { font: 19px/1.7 var(--font-serif); text-align: left; margin-bottom: 36px; }
.living-archive .welcome-page { max-width: 720px; margin: 72px auto; }
.living-archive .welcome-page h1 { font-size: clamp(44px,5.5vw,68px); letter-spacing: -.04em; margin: 0 0 28px; }
.living-archive .welcome-page .intro { max-width: 42ch; }
.living-archive .welcome-page .book-actions { margin: 32px 0; }
.living-archive .feed-header { text-align: left; margin-bottom: 36px; padding: 0; border: 0; }
.living-archive .feed-title { font: 450 clamp(40px,5vw,61px)/1.1 var(--font-serif); letter-spacing: -.04em; margin-bottom: 22px; }
.living-archive .feed-opener { font: 19px/1.7 var(--font-serif); }
.living-archive .feed-list { gap: 0; }
.living-archive .feed-card { background: none; border: 0; border-top: 1px solid var(--border-delicate); border-radius: 0; box-shadow: none; padding: 26px 0; margin: 0; }
.living-archive .feed-card summary { cursor: pointer; min-height: 44px; list-style: none; }
.living-archive .feed-card summary::after { content: 'Open update +'; display: inline-block; font-size: 12px; margin-top: 12px; text-decoration: underline; }
.living-archive .feed-card[open] summary::after { content: 'Close update −'; }
.living-archive .feed-book-title { display: block; font: 450 28px/1.2 var(--font-serif); }
.living-archive .feed-preview { display: block; font-size: 12px; margin-top: 12px; color: var(--text-muted); }
.living-archive .feed-meta { margin-top: 24px; }
.living-archive .feed-card-title { font: 450 28px/1.25 var(--font-serif); margin: 0 0 14px; }
.living-archive .feed-card-quote { border: 0; padding: 0; margin: 20px 0; font: italic 20px/1.7 var(--font-serif); }
.living-archive .feed-card-footer { background: none; border: 0; padding: 0; margin-top: 18px; }
.living-archive .feed-card-badge, .living-archive .category-badge, .living-archive .creative-status-pill, .living-archive .status-badge, .living-archive .state-badge { background: none; color: var(--text-muted); border: 0; border-radius: 0; padding: 0; font-size: 11px; letter-spacing: .04em; font-weight: 400; }
.living-archive .caught-up-banner { background: none; border: 0; border-top: 1px solid var(--border-delicate); text-align: left; padding: 28px 0; }
.living-archive .caught-up-asterisk { display: none; }
.living-archive .notebook-collection { max-width: 750px; margin: 54px auto 32px; }
.living-archive .notebook-heading { margin-bottom: 36px; }
.living-archive .notebook-filters { border-top: 1px solid var(--border-delicate); padding: 22px 0; }
.living-archive .notebook-filters summary { min-height: 44px; cursor: pointer; font-size: 13px; }
.living-archive .archive-filter-bar { background: none; border: 0; margin-top: 16px; gap: 18px; flex-wrap: wrap; }
.living-archive .filter-tab { background: none; color: var(--text-muted); border: 0; border-radius: 0; padding: 6px 0; min-height: 44px; }
.living-archive .filter-tab.active { color: var(--text-primary); background: none; text-decoration: underline; }
.living-archive .archive-masonry, .living-archive .archive-section-grid, .living-archive .artifact-grid { display: block; }
.living-archive .archive-section { margin-bottom: 32px; }
.living-archive .archive-section-heading { font-size: 24px; font-weight: 450; border: 0; padding: 18px 0; }
.living-archive .archive-section-glyph, .living-archive .archive-locked-glyph { display: none; }
.living-archive .artifact-card, .living-archive .archive-card-locked { background: none; border: 0; border-top: 1px solid var(--border-delicate); border-radius: 0; box-shadow: none; padding: 22px 0; margin: 0; }
.living-archive .artifact-card:hover { border-color: var(--border-delicate); box-shadow: none; transform: none; }
.living-archive .artifact-card-title { font-size: 24px; font-weight: 450; margin: 12px 0; }
.living-archive .artifact-card-summary { font: 16px/1.7 var(--font-serif); }
.living-archive .artifact-detail-header { border: 0; padding: 0; margin: 24px 0 30px; text-align: left; }
.living-archive .artifact-title { font: 450 clamp(40px,5vw,61px)/1.1 var(--font-serif); max-width: 19ch; letter-spacing: -.04em; margin: 20px 0; }
.living-archive .breadcrumb, .living-archive .related-chapter { font-size: 12px; color: var(--text-muted); flex-wrap: wrap; }
.living-archive .author-commentary { background: none; border: 0; padding: 0; margin: 30px 0; }
.living-archive .commentary-label { font-size: 11px; color: var(--text-muted); }
.living-archive .commentary-text { font: italic 22px/1.7 var(--font-serif); }
.living-archive .artifact-prose { font: italic 22px/1.7 var(--font-serif); }
.living-archive .locked-count-card, .living-archive .non-canonical-banner { background: transparent; border: 0; border-top: 1px solid var(--border-delicate); border-radius: 0; padding: 24px 0; }
.living-archive .studio-container { max-width: 1000px; padding: 40px 0; margin: auto; }
.living-archive .studio-container--editor, .living-archive .workspace-narrow { max-width: 800px; width: 100%; }
.living-archive .studio-header, .living-archive .studio-page-header, .living-archive .editor-header { border: 0; padding: 0; margin-bottom: 36px; gap: 24px; flex-wrap: wrap; }
.living-archive .studio-page-header h1, .living-archive .studio-story-title, .living-archive .studio-empty-title { font: 450 48px/1.15 var(--font-serif); letter-spacing: -.04em; margin: 18px 0; }
.living-archive .studio-empty { background: none; border: 0; padding: 30px 0; }
.living-archive .studio-context, .living-archive .studio-stats, .living-archive .studio-status-strip { background: none; border: 0; border-radius: 0; padding: 0; }
.living-archive .studio-grid { gap: 36px; }
.living-archive .zone-card, .living-archive .studio-zone, .living-archive .dashboard-section, .living-archive .story-card, .living-archive .narrative-diff-card { background: none; border: 0; border-top: 1px solid var(--border-delicate); border-radius: 0; box-shadow: none; padding: 26px 0; }
.living-archive .zone-card-title { font: 450 27px/1.25 var(--font-serif); text-transform: none; letter-spacing: -.02em; }
.living-archive .studio-item-row { background: none; border: 0; border-bottom: 1px solid var(--border-delicate); border-radius: 0; padding: 20px 0; gap: 16px; flex-wrap: wrap; }
.living-archive .studio-item-list { border: 0; background: none; padding: 0; }
.living-archive .review-section { background: none; border: 0; border-top: 1px solid var(--border-delicate); border-radius: 0; padding: 26px 0; margin: 26px 0; }
.living-archive .review-actions { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 32px; }
.living-archive .readonly-prose-block, .living-archive .diff-box { background: none; border: 0; border-radius: 0; padding: 0; font: 19px/1.85 var(--font-serif); }
.living-archive .diff-why-box { background: none; border: 0; padding: 0; font: italic 22px/1.7 var(--font-serif); }
.living-archive .diff-narrative { gap: 26px; }
.living-archive .editor-title { background: transparent; border: 0; border-bottom: 1px solid var(--border-delicate); border-radius: 0; font: 450 42px/1.25 var(--font-serif); color: var(--text-primary); padding: 16px 0; }
.living-archive .editor-prose { background: none; border: 0; border-radius: 0; padding: 0; font: 19px/1.95 var(--font-serif); min-height: 65vh; }
.living-archive .editor-measure-container { max-width: 650px; margin: 32px auto; }
.living-archive .editor-footer { border-top: 1px solid var(--border-delicate); padding: 24px 0; gap: 20px; flex-wrap: wrap; }
.living-archive .choice-row { background: none; border: 0; border-top: 1px solid var(--border-delicate); border-radius: 0; padding: 20px 0; }
.living-archive .choice-row:has(input:checked) { background: var(--bg-muted); color: var(--text-primary); }
.living-archive .comments-section, .living-archive .reactions-container { border-top: 1px solid var(--border-delicate); margin-top: 32px; padding-top: 24px; }
.living-archive .comments-title { font: 450 28px/1.2 var(--font-serif); }
.living-archive .comment-card { border: 0; border-bottom: 1px solid var(--border-delicate); border-radius: 0; background: none; padding: 22px 0; }
.living-archive .reaction-btn { border-radius: 0; background: none; min-height: 44px; }
.living-archive .persona-preview-bar { position: static; background: var(--bg-muted); color: var(--text-primary); border-bottom: 1px solid var(--border-delicate); }
.living-archive .persona-preview-container { max-width: 1128px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; min-height: 44px; padding: 4px 0; }
.living-archive .preview-info { margin: 0; color: inherit; }
.living-archive .preview-badge { background: none; color: inherit; padding: 0; border-radius: 0; font: 500 13px/1.4 var(--font-sans); letter-spacing: 0; text-transform: none; }
.living-archive .preview-switch { font-size: 13px; }
.living-archive .preview-switch summary { min-height: 44px; display: inline-flex; align-items: center; cursor: pointer; }
.living-archive .btn-exit-preview { background: none; color: inherit; border: 0; border-radius: 0; min-height: 44px; padding: 0; font-weight: 500; text-decoration: underline; text-underline-offset: 4px; }
.living-archive .persona-pill { color: inherit; border-color: var(--field-border); background: transparent; }
.living-archive .persona-pill.active { background: var(--text-primary); color: var(--bg-page); border-color: var(--text-primary); }
@media (max-width: 900px) {
  .living-archive .user-greeting { display: none; }
  .living-archive .studio-grid { grid-template-columns: 1fr; }
  .living-archive .grid-two { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .living-archive .site-header, .living-archive .site-main, .living-archive .site-footer { padding-left: 23px; padding-right: 23px; }
  .living-archive .header-inner { min-height: 0; gap: 8px 16px; flex-wrap: wrap; align-items: center; }
  .living-archive .brand { flex: 1 1 auto; min-width: 0; }
  .living-archive .brand-title { font-size: 28px; }
  .living-archive .site-nav, .living-archive .user-session { flex: 1 1 100%; margin-left: 0; gap: 8px 16px; flex-wrap: wrap; }
  .living-archive .site-nav a, .living-archive .user-session a, .living-archive .user-session button { font-size: 12px; }
  .living-archive .nav-btn-studio { border: 0; padding: 0; }
  .living-archive .footer-inner { flex-direction: column; gap: 12px; }
  .living-archive .flash-container { width: calc(100% - 46px); }
  .living-archive .welcome-page, .living-archive .auth-doorway { margin: 44px auto; }
  .living-archive .studio-page-header h1, .living-archive .studio-story-title, .living-archive .studio-empty-title { font-size: 37px; }
  .living-archive .editor-title { font-size: 32px; }
  .living-archive .editor-prose, .living-archive .readonly-prose-block { font-size: 18px; line-height: 1.85; }
  .living-archive .notebook-collection { margin-top: 35px; }
}

/* Secondary tasks keep the same paper, rules and restrained hierarchy. */
.living-archive .workspace-narrow { background: none; border: 0; border-radius: 0; box-shadow: none; padding: 0; max-width: 690px; }
.living-archive .studio-artifact-grid { display: block; }
.living-archive .zone-card-header { flex-wrap: wrap; gap: 12px; }
.living-archive .zone-card-footer { background: none; padding: 20px 0 0; }
.living-archive .btn-danger-quiet { border-radius: 0; background: none; min-height: 44px; }
.living-archive .reaction-pill { border-radius: 0; background: none; min-height: 44px; font-size: 12px; }
.living-archive .reaction-bar { padding-top: 24px; gap: 14px; flex-wrap: wrap; }
.living-archive .reaction-label { font-size: 11px; font-weight: 400; }
.living-archive .error-container { max-width: 650px; margin: 55px auto; padding: 0; text-align: left; }
.living-archive .error-card { background: none; border: 0; border-radius: 0; box-shadow: none; padding: 0; }
.living-archive .error-status { font-size: 12px; font-family: var(--font-sans); font-weight: 400; }
.living-archive .error-title { font-size: 44px; letter-spacing: -.04em; margin: 20px 0; }
.living-archive .error-message { font: 19px/1.7 var(--font-serif); margin: 0 0 28px; }
.living-archive .error-actions { justify-content: start; }
.living-archive .reading-room-measure.note-warning { max-width: 650px; margin: 76px auto; padding: 46px 28px; text-align: center; border-top: 1px solid var(--border-delicate); border-bottom: 1px solid var(--border-delicate); }
.living-archive .note-warning h1 { max-width: 18ch; font-size: 43px; letter-spacing: -.04em; margin: 22px auto; }
.living-archive .note-warning > p { max-width: 43ch; font: 19px/1.7 var(--font-serif); margin: 25px auto 30px; }
.living-archive .note-warning > p:last-child { font: 13px/1.6 var(--font-sans); margin-bottom: 0; }
.living-archive .note-warning > p:last-child a { display: inline-flex; min-height: 44px; align-items: center; }
@media (min-width: 601px) and (max-width: 950px) {
  .living-archive .site-header, .living-archive .site-main, .living-archive .site-footer { padding-left: 30px; padding-right: 30px; }
}
@media (max-width: 600px) {
  .living-archive .reading-room-measure.note-warning { margin: 42px auto; padding: 30px 0; }
  .living-archive .note-warning h1 { font-size: 34px; }
  .living-archive .auth-title { font-size: 44px; }
  .living-archive .zone-card-title { font-size: 24px; }
}

.living-archive .warning-actions { display: flex; justify-content: center; align-items: center; gap: 24px; margin: 30px 0 0; }
.living-archive .notebook-detail { padding: 0; }
.living-archive .notebook-detail .artifact-detail-header { padding: 50px 0 32px; margin: 0; }
.living-archive .notebook-detail .artifact-title { margin: 18px 0; }
.living-archive .notebook-detail .breadcrumb { font: 11px/1.5 var(--font-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--text-muted); gap: 6px; }
.living-archive .notebook-detail .related-chapter { margin: 0; }
.living-archive .notebook-detail .artifact-prose p { margin: 0 0 25px; }
.living-archive .notebook-actions { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 24px; font-size: 13px; }
.living-archive .notebook-actions a { min-height: 44px; display: inline-flex; align-items: center; }
@media (max-width: 600px) {
  .living-archive .warning-actions { flex-direction: column; gap: 16px; }
  .living-archive .notebook-detail .artifact-detail-header { padding: 32px 0 24px; }
}