/* MTYP UI refresh — 2026-07-14
   Shared visual layer for the existing server-rendered workbenches.
   It deliberately leaves routes, Alpine state and API contracts untouched. */

:root{
  --mtyp-violet:#6d3df5;
  --mtyp-violet-strong:#5b21e8;
  --mtyp-indigo:#5168ea;
  --mtyp-green:#0f9f55;
  --mtyp-ink:#111827;
  --mtyp-muted:#667085;
  --mtyp-line:#e4e7ec;
  --mtyp-soft:#f7f5ff;
  --mtyp-bg:#f8f9ff;
  --mtyp-card:#ffffff;
  --mtyp-radius:14px;
  --mtyp-shadow:0 12px 34px rgba(74,46,150,.07);
}

body[data-ui-refresh="20260714"]{
  background:
    radial-gradient(circle at 12% 8%,rgba(124,58,237,.055),transparent 30rem),
    radial-gradient(circle at 92% 18%,rgba(16,185,129,.045),transparent 30rem),
    linear-gradient(180deg,#fff 0%,var(--mtyp-bg) 100%)!important;
  color:var(--mtyp-ink);
  font-family:"Microsoft YaHei UI","PingFang SC","Segoe UI",system-ui,-apple-system,sans-serif;
}

body[data-ui-refresh="20260714"] .main-content{
  width:100%!important;
  margin-left:0!important;
  padding:4.2rem clamp(1rem,2.7vw,2.75rem) 3rem!important;
}

body[data-ui-refresh="20260714"] .std-page,
body[data-ui-refresh="20260714"] .std-page-narrow{
  width:100%!important;
  max-width:1560px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

body[data-ui-refresh="20260714"] .sidebar{
  min-height:3.55rem!important;
  padding:.4rem clamp(.65rem,1vw,1rem)!important;
  gap:.28rem!important;
  border-bottom:1px solid #e8eaf0!important;
  box-shadow:0 8px 26px rgba(15,23,42,.055)!important;
}

body[data-ui-refresh="20260714"] .nav-brand{
  width:2.45rem!important;
  min-width:2.45rem!important;
}
body[data-ui-refresh="20260714"] .nav-brand-logo{width:2.1rem;height:2.1rem}
body[data-ui-refresh="20260714"] .top-nav{gap:.06rem!important}
body[data-ui-refresh="20260714"] .nav-trigger{
  min-height:2.2rem!important;
  padding:.44rem .56rem!important;
  font-size:.84rem!important;
  border-radius:8px!important;
}
body[data-ui-refresh="20260714"] .nav-status-chip,
body[data-ui-refresh="20260714"] .nav-chip-btn,
body[data-ui-refresh="20260714"] .nav-account .account-card{
  min-height:2.2rem!important;
  border-radius:8px!important;
  font-size:.75rem!important;
}

@media(min-width:1081px) and (max-width:1500px){
  body[data-ui-refresh="20260714"] .sidebar{
    min-height:3rem!important;
    padding:.32rem .48rem!important;
    gap:.18rem!important;
  }
  body[data-ui-refresh="20260714"] .nav-brand{
    width:2.25rem!important;
    min-width:2.25rem!important;
  }
  body[data-ui-refresh="20260714"] .nav-brand-logo{width:1.95rem;height:1.95rem}
  body[data-ui-refresh="20260714"] .top-nav{
    flex-wrap:nowrap!important;
    gap:.02rem!important;
  }
  body[data-ui-refresh="20260714"] .nav-trigger{
    min-height:2rem!important;
    gap:.18rem!important;
    padding:.35rem .4rem!important;
    font-size:.76rem!important;
    border-radius:7px!important;
  }
  body[data-ui-refresh="20260714"] .nav-trigger::after{
    width:.28rem!important;
    height:.28rem!important;
  }
  body[data-ui-refresh="20260714"] .nav-account{
    gap:.16rem!important;
    max-width:19rem!important;
  }
  body[data-ui-refresh="20260714"] .nav-account-actions{gap:.16rem!important}
  body[data-ui-refresh="20260714"] .nav-status-chip,
  body[data-ui-refresh="20260714"] .nav-chip-btn,
  body[data-ui-refresh="20260714"] .nav-account .account-card{
    min-height:2rem!important;
    padding:.28rem .36rem!important;
    border-radius:7px!important;
    font-size:.7rem!important;
  }
  body[data-ui-refresh="20260714"] .main-content{padding-top:1rem!important}
}

@media(max-width:1080px){
  body[data-ui-refresh="20260714"] .main-content{padding-top:1rem!important}
  body[data-ui-refresh="20260714"] .sidebar:not(.nav-open) > .nav-account{display:none!important}
  body[data-ui-refresh="20260714"] .sidebar.nav-open > .nav-account{display:flex!important}
}

body[data-ui-refresh="20260714"] input,
body[data-ui-refresh="20260714"] textarea,
body[data-ui-refresh="20260714"] select{
  min-height:2.75rem;
  border-radius:10px!important;
  border-color:#d9dde7!important;
  font-size:.91rem!important;
  line-height:1.45;
}
body[data-ui-refresh="20260714"] textarea{min-height:7rem}
body[data-ui-refresh="20260714"] input:focus,
body[data-ui-refresh="20260714"] textarea:focus,
body[data-ui-refresh="20260714"] select:focus{
  border-color:#8b5cf6!important;
  box-shadow:0 0 0 3px rgba(109,61,245,.12)!important;
}

body[data-ui-refresh="20260714"] button,
body[data-ui-refresh="20260714"] .btn,
body[data-ui-refresh="20260714"] .std-action,
body[data-ui-refresh="20260714"] .s-btn,
body[data-ui-refresh="20260714"] .jm-btn,
body[data-ui-refresh="20260714"] .lf-btn,
body[data-ui-refresh="20260714"] .tr-btn{
  min-height:2.65rem;
  border-radius:10px!important;
  font-weight:850;
}
body[data-ui-refresh="20260714"] button:focus-visible,
body[data-ui-refresh="20260714"] a:focus-visible,
body[data-ui-refresh="20260714"] input:focus-visible,
body[data-ui-refresh="20260714"] select:focus-visible,
body[data-ui-refresh="20260714"] textarea:focus-visible{
  outline:3px solid rgba(109,61,245,.22)!important;
  outline-offset:2px;
}

body[data-ui-refresh="20260714"] .std-gradient-hero{
  max-width:1280px;
  border-radius:8px;
  margin-bottom:16px;
  padding:20px 24px;
  background:linear-gradient(112deg,#6d3df5 0%,#7151ee 52%,#4f6ee8 100%);
  box-shadow:0 10px 28px rgba(79,70,229,.16);
}
body[data-ui-refresh="20260714"] .std-gradient-hero h1{font-size:30px}

body[data-ui-refresh="20260714"] :is(
  .hub-section,.command-main,.command-side,.li-card,.ra-card,.s-card,.pr-card,
  .uc-card,.uc-panel,.lpw-section,.pp-main,.pp-pools,.pw-card,.rw-entry-step,
  .tr-panel,.tr-card,.jm-panel,.lf-card,.lf-panel,.video-panel,.profile-panel,
  .pdf-flow-board,.recharge-panel,.checkout-steps,.recharge-top
){
  border-color:var(--mtyp-line)!important;
  border-radius:var(--mtyp-radius)!important;
  box-shadow:var(--mtyp-shadow)!important;
}

/* Workbench: one clear entry, followed by the next action and the workflow map. */
body[data-page="home"] .hub-shell{gap:1.1rem!important}
body[data-page="home"] .hub-page-intro{padding:.3rem .15rem .25rem}
body[data-page="home"] .hub-page-intro h1{
  margin:0;color:#17134f;font-size:clamp(2rem,4vw,3.25rem);line-height:1.12;font-weight:950;
}
body[data-page="home"] .hub-page-intro p{margin:.55rem 0 0;color:var(--mtyp-muted);font-size:1.12rem}
body[data-page="home"] .hub-command{grid-template-columns:1fr!important}
body[data-page="home"] .command-main{padding:1.6rem 1.7rem!important;background:#fff!important}
body[data-page="home"] .hub-start-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-bottom:1rem}
body[data-page="home"] .hub-start-steps span{display:flex;align-items:center;gap:.5rem;min-height:2.8rem;padding:.55rem .7rem;border:1px solid var(--mtyp-line);border-radius:11px;background:#fff;color:#667085;font-weight:850}
body[data-page="home"] .hub-start-steps b{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border-radius:50%;background:#f1efff;color:var(--mtyp-violet);flex:none}
body[data-page="home"] .hub-start-steps .active{border-color:#b7a4ff;color:var(--mtyp-violet);background:#faf9ff}
body[data-page="home"] .hub-start-steps .active b{background:var(--mtyp-violet);color:#fff}
body[data-page="home"] .command-main::before{display:none!important}
body[data-page="home"] .launch-form{max-width:none!important;margin-top:0!important;padding:.65rem!important;border-radius:13px!important}
body[data-page="home"] .launch-input{min-height:3.8rem!important;font-size:1.03rem!important}
body[data-page="home"] .launch-btn{
  min-width:17rem;min-height:3.8rem!important;border-radius:11px!important;
  background:linear-gradient(110deg,var(--mtyp-violet),#6047eb)!important;font-size:1rem!important;
}
body[data-page="home"] .command-mini-actions{margin-top:1rem!important}
body[data-page="home"] .command-mini-actions a{min-height:2.55rem!important;border-radius:10px!important;padding:.55rem .85rem!important}
body[data-page="home"] .command-side{grid-template-columns:9rem minmax(0,1fr) 9rem minmax(0,1fr);align-items:center;padding:1rem 1.15rem!important}
body[data-page="home"] .command-side .side-title{display:block}
body[data-page="home"] .command-side .side-title span{display:inline-flex;margin-top:.35rem}
body[data-page="home"] .resume-actions{display:none!important}
body[data-page="home"] .workflow-stage{grid-template-columns:12.5rem minmax(0,1fr)!important}
body[data-page="home"] .node-card{min-height:7rem!important}

/* Literature import: one numbered route, guidance secondary, inputs primary. */
body[data-page="lit-transform"] .li-page{max-width:1560px!important}
body[data-page="lit-transform"] .li-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:.85rem}
body[data-page="lit-transform"] .li-page-head h1{margin:0;font-size:2rem;color:var(--mtyp-ink)}
body[data-page="lit-transform"] .li-page-head p{margin:.35rem 0 0;color:var(--mtyp-muted);font-size:1rem}
body[data-page="lit-transform"] .li-stepbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin:.8rem 0 1rem}
body[data-page="lit-transform"] .li-stepbar span{display:flex;align-items:center;gap:.55rem;padding:.7rem .8rem;border:1px solid var(--mtyp-line);border-radius:11px;background:#fff;color:#475467;font-weight:800}
body[data-page="lit-transform"] .li-stepbar b{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border-radius:50%;background:#f1efff;color:var(--mtyp-violet);flex:none}
body[data-page="lit-transform"] .li-stepbar .active{border-color:#b7a4ff;background:#faf9ff;color:var(--mtyp-violet)}
body[data-page="lit-transform"] .li-stepbar .active b{background:var(--mtyp-violet);color:#fff}
body[data-page="lit-transform"] .li-guidance{border:1px solid var(--mtyp-line);border-radius:12px;background:#fff;margin-bottom:1rem}
body[data-page="lit-transform"] .li-guidance summary{padding:.9rem 1rem;color:#344054;font-weight:850}
body[data-page="lit-transform"] .li-guidance .li-source-grid{padding:0 1rem 1rem}
body[data-page="lit-transform"] .li-card{padding:1.2rem!important}
body[data-page="lit-transform"] .li-actions button:first-child,
body[data-page="lit-transform"] .li-action-row button:last-child{background:var(--mtyp-violet)!important;color:#fff!important;border-color:var(--mtyp-violet)!important}

/* Review workbenches: full-width single column, progressive disclosure. */
body[data-page^="review-studio"] .ra-wrap{max-width:1560px!important}
body[data-page^="review-studio"] .ra-grid{display:flex!important;flex-direction:column!important}
body[data-page^="review-studio"] .ra-card{padding:1.45rem!important}
body[data-page^="review-studio"] .ra-card h2{text-align:left!important;font-size:1.5rem!important}
body[data-page^="review-studio"] .ra-step-head{margin:1.15rem 0 .75rem!important}
body[data-page^="review-studio"] .ra-step-num{background:var(--mtyp-violet)!important}
body[data-page^="review-studio"] .ra-advanced-toggle{background:#fff!important;border-color:var(--mtyp-line)!important;color:#344054!important}
body[data-page^="review-studio"] .ra-advanced-panel{background:#fafbff!important;border-color:var(--mtyp-line)!important}
body[data-page^="review-studio"] .ra-go{background:linear-gradient(110deg,var(--mtyp-violet),#584ee8)!important;min-height:3.55rem!important}

body[data-page="peer-review"] .pr-page{max-width:1560px!important}
body[data-page="peer-review"] .pr-page>.flex:first-of-type{border-radius:12px!important}
body[data-page="peer-review"] .pr-card{padding:1.2rem!important}
body[data-page="peer-review"] button{min-height:2.65rem}

/* User center: summary first, secondary administration lower on the page. */
body[data-page="user-center"] .std-page{max-width:1560px!important}
body[data-page="user-center"] .uc-hero{border-radius:16px!important;box-shadow:var(--mtyp-shadow)!important}
body[data-page="user-center"] .uc-grid,
body[data-page="user-center"] .uc-layout{gap:1rem!important}

/* Literature pool: accordion-like numbered workflow with a full-width active stage. */
body[data-page="literature-pool"] .lpw-page{max-width:1560px!important}
body[data-page="literature-pool"] .lpw-page-title{margin-bottom:1rem;padding:1.45rem 1.55rem;border-radius:0;background:linear-gradient(110deg,#7740ec,#5268e8);color:#fff}
body[data-page="literature-pool"] .lpw-page-title h1{margin:0;font-size:2rem}
body[data-page="literature-pool"] .lpw-page-title p{margin:.35rem 0 0;color:rgba(255,255,255,.82)}
body[data-page="literature-pool"] .lpw-workflow{gap:.7rem!important}
body[data-page="literature-pool"] .lpw-section-head{min-height:4.1rem;padding:1rem 1.15rem!important}
body[data-page="literature-pool"] .lpw-section-title b{font-size:1.08rem!important}
body[data-page="literature-pool"] .lpw-section-body{padding:1.15rem!important}
body[data-page="literature-pool"] .lpw-step-number{background:var(--mtyp-violet)!important;color:#fff!important}

/* Personal papers: reclaim width from the old permanent sidebar. */
body[data-page="papers"] .std-page{max-width:1560px!important}
body[data-page="papers"] .pp-workspace{display:block!important}
body[data-page="papers"] .pp-pools{position:static!important;max-height:none!important;margin-bottom:.8rem!important;overflow:visible!important}
body[data-page="papers"] .pp-pool-list{display:flex!important;gap:.45rem!important;overflow-x:auto!important;padding-bottom:.25rem}
body[data-page="papers"] .pp-pool-item{flex:0 0 auto;min-width:11rem}
body[data-page="papers"] .pp-filter-grid{grid-template-columns:minmax(15rem,1.25fr) repeat(3,minmax(10rem,1fr))!important}
body[data-page="papers"] .pp-table-wrap{border:1px solid var(--mtyp-line);border-radius:13px;background:#fff}
body[data-page="papers"] .pp-table{min-width:980px!important}
body[data-page="papers"] .pp-table th{background:#faf9ff!important;color:#4c3a78!important}

/* Writing tools: larger step bars and focused active stage. */
body[data-page="paper-writing-v2"] .pw-page,
body[data-page="research-writing-polish"] .tr-page,
body[data-page="research-writing-journal-match"] .jm-page,
body[data-page="research-writing-latex-format"] .lf-page{max-width:1560px!important}
body[data-page="paper-writing-v2"] .pw-grid{grid-template-columns:1fr!important}
body[data-page="paper-writing-v2"] .pw-card{padding:1.25rem!important}
body[data-page="research-writing-polish"] .tr-layout{grid-template-columns:minmax(17rem,21rem) minmax(0,1fr)!important}
body[data-page="research-writing-polish"] .tr-stepbar,
body[data-page="research-writing-journal-match"] .jm-steps,
body[data-page="research-writing-latex-format"] .lf-stepbar{gap:.65rem!important}
body[data-page="research-writing-polish"] .tr-step,
body[data-page="research-writing-journal-match"] .jm-step,
body[data-page="research-writing-latex-format"] .lf-step{min-height:4rem!important;border-radius:12px!important}
body[data-page="research-writing-journal-match"] .jm-step.active,
body[data-page="research-writing-latex-format"] .lf-step.active{border-color:#9b87f5!important;background:#f7f5ff!important;box-shadow:0 0 0 2px rgba(109,61,245,.08)!important}
body[data-page="research-writing-journal-match"] .jm-btn.blue,
body[data-page="research-writing-journal-match"] .jm-btn.primary,
body[data-page="research-writing-latex-format"] .lf-btn.primary{background:var(--mtyp-violet)!important;border-color:var(--mtyp-violet)!important;color:#fff!important}

/* Video: creation starts with upload; long production rules remain secondary. */
body[data-page="video-create"] .video-shell,
body[data-page="video-projects"] .video-shell{max-width:1560px!important}
body[data-page="video-create"] .video-shell{display:flex;flex-direction:column}
body[data-page="video-create"] .video-create-title{margin-bottom:1rem;text-align:center;padding:1.35rem;border-radius:15px;background:linear-gradient(110deg,#7740ec,#5268e8);color:#fff}
body[data-page="video-create"] .video-create-title h1{margin:0;font-size:2rem}
body[data-page="video-create"] .video-create-title p{margin:.4rem 0 0;color:rgba(255,255,255,.82)}
body[data-page="video-create"] .video-create-title{order:0}
body[data-page="video-create"] .video-quota-panel{order:1}
body[data-page="video-create"] .video-create-steps{order:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:0 0 1rem;padding:.9rem 1rem;border:1px solid var(--mtyp-line);border-radius:14px;background:#fff}
body[data-page="video-create"] .video-create-steps span{display:flex;align-items:center;justify-content:center;gap:.55rem;color:#667085;font-weight:850}
body[data-page="video-create"] .video-create-steps b{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border-radius:50%;background:#eef0f4;color:#667085}
body[data-page="video-create"] .video-create-steps .active{color:var(--mtyp-violet)}
body[data-page="video-create"] .video-create-steps .active b{background:var(--mtyp-violet);color:#fff}
body[data-page="video-create"] .video-create-form-panel{order:3;padding:1.25rem!important}
body[data-page="video-create"] #videoCreateForm{display:flex;flex-direction:column;gap:1rem}
body[data-page="video-create"] #videoCreateForm>.drop-zone{order:1}
body[data-page="video-create"] #videoCreateForm>.form-grid{order:2}
body[data-page="video-create"] #videoCreateForm>.style-cover{order:3}
body[data-page="video-create"] #videoCreateForm>.delivery-list{order:4}
body[data-page="video-create"] #videoCreateForm>div[x-show="error"]{order:5}
body[data-page="video-create"] #videoCreateForm>.flex.flex-wrap{order:6}
body[data-page="video-create"] .video-profile-panel{order:4}
body[data-page="video-create"] .pdf-flow-board,
body[data-page="video-create"] .profile-panel{box-shadow:none!important}
body[data-page="video-create"] .pdf-flow-board{order:5}
body[data-page="video-create"] .video-create-toolbar{order:6}
body[data-page="video-create"] .primary-action{min-height:3.15rem!important;background:var(--mtyp-violet)!important;border-color:var(--mtyp-violet)!important;color:#fff!important}
body[data-page="video-projects"] .video-project-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}
body[data-page="video-projects"] .video-project-head h1{margin:0;font-size:2.15rem}
body[data-page="video-projects"] .video-project-head p{margin:.35rem 0 0;color:var(--mtyp-muted)}
body[data-page="video-projects"] .video-project-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:1rem;border:1px solid var(--mtyp-line);border-radius:14px;background:#fff}
body[data-page="video-projects"] .video-status-tabs{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}
body[data-page="video-projects"] .video-status-tabs button{min-height:2.7rem;padding:.55rem 1rem;border:1px solid transparent;border-radius:10px;background:#fff;color:#344054;font-weight:800}
body[data-page="video-projects"] .video-status-tabs button.active{background:var(--mtyp-violet);color:#fff;border-color:var(--mtyp-violet)}
body[data-page="video-projects"] .video-project-query{display:grid;grid-template-columns:minmax(17rem,1.5fr) minmax(9rem,.7fr);gap:.65rem;min-width:min(36rem,55%)}
body[data-page="video-projects"] .video-project-query input,
body[data-page="video-projects"] .video-project-query select{min-height:2.7rem;border:1px solid var(--mtyp-line);border-radius:10px;background:#fff;padding:.55rem .75rem;color:#344054}
body[data-page="video-projects"] .video-error-state{min-height:25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.75rem}
body[data-page="video-projects"] .video-error-state h2{margin:0;color:var(--mtyp-ink);font-size:1.4rem}
body[data-page="video-projects"] .video-error-state p{margin:0;color:var(--mtyp-muted);max-width:34rem}
body[data-page="video-projects"] .video-error-state button{padding:.65rem 1.1rem;border:1px solid #9b87f5;background:#fff;color:var(--mtyp-violet)}

/* Recharge: decision flow first, side panels below. */
body[data-page="recharge"] .recharge-shell{max-width:1560px!important}
body[data-page="recharge"] .recharge-layout{grid-template-columns:1fr!important}
body[data-page="recharge"] .recharge-balance{border-radius:14px!important}
body[data-page="recharge"] .checkout-steps{padding:1rem 1.2rem!important}
body[data-page="recharge"] .plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body[data-page="recharge"] .primary-pay-btn{min-height:3.15rem!important;background:linear-gradient(110deg,var(--mtyp-violet),#514fe5)!important}

/* Public landing: lighter, wider, with one dominant CTA and low-density proof cards. */
body.mtyp-public-landing{background:#fff;color:var(--mtyp-ink)}
body.mtyp-public-landing .topbar{min-height:4.65rem;padding:.65rem clamp(1.2rem,3vw,3rem);background:rgba(255,255,255,.96);border-bottom:1px solid #e8eaf0;box-shadow:0 8px 22px rgba(15,23,42,.04)}
body.mtyp-public-landing .hero{min-height:34rem;padding:5rem clamp(2rem,4vw,4rem) 2.7rem;align-items:flex-start;background:radial-gradient(circle at 12% 32%,rgba(124,58,237,.11),transparent 28rem),radial-gradient(circle at 88% 40%,rgba(16,185,129,.1),transparent 27rem),#fff}
body.mtyp-public-landing .hero-inner{max-width:1560px}
body.mtyp-public-landing .hero h1{font-size:clamp(3rem,6vw,5rem);max-width:75rem;color:#0f172a;letter-spacing:-.035em}
body.mtyp-public-landing .hero-copy{max-width:69rem;font-size:1.18rem;color:#667085}
body.mtyp-public-landing .hero-actions .btn{min-height:3.2rem;padding:.75rem 1.35rem;border-radius:10px}
body.mtyp-public-landing .hero-actions .btn.primary{background:linear-gradient(110deg,#6d3df5,#4324dc);border-color:#5b21e8;color:#fff;min-width:15rem}
body.mtyp-public-landing .hero-metrics{max-width:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
body.mtyp-public-landing .hero-metrics .metric{padding:1rem 1.1rem;border-radius:13px;min-height:5.8rem}
body.mtyp-public-landing .hero-metrics .metric:nth-child(n+5){display:none}
body.mtyp-public-landing .ckm-showcase .wrap,
body.mtyp-public-landing .band .wrap{max-width:1560px}

/* Public content library: real thumbnails, generous cards, compact filters. */
body.mtyp-content-library .site-frame{max-width:1560px!important}
body.mtyp-content-library .site-hero{border:0;border-radius:0;padding:1rem 0 1.2rem;box-shadow:none}
body.mtyp-content-library .site-title{font-size:2.35rem}
body.mtyp-content-library .site-filter-form{display:grid!important;grid-template-columns:minmax(15rem,1.2fr) repeat(3,minmax(9rem,.72fr)) minmax(10rem,.72fr) auto;gap:.75rem!important;padding:1rem!important;border-radius:14px!important}
body.mtyp-content-library .site-filter-form>input[type="search"],
body.mtyp-content-library .site-filter-form>select{width:100%!important;min-height:2.7rem}
body.mtyp-content-library .site-if-range{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.4rem}
body.mtyp-content-library .site-if-range input{width:100%;min-width:0;min-height:2.7rem}
body.mtyp-content-library .site-filter-form>button{min-height:2.7rem;padding-inline:1.25rem}
body.mtyp-content-library .site-content-grid{gap:1.25rem!important}
body.mtyp-content-library .site-content-card{border-radius:15px!important;box-shadow:0 8px 28px rgba(15,23,42,.055)!important}
body.mtyp-content-library .site-content-card video,
body.mtyp-content-library .site-content-card img{height:16rem!important;background:#eef4ff!important}
body.mtyp-content-library .site-content-card video{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
body.mtyp-content-library .site-content-card:nth-child(odd) video{background-image:url('/static/platform_tutorials/20260615/mtyp_high_quality_literature_pool_20260709.png')!important}
body.mtyp-content-library .site-content-card:nth-child(even) video{background-image:url('/static/platform_tutorials/20260615/mtyp_auto_review_20260708.png')!important}

@media(max-width:1100px){
  body[data-page="home"] .command-side{grid-template-columns:1fr 2fr}
  body[data-page="papers"] .pp-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-page="research-writing-polish"] .tr-layout{grid-template-columns:1fr!important}
  body.mtyp-content-library .site-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:920px){
  body[data-ui-refresh="20260714"] .main-content{padding:1rem .75rem 2rem!important}
  body[data-page="home"] .command-side,
  body[data-page="home"] .workflow-stage{grid-template-columns:1fr!important}
  body[data-page="home"] .launch-form{grid-template-columns:1fr!important}
  body[data-page="home"] .launch-btn{min-width:0;width:100%}
  body[data-page="video-projects"] .video-project-toolbar{align-items:stretch;flex-direction:column}
  body[data-page="video-projects"] .video-project-query{grid-template-columns:1fr;min-width:0;width:100%}
  body[data-page="lit-transform"] .li-stepbar,
  body[data-page="research-writing-journal-match"] .jm-steps,
  body[data-page="research-writing-latex-format"] .lf-stepbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.mtyp-public-landing .hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:640px){
  body[data-page="home"] .hub-start-steps span{justify-content:center;gap:.3rem;padding:.45rem .2rem;font-size:.75rem}
  body[data-page="home"] .hub-start-steps b{width:1.55rem;height:1.55rem}
  body[data-page="papers"] .pp-filter-grid,
  body[data-page="recharge"] .plan-grid,
  body[data-page="lit-transform"] .li-stepbar,
  body.mtyp-content-library .site-filter-form{grid-template-columns:1fr!important}
  body[data-page="video-projects"] .video-project-head,
  body[data-page="lit-transform"] .li-page-head{align-items:flex-start;flex-direction:column}
  body.mtyp-public-landing .hero{padding:2.2rem 1rem}
  body.mtyp-public-landing .hero h1{font-size:2.6rem}
  body.mtyp-public-landing .hero-metrics{grid-template-columns:1fr}
}