/* Desk 1.0.33.1 — Compact newsroom workspace for 13-inch displays */
:root{
  --newsroom-preview-bg:#fff4c7;
  --newsroom-preview-surface:#fffdf4;
  --newsroom-preview-line:#eadb98;
}

/* Give the result/preview its own visual territory. */
.story-live-preview.newsroom-preview{
  background:var(--newsroom-preview-bg)!important;
  border:1px solid var(--newsroom-preview-line)!important;
  border-radius:10px;
  padding:10px!important;
  box-shadow:0 1px 0 rgba(23,43,77,.04);
}
.newsroom-preview .preview-kicker{
  color:#705c00;
  margin:0 0 6px;
  font-size:9px;
}
.newsroom-preview .featured-card{
  background:var(--newsroom-preview-surface);
  border-color:var(--newsroom-preview-line);
  margin-bottom:8px;
}
.newsroom-preview .featured-placeholder{
  min-height:92px;
  background:#f7e9b5;
}
.newsroom-preview .featured-card img{
  max-height:210px;
}
.newsroom-preview .featured-card label{
  margin:6px;
  padding:7px 10px;
  font-size:11px;
}
.newsroom-preview .preview-copy{
  background:var(--newsroom-preview-surface);
  padding:12px 15px 3px;
}
.newsroom-preview .preview-copy small{
  font-size:9px;
}
.newsroom-preview .preview-copy h1{
  font-size:23px;
  line-height:1.05;
  margin:5px 0 7px;
}
.newsroom-preview .preview-copy p{
  font-size:12px;
  line-height:1.35;
  margin:0 0 8px;
}
.newsroom-preview article{
  background:var(--newsroom-preview-surface);
  padding:13px 15px;
  line-height:1.45;
  font-size:12px;
}
.newsroom-preview article p{
  margin:.55em 0;
}

/* Compact dual pane: keep both result and editor visible on common 13" screens. */
.story-page{
  padding-top:10px!important;
}
.story-page .breadcrumbs{
  margin-bottom:7px;
  font-size:11px;
}
.story-header{
  margin-bottom:8px!important;
}
.story-header h1{
  font-size:25px!important;
  line-height:1.05!important;
  margin:5px 0!important;
}
.story-header p{
  font-size:12px!important;
  margin:3px 0!important;
}
.language-switch{
  margin:8px 0!important;
  gap:5px!important;
}
.language-switch a{
  padding:6px 9px!important;
  font-size:10px!important;
}

.story-editor-form{
  grid-template-columns:minmax(310px,.78fr) minmax(470px,1.22fr)!important;
  gap:11px!important;
  padding:11px!important;
}
.story-live-preview{
  top:78px!important;
  max-height:calc(100dvh - 92px)!important;
  padding-right:0!important;
  border-right:0!important;
}
.story-fields{
  gap:7px!important;
}
.story-fields label{
  font-size:11px!important;
}
.story-fields input,
.story-fields select,
.story-fields textarea{
  padding:7px 9px!important;
  min-height:34px!important;
  font-size:12px!important;
}
.story-fields textarea[name="pitch"]{
  min-height:48px!important;
}
.story-fields textarea[name="angle"]{
  min-height:58px!important;
}
.story-meta{
  gap:6px 8px!important;
}
.story-fields .visual-editor-toolbar{
  min-height:32px;
  padding:3px 5px!important;
}
.story-fields .visual-editor-toolbar button{
  min-width:27px!important;
  min-height:27px!important;
  padding:3px 6px!important;
  font-size:11px!important;
}
.story-fields .visual-editor-surface,
.story-fields textarea.editor{
  min-height:235px!important;
  max-height:42dvh;
  overflow:auto;
}
.story-fields button.primary{
  padding:8px 12px!important;
  font-size:11px!important;
}

/* Use the two-pane layout longer instead of collapsing too early. */
@media (max-width:900px){
  .story-editor-form{
    grid-template-columns:1fr!important;
  }
  .story-live-preview,.story-fields{
    grid-column:1!important;
    grid-row:auto!important;
  }
  .story-live-preview{
    position:static!important;
    max-height:none!important;
  }
}

/* On compact laptop heights, remove additional vertical waste. */
@media (min-width:901px) and (max-height:850px){
  .story-header p{display:none}
  .newsroom-preview .featured-card img{max-height:165px}
  .newsroom-preview .featured-placeholder{min-height:72px}
  .newsroom-preview .preview-copy h1{font-size:20px}
  .newsroom-preview article{font-size:11px;line-height:1.35}
  .story-fields .visual-editor-surface,
  .story-fields textarea.editor{min-height:190px!important;max-height:34dvh}
}

/* Dark mode remains visually distinct without a glaring yellow panel. */
html[data-theme="dark"]{
  --newsroom-preview-bg:#403a1d;
  --newsroom-preview-surface:#17242b;
  --newsroom-preview-line:#6f6230;
}
html[data-theme="dark"] .newsroom-preview .preview-kicker{color:#f5df78}
html[data-theme="dark"] .newsroom-preview .featured-placeholder{background:#4b4421}

/* Desk TV compact editor: same result-vs-input separation and denser controls. */
.desk-tv .tv-preview,
.tv-workspace .tv-preview,
.tv-editor-preview{
  background:var(--newsroom-preview-bg)!important;
  border-color:var(--newsroom-preview-line)!important;
}
@media (min-width:901px) and (max-height:850px){
  .tv-workspace,.graphic-workspace{gap:10px!important}
  .tv-workspace input,.tv-workspace select,.tv-workspace textarea,
  .graphic-workspace input,.graphic-workspace select,.graphic-workspace textarea{
    padding:7px 9px!important;
    font-size:12px!important;
  }
}