/* Linen hardcovers: text stays live and editable; artwork is decorative only. */
.book{background-image:url('/cover-linen.svg?v=seednotes-mvvklihz-c8cbd505ee'),linear-gradient(100deg,#0002,transparent 7%,#ffffff18 10%,transparent 14%,transparent 92%,#0001);border-radius:7px 13px 13px 7px;box-shadow:inset 1px 0 2px #fff6,inset -2px -2px 3px #0002,3px 4px 0 #e9e3d4,5px 6px 0 #d5d0c2,0 10px 17px #302a2526;padding:28px 28px 24px 30px;isolation:isolate}
.book::before{left:10px;width:5px;background:#0000000b;box-shadow:2px 0 3px #0002,-2px 0 3px #fff3}
.book::after{display:none}.book:hover{transform:translateY(-3px)}
.bookelastic{position:absolute;right:14px;top:0;height:100%;width:7px;background:repeating-linear-gradient(90deg,#0002 0 1px,#ffffff18 1px 2px);background-color:var(--cover);box-shadow:1px 0 2px #0004;border-radius:1px;z-index:3;pointer-events:none}
.book .booklabel{z-index:2}.book strong{overflow-wrap:normal;word-break:normal;hyphens:auto;max-height:none;font-size:clamp(19px,2.25vw,30px);margin:16px 0;font-weight:400}.book small{letter-spacing:1.7px;font-size:8px}.book em{font-size:13px}
.book.sage{--cover:#aab59a;--ink:#2d3b28}.book.midnight,.book.pine{--cover:#233f32;--ink:#f4ebd3}.book.ivory{--cover:#eee7d5;--ink:#45472e}.book.sand{--cover:#cfb99a;--ink:#58432d}
.coverpicture{display:block;background-image:url('/cover-healthcare.png?v=seednotes-mvvklihz-c8cbd505ee');background-size:300% 300%;background-position:var(--art-x) var(--art-y);width:100%;aspect-ratio:1;pointer-events:none}
.book.picturecover .booklabel{height:auto;justify-content:flex-start;align-items:flex-start;text-align:left;position:relative}.book.picturecover .booklabel strong{font-size:clamp(18px,2vw,27px);margin:13px 0 8px}.book.picturecover .booklabel em{font-size:12px}.book.picturecover>.coverpicture{position:absolute;right:22px;bottom:13px;width:58%;max-height:48%;filter:sepia(.4);mix-blend-mode:multiply;opacity:.85;z-index:1}.book.picturecover.midnight>.coverpicture,.book.picturecover.pine>.coverpicture,.book.picturecover.softblack>.coverpicture,.book.picturecover.espresso>.coverpicture,.book.picturecover.charcoal>.coverpicture,.book.picturecover.inkblue>.coverpicture,.book.picturecover.burgundy>.coverpicture,.book.picturecover.plum>.coverpicture,.book.picturecover.teal>.coverpicture,.book.picturecover.moss>.coverpicture{filter:invert(1) sepia(.35);mix-blend-mode:screen;opacity:.8}
.coverform{max-width:850px;max-height:90dvh;overflow:auto}.coverfields{grid-template-columns:minmax(0,1fr) 235px}.coverfields #coverpreview{position:sticky;top:0;align-self:start;width:100%}.coverform .book{height:330px}.coverartgallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:16px 0}.coverartgallery p{grid-column:1/-1;font-size:13px;margin:0 0 5px}.coverartgallery button{min-width:0;padding:7px;background:#faf8f1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ddd9cc;position:relative;min-height:90px}.coverartgallery button[aria-pressed=true]{border:2px solid #355d4b;background:#e8eddf}.coverartgallery .coverpicture{width:60px}.coverartgallery svg{width:60px;height:60px}.coverartgallery button span:last-child:not(.coverpicture){font-size:11px;line-height:1.3}.coveractions{position:sticky;bottom:0;background:#fffdf7;padding:12px 0;flex-wrap:wrap;z-index:4}.coverswatches button{min-width:30px;min-height:30px}
.personalcover{background:none;border:0;padding:0;box-shadow:none;width:160px;height:auto;display:block;border-radius:0}.personalcover .book{height:220px;padding:25px 22px 18px 25px}.personalcover .book small{font:7px/1.5 system-ui;letter-spacing:1.4px}.personalcover .book strong{font:24px/1.15 Georgia}.personalcover .book em{font:italic 12px Georgia}.personalcover .bookelastic{display:block;padding:0}.personalcover .coverpicture{letter-spacing:normal}#editpersonalcover{margin:8px 0 0 10px}
@media(max-width:650px){.coverfields{grid-template-columns:minmax(0,1fr)}.coverfields #coverpreview{position:static;width:200px;grid-row:1;justify-self:center}.coverform .book{height:280px}.book{padding:24px 24px 20px 25px}.book strong{font-size:clamp(18px,4vw,25px)}.book.picturecover .booklabel strong{font-size:clamp(17px,3.7vw,24px)}.book small{font-size:7px;letter-spacing:1.2px}.bookelastic{right:10px;width:6px}.coverartgallery{grid-template-columns:repeat(3,minmax(0,1fr))}.personalcover{width:138px}.personalcover .book{height:195px}.personalcover .book strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){.book{transition:none}.book:hover{transform:none}}

.book.kraft{--cover:#eee7d5;--ink:#45472e}.book.sage{--cover:#233f32;--ink:#f4ebd3}.book.lilac{--cover:#aab59a;--ink:#2d3b28}.book.rose{--cover:#cfb99a;--ink:#58432d}.book.picturecover.sage>.coverpicture{filter:invert(1) sepia(.35);mix-blend-mode:screen}
.book.picturecover>.coverpicture{width:48%;bottom:10px}.personalcover .book strong{font-size:20px}
/* Real cover photographs replace the earlier synthetic weave and drawn bands. */
.book.realisticbook{height:auto!important;aspect-ratio:437/615;container-type:inline-size;background-image:none;padding:0!important;border-radius:7px 10px 10px 7px;box-shadow:0 8px 14px #342b2325;overflow:hidden}
.book.realisticbook:before,.book.realisticbook:after{display:none}
.book.realisticbook>.realcoverbase{position:absolute;inset:0;width:100%;height:100%;opacity:1;z-index:0;pointer-events:none}
.book.realisticbook>.coverbase-tint{filter:grayscale(1) brightness(1.07);mix-blend-mode:multiply}
.book.realisticbook .booklabel{position:absolute;left:12%;right:14%;top:21%;height:38%;width:auto;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;text-align:center;z-index:2}
.book.realisticbook small{font:400 clamp(6px,2.4cqw,11px)/1.5 system-ui;letter-spacing:.16em;max-width:100%}
.book.realisticbook strong{font:400 clamp(17px,10cqw,44px)/1.09 Georgia;letter-spacing:-.025em;margin:7% 0 5%;max-width:100%;overflow:visible;overflow-wrap:normal;word-break:normal}
.book.realisticbook em{font:italic clamp(9px,4.5cqw,20px)/1.2 Georgia;max-width:100%;margin:0}
.book.realisticbook.picturecover .booklabel{top:14%;height:33%;align-items:flex-start;text-align:left;left:12%;right:13%}
.book.realisticbook.picturecover .booklabel strong{font-size:clamp(16px,9.5cqw,42px);margin:5% 0 4%}
.book.realisticbook.picturecover .booklabel em{font-size:clamp(9px,4.4cqw,19px)}
.book.realisticbook.picturecover>.coverpicture{width:70%;height:auto;max-height:none;right:5%;bottom:5%;z-index:1}
.book.realisticbook.picturecover>.coverleafaccent{position:absolute;left:4%;bottom:3%;width:30%;aspect-ratio:1;z-index:1;pointer-events:none}
.book.realisticbook .coverleafaccent .coverpicture{width:100%;height:100%;filter:sepia(.4);mix-blend-mode:multiply;opacity:.85}
.book.realisticbook:is(.sage,.midnight,.pine,.softblack,.espresso,.charcoal,.inkblue,.burgundy,.plum,.teal,.moss) .coverleafaccent .coverpicture{filter:invert(1) sepia(.35);mix-blend-mode:screen}
.book.realisticbook.picturecover:has(>.coverpicture[style*="--art-x:50%;--art-y:100%"] )>.coverpicture{width:64%;right:12%;bottom:3%}
.coverform .realisticbook{height:auto!important;width:100%}.personalcover .realisticbook{height:auto!important;width:100%}.personalcover .realisticbook strong{font-size:clamp(16px,10cqw,25px)}
@media(max-width:650px){.coverfields #coverpreview{width:200px}.coverfields{gap:20px}.book.realisticbook strong{font-size:clamp(16px,10cqw,30px)}.book.realisticbook.picturecover .booklabel strong{font-size:clamp(15px,9.5cqw,30px)}.personalcollection{gap:16px}.personalcover{width:138px}}
.book.realisticbook strong{font-size:clamp(17px,14cqw,58px)}.book.realisticbook.picturecover .booklabel strong{font-size:clamp(16px,12cqw,50px)}
@media(max-width:650px){.book.realisticbook strong{font-size:clamp(17px,14cqw,40px)}.book.realisticbook.picturecover .booklabel strong{font-size:clamp(16px,12cqw,38px)}}
.coverpicture.cover-skull{background-image:none!important;overflow:hidden;clip-path:polygon(40% 0,100% 0,100% 100%,0 100%,0 25%,20% 15%)}
.coverpicture.cover-skull svg{position:static!important;display:block;width:100%!important;height:100%!important;opacity:1!important}
.book.realisticbook.picturecover>.coverpicture.cover-skull{height:auto;aspect-ratio:380/405;filter:grayscale(1) contrast(2) invert(1);mix-blend-mode:multiply;opacity:.86}
.book.realisticbook.picturecover:is(.sage,.midnight,.pine,.softblack,.espresso,.charcoal,.inkblue,.burgundy,.plum,.teal,.moss)>.coverpicture.cover-skull{filter:grayscale(1) contrast(2);mix-blend-mode:screen;opacity:.9}
.coverartgallery .coverpicture.cover-skull{filter:grayscale(1) contrast(2) invert(1);mix-blend-mode:multiply}
.coverartgallery .realcoverbase{position:static;display:block;width:52px;height:73px;opacity:1}
.book.realisticbook>.realcoverink{position:absolute;inset:0;width:100%;height:100%;opacity:.9;z-index:1;filter:grayscale(1) contrast(3);mix-blend-mode:multiply;pointer-events:none}
.book.realisticbook:is(.sage,.midnight,.pine,.softblack,.espresso,.charcoal,.inkblue,.burgundy,.plum,.teal,.moss)>.realcoverink{filter:grayscale(1) contrast(3) invert(1);mix-blend-mode:screen}
.coverartgallery .realcoverink{display:none}
.book.realisticbook.picturecover>.coverpicture.cover-skull{bottom:3%}
.book.realisticbook.longcover .booklabel strong{font-size:10cqw}.book.realisticbook.verylongcover .booklabel strong{font-size:7.5cqw}.book.realisticbook.longquote .booklabel em{font-size:3.5cqw}
/* Compact picture choices with readable labels, matching the approved picker. */
.coverform{max-width:940px;background:#fffdf7;border:1px solid #d8d3c3;color:#263b2e;padding:26px}.coverform h2{font:34px/1.15 Georgia;margin-bottom:8px}.coverform>form>p{font-size:14px;margin:0 0 24px}.coverfields{grid-template-columns:minmax(210px,.9fr) minmax(0,1.2fr);gap:28px}.coverfields>div:first-child{grid-column:2;grid-row:1}.coverfields #coverpreview{grid-column:1;grid-row:1;width:100%;position:sticky;top:0}
.signaturecolors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0 12px}.signaturecolors>p{grid-column:1/-1;font:21px Georgia;margin:0 0 2px;color:#263b2e}.signaturecolors>button{border:0;padding:0;background:transparent;min-width:0;border-radius:8px;color:#263b2e;display:flex;align-items:center;flex-direction:column;gap:6px;font:14px Georgia}.covercolorsample{height:68px;width:100%;border-radius:8px;overflow:hidden;display:block;border:1px solid #d7d2c5;outline-offset:3px}.covercolorsample svg{width:100%;height:100%;display:block}.signaturecolors button[aria-pressed=true] .covercolorsample{outline:2px solid #355d4b}.morecovercolors{font-size:12px;margin:12px 0 20px}.morecovercolors>summary{cursor:pointer;color:#526753;padding:8px 0}.morecovercolors>label{margin-top:12px}.morecovercolors .coverswatches{margin-top:8px}
.coverartgallery{gap:9px;margin:16px 0 20px}.coverartgallery>p{font:21px Georgia;color:#263b2e;border-top:1px solid #ded9cb;padding-top:16px;margin-bottom:4px}.coverartgallery button{min-height:112px;border-radius:12px;background:#fbf8ef;padding:9px 5px 7px;gap:4px;color:#364637;border:1px solid #d9d4c8}.coverartgallery button[aria-pressed=true]{background:#e9eddf;border:2px solid #355d4b;padding:8px 4px 6px}.coverartgallery .coverpicture,.coverartgallery .coverthumbline{position:static;width:76px;height:76px;aspect-ratio:1;display:block;flex:none;filter:sepia(.2);mix-blend-mode:multiply}.coverartgallery button .coverartlabel{font:14px/1.2 Georgia!important;text-align:center}.coveractions{background:#fffdf7;border-top:1px solid #ded9cb;gap:12px;padding:14px 0 0}.coveractions button{font-size:14px;min-height:44px}.coveractions #deletenotebook{font-size:12px}.coverleafaccent{display:none!important}
.book.realisticbook em{font-size:clamp(10px,5.5cqw,23px)}.book.realisticbook.picturecover .booklabel em{font-size:clamp(10px,5.5cqw,23px)}.book.realisticbook small{font-size:clamp(7px,2.7cqw,12px)}
@media(max-width:650px){.coverform{padding:18px;width:94vw}.coverform h2{font-size:28px}.coverfields{grid-template-columns:minmax(0,1fr);gap:20px}.coverfields>div:first-child{grid-column:1;grid-row:2}.coverfields #coverpreview{grid-column:1;grid-row:1;width:150px;justify-self:center;position:static}.signaturecolors{gap:8px}.signaturecolors>button{font-size:12px}.covercolorsample{height:54px}.coverartgallery{gap:7px}.coverartgallery button{min-height:100px}.coverartgallery .coverpicture,.coverartgallery .coverthumbline{width:64px;height:64px}.coverartgallery button .coverartlabel{font-size:13px!important}.signaturecolors>p,.coverartgallery>p{font-size:20px}.coveractions{padding-top:12px}}
.morecoverart{grid-column:1/-1;font-size:12px}.morecoverart>summary{padding:10px 0;cursor:pointer;color:#526753}.morecoverart>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
