/* Responsive overrides for the guided Gutenberg content workspace. */
@media (max-width: 800px) {
  .sf-seo-content-task h2 {
    font-size: 18px;
  }

  .sf-seo-content-diff-head {
    align-items: stretch;
    flex-direction: column;
  }

  .sf-seo-content-diffs > section > div {
    grid-template-columns: 1fr;
  }
}

.sf-seo-content-editor aside textarea,.sf-seo-content-editor aside input,.sf-seo-content-editor aside select{width:100%;box-sizing:border-box;margin:7px 0;padding:10px;border:1px solid #40546a;border-radius:7px;background:#0f2032;color:#eef6ff}
.sf-seo-content-editor aside hr{margin:20px 0;border:0;border-top:1px solid #24394e}
.sf-seo-patch-toolbar{position:sticky;top:-24px;z-index:2;display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;padding:12px;border:1px solid #c9d2dc;border-radius:8px;background:#fff}
.sf-seo-patch-toolbar button{margin-left:6px;padding:7px 10px;border:1px solid #7658da;border-radius:6px;background:#fff;color:#5036b2}
.sf-seo-content-diffs>section.is-rejected{opacity:.55}.sf-seo-content-diffs>section>label{display:block;margin-bottom:10px;font-weight:800}.sf-seo-content-diffs>section>small{display:block;margin-top:9px;color:#657382}
.sf-seo-content-block>span label{display:inline;text-transform:none}.sf-seo-content-block>span input{display:inline;width:auto;margin:0 4px 0 0;padding:0}
.sf-seo-content-block>select,.sf-seo-content-block>input{width:100%;box-sizing:border-box;margin:0 0 8px;padding:9px;border:1px solid #c5ced7;border-radius:6px;background:#fff;color:#15202b}
.sf-seo-block-links{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.sf-seo-block-links span{padding:4px 7px;border-radius:99px;background:#e9e3ff;color:#5036b2;font-size:11px}
.sf-seo-media{display:grid;grid-template-columns:96px 1fr;gap:8px;margin-bottom:10px}.sf-seo-media-current{grid-row:span 2;height:72px;border:1px solid #ccd5de;border-radius:7px;overflow:hidden;background:#f3f5f7}.sf-seo-media-current img{width:100%;height:100%;object-fit:cover}.sf-seo-media-current span{display:grid;place-items:center;height:100%;font-size:11px;color:#657382}.sf-seo-media select{width:100%;padding:8px;border:1px solid #c5ced7;border-radius:6px}.sf-seo-media small{color:#657382}
@media(max-width:600px){.sf-seo-patch-toolbar{align-items:stretch;flex-direction:column}.sf-seo-patch-toolbar button{margin:3px 3px 0 0}.sf-seo-media{grid-template-columns:72px 1fr}}