/* Avon · behutsame Verfeinerungen, Oktober 2026. */
[hidden]{display:none!important}
.book-context{font-size:12px!important;line-height:1.6;color:var(--muted);margin:-13px 0 23px;letter-spacing:.015em}
.author-letter{display:grid;grid-template-columns:64px 1fr;gap:20px;margin-top:34px;padding:25px 0 0;border-top:1px solid var(--line);max-width:520px}
.author-letter>img{width:64px;height:80px;object-fit:cover;object-position:48% 35%;border-radius:32px 32px 2px 2px}
.author-letter p{font-family:LMText,Georgia,serif;font-size:16px;line-height:1.65;margin-bottom:13px}
.author-letter a{display:flex;align-items:baseline;justify-content:space-between;gap:18px;font-size:11px}
.author-letter a>span:last-child{border-bottom:1px solid #9baa8f;white-space:nowrap}
.author-letter-name{font-family:var(--display);font-style:italic;font-size:26px;letter-spacing:-.025em}
.book-facts{background:#edf0e3;border-bottom:1px solid var(--line);padding:32px 0 23px}
.book-facts dl{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:0 0 24px}
.book-facts dl>div+div{border-left:1px solid var(--line);padding-left:36px}
.book-facts dt{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}
.book-facts dd{margin:0;font-family:var(--display);font-size:26px;line-height:1.2;letter-spacing:-.015em}
.content-note{font-size:14px;line-height:1.7;text-align:left}
.content-note summary{cursor:pointer;min-height:44px;display:list-item;width:fit-content;padding:10px 0;text-decoration:underline;text-underline-offset:4px}
.content-note summary::marker{font-size:.75em}
.content-note>div{max-width:760px;padding:13px 0 6px}
.content-note p{margin-bottom:12px}
.content-note .content-note-label{font-size:12px;color:var(--muted)}
.book-facts .content-note{border-top:1px solid var(--line);padding-top:5px}
.relationship-keepsake{min-width:0}
.relationship-keepsake .relationship-names{min-height:270px;font-size:74px}
.relationship-excerpt{max-width:440px;margin:12px auto 0;border-top:1px solid #b7c4a64d;padding-top:25px}
.relationship-excerpt blockquote{font-family:var(--display);font-size:25px;line-height:1.4;letter-spacing:-.01em;color:#e7eddb}
.relationship-excerpt figcaption{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#becbb5;margin-top:15px}
.artwork-open{position:absolute;inset:0;display:block;background:#1b332a}
.artwork-open img{transition:transform .6s ease,filter .4s ease}
.artwork-open:hover img{transform:scale(1.025)}
.artwork-open:focus-visible{outline:3px solid #a8cfe1;outline-offset:-6px;z-index:1}
.artwork-hint{position:absolute;right:19px;bottom:22px;padding:8px 13px;border:1px solid #efefdb80;background:#132d25d9;color:#f3f0e7;font-size:11px;letter-spacing:.025em;line-height:1.5;transition:background .2s}
.artwork-open:hover .artwork-hint,.artwork-open:focus-visible .artwork-hint{background:#eef0df;color:#1b332a}
.dark-place .place-image img{object-position:78% center}
html.artwork-is-open{overflow:hidden}
.artwork-dialog{width:min(1120px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border:1px solid #9dac8b66;background:#122c24;color:#eef0df;box-shadow:0 25px 100px #0008;overscroll-behavior:contain}
.artwork-dialog::backdrop{background:#061912e8;backdrop-filter:blur(5px)}
.artwork-dialog-inner{padding:26px}
.artwork-dialog header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}
.artwork-dialog .eyebrow{font-size:9px;margin-bottom:7px;color:#bdcbaa}
.artwork-dialog h2{font-size:36px;margin:0;letter-spacing:-.025em}
.artwork-close{background:transparent;color:#eef0df;border:1px solid #b6c6a780;min-height:44px;padding:9px 17px;font-size:12px}
.artwork-close:hover{background:#edf0df;color:#18382c}
.artwork-dialog figure>img{width:100%;max-height:68dvh;object-fit:contain;background:#0b211a}
.artwork-dialog figcaption{font-size:13px;line-height:1.65;color:#d1ddc6;margin:16px 0 0;max-width:760px}
.artwork-error{font-size:14px;margin:14px 0 0}.artwork-error a{text-decoration:underline;text-underline-offset:4px}
.character-motif-inner>.fred-leaf{width:74%;height:95%;object-fit:contain;opacity:1}
.character-motif-inner>.remus-hand{width:76%;height:92%;max-width:76%;object-fit:contain;transform:rotate(3deg) translateY(-6px)}
.reader-intro{padding:29px 0 23px}
.reader-intro .eyebrow{margin-bottom:12px;font-size:10px}
.reader-intro h1{font-size:clamp(42px,4.6vw,62px);line-height:1.05;margin-bottom:15px}
.reader-intro>.wrap>p:not(.eyebrow){font-size:16px;max-width:650px;margin-bottom:10px}
.reader-intro .content-note{max-width:650px;margin:0 auto}
.reader-intro .content-note summary{margin:0 auto;font-size:12px;padding-block:10px}
.reader-intro .content-note>div{padding:13px 0 0}
.reader-toolbar-inner{padding-block:7px;min-height:64px}
.reader-toolbar nav a{min-height:44px;display:flex;align-items:center}
.reader-settings{gap:20px}
.font-buttons button{min-width:44px;min-height:44px}
.reader-theme{font-size:12px;min-height:44px}
.reading-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none;overflow:hidden}
.reading-progress span{display:block;width:100%;height:100%;background:#6c8b60;transform:scaleX(0);transform-origin:left}
.reading-surface{padding-top:24px}
.chapter header{margin:20px 0 32px}
.chapter header .eyebrow{margin-bottom:12px}
.chapter h2{font-size:45px;margin-bottom:20px}
.reader-dark .reader-intro{background:#1b382e;color:#e5e9d9}
.reader-dark .reader-intro .eyebrow,.reader-dark .content-note-label{color:#bcccae}
.reader-dark .reader-toolbar{background:#1b382efa;border-color:#52694f;color:#e5e9d9}
.reader-dark .font-buttons,.reader-dark .font-buttons button+button{border-color:#78926b}
.reader-dark .reading-progress span{background:#b0c99a}
.reader-dark .reader-theme{color:#e5e9d9}
.contact-actions{gap:16px}
.button.secondary{border-color:#87987e;background:transparent;color:var(--ink);justify-content:center}
.button.secondary:hover{background:#e4e9d9}
.copy-status{min-height:24px;font-size:13px;color:#3a6546;margin:12px 0 0}
.contact-main .small-note{margin-top:4px}
.contact-main{min-width:0}
@media(max-width:1080px){
 .book-grid{align-items:start}
 .book-section .book-art{margin-top:55px}
 .relationship-keepsake .relationship-names{font-size:66px;min-height:235px}
 .relationship-excerpt blockquote{font-size:23px}
}
@media(max-width:760px){
 .author-letter{grid-template-columns:54px 1fr;gap:17px;margin-top:28px;padding-top:22px}
 .author-letter>img{width:54px;height:73px}
 .author-letter p{font-size:16px}
 .book-context{margin-top:-10px;font-size:11px!important}
 .book-section .book-art{margin-top:0}
 .book-facts{padding:26px 0 16px}
 .book-facts dl{grid-template-columns:1fr 1fr;gap:22px 20px;margin-bottom:21px}
 .book-facts dl>div+div{border:0;padding:0}
 .book-facts dl>div:last-child{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px}
 .book-facts dd{font-size:23px}
 .book-facts dt{font-size:9px}
 .relationship>.wrap{gap:44px}
 .relationship-keepsake .relationship-names{font-size:58px;min-height:160px}
 .relationship-excerpt{margin-top:0;padding-top:23px;max-width:450px}
 .relationship-excerpt blockquote{font-size:24px}
 .artwork-hint{right:14px;bottom:17px;font-size:10px;padding:8px 11px}
 .artwork-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}
 .artwork-dialog-inner{padding:17px}
 .artwork-dialog header{gap:12px;margin-bottom:18px}
 .artwork-dialog h2{font-size:28px}
 .artwork-dialog .eyebrow{font-size:8px}
 .artwork-close{padding-inline:11px;font-size:11px}
 .artwork-dialog figure>img{max-height:65dvh}
 .artwork-dialog figcaption{font-size:12px}
 .reader-intro{padding:25px 0 18px}
 .reader-intro h1{font-size:44px;margin-bottom:13px}
 .reader-intro>.wrap>p:not(.eyebrow){font-size:15px;line-height:1.6;margin-bottom:9px}
 .reader-intro .eyebrow{font-size:8px;margin-bottom:12px}
 .reader-intro .content-note>div{font-size:14px}
 .reader-toolbar-inner{padding:7px 20px;gap:12px}
 .reader-toolbar nav{gap:18px;font-size:12px}
 .reader-settings{gap:15px}
 .reader-theme{font-size:11px}
 .reading-surface{padding-top:16px}
 .chapter header{margin:18px 0 28px}
 .chapter h2{font-size:38px;margin-bottom:17px}
 .chapter header .eyebrow{margin-bottom:10px}
 .contact-intro>.flower{right:-18px;bottom:-95px;width:150px;opacity:.28}
}
@media(max-width:440px){
 .contact-intro>.flower{display:none}
 .contact-actions{align-items:stretch;gap:12px}
 .contact-actions .button{width:100%}
 .contact-intro{padding-bottom:52px}
}
@media(max-width:380px){
 .reader-toolbar-inner{padding-inline:12px;gap:9px}
 .reader-toolbar nav{gap:13px;font-size:11px}
 .reader-settings{gap:10px}
 .font-buttons button{min-width:40px}
 .reader-theme{font-size:10px}
 .reader-intro h1{font-size:39px}
 .relationship-keepsake .relationship-names{font-size:49px}
 .author-letter{grid-template-columns:1fr}
 .author-letter>img{display:none}
 .author-letter a{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.artwork-open:hover img{transform:none}}
@media print{
 .reader-intro .content-note{display:none}
 .reader-dark .reader-intro{background:#fff;color:#000}
 .artwork-hint,.copy-email,.copy-status{display:none!important}
}