/* Final layout contract for the editorial shell. Kept last in the CSS order. */
html body .editorial-header{
  --header-paper:#f5f1e8;
  --header-ink:#31483f;
  --header-line:rgba(47,65,56,.1);
  right:0;
  left:0;
  display:flex;
  width:100vw;
  min-width:100%;
  max-width:none;
  margin:0;
  align-items:center;
  justify-content:flex-end;
  padding-inline:clamp(22px,3.2vw,56px);
  overflow:visible;
  border-bottom:1px solid var(--header-line);
  color:var(--header-ink);
  background:var(--header-paper);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  transition:color .58s cubic-bezier(.22,1,.36,1),background-color .58s cubic-bezier(.22,1,.36,1),box-shadow .58s ease,border-color .58s ease;
}
html body .editorial-header-space{display:none}
html body .editorial-header>nav{
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  display:flex;
  width:min(840px,calc(100vw - 330px));
  align-items:center;
  justify-content:space-between;
  gap:0;
  transform:translateX(-50%);
  white-space:nowrap;
}
html body .editorial-header>nav a{
  display:flex;
  height:100%;
  align-items:center;
  padding:0 5px;
  border-radius:0;
  color:var(--header-ink);
  background:transparent!important;
}
html body .editorial-header .editorial-header-actions{position:relative;z-index:2;margin-left:auto}
html body .editorial-header[data-nav-theme="dark"]{
  --header-paper:#07121c;
  --header-ink:#e0d8ca;
  --header-line:rgba(232,224,209,.12);
}
html body .editorial-header[data-nav-transitioning="true"]{will-change:background-color,color,border-color}

.route-color-wash{position:fixed;z-index:950;top:78px;right:0;bottom:0;left:0;pointer-events:none;clip-path:inset(100% 0 0);background:#f5f1e8;will-change:clip-path}
.route-color-wash[data-theme="dark"]{background:#07121c}
.route-color-wash.is-moving{animation:route-color-wash .68s cubic-bezier(.76,0,.24,1) both}
@keyframes route-color-wash{0%{clip-path:inset(100% 0 0)}43%,57%{clip-path:inset(0 0 0)}100%{clip-path:inset(0 0 100%)}}

.editorial-image-wall{column-count:4;column-width:auto;column-fill:balance}

/* Signed-in homepage controls form a real free-scrolling panel. This keeps the
   snap sequence from skipping them and gives every control room below the
   fixed navigation bar. */
.home-owner-console{
  position:relative;
  z-index:2;
  min-height:calc(100svh - 78px);
  padding:clamp(42px,6vh,72px) 0 clamp(64px,8vh,96px);
  scroll-margin-top:78px;
  background:#f5f1e8;
}
.home-owner-console .owner-draft-shelf{margin-top:0;margin-bottom:32px}
.home-owner-console .home-composer{position:relative;margin-top:0}

/* Desktop homepage panels begin closer to the fixed header. The transition
   still lands panel-by-panel, but the content no longer sits near the lower
   edge of the viewport. */
@media(min-width:1121px){
  .editorial-panel{padding-top:42px;padding-bottom:88px}
  .editorial-reference-head{margin-bottom:38px}
  .editorial-research{padding-top:clamp(86px,10vh,118px)}
  .editorial-books{padding:30px 0 58px}
  .editorial-books-toolbar{height:50px}
  .editorial-shelf-layout{min-height:calc(100svh - 166px);align-items:start;padding-top:4px}
  .editorial-shelf-layout aside{align-self:start;padding-top:52px}
  .editorial-shelf-case{grid-template-columns:repeat(4,minmax(0,150px));justify-content:space-between;gap:28px clamp(22px,2.7vw,44px)}
  .editorial-book>.editorial-book-title{font-size:clamp(15px,1.12vw,18px)}
  .editorial-book>div{padding-top:12px}
  .editorial-book>div b{font-size:14px}
  .editorial-moment-feature{min-height:530px;padding-top:clamp(50px,8vh,82px)}
  .editorial-moments-empty{min-height:500px;padding-top:18px}
}

.books-catalog{grid-template-columns:repeat(auto-fill,minmax(150px,190px));justify-content:space-between;gap:58px clamp(24px,3vw,42px)}
.catalog-book{min-width:0}
.catalog-book-0,.catalog-book-2,.catalog-book-3{color:inherit;background:transparent}
.catalog-book-0 .catalog-cover,.catalog-cover.catalog-book-0{background:#586265}
.catalog-book-2 .catalog-cover,.catalog-cover.catalog-book-2{color:#cdbb94;background:#343736}
.catalog-book-3 .catalog-cover,.catalog-cover.catalog-book-3{background:#c8bca2}
.catalog-cover{aspect-ratio:.66;padding:24px 20px 22px 38%;box-shadow:-7px 11px 20px rgba(0,0,0,.28),inset 8px 0 rgba(20,23,22,.12)}
.catalog-cover>span{font-size:clamp(16px,1.25vw,20px)}
.catalog-book-info{min-height:128px;padding-top:17px;border-bottom:1px solid rgba(221,213,197,.11)}
.catalog-book h2{margin:0 0 10px;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.catalog-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#aa9f90;font:10px/1.5 "Songti SC","STSong",serif}
.catalog-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.catalog-meta span:last-child{color:#8c8276;text-align:right}
.catalog-book p{display:-webkit-box;margin-top:10px;min-height:40px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.catalog-book .manage-buttons{margin-top:12px}
.books-empty{grid-column:1/-1;padding:70px 0;border-top:1px solid rgba(221,213,197,.11);color:#b9ae9e}
.books-empty h2{margin:0 0 12px;color:#ddd3c1;font:400 24px "Songti SC","STSong",serif}
.books-empty p{margin:0;font:13px/1.8 "Songti SC","STSong",serif}

@media(max-width:1100px){
  html body .editorial-header{padding-inline:24px}
  html body .editorial-header>nav{display:none}
  html body .editorial-header .editorial-header-actions{margin-left:auto}
  html body .editorial-header .mobile-nav{display:block}
  .books-catalog{grid-template-columns:repeat(auto-fill,minmax(145px,180px));justify-content:start}
  .editorial-image-wall{column-count:3}
}
@media(max-width:760px){
  html body .editorial-header{height:68px;padding-inline:15px}
  .route-color-wash{top:68px}
  .home-owner-console{min-height:calc(100svh - 68px);padding:28px 0 60px;scroll-margin-top:68px}
  .home-owner-console .owner-draft-shelf{margin-bottom:24px}
  .books-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 22px}
  .editorial-image-wall{column-count:2}
}
@media(max-width:430px){.catalog-book-info{min-height:120px}.catalog-meta{align-items:flex-start;flex-direction:column;gap:2px}}
@media(prefers-reduced-motion:reduce){.route-color-wash{display:none}.route-color-wash.is-moving{animation:none}}

/* One visitor-controlled density applies to the whole image wall. */
.material-mosaic-toolbar{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:0;
  margin:8px 0 18px;
  color:#315346;
}
.material-mosaic-toolbar button{
  display:grid;
  min-width:34px;
  height:34px;
  place-items:center;
  padding:0 9px;
  border:1px solid rgba(49,83,70,.2);
  border-radius:0;
  color:inherit;
  background:rgba(250,248,242,.72);
  font:400 12px/1 system-ui,sans-serif;
  cursor:pointer;
  transition:color .16s ease,background-color .16s ease,border-color .16s ease;
}
.material-mosaic-toolbar button:first-of-type{border-radius:999px 0 0 999px}
.material-mosaic-toolbar button:last-of-type{border-radius:0 999px 999px 0}
.material-mosaic-toolbar [data-mosaic-density-label]{
  display:grid;
  min-width:46px;
  height:34px;
  place-items:center;
  border-top:1px solid rgba(49,83,70,.2);
  border-bottom:1px solid rgba(49,83,70,.2);
  color:#315346;
  background:rgba(250,248,242,.72);
  font:400 12px/1 "Songti SC","STSong",serif;
}
.material-mosaic-toolbar button:hover:not(:disabled){background:#edf0e8;border-color:rgba(49,83,70,.42)}
.material-mosaic-toolbar button:focus-visible{position:relative;z-index:2;outline:2px solid #a26b4e;outline-offset:2px}
.material-mosaic-toolbar button:disabled{cursor:default;opacity:.34}
.material-mosaic-toolbar.shell{
  width:calc(100% - 80px);
  max-width:none;
  margin-top:24px;
  margin-bottom:0;
}
.editorial-images .editorial-reference-head{margin-bottom:22px}
.editorial-images .material-mosaic-toolbar{position:relative;width:100%;clear:both;margin-top:0}
.material-mosaic-grid{
  --mosaic-unit:3px;
  --mosaic-gap:10px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-flow:dense;
  grid-auto-rows:auto;
  gap:var(--mosaic-gap);
  column-count:auto!important;
  columns:auto!important;
}
.material-mosaic-grid[data-mosaic-density="small"]{grid-template-columns:repeat(6,minmax(0,1fr))}
.material-mosaic-grid[data-mosaic-density="medium"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.material-mosaic-grid[data-mosaic-density="large"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.material-mosaic-grid[data-mosaic-ready="true"]{grid-auto-rows:var(--mosaic-unit)}
.material-mosaic-item{position:relative;min-width:0;align-self:start}
.material-mosaic-grid .editorial-image,.material-mosaic-grid .material-tile{display:block;width:100%;margin:0;break-inside:auto}
.material-mosaic-grid .editorial-image>div,.material-mosaic-grid .uploaded-material{display:block;width:100%;height:auto;min-height:0}
.material-mosaic-grid img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}
.material-mosaic-grid .material-tile{content-visibility:visible;contain-intrinsic-size:auto;transform:none}
.material-mosaic-grid .material-tile:hover{transform:translateY(-2px)}
.material-mosaic-grid--archive{padding-top:24px}
@media(max-width:1100px){
  .material-mosaic-toolbar.shell{width:calc(100% - 48px)}
  .material-mosaic-grid[data-mosaic-density="small"]{grid-template-columns:repeat(4,minmax(0,1fr))}
  .material-mosaic-grid[data-mosaic-density="medium"]{grid-template-columns:repeat(3,minmax(0,1fr))}
  .material-mosaic-grid[data-mosaic-density="large"]{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .material-mosaic-toolbar.shell{width:calc(100% - 30px)}
  .material-mosaic-toolbar{margin-bottom:14px}
  .material-mosaic-toolbar button{min-width:44px;height:44px}
  .material-mosaic-toolbar [data-mosaic-density-label]{min-width:52px;height:44px}
  .material-mosaic-grid{--mosaic-gap:8px}
  .material-mosaic-grid[data-mosaic-density="small"]{grid-template-columns:repeat(3,minmax(0,1fr))}
  .material-mosaic-grid[data-mosaic-density="medium"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .material-mosaic-grid[data-mosaic-density="large"]{grid-template-columns:repeat(1,minmax(0,1fr))}
}
@media(max-width:430px){
  .material-mosaic-toolbar button{min-width:42px;height:42px}
  .material-mosaic-toolbar [data-mosaic-density-label]{height:42px}
}
@media(prefers-reduced-motion:reduce){
  .material-mosaic-toolbar button,.material-mosaic-grid .material-tile{transition:none!important}
}

/* Natural page navigation: no full-page wipe, progress bar or forced panel turn. */
.route-color-wash,.route-progress,.home-transition-veil{display:none!important}
.page-transition,.page-transition main>section,.page-transition main>.page-head-wrap,.page-transition main>article{animation:none!important}

/* Keep native page changes still and keep the fixed header out of document
   content. The generated markup now uses the same site-content wrapper as the
   Sites application. */
html{scroll-behavior:auto!important;scroll-padding-top:94px}
.public-note{content-visibility:visible;contain-intrinsic-size:none}
.public-note:hover{transform:none;padding-right:4px;padding-left:4px}
.rich-output :is(h1,h2,h3,h4,h5,h6,[id]){scroll-margin-top:94px}

/* Public mirror copy of the shared Sites writing contract. */
.writing-tab,[data-writing-tab="true"]{
  display:inline-block;
  min-inline-size:2em;
  inline-size:2em;
  white-space:pre;
}
.rich-output.rich-output{
  --writing-body-size:17px;
  --writing-body-line-height:2.15;
  --writing-paragraph-gap:18px;
  --writing-h1-size:2em;
  --writing-h1-before:.95em;
  --writing-h1-after:.45em;
  --writing-h2-size:1.55em;
  --writing-h2-before:1.1em;
  --writing-h2-after:.48em;
  --writing-h3-size:1.25em;
  --writing-h3-before:.97em;
  --writing-h3-after:.43em;
  --writing-quote-size:var(--writing-body-size);
  --writing-quote-line-height:var(--writing-body-line-height);
  --writing-quote-margin:18px 0;
  --writing-quote-padding:10px 16px;
  color:#29302c;
  font-family:"Songti SC","STSong",serif;
  font-size:var(--writing-body-size);
  line-height:var(--writing-body-line-height);
}
.rich-output.rich-output>p{
  margin:0 0 var(--writing-paragraph-gap);
  color:inherit;
  font:inherit;
}
.rich-output.rich-output [data-writing-empty-line="true"]{
  min-height:1lh;
  color:transparent;
}
.rich-output.rich-output h1{
  margin:0;
  padding:var(--writing-h1-before) 0 var(--writing-h1-after);
  font-size:var(--writing-h1-size);
  font-weight:600;
  line-height:1.35;
}
.rich-output.rich-output h2{
  margin:0;
  padding:var(--writing-h2-before) 0 var(--writing-h2-after);
  font-size:var(--writing-h2-size);
  font-weight:600;
  line-height:1.42;
}
.rich-output.rich-output h3{
  margin:0;
  padding:var(--writing-h3-before) 0 var(--writing-h3-after);
  font-size:var(--writing-h3-size);
  font-weight:600;
  line-height:1.5;
}
.rich-output.rich-output h2::before{display:none}
.rich-output.rich-output blockquote{
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  margin:var(--writing-quote-margin);
  border-left:3px solid var(--rust,#a26b4e);
  background:#ebece6;
  padding:var(--writing-quote-padding);
  color:#29302c;
  font-family:"Songti SC","STSong",serif;
  font-size:var(--writing-quote-size);
  font-style:normal;
  line-height:var(--writing-quote-line-height);
  overflow-wrap:anywhere;
  word-break:break-word;
  white-space:normal;
}
.rich-output.rich-output blockquote>:first-child{margin-top:0}
.rich-output.rich-output blockquote>:last-child{margin-bottom:0}

@media(max-width:760px){
  html{scroll-padding-top:84px}
  .rich-output :is(h1,h2,h3,h4,h5,h6,[id]){scroll-margin-top:84px}
}
@media(max-width:560px){
  .rich-output.rich-output{
    --writing-body-size:16px;
  }
}

/* Reading uses the homepage paper, ink, green and rust palette throughout. */
.editorial-books{
  color:#2e4038;
  background:radial-gradient(circle at 75% 20%,rgba(255,255,255,.72),transparent 32%),#f5f1e8;
}
.editorial-books::before{
  opacity:.34;
  background-image:repeating-linear-gradient(115deg,rgba(49,83,70,.018) 0,rgba(49,83,70,.018) 1px,transparent 1px,transparent 5px);
}
.editorial-shelf-layout aside h2{color:#315346}
.editorial-shelf-layout aside span{color:#68736d}
.editorial-book:nth-child(n)>.editorial-book-title{
  color:#f5f1e8;
  background:#496558;
  box-shadow:-8px 13px 21px rgba(47,65,56,.16),inset 9px 0 rgba(30,49,40,.14),inset 11px 0 rgba(255,255,255,.06);
}
.editorial-book-cover{box-shadow:-8px 13px 21px rgba(47,65,56,.16)}
.editorial-book>div b{color:#2e4038}
.editorial-book>div p{color:#68736d}

.books-page,.book-detail-page{
  color:#2e4038;
  background:radial-gradient(circle at 82% 8%,rgba(255,255,255,.76),transparent 30%),#f5f1e8;
}
.books-intro{border-color:rgba(47,65,56,.14)}
.books-intro>p{color:#9a5945}
.books-intro h1{color:#315346}
.books-intro>span{color:#68736d}
.books-intro>.inline-add{border-color:#315346;background:#315346}
.catalog-book:nth-child(n) .catalog-cover,
.catalog-cover.catalog-book-0,
.catalog-cover.catalog-book-2,
.catalog-cover.catalog-book-3{
  color:#f5f1e8;
  background:#496558;
}
.catalog-cover{
  color:#f5f1e8;
  background:#496558;
  box-shadow:-7px 11px 20px rgba(47,65,56,.16),inset 8px 0 rgba(30,49,40,.14);
}
.catalog-cover-image{box-shadow:-7px 11px 20px rgba(47,65,56,.16)}
.catalog-book-info{border-color:rgba(47,65,56,.13)}
.catalog-book h2{color:#2e4038}
.catalog-book p,.catalog-meta{color:#68736d}
.catalog-meta span:last-child{color:#8c5544}
.catalog-book .manage-buttons button{color:#315346;border-color:rgba(49,83,70,.34)}
.books-empty{border-color:rgba(47,65,56,.14);color:#68736d}
.books-empty h2{color:#315346}
.book-detail>nav{color:#68736d}
.book-detail .catalog-cover{color:#f5f1e8;box-shadow:-9px 14px 28px rgba(47,65,56,.16)}
.book-detail-cover{box-shadow:-9px 14px 28px rgba(47,65,56,.16)}
.book-detail h1{color:#2e4038}
.book-detail h2{color:#68736d}
.book-deck{color:#596760}
.book-body{color:#43534b;border-color:rgba(47,65,56,.14)}
.book-relations{display:grid;gap:26px;margin-top:48px;padding-top:35px;border-top:1px solid rgba(47,65,56,.14)}
.book-relations>h2{margin:0;color:#315346;font-size:20px}
.book-relations>div{display:grid;gap:0}
.book-relations h3{margin:0 0 7px;color:#7b6459;font-size:10px;font-weight:500;letter-spacing:.12em}
.book-relations a{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid rgba(47,65,56,.1);color:#315346;font:14px/1.6 "Songti SC","STSong",serif}
.book-relations a span{color:#8d9a93}
body:has(.books-page),body:has(.book-detail-page){background:#f5f1e8}
body:has(.books-page) .editorial-footer,body:has(.book-detail-page) .editorial-footer{
  color:#68736d;
  background:#f5f1e8;
  border-color:rgba(47,65,56,.14);
}
body:has(.books-page) .editorial-footer a,body:has(.book-detail-page) .editorial-footer a{color:#315346}

/* The mirror is read at arm's length more often than the authoring site.
   Raise the complete homepage type scale by one restrained step while keeping
   the established composition and responsive breakpoints intact. */
body:has(.editorial-home) .editorial-header nav{font-size:15px}
body:has(.editorial-home) .editorial-header .brand strong{font-size:22px}
body:has(.editorial-home) .editorial-header .brand span{font-size:13px}
body:has(.editorial-home) .editorial-header .mobile-nav>button{font-size:13px}
.editorial-home .editorial-hero-copy .eyebrow{font-size:14px}
.editorial-home .editorial-hero-copy h1{font-size:clamp(46px,3.6vw,60px)}
.editorial-home .editorial-hero-copy>p:not(.eyebrow){font-size:15px}
.editorial-home .editorial-enter{font-size:15px}
.editorial-home .editorial-page-index{font-size:12px}
.editorial-home .editorial-reference-head>span{font-size:15px}
.editorial-home .editorial-reference-head h2{font-size:clamp(36px,3vw,50px)}
.editorial-home #research .editorial-reference-head h2,
.editorial-home #writing .editorial-reference-head h2{font-size:clamp(29px,2vw,31px)}
.editorial-home .editorial-reference-head>a{font-size:13px}
.editorial-home .editorial-project-title small{font-size:12px}
.editorial-home .editorial-project-lead h3{font-size:clamp(40px,3.5vw,56px)}
.editorial-home .editorial-project-description>p{font-size:15px}
.editorial-home .editorial-project-description>div{font-size:12px}
.editorial-home .editorial-project-description>b{font-size:13px}
.editorial-home .editorial-project-names a{font-size:17px}
.editorial-home .editorial-empty{font-size:15px}
.editorial-home .editorial-feature-writing h3{font-size:clamp(38px,3.25vw,54px)}
.editorial-home .editorial-feature-writing time,
.editorial-home .editorial-writing-list time{font-size:12px}
.editorial-home .editorial-feature-writing>p{font-size:15px}
.editorial-home .editorial-feature-writing>span{font-size:13px}
.editorial-home .editorial-writing-list h3{font-size:22px}
.editorial-home .editorial-all-link{font-size:14px}
.editorial-home .editorial-enter-books{font-size:14px}
.editorial-home .editorial-shelf-layout aside p{font-size:27px}
.editorial-home .editorial-shelf-layout aside h2{font-size:clamp(54px,4.7vw,74px)}
.editorial-home .editorial-shelf-layout aside span{font-size:18px}
.editorial-home .editorial-book>.editorial-book-title{font-size:clamp(15px,1.12vw,18px)}
.editorial-home .editorial-book>div b{font-size:14px}
.editorial-home .editorial-moment-feature article>span{font-size:17px}
.editorial-home .editorial-moment-feature article h2,
.editorial-home .editorial-moments-empty h2{font-size:clamp(50px,4.4vw,68px)}
.editorial-home .editorial-moment-feature time{font-size:13px}
.editorial-home .editorial-moment-feature h3{font-size:26px}
.editorial-home .editorial-moment-feature p,
.editorial-home .editorial-moments-empty p{font-size:15px}
.editorial-home .editorial-moment-rows time{font-size:12px}
.editorial-home .editorial-moment-rows p{font-size:14px}
.editorial-home .editorial-image>span b{font-size:15px}
.editorial-home .editorial-image>span small{font-size:9px}
body:has(.editorial-home) .editorial-footer,
body:has(.editorial-home) .editorial-footer-meta{font-size:10px}
body:has(.editorial-home) .editorial-footer strong{font-size:17px}
body:has(.editorial-home) .editorial-footer p,
body:has(.editorial-home) .editorial-footer-links{font-size:12px}

@media(max-width:760px){
  .editorial-home .editorial-hero-copy h1{font-size:39px}
  .editorial-home .editorial-feature-writing h3{font-size:36px}
  .editorial-home .editorial-writing-list h3{font-size:20px}
  .editorial-home .editorial-shelf-layout aside h2{font-size:52px}
  .editorial-home .editorial-book>.editorial-book-title{font-size:16px}
  .editorial-home .editorial-moment-feature article h2,
  .editorial-home .editorial-moments-empty h2{font-size:52px}
}

/* Keep the featured writing comfortably inside laptop screens without moving
   the established wide-monitor baseline or the stacked mobile composition. */
@media(min-width:761px) and (max-width:1440px){
  .editorial-writing-grid{
    grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);
    gap:clamp(52px,6vw,86px);
    padding-left:clamp(28px,4vw,58px);
  }
}

/* The archive header owns search and ordering; cards stay intentionally quiet
   and reveal the rest of a record only after opening its detail page. */
.books-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px}
.books-intro>div:first-child>p{margin:0 0 12px;color:#9a5945}
.books-intro>div:first-child>span{display:block;max-width:620px;color:#68736d}
.books-intro-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-bottom:3px}
.books-tools{display:grid;grid-template-columns:minmax(170px,240px) 112px auto;align-items:center;gap:8px}
.books-tools input,.books-tools select,.books-tools button{
  height:38px;border:1px solid rgba(49,83,70,.24);border-radius:0;background:rgba(255,255,255,.44);
  color:#315346;font:11px/1 "Songti SC","STSong",serif;
}
.books-tools input{width:100%;padding:0 12px}.books-tools select{width:100%;padding:0 9px}.books-tools button{padding:0 15px;cursor:pointer}
.books-intro-actions .inline-add{position:static;padding:11px 15px;border-color:#315346;background:#315346;color:#f5f1e8;white-space:nowrap}
.books-catalog{grid-template-columns:repeat(6,minmax(0,1fr));justify-content:stretch;gap:48px clamp(18px,2.2vw,34px)}
.catalog-book-info{min-height:72px;padding-top:13px}
.catalog-book h2{margin:0 0 6px;font-size:14px}
.catalog-meta{display:block;font-size:9px;line-height:1.55}
.catalog-book-info>p{display:none}
.command-center form{grid-template-columns:auto minmax(0,1fr) 128px auto}
.command-center form select{min-width:0;border:1px solid #d2d7d1;background:#fff;padding:8px;color:var(--ink);font:10px inherit}

@media(max-width:1180px){.books-catalog{grid-template-columns:repeat(4,minmax(0,1fr))}.books-intro{align-items:start}.books-intro-actions{align-items:stretch;flex-direction:column}.books-intro-actions .inline-add{align-self:flex-end}}
@media(max-width:760px){
  .books-intro{grid-template-columns:1fr;gap:24px}.books-intro-actions{align-items:stretch}.books-tools{grid-template-columns:minmax(0,1fr) 108px}.books-tools button{grid-column:1/-1}
  .books-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 20px}.catalog-book h2{font-size:13px}
  .command-center form{grid-template-columns:auto minmax(0,1fr)}.command-center form select{grid-column:2}.command-center form button{grid-column:2}
}