/* Fonte visual: design-system-apps, commit 83893fd. */
:root {
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:18px; --r-full:10px;
  --shell:776px; --blur:24px; --danger:#ff0000; --danger-soft:rgb(255 0 0 / 10%);
  --header-ink:rgb(255 255 255 / 38%);
  --card-ink:rgb(255 255 255 / 75%);
  --icon-control-size:32px; --icon-size:22px; --icon-control-gap:0px;
  --chrome-icon-color:var(--header-ink);
  --card:var(--color-surface); --glass:var(--color-surface-main); --card-strong:rgb(15 15 25 / 68%);
  --header-glass:var(--glass-header);
  --dropdown-ink:var(--accent); --dropdown-background:var(--input); --dropdown-radius:var(--r-md);
    --dropdown-padding-inline:12px;
}
*,*::before,*::after { scrollbar-width:none; }
/* Suprime o indicador nativo sem seletores de pseudoestado de foco. */
*,*::before,*::after { outline:none!important; }
input,textarea,[contenteditable="true"] { caret-color:currentColor; }
textarea { min-height:44px; resize:none; overflow-y:hidden; line-height:var(--app-leading-150); }
/* O navegador não deve acrescentar um segundo botão de limpeza ao campo. */
input[type="search"]::-webkit-search-cancel-button { -webkit-appearance:none; appearance:none; display:none; }
::-webkit-scrollbar { display:none; width:0; height:0; }
html,body { height:100%; overflow:hidden; }
body { font-size:var(--app-text-0860); }
.app { min-height:0; height:100dvh; isolation:isolate; }
/* Keep the shared gradient source stable when glass/backdrop layers repaint. */
.bg-mesh { transform:translateZ(0); }
.bg-noise { display:none; }
.ds-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.app-header {
  position:fixed; z-index:120; top:var(--header-top); left:50%; transform:translateX(-50%);
  width:min(100%,var(--chrome-width)); height:var(--header-height); padding:12px 14px;
  display:grid; grid-template-columns:calc(2 * var(--icon-control-size)) minmax(0,1fr) calc(2 * var(--icon-control-size)); align-items:center; gap:12px;
  border:0; border-radius:var(--r-xl); background:transparent; box-shadow:var(--shadow);
  backdrop-filter:var(--glass-backdrop); -webkit-backdrop-filter:var(--glass-backdrop);
}
.app-header::before {
  /* Paint the glass independently of changes to the header controls. */
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  border-radius:inherit; background:var(--header-glass); transform:translateZ(0);
}
.brand-title { display:block; width:100%; min-height:0; max-height:44px; overflow:hidden; text-align:center; white-space:normal; overflow-wrap:anywhere; color:var(--header-ink); font-size:var(--app-text-1500); font-weight:var(--app-weight-800); line-height:var(--app-leading-115); }
.brand-center { display:grid; height:44px; align-items:center; justify-items:center; min-width:0; user-select:none; -webkit-user-select:none; }
.brand-title,.brand-wordmark { grid-area:1 / 1; max-width:100%; }
.brand-title { text-transform:uppercase; }
.brand-wordmark { display:flex; align-items:center; visibility:hidden; white-space:pre; padding:0; border:0; background:transparent; cursor:pointer; color:var(--header-ink); font-size:var(--app-text-1500); font-weight:var(--app-weight-800); line-height:var(--app-leading-130); }
.brand-ball { --brand-ball-size:1.23cap; display:grid; place-items:center; width:44px; height:44px; margin-inline:calc(var(--brand-ball-size) / 2 - 24px) calc(var(--brand-ball-size) / 2 - 23px); flex-shrink:0; }
.brand-fans { margin-inline-start:.45em; }
.brand-title[data-notification-state="idle"] { visibility:hidden; }
.brand-title[data-notification-state="idle"] ~ .brand-wordmark { visibility:visible; }
.app-header .icon-btn { color:var(--chrome-icon-color); }
#adminDataTab[aria-pressed="true"] { color:var(--accent-light); }
.header-actions { display:flex; justify-content:flex-end; }
.header-tools { display:flex; align-items:center; }
.admin-posts-header .app-header { grid-template-columns:calc(3 * var(--icon-control-size)) minmax(0,1fr) calc(3 * var(--icon-control-size)); }
.header-status { position:relative; display:grid; place-items:center; flex:none; width:var(--icon-control-size); height:44px; color:var(--chrome-icon-color); }
.header-status svg { width:var(--icon-size); height:var(--icon-size); }
.header-status select { position:absolute; inset:0; width:100%; height:44px; min-height:44px; opacity:0; cursor:pointer; }
.app-header .brand-ball svg { width:var(--brand-ball-size); height:var(--brand-ball-size); }
.scroll-clip { position:fixed; inset:var(--header-top) 0 0; overflow:hidden; contain:paint; background:transparent; }
.scroll-area { height:100%; overflow:auto; overscroll-behavior-y:contain; scroll-padding-top:calc(var(--header-height) + 10px); scroll-padding-bottom:calc(10px + var(--keyboard-gap,0px)); }
.main { width:97%; max-width:var(--shell); min-width:0; margin:0 auto; padding-top:calc(var(--header-height) + 10px); padding-bottom:calc(10px + var(--keyboard-gap,0px)); }
body.dialog-open .scroll-area { overflow:hidden; }
.glass,.empty-state,.data-card { border:0; border-radius:var(--r-lg); background:var(--card); backdrop-filter:var(--glass-backdrop); -webkit-backdrop-filter:var(--glass-backdrop); }
.post-card,.article-body,.article-body.has-layout,.stat-card,.admin-post-row,.category-row,.composer-stage-viewport { border:0; border-radius:var(--r-md); background:var(--color-surface-card); box-shadow:none; backdrop-filter:var(--glass-backdrop); -webkit-backdrop-filter:var(--glass-backdrop); }
.article-read-card { position:relative; overflow:hidden; border-radius:var(--r-md); }
.article-read-card > .article-body { border-radius:0; box-shadow:none; }
.article-read-card > .article-body { margin-top:0; }
body.print-mode .article-read-card { background:transparent; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
@media print { .article-read-card { background:transparent; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; } }
.hero { min-height:0; padding:12px; background:var(--color-surface-main); }
#homeSearchLayer { position:fixed; z-index:119; top:calc(var(--header-top) + var(--header-height)); left:0; right:0; width:min(97%,var(--shell)); margin-inline:auto; padding-top:10px; overflow:hidden; pointer-events:none; }
#homeSearchPanel { pointer-events:auto; box-shadow:none; }
#homeSearchPanel[inert] { pointer-events:none; }
.hero::after { display:none; }
.hero-search { margin-top:0; max-width:none; grid-template-columns:minmax(0,1fr); }
.hero-search .field { height:44px; }
.hero-search .search-clear { top:0; }
.content-layout { margin-top:0; gap:18px; }
.feed-pagination { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:6px; margin-top:16px; }
.page-button { min-width:44px; min-height:44px; padding:8px; border:0; border-radius:10px; background:transparent; color:var(--text-3); font-family:var(--app-font);font-size:var(--app-text-0800);font-weight:var(--app-weight-700); cursor:pointer; }
.page-button[aria-current="page"] { color:var(--accent-light); background:var(--accent-glow); }
.page-button:disabled { cursor:default; }
.page-gap { padding:8px 2px; color:var(--text-3); }
.data-card h2 { color:var(--accent-light); font-size:var(--app-text-1100); font-weight:var(--app-weight-800); }
.field,.btn,.chip,.tag,.tab-btn,.filter-option,.choice-chip,.status-pill,.composer-tool,.composer-zoom,.composer-formatbar button,.composer-formatbar select { border:0; border-radius:var(--r-md); }
.field { min-height:44px; background:var(--input); }
.field::placeholder { color:rgb(255 255 255 / 30%); }
.btn { font-size:var(--app-text-0860); font-weight:var(--app-weight-750); line-height:var(--app-leading-130); white-space:normal; }
.btn-secondary { background:rgb(255 255 255 / 8%); color:var(--text-2); }
.btn-ghost { color:var(--accent-light); box-shadow:none; }
.chip,.tag { background:rgb(255 255 255 / 6%); color:var(--text-2); box-shadow:none; font-weight:var(--app-weight-800); border-radius:10px; }
.chip.active { background:var(--accent-glow); color:var(--accent-light); box-shadow:none; }
.icon-btn { border:0; background:transparent; border-radius:0; box-shadow:none; color:var(--text-2); }
.icon-btn.danger,.ghost-icon.danger,.btn-danger,.ds-icon-button--danger,#conflictCancel,#cancelImageMeta { color:#ff0000; box-shadow:none; }
.btn-danger,#conflictCancel,#cancelImageMeta { background:var(--danger-soft); border:0; border-radius:10px; font-weight:var(--app-weight-800); }
.post-card { display:flex; flex-direction:column; justify-content:flex-end; min-height:320px; isolation:isolate; }
.post-card-main { position:static; z-index:1; width:100%; align-items:center; text-align:center; padding:72px 20px 20px; background:linear-gradient(180deg,transparent 0%,rgb(0 0 0 / 68%) 32%,rgb(0 0 0 / 92%) 100%); }
.post-card .post-cover { position:absolute; inset:0; min-height:0; aspect-ratio:auto; pointer-events:none; }
.post-card .post-cover img { display:block; width:100%; height:100%; }
.post-card .post-cover::after { content:none; }
.post-card .post-presentation-title { margin-top:0; color:var(--card-ink); }
.post-card p { color:rgb(255 255 255 / 65%); }
.post-card .post-meta { margin-top:14px; justify-content:center; color:rgb(255 255 255 / 55%); }
.post-card.no-cover { min-height:160px; }
.post-card.no-cover .post-card-main { padding:20px; background:none; }
@media(max-width:767px) {
  .post-card:not(.no-cover) { min-height:clamp(320px,94vw,400px); }
}
.post-title,.post-title a { color:var(--accent-light); }
.admin-tabs { gap:6px; flex-wrap:wrap; }
.composer-stage .moveable-line.moveable-guideline { background:#c8b8e8!important; pointer-events:none; }
.composer-stage .moveable-guideline.moveable-dashed { border-color:#c8b8e8!important; }
.admin-panel { padding:18px; }
.admin-workspace { padding:18px; }
.admin-stats-container { padding:18px; }
.admin-stats-container .stats-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(4px,1.5vw,12px); }
.admin-stats-container .stat { position:relative; min-width:0; padding-inline:clamp(2px,1vw,18px); overflow:hidden; box-shadow:none; }
.admin-stats-container .stat span { font-size:var(--app-text-0400); letter-spacing:.04em; }
.admin-stats-container .stat::after {
  content:""; position:absolute; inset:auto 0 0; height:4px; pointer-events:none;
  background:linear-gradient(90deg,rgb(165 155 184 / 8%),rgb(165 155 184 / 22%) 25%,rgb(210 199 231 / 65%) 50%,rgb(165 155 184 / 22%) 75%,rgb(165 155 184 / 8%));
}
.admin-workspace .admin-panel { padding:0; }
.admin-workspace .admin-tabs { margin-bottom:18px; }
.admin-post-row { padding:8px 10px; gap:8px; }
.admin-post-main { display:flex; align-items:center; gap:8px; }
.admin-post-main .status-pill { flex:none; white-space:nowrap; }
.admin-post-main strong { min-width:0; }
.category-row { padding:8px 10px; gap:8px; }
.category-main { display:flex; align-items:center; gap:8px; min-width:0; }
.category-main .status-pill { flex:none; white-space:nowrap; }
.category-main strong { min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.category-admin-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
.category-form { grid-template-columns:minmax(0,1fr); margin:0 0 18px; padding-top:0; }
.category-form > .field-group { grid-area:1 / 1; }
.category-form .field { padding-inline-end:calc(var(--icon-control-size) + 24px); }
.category-form > button { grid-area:1 / 1; justify-self:end; align-self:center; margin-inline-end:8px; z-index:1; }
.admin-bulk-actions { display:contents; }
.admin-bulk-actions > [role="status"] { grid-area:1 / 2; text-align:center; white-space:nowrap; color:var(--header-ink); font-size:var(--app-text-0938); font-weight:var(--app-weight-750); }
.admin-selection-actions { grid-area:1 / 1; display:flex; align-items:center; }
.admin-selection-header .header-tools,.admin-selection-header .brand-center { display:none; }
.admin-selection-header .header-actions { grid-area:1 / 3; }
.admin-selection-header .header-actions > :not(#adminSelectButton):not(#adminSelectVisible) { display:none!important; }
.admin-post-row.is-selected .icon-btn { color:var(--accent-light); }
.admin-post-row.is-selected { background:var(--accent-glow); }
.admin-post-row.is-selectable { cursor:pointer; }
.admin-bulk-actions .icon-btn:disabled,#adminSelectVisible:disabled { opacity:.35; cursor:default; }
.article-head h1 { font-size:var(--app-text-1600); color:var(--accent-light); }
.app-icon { width:18px; height:18px; flex:none; vertical-align:middle; }
.ghost-icon { display:inline-flex; flex:0 0 var(--icon-control-size); align-items:center; justify-content:center; width:var(--icon-control-size)!important; min-width:var(--icon-control-size)!important; height:44px; min-height:44px!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; }
.ghost-icon::before,.ghost-icon::after { content:none!important; border:0!important; background:transparent!important; box-shadow:none!important; }
.ghost-icon > span:not(.sr-only):not(.ds-sr-only) { display:none; }
.ghost-icon > svg { flex:none; width:var(--icon-size)!important; height:var(--icon-size)!important; }
/* Adjacent icon actions share the same spacing, including dynamically inserted controls. */
#app :has(> .ghost-icon + .ghost-icon) { column-gap:var(--icon-control-gap)!important; }
.composer-command-grid { grid-template-columns:repeat(4,var(--icon-control-size)); column-gap:var(--icon-control-gap); }
.storage-warning,[data-critical="true"] { color:#FF0000; }
.storage-warning { background:rgb(255 0 0 / 10%); }
.dialog,.sheet { border:0; border-radius:var(--r-xl); background:var(--card-strong); backdrop-filter:var(--glass-backdrop); -webkit-backdrop-filter:var(--glass-backdrop); }
#filterSheetBackdrop {
  top:calc(var(--header-top) + var(--header-height)); align-items:flex-start; padding:10px 0 0; overflow:hidden;
  background:transparent; backdrop-filter:none; -webkit-backdrop-filter:none;
}
#filterSheetBackdrop .sheet {
  display:flex; flex-direction:column; gap:12px; width:min(97%,var(--shell)); max-height:100%; min-height:0;
  padding:12px 12px 0; border-radius:var(--r-lg); background:var(--color-surface-main); box-shadow:none;
}
.filter-sheet-body { flex:1 1 auto; min-height:0; overflow:auto; border-radius:var(--r-md); overscroll-behavior:contain; display:grid; gap:12px; }
.filter-section { padding:12px; border-radius:var(--r-md); background:var(--input); }
#activeFiltersSection { flex:none; max-height:40dvh; overflow:auto; }
.filter-section .active-filter-bar { margin:0; }
#filterSheetBackdrop .field-label { color:var(--text-3); font-size:var(--app-text-0700); font-weight:var(--app-weight-750); }
#filterSheetBackdrop .filter-stack { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
#filterSheetBackdrop .filter-option { min-width:0; gap:8px; padding:10px; background:rgb(255 255 255 / 6%); color:var(--text-2); }
#filterSheetBackdrop .filter-option.active { background:var(--accent-glow); color:var(--accent-light); }
#filterSheetBackdrop .filter-option > span:nth-child(2) { min-width:0; overflow-wrap:anywhere; }
#filterSheetBackdrop .filter-check { flex:none; width:14px; height:14px; background:transparent; }
#filterSheetBackdrop .tag-cloud { gap:8px; }
.filter-tag-groups { display:grid; gap:16px; }
.filter-tag-heading { margin:0 0 8px; color:var(--accent-light); font-size:var(--app-text-0720); font-weight:var(--app-weight-750); }
@media(max-width:639px) { #filterSheetBackdrop .filter-stack { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:359px) { #filterSheetBackdrop .filter-stack { grid-template-columns:minmax(0,1fr); } }
.toast { display:none!important; }
.ds-info-bubble { position:fixed; z-index:1000; width:max-content; padding:22px 14px 14px; border:0; border-radius:0; background-color:var(--color-info-surface); background-repeat:no-repeat; background-size:100% 100%; box-shadow:var(--shadow); backdrop-filter:var(--info-backdrop); -webkit-backdrop-filter:var(--info-backdrop); color:var(--text); font-size:var(--app-text-0750); line-height:var(--app-leading-150); overflow-wrap:anywhere; }
.ds-info-bubble p { margin:0; }
.ds-info-bubble p + p { margin-top:4px; }
.admin-access-title { color:rgb(255 255 255 / 75%); font-size:var(--app-text-0875); font-weight:var(--app-weight-800); text-align:center; }
.admin-access-form { display:grid; gap:8px; margin-top:10px; }
.admin-access-field { position:relative; }
.admin-access-field .field { width:100%; min-width:0; padding-inline:calc(var(--icon-control-size) + 12px); text-align:center; }
.admin-access-field .ghost-icon { position:absolute; inset-block:0; right:6px; margin-block:auto; }
.admin-access-field .field.is-invalid::placeholder { color:#ff0000; font-weight:var(--app-weight-800); opacity:1; }
#adminLockButton { margin-top:14px; }
/* All single-choice dropdowns share these closed-field tokens, including dynamic selects. */
select:not([multiple]) { appearance:none; -webkit-appearance:none; background-color:var(--dropdown-background); background-image:none; border:0; border-radius:var(--dropdown-radius); min-height:44px; padding-inline:var(--dropdown-padding-inline); color:var(--dropdown-ink); font-family:var(--app-font); font-size:var(--dropdown-font-size); font-weight:var(--dropdown-font-weight); text-align:center; text-align-last:center; cursor:pointer; }
.ds-select-option { display:flex; align-items:center; min-height:44px; padding:8px 10px; border-radius:8px; color:var(--text-2); cursor:pointer; overflow-wrap:anywhere; }
.ds-select-option[aria-selected="true"],.ds-select-option[data-active="true"] { color:var(--accent-light); background:var(--accent-glow); }
.ds-select-option[aria-selected="true"] { font-weight:var(--app-weight-750); }
.ds-select-menu,.article-settings-menu.ds-info-bubble { z-index:100200; }
.composer-clipboard-anchor { position:fixed; width:1px; height:1px; pointer-events:none; }
.composer-clipboard-menu.ds-info-bubble { z-index:100200; }
.composer-clipboard-item { display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; min-height:44px; padding:8px 0; border:0; background:none; box-shadow:none; color:var(--text); font:inherit; cursor:pointer; }
.composer-clipboard-item span { color:var(--text-3); }
.composer-clipboard-item:disabled { opacity:.4; cursor:default; }
.ds-scroll-clip > .ds-info-bubble { position:absolute; }
body.composer-active .app-header,body.inline-editor-host .app-header { display:none; }
body.composer-active .scroll-area { scroll-padding-top:80px; scroll-padding-bottom:calc(20px + var(--keyboard-gap,0px)); }
body.composer-active .main,body.inline-editor-host .main { padding-bottom:calc(10px + var(--keyboard-gap,0px)); }
.composer-toolbar,.composer-formatbar { background:var(--header-glass); backdrop-filter:var(--glass-backdrop); -webkit-backdrop-filter:var(--glass-backdrop); }
.composer-toolbar .app-icon { display:block; flex:none; width:var(--icon-size)!important; height:var(--icon-size)!important; }
.composer-toolbar .composer-title-glyph,.composer-layer-row .composer-title-glyph { display:inline-flex; flex:none; align-items:center; justify-content:center; width:var(--icon-size); height:var(--icon-size); font-size:var(--app-text-1128); line-height:var(--app-leading-100); font-weight:var(--app-weight-400); }
.composer-toolbar .ghost-icon > span.composer-title-glyph { display:inline-flex; }
.composer-format-letters { display:inline-flex; align-items:baseline; gap:1px; }
.composer-format-letters small { font-size:var(--app-text-0750); font-weight:inherit; line-height:inherit; }
.composer-toolbar .composer-tool,.composer-toolbar .composer-zoom-label { height:44px; align-self:center; }
.composer-inspector { background:var(--card); border:0; border-radius:var(--r-lg); box-shadow:var(--shadow); backdrop-filter:var(--glass-backdrop); -webkit-backdrop-filter:var(--glass-backdrop); }
.data-card,.filter-option,.article-settings-menu,.composer-stage-viewport,.composer-inspector-head,.composer-control-grid input,.composer-control-grid select,.composer-wide-label input,.composer-wide-label select,.composer-wide-label textarea,.composer-color-swatch,.composer-hex,.composer-command-grid button,.composer-panel-tabs button { border:0; }
.preview-banner,.filter-check,.skeleton-card,.article-settings-menu::before,.article-menu-item.admin-action,.admin-tabs,.category-row,.category-form,.storage-warning,.choice-chip span,.cover-uploader,.rich-editor-wrap,.readonly-banner,.preview-label,.composer-toolbar-group,.composer-dependency,.composer-panel-tabs,.composer-layer-row,.composer-settings-note,.dialog-icon { border:0; }
.composer-tool.is-icon,.composer-command-grid button { background:transparent; box-shadow:none; border-radius:0; }
.composer-tool.is-icon.active,.composer-tool.is-icon[aria-pressed="true"],.composer-command-grid button[aria-pressed="true"],.composer-layer-row button[aria-pressed="true"] { color:var(--accent-light); background:transparent; }
/* Requested boxes are a local exception to ghost styling for these commands. */
#app #composerPropertiesPanel .composer-command-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; column-gap:6px!important; }
#composerPropertiesPanel .composer-command-grid button.ghost-icon { width:100%!important; min-width:0!important; border-radius:var(--r-md)!important; background:var(--input)!important; }
#composerPropertiesPanel .composer-command-grid button.ghost-icon[aria-pressed="true"] { background:var(--accent-glow)!important; }
.composer-stage { border:0; border-radius:var(--r-md); background-color:transparent; box-shadow:none; }
.composer-stage .composer-block:not(.is-locked):not(:has(.ql-editor)) { touch-action:none; user-select:none; -webkit-user-select:none; }
.composer-stage .composer-block:not(:has(.ql-editor)) .composer-text-render { user-select:none; -webkit-user-select:none; }
.composer-stage-viewport {
  --composer-stage-padding:22px;
  width:100%; max-width:calc(var(--composer-page-width,1200px) + 2 * var(--composer-stage-padding));
  min-height:0; justify-self:start; padding:var(--composer-stage-padding);
}
.composer-stage-shell { min-width:0; margin-inline:0; }
@media(min-width:1024px) {
  .composer-workspace { grid-template-columns:minmax(0,min(calc(var(--composer-page-width,1200px) + 44px),calc(100% - 340px))) 330px; justify-content:start; }
}
.composer-panel-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
.composer-settings-title { text-align:center; }
.composer-cover-editor { display:grid; gap:8px; margin:12px 0; color:var(--text-4); font-size:var(--app-text-0650); font-weight:var(--app-weight-750); }
.composer-cover-media { position:relative; }
.composer-cover-preview { position:relative; display:grid; place-items:center; aspect-ratio:1.85; overflow:hidden; border-radius:var(--r-md); background:var(--input); text-align:center; touch-action:none; }
.composer-cover-preview.has-cover { cursor:grab; }
.composer-cover-preview img { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; user-select:none; }
.composer-cover-editor [data-cover="choose"] { width:100%; min-height:44px; }
.composer-cover-media [data-cover="remove"] { position:absolute; top:0; right:0; width:44px!important; min-width:44px!important; height:44px; }
.composer-cover-media [data-cover="remove"] > svg { width:18px!important; height:18px!important; opacity:.65; }
#composerSlug { text-align:center; }
#composerCardTitle,#composerCardSummary { text-align:center; }
#composerCardSummary { padding:calc((44px - 1lh) / 2) 9px; }
.tag-select-field { width:100%; min-height:44px; padding:10px var(--dropdown-padding-inline); border:0; border-radius:var(--dropdown-radius); background:var(--dropdown-background); color:var(--dropdown-ink); font-size:var(--app-text-0780); text-align:center; overflow-wrap:anywhere; cursor:pointer; }
.tag-select-menu .ds-select-option { width:100%; border:0; background:transparent; gap:12px; text-align:left; }
.tag-select-menu .ds-select-option[aria-selected="true"] { background:var(--accent-glow); }
.tag-select-menu .ds-select-option span { flex:1; }
.tag-select-menu .ds-select-option svg { width:18px; height:18px; visibility:hidden; }
.tag-select-menu .ds-select-option[aria-selected="true"] svg { visibility:visible; }
.tag-catalog-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.composer-layer-row { position:relative; grid-template-columns:44px 20px minmax(0,1fr) 44px; gap:6px; }
#app .composer-layer-row .composer-layer-handle { width:44px!important; min-width:44px!important; height:44px; padding:0; background:transparent; border:0; box-shadow:none; color:var(--text-3); font:inherit; font-variant-numeric:tabular-nums; cursor:grab; touch-action:none; user-select:none; }
#app .composer-layer-row .composer-layer-handle:disabled { cursor:default; touch-action:pan-y; }
.composer-layer-row.layer-dragging { opacity:.45; }
.composer-layer-row.layer-drop-before::before,.composer-layer-row.layer-drop-after::after { content:''; position:absolute; left:8px; right:8px; height:3px; background:var(--accent); border-radius:2px; pointer-events:none; }
.composer-layer-row.layer-drop-before::before { top:-4px; }
.composer-layer-row.layer-drop-after::after { bottom:-4px; }
.composer-format-content { display:block; position:static; width:100%; max-width:none; margin:0; padding:0; overflow:visible; background:transparent; border-radius:0; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
.composer-format-fields { display:grid; gap:14px; padding:0; }
.composer-format-opacity { text-align:center; }
.composer-format-control-groups { display:grid; gap:6px; }
.composer-link-panel { display:grid; gap:8px; min-width:0; }
.composer-link-panel input { width:100%; min-width:0; height:44px; padding:10px 12px; border:0; outline:0; box-shadow:none; color:var(--text); background:var(--input); border-radius:12px; }
.composer-link-actions { display:flex; flex-wrap:wrap; gap:6px; }
.composer-link-actions button { min-height:44px; padding:6px 10px; border:0; border-radius:var(--r-md); background:var(--input); color:var(--text); }
.composer-format-actions button[aria-pressed="true"],.composer-format-settings button[aria-pressed="true"] { color:var(--text); font-weight:var(--app-weight-800); }
@media(max-width:1023px) { #topCreate { display:none!important; } }
.composer-format-fields label:not(.composer-color-swatch) { display:grid; gap:7px; min-width:0; color:var(--text-4); font-size:var(--app-text-0650); font-weight:var(--app-weight-750); }
.composer-format-fields select { width:100%; min-width:0; height:44px; background:var(--input); font-size:var(--app-text-0780); }
.composer-format-settings { display:grid; grid-template-columns:minmax(0,1fr); align-items:center; justify-content:start; gap:6px; }
.composer-format-settings button,.composer-format-actions button { width:100%; min-width:0; height:44px; padding:0; border:0; border-radius:var(--dropdown-radius); background:var(--dropdown-background); box-shadow:none; font-size:var(--app-text-0780); }
.composer-format-actions { display:grid; grid-template-columns:minmax(0,1fr); justify-content:start; gap:6px; }
/* Requested boxed formatting controls are the local exception to ghost icons. */
.composer-format-actions button.ghost-icon { width:100%!important; min-width:0!important; border-radius:var(--dropdown-radius)!important; background:var(--dropdown-background)!important; }
#app #composerFormatbar .composer-format-actions { column-gap:6px!important; }
.composer-format-divider { width:100%; height:1px; margin-block:16px; background:var(--border-strong); }
.composer-format-color { display:grid; grid-template-columns:40px minmax(0,1fr) auto; align-items:center; gap:6px; }
.composer-format-color .composer-hex { width:100%; min-width:0; height:44px; text-align:center; font-size:var(--app-text-1000); }
.composer-format-color .composer-color-swatch { display:block; }
.composer-format-color #composerColorPreview { display:block; }
.composer-format-color button { min-width:0; padding-inline:7px; }
.composer-format-fields .composer-recent-colors { flex-wrap:wrap; }
.composer-format-fields .composer-recent-color { position:relative; background:transparent; }
.composer-format-fields .composer-recent-color::before { content:""; position:absolute; left:0; top:50%; width:100%; aspect-ratio:1; transform:translateY(-50%); border-radius:inherit; background:var(--swatch,#fff); pointer-events:none; }
.composer-format-fields .composer-recent-colors:empty { display:none; }
.composer-format-fields .composer-contrast { white-space:normal; padding:0; }
.composer-inspector .composer-control-grid label,.composer-inspector .composer-wide-label {
  gap:7px; font-family:var(--app-font); font-size:var(--app-text-0650); font-weight:var(--app-weight-750); line-height:normal; letter-spacing:normal; text-transform:none;
}
.composer-inspector .composer-control-grid input,.composer-inspector .composer-wide-label input,.composer-inspector .composer-wide-label textarea {
  min-height:44px; border-radius:var(--r-md); background:var(--input); font-size:var(--app-text-0780);
}
.composer-inspector .composer-control-grid select,.composer-inspector .composer-wide-label select { min-height:44px; border-radius:var(--r-md); background:var(--input); font-size:var(--app-text-0780); }
.composer-inspector .composer-control-grid label { text-align:center; }
.composer-control-grid .composer-control-new-row { grid-column:1; }
.composer-control-grid .composer-control-full-row { grid-column:1 / -1; }
.composer-inspector input[type="range"] { appearance:none; -webkit-appearance:none; height:44px; margin:0; padding:0; border:0; background:transparent; accent-color:var(--accent-light); cursor:pointer; }
.composer-inspector input[type="range"]::-webkit-slider-runnable-track { height:3px; border-radius:3px; background:var(--accent-glow); }
.composer-inspector input[type="range"]::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:12px; height:12px; margin-top:-4.5px; border:0; border-radius:50%; background:var(--accent-light); }
.composer-inspector input[type="range"]::-moz-range-track { height:3px; border-radius:3px; background:var(--accent-glow); }
.composer-inspector input[type="range"]::-moz-range-thumb { width:12px; height:12px; border:0; border-radius:50%; background:var(--accent-light); }
.composer.is-previewing .composer-stage-viewport { min-height:0; padding-inline:var(--composer-stage-padding); }
@media(max-width:1023px) { .composer-stage-viewport { --composer-stage-padding:14px; } }
@media(max-width:767px) { .composer-stage-viewport { --composer-stage-padding:16px; } }
.composer-tool,.composer-command-grid button,.composer-formatbar button { min-height:44px; }
.composer-command-grid button,.composer-tool.is-icon { min-width:44px; }
body.composer-active .main { padding-top:10px; }
/* Dedicated activity header; tools stay beside the canvas, in document order. */
.composer-activity-header { position:sticky; top:10px; z-index:200; height:68px; padding:12px 14px; display:flex; justify-content:center; align-items:center; border-radius:var(--r-xl); background:var(--header-glass); backdrop-filter:var(--glass-backdrop); -webkit-backdrop-filter:var(--glass-backdrop); box-shadow:var(--shadow); }
.composer-activity-message { width:100%; min-width:0; height:44px; display:grid; align-items:center; }
.composer-activity-text { display:block; text-align:center; font-size:var(--app-text-1125); font-weight:var(--app-weight-650); line-height:var(--app-leading-115); color:var(--header-ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.composer-workspace { --composer-inspector-width:372px; display:grid; grid-template-columns:minmax(180px,min(calc(var(--composer-page-width,390px) + 44px),calc(100% - var(--composer-inspector-width) - 84px))) 64px var(--composer-inspector-width); gap:10px; justify-content:start; align-items:start; margin-top:10px; }
.composer-workspace:has(#composerPropertiesPanel:not([hidden])) { --composer-inspector-width:200px; }
#composerPropertiesPanel .composer-control-grid.four { grid-template-columns:repeat(2,minmax(0,1fr)); }
.composer-workspace > .composer-toolbar { grid-column:2; grid-row:1; position:sticky; top:88px; width:64px; min-height:0; max-height:calc(100dvh - 108px); padding:6px; display:flex; flex-direction:column; flex-wrap:nowrap; gap:0; overflow:auto; border-radius:var(--r-xl); background:var(--header-glass); box-shadow:var(--shadow); }
.composer-toolbar .composer-toolbar-group { position:static; display:flex; flex-direction:column; flex:none; gap:0; padding:0; margin:0; width:100%; background:transparent; }
.composer-toolbar .composer-toolbar-group[hidden] { display:none; }
.composer-toolbar-divider { width:32px; height:1px; flex:none; margin:6px auto; background:var(--border-strong); }
.composer-toolbar .composer-tool.ghost-icon { width:44px!important; min-width:44px!important; height:44px; flex:none; }
.composer-toolbar .composer-zoom { width:52px; min-width:0; padding:0; font-size:var(--app-text-0688); }
.composer-toolbar .composer-zoom-label { display:none; }
.composer-workspace > .composer-inspector { grid-column:3; grid-row:1; position:sticky; inset:auto; top:88px; width:var(--composer-inspector-width); max-height:calc(100dvh - 108px); transform:none; opacity:1; pointer-events:auto; transition:none; }
.composer-workspace > .composer-stage-viewport { grid-column:1; grid-row:1; }
@media(max-width:660px) {
  .composer-workspace { grid-template-columns:minmax(0,1fr) 64px; }
  .composer-workspace > .composer-inspector { grid-column:1 / -1; grid-row:2; position:static; width:100%; max-height:none; }
}
@media(max-width:479px) {
  .brand-title,.brand-wordmark { font-size:var(--app-text-1300); }
}
@media(max-width:599px) {
  body { --icon-control-size:28px; --icon-size:20px; }
  .app-header { padding-inline:8px; gap:4px; }
  .admin-posts-header .brand-title,.admin-posts-header .brand-wordmark { font-size:var(--app-text-0875); }
  .category-row { display:flex; flex-direction:column; align-items:stretch; gap:6px; }
  .category-main { flex-direction:column; align-items:flex-start; gap:6px; }
  .category-main strong { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
  .category-row .row-actions { margin-top:auto; justify-content:flex-end; }
}
@media(max-width:359px) { .brand-title,.brand-wordmark { font-size:var(--app-text-1125); } }
@media print {
  html,body,.app { height:auto!important; overflow:visible!important; }
  .app-header,.ds-info-bubble { display:none!important; }
  .scroll-clip { position:static!important; overflow:visible!important; contain:none!important; clip-path:none!important; }
  .scroll-area { height:auto!important; overflow:visible!important; }
  .main { width:100%!important; max-width:none!important; padding:0!important; }
}

/* New pages preserve the mobile composition at every viewport width. */
.published-layout-stage.layout-unified{display:block!important}

.article-end.article-engagement { display:flex; flex-direction:column; align-items:stretch; gap:18px; }
.engagement-summary,.engagement-rating-label { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; color:var(--text-3); font-size:var(--app-text-0780); }
.engagement-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; }
.engagement-views,.engagement-metric { display:flex; align-items:center; justify-content:center; gap:7px; white-space:nowrap; min-width:0; min-height:52px; padding:10px; border-radius:12px; background:var(--color-surface-card); text-align:center; }
.engagement-views svg,.engagement-metric svg { width:20px; height:20px; flex-shrink:0; }
@media(max-width:520px){.engagement-summary{font-size:var(--app-text-0650);gap:6px}.engagement-summary .engagement-views,.engagement-summary .engagement-metric{display:grid;grid-template-columns:max-content max-content;justify-content:center;gap:4px;padding:8px 4px}.engagement-summary svg{width:16px;height:16px}.engagement-summary .engagement-views>span:last-child,.engagement-summary .engagement-metric>span:last-child{grid-column:1/-1;text-align:center}}
@media(max-width:380px){.engagement-summary{font-size:var(--app-text-0600);gap:4px}.engagement-summary .engagement-views,.engagement-summary .engagement-metric{gap:2px}.engagement-summary svg{width:14px;height:14px}}
.engagement-rating { min-width:0; display:grid; justify-items:center; gap:8px; }
.engagement-rating-label { white-space:nowrap; justify-content:center; text-align:center; }
.engagement-stars { display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); width:100%; max-width:440px; margin:0 auto; }
.engagement-star.ghost-icon { width:100%!important; min-width:0!important; height:44px; color:var(--text-3); }
.engagement-star.ghost-icon svg { width:min(21px,100%)!important; height:21px!important; }
.engagement-star.is-selected { color:var(--accent-light,#a59bb8); }
.engagement-star svg[data-icon="star-filled"] { display:none!important; }
.engagement-star.is-selected svg[data-icon="star"] { display:none!important; }
.engagement-star.is-selected svg[data-icon="star-filled"] { display:block!important; filter:drop-shadow(0 0 3px rgb(165 155 184 / 55%)); }
.engagement-comment-form { display:grid; gap:8px; }
.engagement-comment-form input,.engagement-comment-form textarea { width:100%; min-width:0; }
.engagement-comment-field { position:relative; }
.engagement-comment-field textarea { display:block; padding-right:48px; }
.engagement-comment-field .ghost-icon { position:absolute; right:6px; top:0; bottom:0; margin-block:auto; }
.engagement-comment-field .ghost-icon > svg { width:18px!important; height:18px!important; }
.article-comment { margin-top:12px; padding:14px; border-radius:12px; background:var(--color-surface-card); overflow-wrap:anywhere; }
.article-comment strong { font-size:var(--app-text-0850); }
.article-comment time { display:inline-block; margin-left:10px; font-size:var(--app-text-0700); color:var(--text-3); }
.article-comment p { margin:8px 0 0; white-space:pre-wrap; font-size:var(--app-text-0850); }
.article-comment-head { display:flex; align-items:center; gap:8px; justify-content:space-between; }
.article-comment-meta { min-width:0; }
.article-comment-meta .status-pill { margin-left:8px; }
.article-comment-actions { display:flex; flex-shrink:0; gap:var(--icon-control-gap); }

/* Selection shares the formatting tab material; corner targets stay invisible. */
.composer-panel-tabs button.active,
.composer-stage .composer-block.is-selected:not(.is-locked) .composer-block-visual { background:rgba(106,94,128,.34); border-radius:11px; }
.composer-stage { --composer-resize-reach:7px; }
.composer-stage .moveable-control.moveable-direction { width:calc(var(--composer-resize-reach) * 2)!important; height:calc(var(--composer-resize-reach) * 2)!important; margin-left:calc(var(--composer-resize-reach) * -1)!important; margin-top:calc(var(--composer-resize-reach) * -1)!important; border:0!important; background:transparent!important; box-shadow:none!important; opacity:0!important; }
.composer-stage .moveable-line:not(.moveable-guideline) { opacity:0!important; pointer-events:none!important; }

.composer-stage .moveable-line.moveable-edge { pointer-events:auto!important; background:transparent!important; }
.composer-stage .moveable-control.moveable-direction::before { inset:0!important; width:100%!important; height:100%!important; }
.composer-stage .moveable-line.moveable-edge::before { content:""; position:absolute; left:0; right:auto; top:calc(var(--composer-resize-reach) * -1); bottom:auto; width:100%; height:calc(var(--composer-resize-reach) * 2)!important; background:transparent; }

/* Save state is a top edge, not a separate icon or a second header line. */
.composer-workspace > .composer-toolbar { --save-color:var(--success); border-top:3px solid var(--save-color); }
.composer-workspace > .composer-toolbar.is-saving,.composer-workspace > .composer-toolbar.is-dirty { --save-color:var(--warning); }
.composer-workspace > .composer-toolbar.is-error { --save-color:var(--danger); }

/* Round the photograph itself while its bounds match the card. */
.composer-image-render { padding:0; border-radius:inherit; }
.composer-block.has-image-size .composer-image-render img { object-fit:contain; }
.attachment-view { position:relative; display:flex; flex-direction:column; width:100%; height:100%; min-height:0; background:var(--color-surface-card); border-radius:inherit; overflow:hidden; }
.attachment-view.attachment-audio { background:var(--color-info-surface); border:1px solid var(--color-border); border-radius:var(--info-radius); box-shadow:var(--shadow); backdrop-filter:var(--info-backdrop); -webkit-backdrop-filter:var(--info-backdrop); }
.attachment-view > header,.audio-attachment-layout > header { display:flex; align-items:center; gap:8px; flex:none; min-height:44px; padding:0 12px; }
.attachment-view > header strong,.audio-attachment-layout > header strong { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:var(--app-text-0812); }
.audio-attachment-layout { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; flex-direction:column; transform-origin:0 0; }
.audio-attachment-layout > header strong { text-align:center; }
.audio-attachment-layout > .attachment-body { display:flex; flex-direction:column; justify-content:center; overflow:visible; }
.audio-attachment-layout .audio-player { flex:none; }
.attachment-download { width:44px; height:44px; display:grid; place-items:center; color:var(--text-2); text-decoration:none; }
.attachment-download svg { width:var(--icon-size); height:var(--icon-size); }
.attachment-body { flex:1; min-height:0; padding:10px 12px; overflow:auto; color:var(--text-2); font-size:var(--app-text-0875); }
.audio-player audio { display:none; }
.audio-player { display:grid; gap:5px; width:100%; min-width:0; color:var(--text-2); }
.audio-player-row { display:flex; align-items:center; gap:6px; min-width:0; padding:8px; border-radius:var(--dropdown-radius); background:var(--input); }
.audio-player-timeline { position:relative; flex:1; min-width:0; height:44px; }
.audio-player-meta { position:absolute; top:0; left:0; width:100%; display:flex; justify-content:center; align-items:baseline; gap:4px; pointer-events:none; font-family:var(--app-font); font-size:var(--app-text-0688); font-weight:var(--app-weight-400); line-height:var(--app-leading-140); color:var(--text-3); }
.audio-player-name { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:inherit; }
.audio-player .icon-btn { width:44px; height:44px; flex:none; background:transparent; border:0; box-shadow:none; color:var(--text-2); }
.audio-player .icon-btn svg { width:22px; height:22px; }
.audio-player-time { flex:none; display:block; min-width:0; text-align:center; white-space:nowrap; font:inherit; }
.audio-player select.audio-player-speed,.audio-player .attachment-download { flex:none; width:44px; min-width:0; min-height:44px; height:44px; padding:0 3px; border:0; border-radius:0; font-size:var(--app-text-0750); background:transparent; box-shadow:none; }
.audio-player .attachment-download { color:var(--dropdown-ink); }
.audio-player input[type="range"] { display:block; width:100%; min-width:0; height:18px; margin:0; padding:0; border:0; appearance:none; background:transparent; accent-color:var(--accent-light); cursor:pointer; }
.audio-player-timeline input[type="range"] { height:44px; }
.audio-player input[type="range"]::-webkit-slider-runnable-track { height:3px; border-radius:3px; background:var(--accent-glow); }
.audio-player input[type="range"]::-webkit-slider-thumb { appearance:none; width:12px; height:12px; margin-top:-4.5px; border:0; border-radius:50%; background:var(--accent-light); }
.audio-player-seek::-webkit-slider-runnable-track { background:linear-gradient(to right,var(--accent-light) var(--audio-progress,0%),var(--accent-glow) var(--audio-progress,0%))!important; }
.audio-player input[type="range"]::-moz-range-thumb { width:12px; height:12px; border:0; border-radius:50%; background:var(--accent-light); }
.audio-player input[type="range"]::-moz-range-track { height:3px; background:var(--accent-glow); }
.attachment-body:has(object) { padding:0; overflow:hidden; }
.attachment-body object { display:block; width:100%; height:100%; min-height:0; border:0; }
.attachment-body pre { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; font-family:var(--app-font-code);font-size:var(--app-text-0812);font-weight:var(--app-weight-400);line-height:var(--app-leading-160); }
.attachment-markdown { line-height:var(--app-leading-160); overflow-wrap:anywhere; }
.attachment-markdown > :first-child { margin-top:0; }
.attachment-markdown h1 { font-size:var(--app-text-1500); }.attachment-markdown h2 { font-size:var(--app-text-1250); }.attachment-markdown h3 { font-size:var(--app-text-1062); }
.attachment-markdown a { color:var(--accent-light); }
.attachment-markdown code { font-family:var(--app-font-code); }
.attachment-edit-hint { padding:4px 12px 8px; color:var(--text-4); font-size:var(--app-text-0625); }
.composer-stage .has-attachment:not(.is-attachment-interactive) .attachment-body { pointer-events:none; user-select:none; }
.composer-stage .is-attachment-interactive .attachment-edit-hint { display:none; }
.composer-stage .is-attachment-interactive .attachment-body { user-select:text; }

.pdf-reader { display:flex; flex-direction:column; align-items:center; min-height:0; }
.pdf-reader-controls { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:44px; }
.pdf-reader canvas { max-width:100%; flex:none; border-radius:4px; }
.pdf-reader-controls button { color:var(--text-2); }
.pdf-reader-controls button:disabled { opacity:.3; }

/* Text rendering and editing use one fixed line spacing. */
.composer-text-render:not(.is-code),.composer-text-render:not(.is-code) p,.composer-text-render:not(.is-code) h2,.composer-text-render:not(.is-code) h3,.composer-text-render:not(.is-code) li,.composer-quill-host .ql-editor,.composer-quill-host .ql-editor p,.composer-quill-host .ql-editor h2,.composer-quill-host .ql-editor h3,.composer-quill-host .ql-editor li { line-height:var(--app-line-normal); }
.composer-block-shape .composer-block-content { padding:0; border:0; border-radius:0; background:transparent; overflow:visible; }
.shape-vector { display:block; position:absolute; inset:var(--shape-inset,0px); width:calc(100% - 2 * var(--shape-inset,0px)); height:calc(100% - 2 * var(--shape-inset,0px)); overflow:visible; pointer-events:none; }

/* The inspector title stays centered independently of its contents. */
.composer-inspector-head { min-height:40px; padding:6px 14px; justify-content:center; text-align:center; }
.composer-inspector-head > div { width:100%; min-width:0; }
.composer-inspector-head strong { margin-top:0; font-size:var(--app-text-1125); }
.composer-inspector-head .composer-panel-tabs { padding:0; gap:6px; border:0; }
.composer-inspector-head .composer-panel-tabs button { min-width:0; min-height:44px; padding:0 4px; font-size:var(--app-text-0750); white-space:nowrap; }

.composer-format-row { display:grid; grid-template-columns:44px 10px minmax(0,1fr) 16px minmax(0,1fr); gap:6px; align-items:center; min-width:0; }
.composer-format-symbol { display:flex; align-items:center; justify-content:center; color:var(--text-3); font-size:var(--app-text-1000); }
.composer-format-symbol .app-icon { width:16px; height:16px; }
.composer-format-example { position:relative; height:44px; overflow:hidden; border-radius:var(--dropdown-radius); background:var(--dropdown-background); }
.composer-format-example .composer-format-sample { position:absolute; left:6px; top:6px; width:160px; height:auto; padding:0; font-weight:var(--app-weight-400); white-space:nowrap; overflow-wrap:normal; word-break:normal; transform-origin:0 0; pointer-events:none; }
.composer-format-sample p,.composer-format-sample h2,.composer-format-sample h3,.composer-format-sample ul,.composer-format-sample ol,.composer-format-sample blockquote { margin:0; }
.composer-format-sample a { pointer-events:none; }

/* Compact steppers fit inside the original field widths. */
.number-stepper { display:grid; grid-template-columns:20px minmax(0,1fr) 20px; align-items:center; width:100%; min-width:0; border-radius:var(--r-md); background:var(--input); }
.number-stepper .number-stepper-button.ghost-icon { width:20px!important; min-width:20px!important; height:44px; min-height:44px; color:var(--accent-light); }
.number-stepper .number-stepper-button .app-icon { width:12px!important; height:12px!important; }
.number-stepper-button:disabled { opacity:.35; }
.number-stepper input[type="number"],.composer-inspector .number-stepper input[type="number"] { appearance:textfield; -moz-appearance:textfield; width:100%; min-width:0; padding:0 2px; border:0; background:transparent; text-align:center; }
.number-stepper input::-webkit-inner-spin-button,.number-stepper input::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }

/* The same presentation is used by the feed, reading view and preview. */
#articlePresentation .post-card { margin:0; }
.post-card .post-cover-expand { pointer-events:auto; cursor:pointer; }
.post-card .post-presentation-title { margin:0; }