.pol{position:relative;margin:0;background:#fff;padding:10px 10px 40px;box-shadow:0 6px 18px rgba(70,60,130,.22);transform:rotate(var(--r,-2deg))}
.pol::before{content:"";position:absolute;top:-17px;left:50%;width:104px;aspect-ratio:240/111;margin-left:-52px;background:var(--tape) center/100% 100% no-repeat;transform:rotate(-4deg)}
.pol figcaption{position:absolute;left:0;right:0;bottom:9px;text-align:center;font:italic 600 1.15rem var(--fd);color:var(--soft)}
.pol img{display:block;width:100%}
.card>img{flex:1;min-height:0;width:100%;object-fit:cover;border-radius:4px}
.ph{width:100%;aspect-ratio:var(--ar,3/4);display:grid;place-items:center;text-align:center;padding:1em;background:repeating-linear-gradient(45deg,#efecf9 0 10px,#e6e1f6 10px 20px);color:var(--soft);font-weight:700;font-size:.8rem;line-height:1.5}

/* Über mich */
.about{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start;margin-top:1.2em}
.card{position:relative;overflow:hidden;width:220px;aspect-ratio:63/88;padding:10px;display:flex;flex-direction:column;gap:7px;border-radius:12px;background:linear-gradient(145deg,#f4f1ff,#e3dcfa 40%,#f8e6f1);box-shadow:0 0 0 3px #fff,0 0 0 5px #cfc6ee,0 10px 24px rgba(70,60,130,.25)}
.card::after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:color-dodge;opacity:.25;background:repeating-linear-gradient(115deg,#ff9ad5,#ffd27a 8%,#9dffc8 16%,#8ad1ff 24%,#c79bff 32%,#ff9ad5 40%)}
.card .hd{display:flex;justify-content:space-between;align-items:baseline;gap:6px}
.card .hd b{font:italic 600 1.35rem/1 var(--fd)}
.card .hd span{font-size:.7rem;font-weight:700;background:var(--accent);color:#fff;padding:.15em .7em;border-radius:999px}
.card .ph{flex:1;aspect-ratio:auto;font-size:.7rem}
.card dl{display:grid;grid-template-columns:auto 1fr;gap:1px 8px;margin:0;padding:6px 8px;border-radius:6px;background:rgba(255,255,255,.75);font-size:.76rem;line-height:1.45}
.card dt{font-weight:700;color:var(--soft)}.card dd{margin:0;text-align:right}
.card .ft{display:flex;justify-content:space-between;font-size:.66rem;font-weight:700;color:var(--soft)}
.favs{list-style:none;margin:0;padding:0;flex:1;min-width:220px;display:flex;flex-wrap:wrap;gap:12px 10px;align-content:flex-start}
.favs li{padding:.5em .9em;border-radius:10px;background:var(--c);transform:rotate(var(--r));box-shadow:0 0 0 2px #fff,0 3px 8px rgba(70,60,130,.15);line-height:1.3}
.favs small{display:block;font-size:.74rem;font-weight:700;color:var(--soft)}
.favs b{font-size:.95rem}

/* Lore */
.initial::first-letter{float:left;font:italic 600 3.8rem/.8 var(--fd);padding:.16em .2em .1em;margin:.06em .2em 0 0;color:#fff;background:linear-gradient(135deg,var(--accent),#a99be8);border-radius:4px}

.lore h2{margin-top:1.6em}
blockquote{margin:1.2em 0;padding:.1em 0 .1em 1.1em;border-left:3px solid var(--blush);font:italic 600 1.5rem/1.35 var(--fd)}
blockquote.big{margin:2em 0 .4em;padding:1.2em 1.4em;border:0;border-radius:10px;background:#fff;box-shadow:0 3px 12px rgba(70,60,130,.12);font-size:1.75rem;text-align:center}
.end{font-weight:700;font-style:italic}
.panel{margin:1.6em 0;padding:8px;background:#fff;border:3px solid var(--ink);box-shadow:5px 5px 0 rgba(70,60,130,.25)}
.panel img{display:block;width:100%}

