/* Editorial refinement — quieter, sharper, more book-like. */
:root{
  --paper:#f4f1ea;
  --paper-deep:#ebe5da;
  --ink:#171612;
  --soft:#6f6a62;
  --faint:#aaa298;
  --line:#d8d1c6;
  --warm:#8b4637;
  --literary-rule:rgba(23,22,18,.12);
}

html{background:var(--paper)}
body{
  background:var(--paper);
  color:var(--ink);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

/* --- mast/navigation ---------------------------------------------------- */
nav{
  min-height:3.85rem;
  justify-content:flex-end;
  gap:1.65rem;
  padding:.9rem max(1.35rem,calc((100vw - 70rem)/2));
  background:rgba(244,241,234,.92);
  border-bottom:1px solid rgba(23,22,18,.055);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
nav::before{
  content:"JODOIARY";
  margin-right:auto;
  font-family:var(--serif);
  font-size:.72rem;
  letter-spacing:.18em;
  color:var(--ink);
}
nav a,nav button{
  position:relative;
  padding:.15rem 0 .3rem;
  border:0!important;
  color:var(--soft);
  font-size:.63rem;
  font-weight:400;
  letter-spacing:.12em;
}
nav a::after,nav button::after{
  content:"";
  position:absolute;
  left:0;right:100%;bottom:0;
  height:1px;
  background:var(--ink);
  transition:right .18s ease;
}
nav a:hover::after,nav button:hover::after,
nav a.on::after,nav button.on::after{right:0}
nav a.on,nav button.on{color:var(--ink)}

body[data-jodo-view="home"] main,
body[data-jodo-view="shelf"] main,
body[data-jodo-view="feed"] main,
body[data-jodo-view="coledit"] main,
body[data-jodo-view="bookmanage"] main{
  max-width:70rem;
  padding-left:1.7rem;
  padding-right:1.7rem;
}

/* --- home: a quiet editorial opening, not a dashboard ------------------ */
body[data-jodo-view="home"] .literary-home-intro,
body[data-jodo-view="home"] .literary-home-poem,
body[data-jodo-view="home"] .literary-home-note{display:none!important}

body[data-jodo-view="home"] .masthead{
  position:relative;
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  min-height:69vh;
  margin:0;
  padding:5.2rem 0 5.4rem;
  border:0;
  text-align:left;
  align-items:center;
}
body[data-jodo-view="home"] .masthead::before{
  content:"POETRY · BOOKS · 2026";
  position:absolute;
  top:1.6rem;left:0;
  font-family:var(--sans);
  font-size:.52rem;
  letter-spacing:.18em;
  color:var(--faint);
}
body[data-jodo-view="home"] .masthead h1{
  grid-column:1 / 4;
  align-self:start;
  margin-top:4.5rem;
  max-width:none;
  font-size:1.18rem;
  line-height:1.5;
  font-weight:400;
  letter-spacing:.19em;
  writing-mode:vertical-rl;
}
.literary-home-kicker{display:none!important}

body[data-jodo-view="home"] .literary-hero-book{
  grid-column:5 / 13;
  display:grid;
  grid-template-columns:minmax(190px,270px) minmax(0,1fr);
  gap:clamp(2rem,5vw,5rem);
  align-items:end;
  width:100%;
}
.literary-hero-cover{
  position:relative;
  aspect-ratio:2/3;
  overflow:hidden;
  border:1px solid rgba(23,22,18,.12);
  background:var(--paper-deep);
  box-shadow:none;
}
.literary-hero-cover::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);
}
.literary-hero-cover img{width:100%;height:100%;object-fit:cover;display:block}
.literary-hero-copy{padding-bottom:.2rem}
.literary-hero-label{
  display:block;
  margin:0 0 1.45rem;
  color:var(--warm);
  font-family:var(--sans);
  font-size:.52rem;
  letter-spacing:.19em;
  text-transform:uppercase;
}
.literary-hero-copy strong{
  display:block;
  max-width:10ch;
  font-size:clamp(2.3rem,4.5vw,4rem);
  font-weight:400;
  line-height:1.18;
  letter-spacing:.035em;
}
.literary-hero-copy em{
  display:block;
  max-width:26rem;
  margin-top:1.1rem;
  color:var(--soft);
  font-size:.8rem;
  font-style:normal;
  line-height:1.8;
  letter-spacing:.05em;
}
.literary-hero-meta{
  display:block;
  margin-top:2.4rem;
  color:var(--faint);
  font-family:var(--sans);
  font-size:.55rem;
  letter-spacing:.13em;
}

body[data-jodo-view="home"] .literary-home-books{
  margin:0!important;
  padding:4.8rem 0 2rem;
  border-top:1px solid var(--literary-rule);
}
body[data-jodo-view="home"] .literary-home-books>h3{
  margin:0 0 3rem!important;
  color:var(--ink)!important;
  font-family:var(--serif)!important;
  font-size:.78rem!important;
  font-weight:400!important;
  letter-spacing:.13em!important;
}

/* --- bookshelf ---------------------------------------------------------- */
.literary-shelf-layout{display:block!important}
.literary-shelf-intro{
  min-height:0;
  margin:2.6rem 0 3.3rem;
  padding:0 0 1.15rem;
  border-bottom:1px solid var(--literary-rule);
}
.literary-shelf-intro>span,
.literary-shelf-intro p{display:none!important}
.literary-book-grid,
.shelf.literary-home-shelf{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:4.8rem clamp(1.4rem,3vw,2.7rem);
  align-items:start;
}
.literary-book-grid .shelfcard,
.shelf.literary-home-shelf .shelfcard{
  display:flex;
  flex-direction:column;
  gap:.18rem;
  min-width:0;
  transition:transform .24s ease;
}
.literary-book-grid .shelfcard:hover,
.shelf.literary-home-shelf .shelfcard:hover{transform:translateY(-4px)}
.literary-book-grid .shelfcard img,
.shelf.literary-home-shelf .shelfcard img,
.literary-book-grid .bookstrip,
.shelf.literary-home-shelf .bookstrip{
  width:100%;
  aspect-ratio:2/3;
  margin:0 0 1.2rem;
  object-fit:cover;
  border:1px solid rgba(23,22,18,.1);
  border-radius:0;
  box-shadow:none!important;
  background:var(--paper-deep);
}
.literary-book-grid .shelfcard .ct,
.shelf.literary-home-shelf .shelfcard .ct{
  font-size:1rem;
  line-height:1.55;
  font-weight:400;
  letter-spacing:.06em;
}
.literary-book-grid .shelfcard .cs,
.shelf.literary-home-shelf .shelfcard .cs{
  margin-top:.18rem;
  color:var(--soft);
  font-size:.68rem;
  line-height:1.65;
  letter-spacing:.035em;
}
.literary-book-meta{
  margin-top:.45rem;
  color:var(--faint);
  font-family:var(--sans);
  font-size:.53rem;
  letter-spacing:.11em;
}
.literary-draft-label{
  order:2;
  margin:.2rem 0 .12rem;
  color:var(--warm);
  font-family:var(--sans);
  font-size:.5rem;
  letter-spacing:.14em;
}
.shelfcard.new.literary-new-book-home{display:none!important}
.shelfcard.new.literary-new-book{
  display:inline-flex!important;
  width:auto!important;
  min-height:0!important;
  margin-left:auto;
  padding:.2rem 0 .3rem!important;
  border:0!important;
  border-bottom:1px solid var(--ink)!important;
  border-radius:0!important;
  background:none!important;
  color:var(--ink);
  font-family:var(--sans);
  font-size:.6rem;
  letter-spacing:.1em;
}

/* --- poem archive ------------------------------------------------------- */
body[data-jodo-view="feed"] .sect-head{
  max-width:51rem;
  margin:4.3rem auto 4rem;
  padding-bottom:1rem;
  border-bottom:1px solid var(--literary-rule);
}
body[data-jodo-view="feed"] .sect-head h1,
body[data-jodo-view="feed"] .sect-head h2{
  font-size:1rem;
  font-weight:400;
  letter-spacing:.16em;
}
.board.literary-poem-index{max-width:51rem;margin:0 auto;border-top:0}
.board.literary-poem-index .bh{display:none}
.board.literary-poem-index .bitem{
  padding:2rem 0 2.15rem;
  border-bottom:1px solid rgba(23,22,18,.09);
}
.board.literary-poem-index .brow{gap:1.6rem}
.board.literary-poem-index .btl{
  font-size:1.18rem;
  font-weight:400;
  letter-spacing:.055em;
}
.literary-excerpt{
  display:block;
  max-width:35rem;
  margin-top:.82rem;
  color:var(--soft);
  font-size:.84rem;
  line-height:1.95;
  white-space:pre-line;
}
.literary-book-badge{
  margin-top:.75rem!important;
  color:var(--faint)!important;
  font-family:var(--sans)!important;
  font-size:.51rem!important;
  letter-spacing:.08em!important;
}
.board.literary-poem-index .bmore.literary-manage-button{
  display:inline-flex!important;
  width:1.6rem;height:1.6rem;
  align-items:center;justify-content:center;
  color:var(--faint);
  font-size:.7rem;
}
.literary-owner-actions{display:inline-flex;gap:.35rem;align-items:center;margin-top:.55rem}
.literary-bind-button{display:none!important}

/* --- book opening / title spread --------------------------------------- */
.cover.literary-cover{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:2.2rem;
  align-items:center;
  width:min(66rem,100%);
  min-height:73vh;
  padding:4.8rem 0 7rem;
  text-align:left;
}
.cover.literary-cover img{
  grid-column:1 / 5;
  grid-row:1 / 8;
  width:100%;
  max-width:none;
  max-height:none;
  aspect-ratio:2/3;
  margin:0;
  object-fit:cover;
  border:1px solid rgba(23,22,18,.11);
  box-shadow:none;
}
.cover.literary-cover .eyebrow,
.cover.literary-cover h1,
.cover.literary-cover .sub,
.cover.literary-cover .literary-cover-meta,
.cover.literary-cover .literary-preface-excerpt{
  grid-column:6 / 12;
}
.cover.literary-cover .eyebrow{
  align-self:end;
  margin-bottom:.7rem;
  color:var(--warm);
  font-size:.5rem;
  letter-spacing:.18em;
}
.cover.literary-cover h1{
  margin:0;
  font-size:clamp(2.5rem,5vw,4.8rem);
  font-weight:400;
  line-height:1.12;
  letter-spacing:.035em;
}
.cover.literary-cover .sub{
  margin-top:.8rem;
  color:var(--soft);
  font-size:.78rem;
  line-height:1.8;
  letter-spacing:.055em;
}
.cover.literary-cover .literary-cover-meta{
  margin-top:1.7rem;
  font-size:.53rem;
}
.literary-preface-excerpt{
  max-width:27rem;
  margin-top:3.3rem;
  padding-top:1.2rem;
  border-top:1px solid var(--literary-rule);
  color:var(--soft);
  font-size:.78rem;
  line-height:2;
  white-space:pre-line;
}
.literary-book-edit{
  position:absolute!important;
  top:1.3rem!important;right:0!important;
  padding:.25rem 0 .3rem!important;
  border:0!important;
  border-bottom:1px solid var(--ink)!important;
  border-radius:0!important;
  background:none!important;
  color:var(--ink)!important;
  font-size:.58rem!important;
  letter-spacing:.1em!important;
}

/* --- contents ----------------------------------------------------------- */
.contents.literary-contents{
  max-width:38rem;
  margin:4.5rem auto 7rem;
}
.contents.literary-contents>li:not(.literary-chapter-toc){
  position:relative;
  border-bottom:1px solid rgba(23,22,18,.07);
}
.contents.literary-contents button{
  padding:1rem .1rem;
  font-size:.92rem;
  letter-spacing:.055em;
}
.contents .literary-chapter-toc{
  display:grid!important;
  grid-template-columns:2.6rem minmax(0,1fr)!important;
  gap:.8rem!important;
  margin-top:2.4rem;
  padding:1.1rem 0 .65rem!important;
  border-top:1px solid var(--ink)!important;
  border-bottom:0!important;
}
.contents .literary-chapter-toc span{color:var(--warm)!important;font-size:.49rem!important;letter-spacing:.13em!important}
.contents .literary-chapter-toc strong{font-size:.82rem!important;font-weight:400!important;letter-spacing:.12em!important}
.literary-toc-excerpt{color:var(--faint);font-size:.72rem;line-height:1.75}

/* --- poem reading ------------------------------------------------------- */
.poem.literary-poem{
  width:min(34rem,calc(100vw - 3rem));
  max-width:34rem;
  margin:5rem auto 7rem;
}
.poem.literary-poem .head{
  margin-bottom:3.9rem;
  text-align:left;
}
.poem.literary-poem h1,
.poem.literary-poem h2{
  font-size:1.36rem;
  font-weight:400;
  letter-spacing:.1em;
}
.poem.literary-poem .pw{margin-top:.8rem;font-size:.54rem;letter-spacing:.12em}
.poem.literary-poem .bd{
  font-size:1.01rem;
  line-height:2.42;
  letter-spacing:.006em;
}
.prose{max-width:34rem;margin:5rem auto 7rem}
.prose h2{text-align:left;color:var(--ink);font-size:.8rem;font-weight:400;letter-spacing:.16em}
.prose .body{font-size:.98rem;line-height:2.35}
.literary-current-chapter{margin-bottom:1.5rem!important}

.rnav.literary-reader-nav{
  left:50%!important;right:auto!important;bottom:1.15rem!important;
  transform:translateX(-50%);
  width:auto!important;
  min-width:min(31rem,calc(100vw - 2rem));
  padding:.5rem .7rem!important;
  gap:.55rem!important;
  border:1px solid rgba(23,22,18,.11);
  border-radius:999px;
  background:rgba(244,241,234,.9)!important;
  box-shadow:0 8px 30px rgba(23,22,18,.07);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.rnav.literary-reader-nav button{
  flex:1;
  padding:.45rem .75rem;
  font-size:.62rem;
  white-space:nowrap;
}
.rnav.literary-reader-nav .pos{
  color:var(--faint);
  font-size:.56rem;
  min-width:3.5rem;
}
.rnav.literary-reader-nav .literary-reader-manage{
  top:auto!important;bottom:3.7rem!important;
  padding:.25rem 0!important;
  border:0!important;border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
}

/* --- chapter title pages ------------------------------------------------ */
body .literary-chapter-page{
  min-height:72vh!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:5rem 1.5rem 8rem!important;
}
body .literary-chapter-page-inner{
  width:min(38rem,100%)!important;
  padding:0!important;
  text-align:left!important;
}
body .literary-chapter-page-number{
  margin-bottom:2.5rem!important;
  color:var(--warm)!important;
  font-family:var(--sans)!important;
  font-size:.5rem!important;
  letter-spacing:.2em!important;
}
body .literary-chapter-page h1{
  margin:0!important;
  max-width:12ch;
  font-size:clamp(2.5rem,6vw,5rem)!important;
  font-weight:400!important;
  line-height:1.16!important;
  letter-spacing:.025em!important;
}
body .literary-chapter-page-description{
  max-width:28rem!important;
  margin:2.5rem 0 0!important;
  padding-top:1.2rem;
  border-top:1px solid var(--literary-rule);
  color:var(--soft)!important;
  font-size:.82rem!important;
  line-height:2!important;
  white-space:pre-line;
}
body .literary-chapter-nav{
  left:50%!important;right:auto!important;bottom:1.15rem!important;
  transform:translateX(-50%);
  width:auto!important;
  min-width:min(31rem,calc(100vw - 2rem));
  padding:.5rem .7rem!important;
  border:1px solid rgba(23,22,18,.11)!important;
  border-radius:999px!important;
  background:rgba(244,241,234,.9)!important;
  box-shadow:0 8px 30px rgba(23,22,18,.07)!important;
  backdrop-filter:blur(14px);
}

/* --- collection editing ------------------------------------------------- */
body[data-jodo-view="coledit"] .sect-head{
  max-width:none;
  margin:3.2rem 0 3.4rem;
  padding-bottom:1rem;
  border-bottom:1px solid var(--literary-rule);
}
body[data-jodo-view="coledit"] .sect-head h2{
  font-size:.8rem;
  font-weight:400;
  letter-spacing:.15em;
}
body[data-jodo-view="coledit"] .coverform{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:2.8rem;
  row-gap:2.45rem;
  align-items:start;
}
body[data-jodo-view="coledit"] .coverform>div:nth-child(1),
body[data-jodo-view="coledit"] .coverform>div:nth-child(2),
body[data-jodo-view="coledit"] .coverform>fieldset,
body[data-jodo-view="coledit"] .coverform>div:nth-child(4),
body[data-jodo-view="coledit"] .coverform>div:nth-child(5),
body[data-jodo-view="coledit"] .coverform>div:nth-child(7){grid-column:1 / 8}
body[data-jodo-view="coledit"] .coverform>div:nth-child(6){
  grid-column:9 / 13;
  grid-row:1 / 7;
  position:sticky;
  top:6.2rem;
}
body[data-jodo-view="coledit"] .coverform label,
body[data-jodo-view="coledit"] .bookstatus legend{
  display:block;
  margin:0 0 .72rem;
  color:var(--faint);
  font-family:var(--sans);
  font-size:.55rem;
  font-weight:400;
  letter-spacing:.15em;
}
body[data-jodo-view="coledit"] .coverform input:not([type=file]){
  padding:.25rem 0 .7rem;
  border:0;
  border-bottom:1px solid rgba(23,22,18,.16);
  border-radius:0;
  font-size:1.15rem;
  line-height:1.6;
}
body[data-jodo-view="coledit"] .coverform textarea{
  min-height:10rem!important;
  padding:1.1rem 1.15rem;
  border:1px solid rgba(23,22,18,.1);
  border-radius:0;
  background:rgba(255,255,255,.22);
  font-size:.92rem;
  line-height:2.05;
}
body[data-jodo-view="coledit"] .coverform input:focus,
body[data-jodo-view="coledit"] .coverform textarea:focus{border-color:var(--ink);outline:none}
body[data-jodo-view="coledit"] .coverform input[type=file]{
  width:100%;
  padding:.65rem 0;
  color:var(--soft);
  font-family:var(--sans);
  font-size:.62rem;
}
body[data-jodo-view="coledit"] .coverform>div:nth-child(6) img{
  display:block;
  width:min(100%,260px);
  max-height:none;
  margin:1rem 0 1.1rem;
  aspect-ratio:2/3;
  object-fit:cover;
  border:1px solid rgba(23,22,18,.1);
}
body[data-jodo-view="coledit"] .coverform .row{
  display:flex;
  justify-content:flex-start;
  gap:1.2rem;
  padding-top:.7rem;
}

.bookstatus{
  margin:0;
  padding:0;
  border:0;
}
.bookstatus-select{
  position:absolute!important;
  width:1px!important;height:1px!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.bookstatus-options{
  display:grid;
  grid-template-columns:1fr 1fr;
  max-width:22rem;
  border-bottom:1px solid rgba(23,22,18,.14);
}
.bookstatus-option{
  position:relative;
  padding:.65rem .15rem .75rem;
  color:var(--faint);
  font-size:.67rem;
  letter-spacing:.08em;
  text-align:left;
}
.bookstatus-option::after{
  content:"";
  position:absolute;
  left:0;right:100%;bottom:-1px;
  height:1px;
  background:var(--ink);
  transition:right .18s ease;
}
.bookstatus-option.on{color:var(--ink)}
.bookstatus-option.on::after{right:0}
.bookstatus .hint{max-width:30rem;margin-top:.75rem;color:var(--faint);font-size:.61rem;line-height:1.7}

/* --- collection management --------------------------------------------- */
.managebar{
  display:flex;
  justify-content:flex-start;
  gap:1.4rem;
  margin:0 0 2.6rem;
  padding:1rem 0;
  border-top:1px solid var(--literary-rule);
  border-bottom:1px solid var(--literary-rule);
}
.managebar .tbtn,
.literary-info-edit{
  padding:.2rem 0 .3rem;
  border:0;
  color:var(--soft);
  font-size:.61rem;
  letter-spacing:.09em;
}
.managebar .tbtn:hover,.literary-info-edit:hover{color:var(--ink)}
body .literary-chapter-manager{
  margin:3rem 0 3.5rem!important;
  padding:2rem 0!important;
  border-top:1px solid var(--literary-rule)!important;
  border-bottom:1px solid var(--literary-rule)!important;
}
body .literary-chapter-head h3{font-size:.82rem!important;font-weight:400!important;letter-spacing:.12em!important}
body .literary-chapter-head p{max-width:34rem;color:var(--faint)!important;font-size:.62rem!important}
body .literary-chapter-edit-row{
  grid-template-columns:2rem minmax(0,1.2fr) minmax(10rem,.8fr) auto!important;
  gap:1rem!important;
  padding:1rem 0!important;
  border-top:1px solid rgba(23,22,18,.07)!important;
}
body .literary-chapter-fields{display:grid;gap:.55rem}
body .literary-chapter-title-input,
body .literary-chapter-description-input,
body .literary-chapter-start{
  border-radius:0!important;
  background:transparent!important;
}
body .literary-chapter-description-input{min-height:4.6rem!important;padding:.65rem!important}

.literary-drag-hint{
  margin:.3rem 0 1rem;
  color:var(--faint);
  font-family:var(--sans);
  font-size:.58rem;
  letter-spacing:.04em;
}
.orderlist.literary-drag-order{border-top:1px solid var(--literary-rule)}
.orderlist.literary-drag-order li{
  position:relative;
  min-height:3.7rem;
  padding:.8rem 0;
  gap:.8rem;
  border-bottom:1px solid rgba(23,22,18,.07);
  transition:opacity .15s ease,background .15s ease;
}
.orderlist.literary-drag-order li.is-dragging{opacity:.42;background:rgba(23,22,18,.025)}
.literary-drag-handle{
  display:inline-flex!important;
  width:1.6rem;
  color:var(--faint)!important;
  font-family:var(--sans);
  font-size:.7rem!important;
  letter-spacing:-.2em;
  cursor:grab!important;
  touch-action:none;
  user-select:none;
}
.literary-drag-handle:active{cursor:grabbing!important;color:var(--ink)!important}
.orderlist .t{font-size:.88rem;letter-spacing:.055em}
.orderlist button{color:var(--faint);font-size:.6rem}
.orderlist button:hover{color:var(--ink)}

.btn{
  border:0;
  border-bottom:1px solid var(--ink);
  border-radius:0;
  padding:.28rem 0 .35rem;
  background:none;
  font-size:.64rem;
  letter-spacing:.09em;
}
.btn:hover{background:none;color:var(--warm);border-color:var(--warm)}
.btn.quiet{border-color:var(--faint);color:var(--soft)}
.tbtn{font-size:.62rem;letter-spacing:.08em}

footer{
  margin-top:7rem;
  border-top:1px solid rgba(23,22,18,.07);
  padding-top:2rem;
  opacity:.76;
}

@media(max-width:900px){
  .literary-book-grid,.shelf.literary-home-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-jodo-view="coledit"] .coverform{column-gap:2rem}
}

@media(max-width:760px){
  nav{gap:1.15rem;padding:.8rem 1rem}
  nav::before{font-size:.61rem;letter-spacing:.13em}
  body[data-jodo-view="home"] .masthead{
    display:block;
    min-height:0;
    padding:4.5rem 0 4.3rem;
  }
  body[data-jodo-view="home"] .masthead::before{top:1.1rem}
  body[data-jodo-view="home"] .masthead h1{
    margin:0 0 3.2rem;
    font-size:.82rem;
    letter-spacing:.16em;
    writing-mode:horizontal-tb;
  }
  body[data-jodo-view="home"] .literary-hero-book{
    display:grid;
    grid-template-columns:minmax(115px,37vw) minmax(0,1fr);
    gap:1.6rem;
  }
  .literary-hero-copy strong{font-size:clamp(1.9rem,9vw,3rem)}
  .literary-hero-meta{margin-top:1.45rem}
  body[data-jodo-view="home"] .literary-home-books{padding-top:3.6rem}
  .literary-book-grid,.shelf.literary-home-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.2rem 1rem}

  .cover.literary-cover{
    display:block!important;
    min-height:0;
    width:min(31rem,100%);
    padding:3.2rem 0 6.5rem;
  }
  .cover.literary-cover img{width:min(68vw,250px);margin:0 0 2.7rem}
  .cover.literary-cover h1{font-size:2.45rem}
  .cover.literary-cover .eyebrow{margin-bottom:.8rem}
  .literary-preface-excerpt{margin-top:2.5rem}
  .literary-book-edit{top:.75rem!important}

  .poem.literary-poem{width:min(100%,calc(100vw - 2.4rem));margin-top:3.2rem}
  .poem.literary-poem .head{margin-bottom:3rem}
  .poem.literary-poem .bd{font-size:.98rem;line-height:2.32}

  body[data-jodo-view="coledit"] main{padding-left:1.15rem;padding-right:1.15rem}
  body[data-jodo-view="coledit"] .coverform{display:block!important}
  body[data-jodo-view="coledit"] .coverform>*{margin-bottom:2rem}
  body[data-jodo-view="coledit"] .coverform>div:nth-child(6){position:static}
  body[data-jodo-view="coledit"] .coverform>div:nth-child(6) img{width:min(60vw,220px)}
  .bookstatus-options{max-width:none}

  body .literary-chapter-edit-row{grid-template-columns:1.7rem minmax(0,1fr)!important;gap:.7rem!important}
  body .literary-chapter-start,body .literary-chapter-row-actions{grid-column:2}
  body .literary-chapter-page{padding-left:1.2rem!important;padding-right:1.2rem!important}
  body .literary-chapter-page h1{font-size:clamp(2.2rem,13vw,4rem)!important}
}

@media(max-width:520px){
  nav::before{display:none}
  nav{justify-content:center;gap:1.25rem}
  .literary-book-grid,.shelf.literary-home-shelf{gap:2.8rem .85rem}
  .literary-book-grid .shelfcard .ct,.shelf.literary-home-shelf .shelfcard .ct{font-size:.9rem}
  .literary-hero-copy em{font-size:.68rem;line-height:1.65}
  .rnav.literary-reader-nav,
  body .literary-chapter-nav{min-width:calc(100vw - 1.2rem)!important;bottom:.6rem!important}
}

@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
  .literary-book-grid .shelfcard,
  .shelf.literary-home-shelf .shelfcard,
  nav a::after,nav button::after,
  .bookstatus-option::after{transition:none!important}
}