/* The existing editorial homepage is shared by desktop and tablets.
   Phones keep their native presentation; no content, permissions or APIs change. */
@media (min-width:600px) {
  /* Remove native grid placement so the DOM keeps the desktop module order. */
  body.zmt-fh-preview-page .zmt-fh.fh-ed-active .fh-core > :is(#zmt-fh-workbench,.fh-learning-pair) { grid-column:1 / -1!important;grid-row:auto!important;order:0!important; }
  body.zmt-fh-preview-page .zmt-fh.fh-ed-active .fh-core { grid-template-columns:minmax(0,1fr)!important; }
  .zmt-fh .fh-technique-filters button::after { content:none!important; }
  .zmt-fh .fh-technique-filters button[aria-pressed=true] { background:#f8eeea!important;border:1px solid #d7b5a5!important;border-radius:8px; }
  /* Complete selected surfaces replace the former single-edge accent. */
  .zmt-fh.fh-ed-active #zmt-fh-workbench .fh-ed-wb-stage::after { content:none; }
  .zmt-fh.fh-ed-active #zmt-fh-workbench .fh-ed-wb-stage { border:1px solid transparent;border-radius:8px; }
  .zmt-fh.fh-ed-active #zmt-fh-workbench .fh-ed-wb-stage[aria-selected=true] { border-color:#b7856d;background:#ffffff12; }
}
@media (min-width:600px) and (max-width:1366px) {
  body.zmt-fh-preview-page .guide-shell__launcher[aria-expanded=false] { display:none!important; }
  .zmt-fh .fha-demo-toggle { min-height:44px!important; }
  .zmt-fh .fha-account-toolbar [data-analytics-add] { min-height:44px!important; }
  .zmt-fh :is(.fh-ed-outline-action,.fh-ed-library-nav button,.fh-ed-wb-stage,.fh-ed-wb-tool,.fh-ed-wb-swap,.fh-ed-wb-next,.hg-more,.hg-submit,.hg-tasks button,.fh-ed-read-next,.fh-technique-filter,.fh-technique-filters button,.fh-technique-controls button,.fh-technique-shuffle,.fh-technique-pause,.fha-radar-filter,.fha-subscribe-type,.fha-subscribe-toggle,.fha-type-grid button,.fop-panel-refresh,.fop-panel-all,.fh-ed-resource-filter button,.fh-ed-solution-category-page button,.fh-ed-category-page-button,.fh-wendao-sample,.fh-wendao-quiet,.fh-wendao-quiet-inline,.fh-wendao-category,.fh-wendao-model-choice,.fh-wendao-question-submit) { min-height:44px!important; }
  .zmt-fh :is(.fh-technique-controls button,.fh-technique-filters button,.fh-ed-category-page-button) { min-width:44px; }
  .zmt-fh .fha-pagination button { width:44px!important;height:44px!important;min-width:44px; }
  .zmt-fh.fh-ed-active #fh-ed-wendao :is(.fh-wendao-fold,.fh-wendao-close) { width:44px;height:44px; }
  .zmt-fh.fh-ed-active #zmt-fh-workbench.fh-ed-guide-workstation { height:auto!important;min-height:500px!important;max-height:none!important; }
  .zmt-fh.fh-ed-active #zmt-fh-workbench .fh-ed-wb-stages { gap:6px;flex-wrap:wrap; }
  .zmt-fh.fh-ed-active #zmt-fh-workbench .fh-ed-wb-stage { padding:6px 8px; }
  .zmt-fh.fh-ed-active #zmt-fh-workbench .fh-ed-wb-tools { flex-wrap:wrap; }
  .zmt-fh.fh-ed-active #zmt-fh-workbench .fh-ed-wb-document { min-height:310px!important; }
  .zmt-fh.fh-ed-active #fh-ed-wendao .fh-wendao-header { min-height:44px; }
  .zmt-fh.fh-ed-active #fh-ed-wendao .fh-wendao-workspace { grid-template-rows:auto minmax(0,1fr); }
}

@media (min-width:600px) and (max-width:1023px) {
  .zmt-fh.fh-ed-active :is(.fh-ed-native-row,#zmt-fh-books.is-outcomes,#zmt-fh-skills.fh-ed-technique-showcase,#zmt-fh-opc-base.is-panel-browser),
  .zmt-fh .fh-ed-root :is(.fh-ed-row,#fh-ed-kit) { grid-template-columns:minmax(0,1fr)!important;height:auto!important;min-height:0!important;max-height:none!important;grid-template-rows:auto auto; }
  .zmt-fh .fh-ed-root :is(.fh-ed-entry,.fh-ed-content),
  .zmt-fh.fh-ed-active :is(.fh-ed-native-entry,.fh-ed-native-content) { padding:22px 24px!important;border-right:0; }
  .zmt-fh.fh-ed-active #zmt-fh-workbench.fh-ed-guide-workstation { grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto;min-height:0!important; }
  .zmt-fh.fh-ed-active #zmt-fh-workbench #zmt-fh-guide { border-right:0;padding:20px 24px!important; }
  .zmt-fh.fh-ed-active #zmt-fh-workbench #zmt-fh-guide .hg-intro { display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:18px; }
  .zmt-fh.fh-ed-active #zmt-fh-workbench #zmt-fh-guide :is(.hg-character,.hg-orbit) { width:100px;height:100px; }
  .zmt-fh.fh-ed-active #zmt-fh-workbench #zmt-fh-guide .hg-form { margin-top:8px; }
  .zmt-fh.fh-ed-active #zmt-fh-workbench #zmt-fh-guide .hg-form textarea { min-height:64px; }
  .zmt-fh.fh-ed-active #zmt-fh-workbench .fh-ed-wb-workspace { padding:22px 24px!important; }
  .zmt-fh.fh-ed-active #zmt-fh-workbench .fh-ed-wb-heading-copy { display:block; }
  .zmt-fh.fh-ed-active #zmt-fh-workbench .fh-ed-wb-title { font-size:26px; }
  .zmt-fh.fh-ed-active #zmt-fh-workbench .fh-ed-wb-stage { font-size:14px; }
  .zmt-fh.fh-ed-active #zmt-fh-workbench .fh-ed-wb-tool { font-size:13px; }
  .zmt-fh.fh-ed-active #zmt-fh-workbench .fh-ed-wb-document { min-height:340px!important; }

  .zmt-fh.fh-ed-active #zmt-fh-books.is-outcomes .fh-ed-read-entry { position:relative;min-height:220px;padding:24px!important; }
  .zmt-fh.fh-ed-active #zmt-fh-books.is-outcomes :is(.fh-ed-read-title,.fh-ed-read-intro,.fh-ed-read-outputs) { max-width:calc(100% - 230px); }
  .zmt-fh.fh-ed-active #zmt-fh-books.is-outcomes .fh-ed-read-art { position:absolute;right:18px;top:16px;width:210px;height:175px;margin:0; }
  .zmt-fh.fh-ed-active #zmt-fh-books.is-outcomes .fh-ed-read-actions { margin-top:18px; }
  .zmt-fh.fh-ed-active #zmt-fh-books.is-outcomes .fh-ed-read-content { padding:22px 24px!important; }
  .zmt-fh.fh-ed-active #zmt-fh-books.is-outcomes .fh-ed-read-list { min-height:400px;grid-template-rows:repeat(2,minmax(190px,auto)); }
  .zmt-fh.fh-ed-active #zmt-fh-books.is-outcomes .outcome-card { height:auto;min-height:190px; }
  .zmt-fh.fh-ed-active #zmt-fh-books.is-outcomes .outcome-body { grid-template-columns:minmax(0,1fr) 74px; }
  .zmt-fh.fh-ed-active #zmt-fh-books.is-outcomes .outcome-footer { min-height:32px; }
  .zmt-fh.fh-ed-active #zmt-fh-skills .fh-ed-native-entry { position:relative;min-height:208px; }
  .zmt-fh.fh-ed-active #zmt-fh-skills .fh-techniques-heading { max-width:calc(100% - 190px); }
  .zmt-fh.fh-ed-active #zmt-fh-skills .fh-techniques-art { position:absolute;right:24px;top:26px;width:170px;height:125px;margin:0; }
  .zmt-fh.fh-ed-active #zmt-fh-skills .fh-techniques-footer { margin-top:15px; }
  .zmt-fh.fh-ed-active #zmt-fh-skills .fh-technique-list { min-height:340px;grid-template-rows:repeat(2,minmax(155px,auto)); }

  .zmt-fh.fh-ed-active .fh-ed-row-solutions .fh-ed-entry { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 24px; }
  .zmt-fh.fh-ed-active .fh-ed-row-solutions .fh-ed-entry> :is(.fh-ed-entry-kicker,.fh-ed-entry-title,.fh-ed-entry-desc) { grid-column:1; }
  .zmt-fh.fh-ed-active .fh-ed-row-solutions .fh-ed-library-nav { grid-column:2;grid-row:1 / span 3;margin:0; }
  .zmt-fh.fh-ed-active .fh-ed-row-solutions .fh-ed-entry-bottom { padding-top:0; }
  .zmt-fh.fh-ed-active .fh-ed-row-solutions .fh-ed-solution-categories { grid-column:1 / -1; }
  .zmt-fh.fh-ed-active .fh-ed-row-solutions .fh-ed-feature-grid { min-height:300px; }
  .zmt-fh.fh-ed-active .fh-ed-row-download .fh-ed-resource-art { height:120px!important;margin:12px 0!important; }
  .zmt-fh.fh-ed-active .fh-ed-row-download .fh-ed-resource-nav { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .zmt-fh.fh-ed-active .fh-ed-row-download .fh-ed-resource-nav strong { font-size:13px; }
  .zmt-fh.fh-ed-active .fh-ed-row-download .fh-ed-resource-nav small { font-size:11px; }
  .zmt-fh.fh-ed-active .fh-ed-row-download .fh-ed-resource-body { min-height:370px; }
  .zmt-fh.fh-ed-active .fh-ed-row-download :is(.fh-ed-resource-file-grid,.fh-ed-resource-sop-grid) { grid-template-rows:repeat(4,minmax(62px,auto)); }
  .zmt-fh.fh-ed-active .fh-ed-row-download :is(.fh-ed-resource-read-grid,.fh-ed-resource-map-view) { min-height:370px; }
  .zmt-fh.fh-ed-active #fh-ed-kit .fh-ed-kit-art { height:95px; }
  .zmt-fh.fh-ed-active #fh-ed-kit .fh-ed-kit-nav { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .zmt-fh.fh-ed-active #fh-ed-kit .fh-ed-kit-grid { min-height:340px; }
  .zmt-fh.fh-ed-active #zmt-fh-opc-base.has-opc-features .fop-entries { grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0; }
  .zmt-fh.fh-ed-active #zmt-fh-opc-base.has-opc-features .fop-content { height:540px; }
  .zmt-fh.fh-ed-active #zmt-fh-opc-base.has-opc-features .fop-founder-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }

  .zmt-fh.fh-ed-active #fh-ed-wendao { grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;height:auto; }
  .zmt-fh.fh-ed-active #fh-ed-wendao .fh-wendao-entry { padding:22px 24px!important;border-right:0; }
  .zmt-fh.fh-ed-active #fh-ed-wendao .fh-wendao-art { flex:none;height:110px;min-height:110px;margin:6px 0 10px; }
  .zmt-fh.fh-ed-active #fh-ed-wendao .fh-wendao-tabs { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .zmt-fh.fh-ed-active #fh-ed-wendao .fh-wendao-tabs button { min-height:62px;padding:8px; }
  .zmt-fh.fh-ed-active #fh-ed-wendao .fh-wendao-tabs strong { font-size:14px; }
  .zmt-fh.fh-ed-active #fh-ed-wendao .fh-wendao-tabs small { font-size:11px; }
  .zmt-fh.fh-ed-active #fh-ed-wendao .fh-wendao-workspace { padding:20px 24px!important; }
  .zmt-fh.fh-ed-active #fh-ed-wendao .fh-wendao-panel { grid-template-rows:minmax(260px,auto) auto; }
  .zmt-fh.fh-ed-active #fh-ed-wendao .fh-wendao-composer { min-height:155px; }
  .zmt-fh.fh-ed-active #fh-ed-wendao .fh-wendao-people { grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(66px,1fr)); }
  .zmt-fh.fh-ed-active #fh-ed-wendao .fh-wendao-person-copy strong { font-size:14px; }
  .zmt-fh.fh-ed-active #fh-ed-wendao .fh-wendao-person-copy small { font-size:11px; }
  .zmt-fh.fh-ed-active #fh-ed-wendao :is(.fh-wendao-model-card,.fh-wendao-life-domain) { min-height:76px; }
  .zmt-fh.fh-ed-active #fh-ed-wendao :is(.fh-wendao-model-card,.fh-wendao-life-domain) strong { font-size:14px; }
  .zmt-fh.fh-ed-active #fh-ed-wendao :is(.fh-wendao-model-card,.fh-wendao-life-domain) small { font-size:11px; }
}
@media (min-width:600px) and (max-width:767px) {
  /* Narrow tablets keep every feature, with room to read and enter a question. */
  .zmt-fh.fh-ed-active #fh-ed-wendao .fh-wendao-panel { grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto; }
  .zmt-fh.fh-ed-active #fh-ed-wendao .fh-wendao-center { min-height:280px; }
  .zmt-fh.fh-ed-active #fh-ed-wendao .fh-wendao-composer { min-height:220px; }
  .zmt-fh.fh-ed-active #fh-ed-wendao .fh-wendao-composer textarea { min-height:96px; }
}