@font-face {
  font-family:'Fraunces'; font-style:italic; font-weight:400 500; font-display:swap;
  src:url("../fonts/fraunces-latin-wght-italic.701ae03b5183.woff2") format('woff2');
}
.content-module .eyebrow {letter-spacing:.18em}
.content-heading h1 {font-size:52px}
.content-actions {display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.new-idea {white-space:nowrap;gap:18px}
.new-idea kbd {display:grid;place-items:center;background:#0B5A3E;color:#D2AE68;border-radius:50%;width:26px;height:26px;font:600 12px 'DM Sans',sans-serif}
.area-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr));gap:24px}
.area-card {background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:28px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;min-width:0}
.area-card:hover,.content-row:hover {box-shadow:var(--shadow-card)}
.area-icon {width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--sage-soft);color:var(--forest);margin-bottom:22px}
.area-card h2 {font-size:30px;margin-bottom:8px}
.area-card p {color:var(--ink-muted);font-size:14px}
.mini-progress {display:flex;gap:3px;height:10px;margin-bottom:14px}
.mini-progress span {min-width:7px;border-radius:999px;flex-basis:0}
.mini-counts {display:flex;justify-content:space-between;gap:6px;font-size:11px;color:var(--ink-muted);margin-bottom:28px}
.mini-counts strong {display:block;font:18px 'Fraunces',serif;color:var(--forest)}
.area-card footer {display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:20px;margin-top:auto}
.round-arrow {width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--forest);flex-shrink:0}
.empty-progress {border-top:2px dashed var(--line);margin:6px 0 20px}
.area-empty {min-height:40px}
.add-area {border-style:dashed;align-items:center;justify-content:center;gap:18px;min-height:300px;color:var(--forest)}
.add-area>span {font:42px 'Fraunces',serif}
.phase-in_planung {background:var(--status-planung)}
.phase-gedreht {background:var(--status-gedreht)}
.phase-im_schnitt {background:var(--status-schnitt)}
.phase-veroeffentlicht {background:var(--status-online)}
.content-search {display:flex;align-items:center;height:46px;border:1px solid var(--line);border-radius:999px;padding-left:16px;background:var(--paper);max-width:270px;color:var(--forest)}
.content-search input[type=search] {border:0;outline:none;background:transparent;min-height:0;height:100%;border-radius:999px;min-width:0}
.content-search:focus-within {border:2px solid var(--forest)}
.progress-summary {background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:24px;display:grid;grid-template-columns:120px 1fr;gap:16px 24px;margin-bottom:24px}
.progress-total {display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;border-radius:18px;padding:12px;text-decoration:none;font-size:11px;letter-spacing:.08em}
.progress-total strong {font:30px 'Fraunces',serif}
.progress-total.selected {background:var(--forest);color:var(--on-forest)}
.phase-segments {display:flex;align-items:center;gap:10px;min-width:0}
.phase-segment {flex-basis:0;min-width:70px;text-decoration:none;color:var(--ink);padding:8px 0;min-height:44px}
.phase-bar {display:block;height:12px;border-radius:999px;margin-bottom:12px}
.phase-segment.selected .phase-bar {outline:3px solid var(--forest);outline-offset:3px}
.phase-label {display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}
.phase-label strong {font:18px 'Fraunces',serif;color:var(--forest)}
.progress-hint {grid-column:1/-1;margin:0!important;color:var(--ink-muted);font-size:12px}
.content-filters {display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px;position:relative;z-index:3}
.filter-dropdown,.option-dropdown {position:relative}
.filter-dropdown>summary,.archive-filter {list-style:none;border:1px solid var(--line);border-radius:999px;padding:10px 14px;background:var(--paper);font-size:13px;display:flex;align-items:center;gap:10px;min-height:44px;color:var(--ink)}
.filter-options,.option-menu {position:absolute;top:calc(100% + 8px);left:0;z-index:10;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:10px;min-width:220px;max-height:360px;overflow:auto;box-shadow:var(--shadow-card)}
.filter-options label {display:flex;align-items:center;gap:12px;min-height:44px;font-size:14px}
.archive-filter input[type=checkbox] {width:18px;height:18px}
.sort-label {display:flex;align-items:center;gap:8px;margin-left:auto;font-size:12px;color:var(--ink-muted)}
.sort-label select {width:auto;max-width:190px;padding:8px 12px;border-radius:999px;min-height:44px;font-size:12px}
.active-filters {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.filter-pill {display:inline-flex;align-items:center;gap:14px;min-height:44px;border-radius:999px;padding:8px 14px;background:var(--sage-soft);text-decoration:none;font-size:13px}
.content-row-grid {display:grid;grid-template-columns:78px minmax(130px,2fr) 125px minmax(90px,1fr) 110px 90px 135px;gap:12px;align-items:center}
.content-table-head {padding:12px 18px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}
.content-table-head a {min-height:44px;display:flex;align-items:center;text-decoration:none;color:var(--ink-muted)}
.content-row {position:relative;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:20px 18px;margin-bottom:8px;font-size:13px}
.content-row.archived {background:#ece9e3;border-style:dashed}
.content-id {display:inline-block;font:13px ui-monospace,SFMono-Regular,Consolas,monospace;background:var(--cream);border-radius:8px;padding:6px 9px;white-space:nowrap;color:var(--ink)}
.row-title {min-width:0;overflow-wrap:anywhere}
.row-link {font-weight:600;text-decoration:none}
.row-link::after {content:'';position:absolute;inset:0;border-radius:20px}
.row-title small {font-size:11px;margin-top:5px}
.row-published {font-size:12px;color:var(--ink-muted)}
.audience-pill {border-radius:999px;background:var(--cream);padding:5px 8px;display:inline-block;font-size:11px}
.item-progress {display:inline-flex;flex-direction:column;gap:9px;max-width:125px;min-width:110px}
.progress-track {display:flex;align-items:center;height:20px;width:110px}
.progress-dot {display:grid;place-items:center;width:12px;height:12px;flex-shrink:0;border:2px solid var(--line);border-radius:50%;font-style:normal;color:var(--on-forest)}
.progress-dot.done,.progress-dot.current {background:var(--forest);border-color:var(--forest)}
.progress-dot.current {box-shadow:0 0 0 4px var(--sage-soft)}
.progress-dot.published {width:16px;height:16px;font-size:11px}
.progress-line {height:2px;flex:1;background:var(--line)}
.progress-line.done {background:var(--forest)}
.item-progress strong {font-size:12px}
.priority {display:inline-flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}
.priority-bars {display:inline-flex;align-items:flex-end;gap:2px;height:16px}
.priority-bars i {width:4px;height:7px;background:var(--line)}
.priority-bars i:nth-child(2) {height:11px}
.priority-bars i:nth-child(3) {height:16px}
.priority-bars i.filled {background:var(--forest)}
.priority-hoch {font-weight:700;color:var(--forest)}
.priority-mittel {color:var(--ink)}
.priority-niedrig {color:var(--ink-muted)}
.channel-circles {display:inline-flex;align-items:center;padding-left:6px;position:relative;z-index:1}
.channel-circle {display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:10px;font-weight:700;flex-shrink:0;box-shadow:0 0 0 2px var(--paper);text-decoration:none}
.channel-circles .channel-circle {margin-left:-6px}
.channel-circle.planned {background:var(--cream);border:1px solid var(--field-border);color:var(--ink)}
.channel-circle.online {background:var(--forest);color:var(--on-forest)}
.channel-circle.overflow {background:var(--sand);color:var(--ink)}
a.channel-circle {position:relative}
a.channel-circle::after {content:'';position:absolute;width:44px;height:44px;border-radius:50%}
.content-pagination {display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;font-size:13px;color:var(--ink-muted)}
.content-pagination p {margin:0}
.desktop-pages {display:flex;align-items:center;gap:6px}
.desktop-pages a {display:grid;place-items:center;width:44px;height:44px;text-decoration:none;border-radius:50%}
.desktop-pages a.selected {background:var(--forest);color:var(--on-forest)}
.channel-legend {display:flex;align-items:center;gap:10px;color:var(--ink-muted);font-size:12px;margin-top:24px}
.content-dialog {border:1px solid var(--line);border-radius:28px;background:var(--paper);color:var(--ink);padding:28px;width:520px;max-width:calc(100vw - 32px);max-height:90vh;overflow:auto}
.content-dialog::backdrop {background:rgba(42,38,32,.45)}
.dialog-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.dialog-heading h2 {margin:0}
.pill-choices {border:0;padding:0;margin:0 0 22px;display:flex;flex-wrap:wrap;gap:8px}
.pill-choices legend {font-size:13px;font-weight:600;margin-bottom:10px}
.pill-choices label {position:relative;cursor:pointer}
.pill-choices input {position:absolute;opacity:0;width:1px;height:1px}
.pill-choices span {display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid var(--field-border);border-radius:999px;font-size:13px}
.pill-choices input:checked+span {background:var(--forest);color:var(--on-forest);border-color:var(--forest)}
.pill-choices input:focus-visible+span {outline:2px solid var(--forest);outline-offset:3px}
.content-back {display:inline-flex;align-items:center;height:44px;font-size:13px;text-decoration:none;border:1.5px solid var(--forest);border-radius:999px;padding:0 18px;font-weight:700;white-space:nowrap;flex-shrink:0}
.content-back:hover {background:var(--forest);color:var(--on-forest)}
.item-heading {display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px}
.item-heading>div:first-child {flex:1;min-width:0}
.item-eyebrow {display:flex;gap:12px;align-items:center;margin-bottom:14px}
.item-eyebrow .eyebrow {margin:0}
.item-eyebrow .content-id {background:var(--sand)}
.title-editor>summary {list-style:none;padding:0;color:var(--forest)}
.title-editor h1 {font-size:46px;margin:0;overflow-wrap:anywhere}
.title-editor form {margin-top:16px;display:flex;flex-wrap:wrap;gap:12px}
.item-heading-actions {display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.save-state {font-size:12px;color:var(--ink-muted);min-width:100px}
.item-menu {position:relative}
.item-menu>summary {font-size:26px;list-style:none;width:44px;text-align:center;padding:0;line-height:44px}
.item-menu>div {position:absolute;right:0;top:100%;z-index:15;min-width:170px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:12px}
.status-stepper {display:flex;justify-content:space-between;padding:28px;gap:0}
.step {flex:1;position:relative}
.step:not(:last-child)::after {content:'';position:absolute;height:3px;background:var(--line);top:15px;left:calc(50% + 22px);right:calc(-50% + 22px)}
.step.done::after {background:var(--forest)}
.step button {display:flex;align-items:center;flex-direction:column;gap:14px;background:none;color:var(--ink-muted);font-size:13px;min-height:64px;margin:auto;padding:0 4px}
.step-circle {display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:var(--ink);position:relative;z-index:1}
.step.done .step-circle {background:var(--forest);color:var(--on-forest)}
.step.current .step-circle {box-shadow:0 0 0 6px var(--sage-soft)}
.step.current .phase-im_schnitt {box-shadow:0 0 0 6px var(--status-schnitt-soft)}
.step.current .phase-in_planung {box-shadow:0 0 0 6px var(--cream)}
.step.current .phase-veroeffentlicht {color:var(--on-forest)}
.step:not(.done):not(.current) .step-circle {border:2px solid var(--line);background:var(--paper)}
.step.current button {color:var(--forest);font-weight:700}
.details-card {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.detail-field {min-width:0}
.detail-field>label,.detail-label {display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);font-weight:600;margin-bottom:10px}
.detail-field .priority {margin:0}
.detail-field input,.detail-field select {font-size:14px;min-width:0}
.option-dropdown>summary {display:flex;justify-content:space-between;align-items:center;gap:8px;list-style:none;min-height:48px;padding:12px 16px;border:1px solid var(--field-border);border-radius:16px;background:var(--cream);color:var(--ink)}
.option-menu {width:100%;min-width:180px}
.option-choice {display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left;width:100%;min-height:44px;padding:10px 12px;background:none;color:var(--ink);font-size:14px;border-radius:10px}
.option-choice.selected {background:var(--sage-soft);color:var(--forest)}
.option-choice:hover {background:var(--cream)}
.new-option-row {border-top:1px solid var(--line);margin-top:8px;padding-top:8px}
.channel-entry {display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.channel-entry>.channel-circle {width:32px;height:32px}
.channel-entry>strong {font-size:14px}
.channel-entry-actions {display:flex;align-items:center;gap:12px;margin-left:auto;flex-wrap:wrap}
.online-link {font-size:12px;min-height:44px;padding:8px 16px}
.link-editor>summary {border:1px dashed var(--field-border);border-radius:999px;padding:8px 16px;list-style:none}
.link-editor form {max-width:360px;margin:12px 0;display:flex;flex-wrap:wrap;gap:10px}
.link-editor label {font-size:12px}
.add-channel {margin-top:14px;max-width:320px}
.add-channel form {display:flex;gap:10px;flex-wrap:wrap}
.editor-toolbar {display:flex;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 18px;flex-wrap:wrap}
.editor-tabs {display:inline-flex;background:var(--sand);padding:5px;border-radius:999px}
.editor-tabs button {border-radius:999px;background:none;padding:12px 18px;color:var(--ink);font-size:13px}
.editor-tabs button:first-child {background:var(--forest);color:var(--on-forest)}
.editor-toolbar button {cursor:default}
.editor-placeholder {color:var(--ink-muted);font-size:14px;min-height:150px;display:grid;place-items:center}
.settings-options,.upcoming-items {list-style:none;margin:0;padding:0}
.settings-options li {display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-top:1px solid var(--line)}
.settings-options strong {margin-right:12px}
.upcoming-items li {padding:16px 0;border-top:1px solid var(--line)}
.upcoming-items a {display:flex;align-items:center;gap:20px;text-decoration:none;min-height:44px}
.upcoming-items a>strong {flex:1;overflow-wrap:anywhere}
.mobile-search,.mobile-filter-button,.mobile-filter-close,.mobile-more,.mobile-duplicate,.step-short-label,.mobile-channel-edit,.mobile-channel-summary,.mobile-panel-close,.mobile-phase-pills {display:none}
.content-error {background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px}
@media(min-width:900px) and (max-width:1300px) {
  .content-heading {align-items:flex-start;flex-wrap:wrap}
  .content-row-grid {grid-template-columns:70px minmax(100px,2fr) 112px minmax(65px,1fr) 76px 72px 76px;gap:8px}
  .content-row {padding:18px 12px;font-size:12px}
  .row-audience .audience-pill {font-size:10px;overflow-wrap:anywhere}
  .item-heading {flex-direction:column}
  .item-heading-actions {justify-content:flex-start}
}
@media(max-width:899px) {
  .content-heading {display:grid;grid-template-columns:1fr auto;gap:16px}
  .content-heading h1 {font-size:34px}
  .content-heading .eyebrow {font-size:10px}
  .content-heading>.content-actions {display:contents}
  .content-heading .new-idea {grid-column:1/-1;justify-self:start}
  .mobile-search {display:grid;grid-column:2;grid-row:1}
  .content-search {display:none;grid-column:1/-1;max-width:none;width:100%}
  .content-search.open {display:flex}
  .area-grid {gap:16px}
  .area-card {padding:24px;border-radius:24px}
  .progress-summary {padding:16px;border-radius:22px;gap:12px;grid-template-columns:1fr}
  .progress-total {display:none}
  .phase-segments {gap:5px;padding:0 4px}
  .phase-segment {min-width:7px;display:flex;align-items:center}
  .phase-bar {height:8px;margin:0;width:100%}
  .phase-label {display:none}
  .mobile-phase-pills {display:flex;gap:8px;overflow-x:auto;padding:4px;min-width:0}
  .mobile-phase-pills a {display:flex;align-items:center;gap:8px;flex-shrink:0;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-size:12px;color:var(--ink)}
  .mobile-phase-pills a.selected {background:var(--forest);color:var(--on-forest);border-color:var(--forest)}
  .progress-hint {font-size:10px}
  .mobile-filter-button {display:flex;margin-bottom:16px;min-height:44px}
  .content-filters {display:none}
  .content-filters.open,.channel-fields.open {display:flex;position:fixed;inset:auto 0 0;z-index:40;max-height:85dvh;overflow:auto;flex-direction:column;align-items:stretch;background:var(--paper);padding:24px 20px;border:1px solid var(--line);border-radius:24px 24px 0 0;box-shadow:0 0 0 100vmax rgba(42,38,32,.45);margin:0}
  .mobile-filter-close,.mobile-panel-close {display:grid;align-self:flex-end}
  .filter-options {position:static;box-shadow:none;margin-top:8px;min-width:0}
  .sort-label {margin:0;justify-content:space-between}
  .content-table-head,.desktop-pages {display:none}
  .content-row {display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;padding:20px;border-radius:20px}
  .row-id {grid-column:1;grid-row:1}
  .row-priority {grid-column:2;grid-row:1;justify-self:end}
  .row-title {grid-column:1/-1;grid-row:2;font-size:16px}
  .row-title small {font-size:12px;margin-top:6px}
  .row-progress {grid-column:1;grid-row:3}
  .row-channels {grid-column:2;grid-row:3;justify-self:end}
  .row-channels .channel-circle {width:26px;height:26px}
  .row-audience {display:none}
  .row-published {grid-column:1/-1;grid-row:4}
  .content-pagination {margin:18px 0}
  .mobile-more {display:block}
  .channel-legend {flex-wrap:wrap;font-size:11px;gap:8px}
  .content-dialog {position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:90dvh;border-radius:24px 24px 0 0;padding:24px}
  .item-heading {display:block;position:relative}
  .item-eyebrow {padding-right:44px;gap:10px}
  .item-eyebrow .eyebrow {font-size:10px}
  .title-editor h1 {font-size:28px}
  .item-heading-actions {justify-content:flex-start;margin-top:18px}
  .item-menu {position:absolute;right:0;top:0}
  .desktop-duplicate,.step-full-label {display:none}
  .mobile-duplicate,.step-short-label {display:block}
  .status-stepper {padding:22px 12px}
  .step-circle {width:22px;height:22px;font-size:11px}
  .step button {font-size:11px;gap:14px;min-height:58px}
  .step:not(:last-child)::after {top:11px;left:calc(50% + 18px);right:calc(-50% + 18px)}
  .details-card {grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px;padding:22px 16px}
  .detail-field input,.detail-field select,.option-dropdown>summary {padding:10px;font-size:12px;width:100%;min-width:0}
  .option-menu {min-width:160px}
  .detail-field:nth-child(3n+2) .option-menu {left:auto;right:0}
  .detail-field label,.detail-label {font-size:11px}
  .mobile-channel-edit {display:inline-flex}
  .mobile-channel-summary {display:block}
  .channel-fields {display:none}
  .channel-entry-actions {margin-left:0;width:100%;gap:10px}
  .channel-entry {gap:12px}
  .editor-tabs button {padding:10px 13px;font-size:12px}
  .editor-toolbar>.button {font-size:12px;padding:10px 18px}
  .upcoming-items a {flex-wrap:wrap;gap:12px}
  .upcoming-items a>strong {flex-basis:calc(100% - 100px);font-size:14px}
}

.item-navigation {position:sticky;top:0;z-index:18;display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;background:var(--cream);border-bottom:1px solid var(--line);padding:10px 0;margin-bottom:22px}
.item-breadcrumbs {display:flex;align-items:center;gap:8px;font-size:12px;min-width:0;flex-wrap:wrap}
.item-breadcrumbs a {display:inline-flex;align-items:center;min-height:44px}
.navigation-summary {display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.navigation-title {max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:13px}
.navigation-summary .item-progress {min-width:110px}
.navigation-summary .item-progress strong {display:none}
.date-input {height:48px;display:flex;align-items:center;border:1px solid var(--field-border);border-radius:16px;background:var(--cream);padding-right:10px;min-width:0}
.date-input:focus-within {outline:2px solid var(--forest);outline-offset:3px}
.date-input input[type=date] {border:0;outline:none;background:transparent;height:46px;min-height:0;flex:1;width:0;padding:10px;min-width:0;font-size:14px}
.date-input small {flex-shrink:0;font-size:11px}
.date-input:has([aria-invalid=true]) {border-color:#8b2424}
.details-card .option-dropdown>summary {height:48px;font-size:14px;min-width:0}
.option-dropdown>summary::-webkit-details-marker,.filter-dropdown>summary::-webkit-details-marker {display:none}
.option-row {display:flex;align-items:center;min-width:0}
.option-select {flex:1;min-width:0}
.option-row-actions {display:flex;visibility:hidden}
.option-row:hover .option-row-actions,.option-row:focus-within .option-row-actions {visibility:visible}
.option-rename {display:flex;align-items:center;gap:4px;min-width:0;width:100%}
.option-choice {overflow-wrap:anywhere}
.channel-choice {justify-content:flex-start}
.add-channel {width:max-content;max-width:100%}
.add-channel>summary {border:0;border-radius:999px;background:var(--sand);color:var(--forest);min-height:40px;height:40px;font-weight:600}
.add-channel>summary:after {display:none}
.filter-footer {display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:8px;margin-top:8px}
.filter-footer .button {padding:8px 14px;min-height:44px;font-size:13px}
.filter-options {max-width:calc(100vw - 24px)}
.archive-selection {display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--sand);border-radius:20px;padding:12px 16px;margin-bottom:16px;font-size:13px}
.archive-selection .button {padding:8px 16px;font-size:13px}
.archive-checkbox {position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.row-id {display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.settings-option-actions {display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;max-width:55%}
button:disabled {cursor:default;opacity:.55}
.mobile-published-label {display:none}
.pill-choices legend {font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.pill-choices {gap:8px;margin-bottom:22px}
.pill-choices span {padding:8px 12px;font-size:12px}
@media (max-width:899px) {
  .item-navigation {gap:4px 10px;margin-bottom:18px}
  .item-breadcrumbs {font-size:10px;gap:5px}
  .item-breadcrumbs a {min-height:24px}
  .navigation-summary {flex-basis:100%;gap:8px}
  .navigation-summary .content-id {font-size:10px}
  .navigation-title {flex:1;max-width:none;font-size:12px}
  .navigation-summary .progress-track {width:80px}
  .navigation-summary .item-progress {min-width:80px}
  .details-card .option-dropdown>summary {font-size:12px;padding:10px}
  .date-input input[type=date] {font-size:12px;padding:8px 2px 8px 6px}
  .date-input {padding-right:4px}
  .date-input small {font-size:10px}
  .mobile-published-label {display:inline}
  .option-row-actions {visibility:visible}
  .settings-options li {align-items:flex-start;flex-wrap:wrap}
  .settings-option-actions {max-width:100%;justify-content:flex-start}
  .pill-choices span {padding:8px 10px;font-size:11px}
}

.item-navigation .navigation-summary {flex-basis:100%}