/* Halo writing studio: presentation only.
   Keep existing data-ww-* hooks, scrolling regions, sheet reparenting and progress
   animation. All color roles inherit the selected light/dark theme. */
html.cift-ui .app-shell.writing-shell > .main-area {
  --topbar-halo-bg: color-mix(in srgb,var(--cift-bg) 88%,transparent);
  background:
    radial-gradient(ellipse 70% 56% at 80% 0%, var(--halo-canvas-glow, color-mix(in srgb,var(--brand-blue-soft) 60%,transparent)), transparent 76%),
    var(--cift-bg) !important;
}
html.cift-ui .writing-shell .topbar {
  background: color-mix(in srgb,var(--cift-bg) 88%,transparent) !important;
  border-bottom: 1px solid color-mix(in srgb,var(--cift-line) 65%,transparent);
  box-shadow: none;
  padding-inline: 30px;
}
#writing-workbench-host .ww {
  --halo-ease: cubic-bezier(.22,1,.36,1);
  --halo-side-gap: 28px;
  padding-inline: 30px;
  background: transparent;
}
#writing-workbench-host .ww-toolbar { min-height: 84px; padding: 18px 0 20px; gap: 24px; align-items: center; }
#writing-workbench-host .ww-heading { display: flex; align-items: center; min-width: 0; }
#writing-workbench-host .ww-heading-copy { min-width: 0; }
#writing-workbench-host .ww-heading h1 { font-size: 25px; line-height: 1.4; font-weight: 500; letter-spacing: -.5px; }
#writing-workbench-host .ww-toolbar-actions { gap: 8px; }
#writing-workbench-host .ww-toolbar-actions .ww-button {
  min-height: 44px; padding: 10px 13px; gap: 7px;
  background: color-mix(in srgb,var(--cift-surface) 65%,transparent);
  border: 1px solid color-mix(in srgb,var(--cift-surface) 65%,var(--cift-line));
  color: var(--cift-muted); box-shadow: 0 3px 10px rgb(40 58 91 / .025);
}
#writing-workbench-host .ww-toolbar-actions .ww-button:hover { background: var(--cift-surface); color: var(--cift-ink); }
#writing-workbench-host .ww-toolbar-actions svg { width: 17px; height: 17px; stroke-width: 1.6; }
#writing-workbench-host .ww-save-state { font-size: 11px; margin-right: 6px; }
#writing-workbench-host .ww-layout { gap: var(--halo-side-gap); }
#writing-workbench-host .ww-library,
#writing-workbench-host .ww-materials { border: 0; background: transparent; border-radius: 0; box-shadow: none; }
#writing-workbench-host .ww-panel-heading { padding: 11px 0 17px; }
#writing-workbench-host .ww-panel-heading h2 { font: 500 16px/1.5 var(--cift-font-ui); color: var(--cift-ink); margin: 0; }
#writing-workbench-host .ww-library > .ww-segmented {
  margin: 0 0 13px; padding: 3px; border-radius: 99px;
  background: color-mix(in srgb,var(--cift-control) 65%,transparent);
}
#writing-workbench-host .ww-library > .ww-segmented button { min-height: 38px; font-size: 12px; }
#writing-workbench-host .ww-library > .ww-segmented button.is-active { color: var(--brand-blue-ink); background: var(--cift-surface); box-shadow: var(--cift-shadow-soft); }
#writing-workbench-host .ww-library > .ww-filter-row { padding: 0; gap: 10px; }
#writing-workbench-host .ww-part-filter { gap: 2px; }
#writing-workbench-host .ww-part-filter .ww-chip { min-height: 36px; padding: 5px 8px; font-size: 11px; background: transparent; color: var(--cift-muted); }
#writing-workbench-host .ww-part-filter .ww-chip.is-active { color: var(--brand-blue-ink); background: var(--brand-blue-soft); }
html.cift-ui #writing-workbench-host .ww-year-label select {
  min-height: 38px; width: 108px; padding: 7px 10px; border-radius: 99px;
  border-color: var(--cift-line); background: color-mix(in srgb,var(--cift-surface) 65%,transparent);
}
#writing-workbench-host .ww-library-caption { padding: 16px 0 10px; font-size: 10px; }
#writing-workbench-host .ww-prompt-list { padding: 3px 8px 14px 3px; scrollbar-width: thin; scroll-padding-block: 6px; }
#writing-workbench-host .ww-prompt-card {
  position: relative; min-height: 96px; padding: 14px 13px; margin-bottom: 8px; gap: 7px;
  border: 1px solid transparent; border-radius: 15px;
  background: transparent; color: var(--cift-ink); box-shadow: none; transform: none;
  transition: background-color 220ms var(--halo-ease),border-color 220ms var(--halo-ease),box-shadow 260ms var(--halo-ease);
}
#writing-workbench-host .ww-prompt-card:not(:disabled):hover {
  background: color-mix(in srgb,var(--cift-surface) 72%,var(--cift-bg));
  border-color: var(--cift-line); transform: none;
}
#writing-workbench-host .ww-prompt-card.is-active,
#writing-workbench-host .ww-prompt-card.is-active:not(:disabled):hover {
  border-color: color-mix(in srgb,var(--brand-blue-ink) 32%,var(--cift-line));
  background: var(--cift-surface);
  box-shadow: 0 3px 10px rgb(35 56 93 / .045),inset 0 0 0 1px color-mix(in srgb,var(--cift-surface) 80%,transparent);
}
#writing-workbench-host .ww-prompt-card::after {
  content: ''; position: absolute; top: 19px; right: 16px; width: 9px; height: 5px;
  border: solid var(--brand-blue-ink); border-width: 0 0 1.7px 1.7px;
  transform: rotate(-45deg); opacity: 0; pointer-events: none;
  transition: opacity 180ms ease;
}
#writing-workbench-host .ww-prompt-card.is-active::after { opacity: 1; }
#writing-workbench-host .ww-prompt-card:focus-visible {
  outline: 2px solid var(--brand-blue-ink); outline-offset: 2px;
}
#writing-workbench-host .ww-prompt-card:disabled,
#writing-workbench-host .ww-prompt-card.is-pending {
  opacity: 1; color: var(--cift-muted); cursor: not-allowed;
  border-color: color-mix(in srgb,var(--cift-line) 80%,transparent); border-style: dashed;
  background: transparent; box-shadow: none;
}
#writing-workbench-host .ww-prompt-card:disabled::after { opacity: 0; }
#writing-workbench-host .ww-prompt-card strong { font-size: 12px; font-weight: 500; line-height: 1.7; }
#writing-workbench-host .ww-prompt-card .ww-prompt-meta { padding-right: 20px; font-size: 11px; color: var(--cift-muted); }
#writing-workbench-host .ww-prompt-card.is-active .ww-prompt-meta { color: var(--brand-blue-ink); }
#writing-workbench-host .ww-prompt-card .ww-prompt-kind { background: transparent; font-size: 10px; padding: 0; }
#writing-workbench-host .ww-prompt-bottom { color: var(--cift-muted); font-size: 10px; line-height: 1.6; flex-wrap: wrap; }
#writing-workbench-host .ww-editor {
  border-radius: 25px; border: 1px solid color-mix(in srgb,var(--cift-surface) 80%,var(--cift-line));
  background: var(--cift-surface); box-shadow: 0 20px 50px rgb(45 63 99 / .075),0 2px 6px rgb(45 63 99 / .025);
}
#writing-workbench-host .ww-editor-heading { padding: 25px 29px 17px; align-items: center; gap: 15px; }
#writing-workbench-host .ww-editor-heading > div { min-width: 0; }
#writing-workbench-host .ww-editor-heading h2 { font-size: 16px; line-height: 1.6; font-weight: 500; }
#writing-workbench-host .ww-editor-heading p { font-size: 11px; margin-top: 6px; }
#writing-workbench-host .ww-progress-pill {
  width: 174px; min-width: 150px; min-height: 54px; flex-shrink: 0;
  box-shadow: 0 3px 10px rgb(50 72 115 / .04);
  border-color: color-mix(in srgb,var(--brand-blue-soft) 40%,var(--cift-line));
}
#writing-workbench-host .ww-progress-pill:hover { transform: none; box-shadow: 0 4px 18px rgb(50 72 115 / .09); }
#writing-workbench-host .ww-progress-reading strong { font-size: 19px; }
#writing-workbench-host .ww-progress-percent { font-size: 16px; }
#writing-workbench-host .ww-editor-toolbar { padding: 0 29px 0; min-height: 49px; border-bottom: 1px solid var(--cift-line); }
#writing-workbench-host .ww-editor-tabs { padding: 0; gap: 23px; border: 0; border-radius: 0; background: transparent; align-self: stretch; }
#writing-workbench-host .ww-editor-tabs button { min-height: 46px; padding: 8px 0; position: relative; border-radius: 0; background: transparent; box-shadow: none; font-size: 12px; }
#writing-workbench-host .ww-editor-tabs button.is-active { background: transparent; color: var(--brand-blue-ink); box-shadow: none; }
#writing-workbench-host .ww-editor-tabs button.is-active::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--cift-accent); border-radius: 3px; }
#writing-workbench-host .ww-editor-toolbar > .ww-button { min-height: 40px; padding: 6px 0 6px 10px; font-size: 11px; background: transparent; color: var(--cift-muted); }
#writing-workbench-host .ww-editor-toolbar > .ww-button:hover { color: var(--brand-blue-ink); }
#writing-workbench-host .ww-editor-scroll { padding: 18px 29px 30px; scrollbar-width: thin; scroll-padding-block: 18px; }
#writing-workbench-host .ww-source { margin-bottom: 22px; border: 0; border-bottom: 1px solid var(--cift-line); border-radius: 0; background: transparent; }
#writing-workbench-host .ww-source > summary { min-height: 44px; padding: 8px 0 12px; font-size: 11px; font-weight: 400; color: var(--cift-muted); }
#writing-workbench-host .ww-source-toggle { font-size: 9px; }
#writing-workbench-host .ww-source-content { border-top: 0; padding: 6px 0 20px; }
#writing-workbench-host .ww-paragraph {
  padding: 6px 0 24px; margin-bottom: 23px; border: 0; border-bottom: 1px solid var(--cift-line);
  border-radius: 0; background: transparent; box-shadow: none;
}
#writing-workbench-host .ww-paragraph.is-active,
#writing-workbench-host .ww-paragraph:focus-within { background: transparent; border-color: var(--cift-line); box-shadow: none; }
#writing-workbench-host .ww-paragraph::before {
  content: ''; position: absolute; left: -14px; top: 8px; width: 2px; height: 25px; background: var(--cift-accent);
  border-radius: 2px; opacity: 0; transition: opacity 180ms ease;
}
#writing-workbench-host .ww-paragraph.is-active::before,
#writing-workbench-host .ww-paragraph:focus-within::before { opacity: 1; }
#writing-workbench-host .ww-paragraph.is-dragover { outline: 2px dashed var(--cift-accent); outline-offset: 6px; background: var(--cift-surface-soft); }
#writing-workbench-host .ww-paragraph-top { margin-bottom: 12px; }
#writing-workbench-host .ww-paragraph-number { width: 23px; height: 23px; background: transparent; font: italic 15px Georgia,serif; color: var(--cift-muted); }
#writing-workbench-host .ww-paragraph-label { color: var(--cift-muted); font-size: 11px; font-weight: 400; }
#writing-workbench-host .ww-active-marker { font-size: 9px; padding: 2px 6px; font-weight: 400; }
html.cift-ui #writing-workbench-host input.ww-paragraph-title { padding: 5px 0; margin: 0 0 9px; font-size: 12px; border: 0; border-radius: 0; background: transparent; }
#writing-workbench-host .ww-paragraph > .ww-field-label { color: var(--cift-muted); font-size: 10px !important; }
html.cift-ui #writing-workbench-host textarea.ww-english {
  field-sizing: content; min-height: 112px; max-height: none; font: 17px/1.95 var(--cift-font-reading);
  border: 0; border-radius: 0; background: transparent; padding: 6px 0; resize: vertical;
}
#writing-workbench-host .ww-paragraph-actions { margin-top: 12px; gap: 10px; }
#writing-workbench-host .ww-paragraph-actions .ww-text-button { min-height: 36px; font-size: 10px !important; }
#writing-workbench-host .ww-note-editor { background: var(--cift-surface-soft); border: 1px solid var(--cift-line); border-radius: 14px; }
#writing-workbench-host .ww-add-paragraph { min-height: 44px; border-radius: 12px; border: 1px dashed var(--cift-line); }
#writing-workbench-host .ww-writing-hint { margin-top: 14px !important; font-size: 10px; }
#writing-workbench-host .ww-materials > .ww-segmented { margin: 0 0 14px; padding: 0; gap: 23px; background: transparent; border-bottom: 1px solid var(--cift-line); border-radius: 0; }
#writing-workbench-host .ww-materials > .ww-segmented button {
  flex: none; min-height: 44px; padding: 8px 0 10px; border-radius: 0; background: transparent; box-shadow: none;
  color: var(--cift-muted); font-size: 12px; position: relative;
}
#writing-workbench-host .ww-materials > .ww-segmented button.is-active { background: transparent; color: var(--brand-blue-ink); box-shadow: none; }
#writing-workbench-host .ww-materials > .ww-segmented button.is-active::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; border-radius: 2px; background: var(--cift-accent); }
html.cift-ui #writing-workbench-host .ww-material-content { padding: 0 7px 22px 0; scrollbar-gutter: auto; }
html.cift-ui #writing-workbench-host .ww-shelf-shell {
  --ww-shelf-size: 44px; --ww-shelf-gap: 8px;
  --ww-shelf-duration: 380ms; --ww-shelf-ease: var(--halo-ease);
  --ww-shelf-tint: color-mix(in srgb,var(--brand-blue-soft) 42%,var(--cift-surface));
  margin: 0 0 10px;
}
html.cift-ui #writing-workbench-host .ww-shelf-tool {
  color: var(--cift-muted);
  background: color-mix(in srgb,var(--cift-surface) 72%,transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--cift-surface) 65%,var(--cift-line)),0 3px 11px rgb(50 72 115 / .05);
}
html.cift-ui #writing-workbench-host .ww-shelf-add { color: var(--brand-blue-ink); background: color-mix(in srgb,var(--cift-surface) 72%,transparent); }
html.cift-ui #writing-workbench-host .ww-shelf-rail[data-compose-open="true"] .ww-shelf-add { background: var(--brand-blue-soft); }
html.cift-ui #writing-workbench-host .ww-shelf-button svg { width: 19px; height: 19px; stroke-width: 1.6; }
html.cift-ui #writing-workbench-host .ww-shelf-panel-surface { border-radius: 16px; box-shadow: var(--cift-shadow-soft); background: var(--cift-surface); }
#writing-workbench-host .ww-insert-target { background: transparent; border: 0; padding: 6px 0 10px; margin: 0 0 4px; font-size: 10px; color: var(--cift-muted); }
#writing-workbench-host .ww-insert-target strong { font-size: 10px; font-weight: 500; color: var(--brand-blue-ink); }
#writing-workbench-host .ww-sentence-card,
#writing-workbench-host .ww-template-card {
  margin-top: 11px; border: 1px solid color-mix(in srgb,var(--cift-surface) 65%,var(--cift-line));
  border-radius: 17px; padding: 17px 16px 10px;
  background: color-mix(in srgb,var(--cift-surface) 78%,transparent);
  box-shadow: 0 8px 24px rgb(45 63 99 / .025); transition: border-color 200ms,box-shadow 200ms;
}
#writing-workbench-host .ww-sentence-card:hover,
#writing-workbench-host .ww-template-card:hover { border-color: var(--brand-focus); box-shadow: 0 10px 24px rgb(45 63 99 / .06); }
#writing-workbench-host .ww-sentence-card > .ww-sentence-english { font: 15px/1.7 var(--cift-font-reading); }
#writing-workbench-host .ww-sentence-card > .ww-sentence-notes { font-size: 11px; line-height: 1.75; margin-top: 10px; }
#writing-workbench-host .ww-sentence-actions,
#writing-workbench-host .ww-template-actions { gap: 8px; flex-wrap: wrap; margin-top: 12px; }
#writing-workbench-host .ww-sentence-actions .ww-insert,
#writing-workbench-host .ww-template-actions .ww-button {
  font-size: 11px; padding: 7px 10px; min-height: 38px; color: var(--brand-blue-ink); background: var(--brand-blue-soft);
}
#writing-workbench-host .ww-sentence-actions .ww-text-button,
#writing-workbench-host .ww-template-actions .ww-text-button { min-height: 38px; padding: 4px 1px; }
#writing-workbench-host .ww-footer { padding: 12px 0 max(12px,env(safe-area-inset-bottom)); font-size: 10px; }
#writing-workbench-host .ww-sheet-dialog .ww-sheet-frame { background: var(--cift-surface-soft); border-color: var(--cift-line); }
#writing-workbench-host .ww-sheet-dialog::backdrop { background: color-mix(in srgb,var(--cift-scrim) 80%,transparent); backdrop-filter: blur(5px); }
#writing-workbench-host .ww-sheet-content > :is(.ww-library,.ww-materials) { background: transparent; }
#writing-workbench-host .ww-sheet-content :is(.ww-library,.ww-materials) > .ww-segmented { margin: 0 20px 14px; }
#writing-workbench-host .ww-sheet-content .ww-library > .ww-filter-row { padding-inline: 20px; }
#writing-workbench-host .ww-sheet-content .ww-library-caption { padding-inline: 20px; }
#writing-workbench-host .ww-sheet-content .ww-prompt-list { padding: 0 16px 20px; }
html.cift-ui #writing-workbench-host .ww-sheet-content .ww-material-content { padding: 0 20px 24px; }
#writing-workbench-host .ww-sheet-content > .ww-source { padding: 0 20px; background: var(--cift-surface-soft); }
#writing-workbench-host .ww.is-library .ww-vault { border-radius: 24px; }
#writing-workbench-host .ww.is-library .ww-toolbar { padding-bottom: 24px; }
html.cift-ui.is-dark #writing-workbench-host .ww-editor { border-color: var(--cift-line); box-shadow: 0 20px 50px rgb(0 0 0 / .14); }
html.cift-ui.is-dark #writing-workbench-host .ww-sentence-card,
html.cift-ui.is-dark #writing-workbench-host .ww-template-card { border-color: var(--cift-line); }
html.cift-ui.is-dark #writing-workbench-host .ww-prompt-card.is-active {
  background: var(--cift-surface);
  box-shadow: 0 4px 14px rgb(0 0 0 / .12),inset 0 1px 0 color-mix(in srgb,var(--cift-ink) 4%,transparent);
}
@media (min-width:1040px) {
  #writing-workbench-host .ww-layout { grid-template-columns: 188px minmax(0,1fr) 276px; }
}
@media (min-width:1440px) {
  #writing-workbench-host .ww { padding-inline: 42px; --halo-side-gap: 36px; }
  #writing-workbench-host .ww-layout { grid-template-columns: 210px minmax(0,1fr) 306px; }
  #writing-workbench-host .ww-editor-heading,
  #writing-workbench-host .ww-editor-toolbar,
  #writing-workbench-host .ww-editor-scroll { padding-inline: clamp(32px,3.5vw,64px); }
  #writing-workbench-host .ww-heading h1 { font-size: 27px; }
}
@media (min-width:1040px) and (max-width:1179px) {
  #writing-workbench-host .ww { padding-inline: 22px; --halo-side-gap: 20px; }
  #writing-workbench-host .ww-layout { grid-template-columns: 174px minmax(0,1fr) 254px; }
  #writing-workbench-host .ww-editor-heading,
  #writing-workbench-host .ww-editor-toolbar,
  #writing-workbench-host .ww-editor-scroll { padding-inline: 22px; }
  #writing-workbench-host .ww-editor-heading { flex-wrap: wrap; }
}
@media (max-width:1039px) {
  #writing-workbench-host .ww { padding-inline: 22px; }
  #writing-workbench-host .ww-toolbar-actions .ww-button { width: 44px; padding: 10px; }
  #writing-workbench-host .ww-toolbar-actions .ww-button > span { display: none; }
  #writing-workbench-host .ww-layout { grid-template-columns: minmax(0,1fr); }
  #writing-workbench-host .ww-mobile-tabs { background: color-mix(in srgb,var(--cift-control) 75%,transparent); }
  #writing-workbench-host .ww-prompt-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:767px), (max-width:1039px) and (max-height:500px) {
  html.cift-ui .writing-shell .topbar { padding-inline: 15px; }
  #writing-workbench-host .ww.is-phone { padding-inline: 13px; }
  #writing-workbench-host .ww.is-phone .ww-toolbar { min-height: 67px; padding: 12px 2px 14px; gap: 10px; }
  #writing-workbench-host .ww.is-phone .ww-heading h1 { font-size: 20px; letter-spacing: -.5px; }
  #writing-workbench-host .ww.is-phone .ww-save-state { display: none; }
  #writing-workbench-host .ww.is-phone .ww-toolbar-actions { gap: 7px; }
  #writing-workbench-host .ww.is-phone .ww-toolbar-actions .ww-button { width: 42px; padding: 8px; }
  #writing-workbench-host .ww.is-phone .ww-layout { padding: 0; }
  #writing-workbench-host .ww.is-phone .ww-editor { border-radius: 23px; }
  #writing-workbench-host .ww.is-phone .ww-mobile-prompt { padding: 16px 17px 13px; background: transparent; gap: 9px; }
  #writing-workbench-host .ww.is-phone .ww-mobile-prompt-label { font-size: 8px; letter-spacing: .14em; }
  #writing-workbench-host .ww.is-phone .ww-mobile-prompt-main > strong { font-size: 14px; font-weight: 500; }
  #writing-workbench-host .ww.is-phone .ww-progress-pill { width: 148px; min-width: 130px; min-height: 54px; }
  #writing-workbench-host .ww.is-phone .ww-progress-reading strong { font-size: 18px; }
  #writing-workbench-host .ww.is-phone .ww-progress-reading small { max-width: 58px; }
  #writing-workbench-host .ww.is-phone .ww-progress-percent { font-size: 15px; }
  #writing-workbench-host .ww.is-phone .ww-editor-toolbar { padding: 0 17px; min-height: 47px; }
  #writing-workbench-host .ww.is-phone .ww-editor-tabs { padding: 0; gap: 18px; }
  #writing-workbench-host .ww.is-phone .ww-editor-tabs button { font-size: 11px; padding: 8px 0; }
  #writing-workbench-host .ww.is-phone .ww-editor-scroll { padding: 20px 20px 24px; }
  #writing-workbench-host .ww.is-phone .ww-paragraph { padding: 5px 0 22px; border-radius: 0; margin-bottom: 22px; }
  #writing-workbench-host .ww.is-phone .ww-paragraph-number { background: transparent; }
  #writing-workbench-host .ww.is-phone .ww-paragraph-actions .ww-text-button { min-height: 44px; font-size: 11px !important; padding-inline: 0; }
  html.cift-ui #writing-workbench-host .ww.is-phone input.ww-paragraph-title { font-size: 16px; }
  html.cift-ui #writing-workbench-host .ww.is-phone textarea.ww-english { min-height: 125px; font-size: 17px; line-height: 1.9; }
  #writing-workbench-host .ww.is-phone .ww-mobile-tools { gap: 8px; padding-top: 12px; }
  #writing-workbench-host .ww.is-phone .ww-mobile-tools button { border-color: color-mix(in srgb,var(--cift-surface) 55%,var(--cift-line)); background: var(--cift-surface); box-shadow: var(--cift-shadow-soft); font-size: 11px; }
  #writing-workbench-host .ww.is-phone .ww-mobile-tools button:nth-child(2) { background: var(--brand-blue-soft); color: var(--brand-blue-ink); }
  #writing-workbench-host .ww.is-phone .ww-footer { padding-top: 4px; padding-bottom: max(8px,env(safe-area-inset-bottom)); font-size: 9px; }
  #writing-workbench-host .ww.is-phone .ww-prompt-list { grid-template-columns: 1fr; }
  #writing-workbench-host .ww.is-phone.is-keyboard .ww-toolbar,
  #writing-workbench-host .ww.is-phone.is-keyboard .ww-footer { display: none; }
}
@media (max-width:374px) {
  #writing-workbench-host .ww.is-phone { padding-inline: 9px; }
  #writing-workbench-host .ww.is-phone .ww-heading h1 { font-size: 18px; }
  #writing-workbench-host .ww.is-phone .ww-mobile-prompt { padding-inline: 12px; gap: 8px; }
  #writing-workbench-host .ww.is-phone .ww-progress-pill { width: 132px; min-width: 122px; }
}
@media (max-height:730px) and (min-width:1040px) {
  #writing-workbench-host .ww-toolbar { padding-block: 16px; }
  #writing-workbench-host .ww-heading h1 { font-size: 24px; }
  #writing-workbench-host .ww-panel-heading { padding-top: 6px; padding-bottom: 14px; }
}

/* Brand hierarchy: titles carry the weight, supporting controls stay quiet. */
#writing-workbench-host .ww-heading h1 {
  font-weight: 700;
  letter-spacing: -.8px;
  color: var(--cift-ink);
}
#writing-workbench-host .ww-panel-heading h2 {
  font-weight: 650;
  letter-spacing: -.35px;
  color: var(--cift-ink);
}
@media (max-width: 1039px) {
  #writing-workbench-host .ww-heading h1 { font-weight: 700; }
  #writing-workbench-host .ww-panel-heading h2 { font-weight: 650; }
}
@media (prefers-reduced-motion:reduce) {
  #writing-workbench-host *, #writing-workbench-host *::before, #writing-workbench-host *::after { animation: none !important; transition: none !important; }
}