/* Mobile keeps its existing layout; desktop editing centers on the binder. */
.desktop-focus-actions,#desktop-library-close{display:none}
.desktop-tools-panel{display:contents}
@media(min-width:1001px){
 body[data-site-view=studio].binder-focus .app{grid-template-columns:minmax(0,1fr)}
 body[data-site-view=studio].binder-focus .sidebar{display:none}
 body[data-site-view=studio] .workspace{width:100%;max-width:1760px;margin-inline:auto;padding:20px clamp(24px,3vw,56px) 32px}
 body[data-site-view=studio] .topbar{margin-bottom:20px;align-items:center}
 body[data-site-view=studio] .topbar h1,body[data-site-view=studio] .breadcrumb{display:none}
 body[data-site-view=studio] .editor-back-link{margin:0;font-size:13px;min-height:42px;display:inline-flex;align-items:center}
 body[data-site-view=studio] .topbar-actions{gap:10px}
 body[data-site-view=studio] .topbar-actions button{font-size:12px;min-height:42px}
 body[data-site-view=studio].binder-focus .studio{display:block;max-width:1600px;margin:auto}
 body[data-site-view=studio].binder-focus .studio>.binder-panel{width:100%;max-width:1040px;margin-inline:auto}
 body[data-site-view=studio].binder-focus:not(.desktop-library-open) .studio>.catalog-panel{display:none}
 body[data-site-view=studio].binder-focus.desktop-library-open .studio{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,440px);gap:30px;align-items:start}
 body[data-site-view=studio].binder-focus.desktop-library-open .studio>.catalog-panel{display:block;position:sticky;top:20px;max-height:calc(100dvh - 40px);overflow:auto;padding:18px;border:1px solid #35483c;border-radius:10px}
 body[data-site-view=studio] .studio{grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr)}
 body[data-site-view=studio] .binder-panel>.page-stage{padding:22px 24px 26px}
 body[data-site-view=studio] .binder-panel>.page-stage>.binder-page{width:min(100%,var(--desktop-page-width,620px));max-width:none;padding:20px 22px}
 body[data-site-view=studio] #pockets{gap:10px}
 body[data-site-view=studio] .binder-toolbar{padding:18px 22px}
 body[data-site-view=studio] .binder-toolbar h2{font-size:22px}
 body[data-site-view=studio] .binder-description{font-size:13px;line-height:1.6}
 body[data-site-view=studio] .binder-panel .eyebrow{font-size:11px}
 body[data-site-view=studio] .binder-panel>.bp-value-bar{padding:14px 22px;gap:14px}
 body[data-site-view=studio] .bp-binder-value>span{font-size:12px}
 body[data-site-view=studio] .bp-binder-value>strong{font-size:23px}
 body[data-site-view=studio] .bp-binder-value>small,body[data-site-view=studio] .bp-value-progress{font-size:11px}
 body[data-site-view=studio] .binder-panel>.page-controls{padding:14px 20px}
 body[data-site-view=studio] .page-tool-row{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}
 body[data-site-view=studio] .page-primary-tools{gap:9px}
 body[data-site-view=studio] .page-primary-tools #appearance,body[data-site-view=studio] .page-primary-tools #page-overview{font-size:13px;min-height:42px}
 .desktop-focus-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-left:auto}
 .desktop-focus-actions button{min-height:42px;font-size:12px;padding:9px 12px;display:flex;align-items:center;gap:7px}
 #desktop-tools-toggle[aria-expanded=true]{background:#142a1d;border-color:#00c853;color:#a7ffc8}
 #desktop-tools-panel{display:none;background:#0d1310;border-block:1px solid #354b3d;padding:15px 20px}
 .desktop-tools-open #desktop-tools-panel{display:block}
 #desktop-tools-panel #feature-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:0;margin:0 0 18px;background:transparent;border:0}
 #desktop-tools-panel #feature-toolbar>.studio-tool{font-size:12px;min-height:44px;padding:10px}
 #desktop-tools-panel .page-arrange-controls{gap:22px;font-size:13px}
 #desktop-tools-panel .layout-control{gap:9px}
 #desktop-tools-panel .layout-control label{font-size:12px}
 #desktop-tools-panel select{font-size:13px;min-height:42px;padding:8px 11px;max-width:200px}
 #desktop-library-close{display:grid;place-items:center;width:36px;min-height:36px;padding:4px;font-size:24px}
 body:not(.binder-focus) #desktop-library-close{display:none}
 .catalog-heading h2{font-size:22px}
 .catalog-language label,.catalog-advanced label>span,.sort-control,.results-count{font-size:12px}
 .catalog-language select,.catalog-advanced select,.set-filter select,.sort-control select{font-size:13px;min-height:42px}
 .catalog-card-info strong{font-size:14px;line-height:1.4}
 .catalog-card-info>span{font-size:11px;line-height:1.6}
 .card-facts{font-size:11px!important;line-height:1.55!important}
 .catalog-card-info .language-tag,.bp-variant-chip{font-size:10px}
 .catalog-pagination,.catalog-pagination button,.catalog-footer,.coverage{font-size:12px;line-height:1.6}
 .search-field input[type=search]{font-size:15px;min-height:48px}
 .filter-pills button,.art-filter,.art-filter small{font-size:12px}
 .catalog-grid{gap:20px 14px;max-height:65dvh}
 .page-nav,.page-nav-main>span,.page-nav button{font-size:13px}
 .page-nav button{min-height:40px}
 .staging-heading h3{font-size:21px}.staging-heading .button,.staging-actions button{font-size:12px;min-height:40px}
 .staged-card{width:104px}.staged-name{font-size:11px}
 .staging-help,.studio-hint{font-size:12px;line-height:1.7}
 .site-nav>div>a{font-size:13px}.site-page-heading p,.site-panel p,.site-panel li,.site-note{font-size:14px;line-height:1.75}
 .modal p,.modal label,.modal input:not([type=color]),.modal select,.modal textarea,.detail-copy dl{font-size:14px}
 .modal .button,.modal .text-button{font-size:13px}.detail-copy h2{font-size:30px}
 .modal small,.modal .form-grid label>span,.modal .market-links a{font-size:12px;line-height:1.6}
 .detail-provenance,.detail-status,.detail-copy .detail-unavailable{font-size:12px}
}
@media(min-width:1001px) and (max-width:1250px){
 .desktop-focus-actions button{font-size:11px;padding:9px}
 #desktop-tools-panel #feature-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}
 body[data-site-view=studio].binder-focus.desktop-library-open .studio{grid-template-columns:minmax(0,1fr) 350px;gap:20px}
}
@media(max-width:1000px){
 #desktop-tools-panel .page-arrange-controls{padding:12px 18px}
 .binder-panel>.bp-value-bar{padding:11px 13px}
}
@media print{.desktop-focus-actions,#desktop-tools-panel,#desktop-library-close{display:none!important}}