/* As I Lay Dying — Illustrated Graphic Edition
   Palette from the graphic-novel style guide: parchment/faded cream, ink,
   dust brown, ochre, storm gray, river green, bruised blue, rust red, amber. */
:root{
  --paper:#ece2c8; --paper-2:#e2d5b4; --ink:#241c12; --ink-2:#3d3122;
  --dust:#6e5638; --ochre:#b28a4e; --rust:#7d3527; --amber:#a86a1f;
  --night:#171310; --night-2:#221c15; --line:#c9b992; --cream:#efe6cf;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --slab:"American Typewriter","Courier New",monospace;
  --text-size:1.05rem; --text-leading:1.7;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}
body{font-family:var(--serif);background:var(--paper);color:var(--ink);line-height:1.65}
body[data-mode="book"]{background:var(--night)}
img{max-width:100%;height:auto;display:block}
button{font-family:inherit;cursor:pointer}
a{color:var(--rust)}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--amber);color:#fff;padding:.6rem 1rem;z-index:400;font-family:var(--slab)}
.skip-link:focus{left:.5rem;top:.5rem}
:is(a,button,input,select,[tabindex]):focus-visible{outline:3px solid var(--amber);outline-offset:2px}

/* topbar */
.topbar{position:sticky;top:0;z-index:100;background:var(--night-2);color:var(--cream);display:flex;align-items:center;gap:1rem;padding:.55rem .95rem;flex-wrap:wrap;border-bottom:1px solid #3c2f21}
.brand{font-family:var(--slab);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cream);text-decoration:none}
.brand span{color:var(--ochre)}
.modes{display:flex;gap:.15rem;flex-wrap:wrap}
.modes a{font-family:var(--slab);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#c9bb9b;text-decoration:none;padding:.35rem .6rem;border-radius:3px;border:1px solid transparent}
.modes a:hover{color:var(--cream);border-color:#4d3d29}
.modes a[aria-current="true"]{background:var(--rust);color:#f5ead3}
.tools{margin-left:auto;display:flex;gap:.45rem}
.tbtn{background:#302619;border:1px solid #4d3d29;color:var(--cream);border-radius:3px;padding:.35rem .65rem;font-family:var(--slab);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}
.tbtn:hover{border-color:var(--ochre)}
.progress{position:absolute;left:0;bottom:-1px;height:3px;background:var(--amber);width:0}
.preview-banner{background:var(--amber);color:#221703;font-family:var(--slab);font-size:.72rem;letter-spacing:.05em;padding:.4rem .9rem;text-align:center}

/* toc drawer */
.tocdrawer{position:fixed;top:0;left:0;bottom:0;width:min(22rem,90vw);background:var(--night-2);color:var(--cream);z-index:300;overflow-y:auto;padding:1rem;border-right:1px solid #3c2f21;box-shadow:0 0 60px rgba(0,0,0,.6)}
.tochead{display:flex;gap:.6rem;margin-bottom:.8rem}
.tochead select{flex:1;background:#151109;color:var(--cream);border:1px solid #4d3d29;border-radius:3px;padding:.45rem;font-family:var(--serif)}
.tocdrawer ol{list-style:none}
.tocdrawer li a{display:flex;gap:.7rem;align-items:center;color:#c9bb9b;text-decoration:none;padding:.3rem .4rem;border-radius:3px;border-left:3px solid transparent}
.tocdrawer li a:hover{background:#2c2318;color:var(--cream)}
.tocdrawer li a[aria-current="true"]{border-left-color:var(--rust);background:#2c2318;color:var(--cream)}
.tocdrawer img{width:64px;height:32px;object-fit:cover;border:1px solid #4d3d29;border-radius:2px;flex-shrink:0}
.tocdrawer .n{font-family:var(--slab);font-size:.66rem;color:#8a7a5c;min-width:1.6em}

/* home */
.home{max-width:64rem;margin:0 auto;padding:2.5rem 1.2rem 4rem}
.home .hero{display:grid;grid-template-columns:1fr;gap:1.4rem;margin-bottom:2.2rem}
.home .hero img{border:1px solid var(--dust);border-radius:3px;box-shadow:0 16px 44px rgba(36,28,18,.35)}
.kicker{font-family:var(--slab);font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:var(--dust)}
.home h1{font-size:clamp(2rem,5vw,3.1rem);letter-spacing:.02em;line-height:1.08;margin:.4rem 0}
.home .byline{font-style:italic;color:var(--dust);margin-bottom:1rem}
.home p.lede{max-width:60ch;margin-bottom:1rem}
.modecards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin:1.6rem 0}
.modecard{display:block;text-decoration:none;color:var(--ink);background:var(--cream);border:1px solid var(--line);border-radius:4px;padding:1.1rem 1.2rem;border-top:4px solid var(--dust)}
.modecard:hover{border-color:var(--dust);box-shadow:0 8px 22px rgba(36,28,18,.18)}
.modecard b{display:block;font-family:var(--slab);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.35rem}
.modecard span{font-size:.9rem;color:var(--ink-2)}
.modecard.m-read{border-top-color:var(--rust)} .modecard.m-book{border-top-color:var(--ink)}
.modecard.m-text{border-top-color:var(--ochre)} .modecard.m-study{border-top-color:#4e6250}
.continue{font-family:var(--slab);font-size:.78rem;letter-spacing:.06em}

/* illustrated (Mode A) */
.reader{max-width:96rem;margin:0 auto;padding:1.4rem 1.2rem 4rem}
.chap-head{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;border-bottom:2px solid var(--ink);padding-bottom:.5rem;margin-bottom:1.2rem}
.chap-head .seq{font-family:var(--slab);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dust)}
.chap-head h1{font-size:clamp(1.6rem,3.4vw,2.3rem);letter-spacing:.12em;text-transform:uppercase}
.chap-head .voicecount{font-style:italic;color:var(--dust);font-size:.9rem}
.chap-head .headtools{margin-left:auto;display:flex;gap:.45rem;flex-wrap:wrap}
.ibtn{background:var(--cream);border:1px solid var(--line);color:var(--ink-2);border-radius:3px;padding:.35rem .65rem;font-family:var(--slab);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}
.ibtn:hover{border-color:var(--dust)}
.parallel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:2rem;align-items:start}
.parallel.swapped .platecol{order:2}
@media(max-width:900px){.parallel{grid-template-columns:1fr}.parallel.swapped .platecol{order:0}}
.platecol{position:sticky;top:4.2rem}
@media(max-width:900px){.platecol{position:static}}
.plate{border:1px solid var(--dust);border-radius:3px;background:var(--night);box-shadow:0 14px 40px rgba(36,28,18,.35);cursor:zoom-in}
.plate.zoomed{cursor:zoom-out}
.plate-caption{font-family:var(--slab);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dust);margin-top:.5rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.prose{font-size:var(--text-size);line-height:var(--text-leading);max-width:42rem}
.prose p{margin-bottom:1.05em}
.pager{display:flex;justify-content:space-between;gap:1rem;margin-top:2.4rem;border-top:2px solid var(--ink);padding-top:1rem;grid-column:1/-1}
.pbtn{background:var(--ink);color:var(--cream);border:0;border-radius:3px;padding:.6rem 1.1rem;font-family:var(--slab);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;display:inline-block}
.pbtn:hover{background:var(--ink-2)}
.pbtn[aria-disabled="true"]{opacity:.35;pointer-events:none}

/* book (Mode B) */
.bookstage{min-height:calc(100vh - 52px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.2rem;color:var(--cream)}
.bookframe{max-width:min(96vw,110rem);width:100%;display:flex;align-items:center;gap:.8rem}
.bookframe img{margin:0 auto;max-height:74vh;width:auto;max-width:100%;border:1px solid #4d3d29;border-radius:2px;box-shadow:0 24px 70px rgba(0,0,0,.75)}
.navarrow{background:none;border:1px solid #4d3d29;color:var(--cream);border-radius:3px;font-size:1.4rem;padding:.9rem .7rem;flex-shrink:0}
.navarrow:hover{border-color:var(--ochre)}
.navarrow:disabled{opacity:.25}
.bookbar{display:flex;gap:.8rem;align-items:center;margin-top:1rem;flex-wrap:wrap;justify-content:center}
.bookbar .counter{font-family:var(--slab);font-size:.78rem;letter-spacing:.14em;color:var(--ochre)}
.textdrawer{position:fixed;top:0;right:0;bottom:0;width:min(34rem,94vw);background:var(--paper);color:var(--ink);z-index:250;overflow-y:auto;padding:1.4rem;box-shadow:-20px 0 60px rgba(0,0,0,.5);border-left:1px solid var(--dust)}
.textdrawer .prose{max-width:none}

/* text edition (Mode C) */
.textedition{max-width:46rem;margin:0 auto;padding:1.6rem 1.2rem 5rem}
.textcontrols{display:flex;gap:.5rem;flex-wrap:wrap;background:var(--cream);border:1px solid var(--line);border-radius:4px;padding:.6rem .8rem;margin-bottom:1.6rem;position:sticky;top:3.4rem;z-index:50}
.textedition .secblock{margin-bottom:2.6rem}
.textedition h2{letter-spacing:.14em;text-transform:uppercase;border-bottom:2px solid currentColor;padding-bottom:.3rem;margin-bottom:.9rem;font-size:1.5rem}
.textedition .secmeta{font-family:var(--slab);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dust);margin-bottom:.4rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.copylink{background:none;border:0;color:var(--dust);font-family:var(--slab);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.copylink:hover{color:var(--rust)}
body.darktext{background:var(--night);color:#ddd2b8}
body.darktext .textedition h2{color:#efe6cf}
body.darktext .textcontrols{background:var(--night-2);border-color:#3c2f21;color:var(--cream)}
body.darktext .textedition .secmeta{color:#9b8a68}
body.darktext .ibtn{background:#302619;border-color:#4d3d29;color:var(--cream)}

/* gallery */
.gallery{max-width:96rem;margin:0 auto;padding:1.6rem 1.2rem 4rem}
.gallery-head{border-bottom:2px solid var(--ink);padding-bottom:.7rem;margin-bottom:1.4rem}
.gallery-head h1{font-size:clamp(1.7rem,3.6vw,2.4rem);letter-spacing:.1em;text-transform:uppercase}
.gallery-head p{color:var(--ink-2);max-width:60ch;margin-top:.3rem}
.gallery-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.1rem}
.gallery-grid a{display:block;text-decoration:none;color:var(--ink);background:var(--night);border:1px solid var(--dust);border-radius:3px;overflow:hidden;box-shadow:0 6px 18px rgba(36,28,18,.28)}
.gallery-grid a:hover{border-color:var(--ochre);box-shadow:0 10px 26px rgba(36,28,18,.45)}
.gallery-grid a:hover img{opacity:.92}
.gallery-grid img{width:100%;height:auto;display:block;background:var(--night)}
.gallery-grid .cap{display:flex;align-items:center;gap:.55rem;font-family:var(--slab);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cream);background:var(--night-2);padding:.5rem .7rem}
.gallery-grid .cap .n{color:var(--ochre);font-weight:bold}

/* student guide (Mode D) — the printed Student Reader's apparatus, on screen */
.study-box{background:var(--cream);border:1px solid var(--line);border-left-width:5px;border-radius:3px;
  padding:.85rem 1.05rem;margin:1.4rem 0;font-size:.92rem;line-height:1.55;color:var(--ink-2);
  box-shadow:2px 3px 0 rgba(36,28,18,.08);max-width:42rem}
.study-box b{font-family:var(--slab);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:.35rem}
.study-box em{font-style:italic}
.sb-notice{border-left-color:var(--ochre)} .sb-notice b{color:var(--amber)}
.sb-character{border-left-color:#3f4a5f} .sb-character b{color:#3f4a5f}
.sb-motif{border-left-color:#4e6250} .sb-motif b{color:#4e6250}
.sb-exit{border-left-color:var(--rust)} .sb-exit b{color:var(--rust)}
.sb-desc{border-left-color:var(--storm);border-style:dashed;box-shadow:none} .sb-desc b{color:var(--storm)}
.platecol .study-box{margin:1rem 0 0;max-width:none}
.dlpage .dlitem{margin-bottom:1rem}
.dlfoot{font-size:.85rem;font-style:italic;color:var(--dust);margin-top:1.4rem}

/* student guide downloads */
.dlpanel{max-width:52rem;margin:3rem auto 0;border-top:2px solid var(--ink);padding-top:1.4rem}
.dlhead{font-family:var(--slab);font-size:.9rem;letter-spacing:.18em;text-transform:uppercase;color:var(--rust);margin-bottom:.5rem}
.dlintro{font-size:.95rem;color:var(--ink-2);max-width:60ch;margin-bottom:1.2rem}
.dlitem{background:var(--cream);border:1px solid var(--line);border-radius:4px;padding:1rem 1.1rem;margin-bottom:.9rem}
.dlrow{display:flex;gap:1.1rem;align-items:flex-start}
.dlbtn{flex-shrink:0;white-space:nowrap}
.dlitem b{font-family:var(--slab);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.dlsize{display:inline-block;margin-left:.6rem;font-family:var(--slab);font-size:.66rem;letter-spacing:.08em;color:var(--dust)}
.dldesc{font-size:.9rem;color:var(--ink-2);margin-top:.25rem}
.dlmeta{margin-top:.6rem;font-size:.84rem;color:var(--ink-2)}
.dlmeta summary{font-family:var(--slab);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dust);cursor:pointer}
.dlmeta p{margin:.45rem 0 0;border-left:3px solid var(--line);padding-left:.7rem}
@media(max-width:640px){.dlrow{flex-direction:column;gap:.5rem}}
/* about */
.about{max-width:46rem;margin:0 auto;padding:2rem 1.2rem 4rem}
.about h1{margin-bottom:1rem}
.about h2{font-family:var(--slab);font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;color:var(--rust);margin:1.6rem 0 .5rem}
.about p,.about li{margin-bottom:.6rem;font-size:.97rem}
.about ul{margin-left:1.2rem}
.citebox{background:var(--paper-2);border:1px dashed var(--dust);padding:.9rem 1rem;font-size:.85rem;font-family:var(--slab)}

/* search */
.search-overlay{position:fixed;inset:0;background:rgba(18,14,9,.82);z-index:350;display:flex;justify-content:center;padding:6vh 1rem}
.search-overlay[hidden],.tocdrawer[hidden],#previewBanner[hidden]{display:none}
.search-panel{background:var(--paper);border-radius:5px;width:min(44rem,100%);max-height:82vh;display:flex;flex-direction:column;padding:1rem;border:1px solid var(--dust)}
.search-row{display:flex;gap:.6rem}
.search-row input{flex:1;font-family:var(--serif);font-size:1.05rem;padding:.6rem .8rem;border:1px solid var(--line);border-radius:3px;background:var(--cream);color:var(--ink)}
.search-row .tbtn{background:var(--cream);color:var(--ink-2);border-color:var(--line)}
.search-hint{font-size:.75rem;color:var(--dust);font-style:italic;margin:.4rem 0 .6rem}
.search-results{list-style:none;overflow-y:auto}
.search-results li{border-bottom:1px solid var(--line);padding:.7rem .2rem}
.search-results .where{font-family:var(--slab);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dust)}
.search-results .excerpt{font-size:.92rem;margin:.25rem 0}
.search-results mark{background:#d9b26a;color:var(--ink)}
.search-results .openin{display:flex;gap:.7rem;font-family:var(--slab);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}
.search-results .openin a{text-decoration:none}

/* ---------- reading tracker (annotations + audio) ---------- */
.jcount{display:inline-block;min-width:1.4em;background:var(--amber);color:#1d1207;border-radius:99px;font-size:.7rem;text-align:center;padding:0 .3em;margin-left:.3em;font-weight:bold}
.para-wrap{position:relative}
.tagbtn{position:absolute;left:-2.4rem;top:.05rem;width:1.8rem;height:1.8rem;border-radius:50%;border:1px solid var(--line);background:var(--paper-2);color:var(--dust);font-size:.9rem;line-height:1;opacity:0;display:flex;align-items:center;justify-content:center}
.para-wrap:hover .tagbtn,.tagbtn:focus-visible{opacity:1}
.tagbtn:hover{color:var(--rust);border-color:var(--rust)}
@media(max-width:700px){.tagbtn{position:static;opacity:.65;width:auto;height:auto;border-radius:3px;padding:.12rem .5rem;font-size:.7rem;font-family:var(--slab);margin-bottom:.25rem}}
body.darktext .tagbtn{background:var(--night-2);border-color:#4d3d29;color:#9b8a68}
.para-tags{display:flex;gap:.35rem;flex-wrap:wrap;margin:-.55em 0 1em}
.chip{font-family:var(--slab);font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;color:#fff;border-radius:2px;padding:.12rem .45rem;border:0;cursor:pointer}
#selpop{position:absolute;z-index:360;background:var(--night-2);border:1px solid #4d3d29;border-radius:4px;padding:.5rem;box-shadow:0 10px 30px rgba(0,0,0,.6);max-width:320px}
#selpop[hidden]{display:none}
#selpop .hint{font-family:var(--slab);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ochre);margin-bottom:.4rem}
#selpop .tags{display:flex;flex-wrap:wrap;gap:.3rem}
dialog{border:1px solid #4d3d29;border-radius:5px;background:var(--paper);color:var(--ink);max-width:640px;width:min(94vw,640px);padding:0;box-shadow:0 30px 80px rgba(0,0,0,.7)}
dialog::backdrop{background:rgba(12,9,6,.75)}
.dlg-head{background:var(--night-2);color:var(--cream);padding:.85rem 1.2rem;display:flex;align-items:center;gap:1rem}
.dlg-head h2{font-family:var(--slab);font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;flex:1;margin:0}
.dlg-close{background:none;border:1px solid #6b5b41;color:var(--cream);border-radius:3px;font-size:1rem;line-height:1;padding:.25rem .55rem}
.dlg-body{padding:1.1rem 1.3rem 1.4rem;max-height:72vh;overflow-y:auto}
.dlg-body .field{margin-bottom:1rem}
.dlg-body .field>label,.optset legend{display:block;font-family:var(--slab);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dust);margin-bottom:.35rem}
.dlg-body textarea,.dlg-body input[type="text"],.dlg-body input:not([type]){width:100%;border:1px solid var(--line);background:#f6efdd;border-radius:3px;padding:.55rem .6rem;font-family:var(--serif);font-size:.95rem;color:var(--ink)}
.dlg-body textarea{min-height:4.6rem;resize:vertical}
.entryloc{font-family:var(--slab);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dust);margin-bottom:.8rem}
.taggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.55rem}
.tagcard{text-align:left;border:1px solid var(--line);border-left-width:6px;background:#f6efdd;border-radius:3px;padding:.55rem .7rem}
.tagcard:hover{background:#efe5cc}
.tagcard[aria-pressed="true"]{background:#e9dcbd;box-shadow:inset 0 0 0 2px var(--ink)}
.tagcard b{display:block;font-family:var(--slab);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.tagcard span{font-size:.78rem;color:var(--ink-2)}
.promptbox{background:var(--paper-2);border-left:4px solid var(--ochre);padding:.7rem .9rem;font-style:italic;font-size:.9rem;margin-bottom:1rem}
.dlg-actions{display:flex;gap:.7rem;justify-content:flex-end;margin-top:1.1rem;flex-wrap:wrap}
.ibtn.primary{background:var(--rust);color:#f5ead3;border-color:#5c261b}
.ibtn.danger{color:var(--rust);border-color:var(--rust)}
.optset{border:1px solid var(--line);border-radius:3px;padding:.6rem .9rem;margin-bottom:1rem}
.opt{display:flex;gap:.55rem;align-items:flex-start;font-size:.9rem;margin:.32rem 0;cursor:pointer}
.opt input{margin-top:.25rem;accent-color:var(--rust);width:auto}
.audiorow{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;margin-bottom:.4rem}
.recbtn.recording{background:var(--rust);color:#f5ead3;border-color:#5c261b;animation:recpulse 1.4s ease-in-out infinite}
@keyframes recpulse{50%{opacity:.65}}
.rectime{font-family:var(--slab);font-size:.8rem;color:var(--rust);font-variant-numeric:tabular-nums}
.audiorow audio{height:2.2rem;max-width:100%}
.privnote{font-size:.76rem;color:var(--dust);font-style:italic}
.minibtn{background:none;border:1px solid var(--line);border-radius:3px;font-family:var(--slab);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .55rem;color:var(--ink-2);cursor:pointer}
.minibtn:hover{border-color:var(--rust);color:var(--rust)}
.jentry{border:1px solid var(--line);border-left-width:6px;border-radius:3px;background:#f6efdd;padding:.75rem .9rem;margin-bottom:.8rem}
.jentry .meta{font-family:var(--slab);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dust);display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:.3rem}
.jentry blockquote{font-style:italic;color:var(--ink-2);margin:.2rem 0 .4rem;font-size:.9rem}
.jentry audio{width:100%;height:2.2rem;margin:.3rem 0}
.jentry .tx{font-size:.86rem;color:var(--ink-2)}
.jentry .tx em{color:var(--dust)}
.jentry .rowbtns{display:flex;gap:.5rem;margin-top:.5rem}
.jempty{font-style:italic;color:var(--dust)}
.lensrow{border:1px solid var(--line);border-left-width:6px;border-radius:3px;background:#f6efdd;padding:.8rem .9rem;margin-bottom:.8rem;display:grid;grid-template-columns:4.6rem 1fr;gap:.8rem}
.lensrow .swatch{width:100%;height:2.6rem;border:1px solid var(--line);border-radius:3px;padding:0;background:none;cursor:pointer}
.lensrow .minibtn{width:100%;text-align:center;margin-top:.5rem}
.lensrow input[type="text"],.lensrow textarea{width:100%;border:1px solid var(--line);background:#fbf6e8;border-radius:3px;padding:.4rem .5rem;font-family:var(--serif);font-size:.9rem;color:var(--ink);margin-bottom:.4rem}
.lensrow textarea{min-height:3rem;resize:vertical}
.lensrow .lbl{font-family:var(--slab);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dust);display:block;margin-bottom:.15rem}
/* plates inside the text edition */
.textedition .secplate{border:1px solid var(--dust);border-radius:3px;margin:0 0 1rem;box-shadow:0 8px 26px rgba(36,28,18,.25)}
@media print{.topbar,.tocdrawer,.search-overlay,.pager,.headtools,.textcontrols,.preview-banner,.tagbtn,#selpop{display:none!important}}
