#why-pixie-dialog{width:min(660px,calc(100% - 24px));max-height:min(90dvh,920px);padding:0;overflow:hidden;border:1px solid #d1b77e;background:#fff9ec;color:#304f4c}
#why-pixie-dialog[open]{display:flex;flex-direction:column}
.why-head{display:flex;justify-content:flex-end;padding:10px 14px;background:#fff8eaf5;border-bottom:1px solid #e4d4ae;flex-shrink:0}
#why-pixie-close{display:flex;align-items:center;gap:12px;background:#f5d782;color:#354838;border-color:#b79749;font-weight:650;min-height:44px;padding:4px 14px}
#why-pixie-close span{font-size:28px;line-height:1}
.why-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0;background:linear-gradient(#fff9ed18,#fff9ed65),var(--season-garden-cinematic,url('assets/scenery/garden-cinematic.webp')) center/cover}
.why-art{height:18px;flex-shrink:0}
.why-copy{margin:0 18px 22px;padding:24px 26px;border-radius:18px;background:#fffcf2f2;box-shadow:0 5px 24px #29443520}
.why-copy h2{font-size:clamp(27px,4vw,36px);line-height:1.2;letter-spacing:-.6px;margin:0 0 22px;color:#304f4c}
.why-copy p{font-size:17px;line-height:1.75;color:#354d48;margin:0 0 18px}.why-copy p:last-child{margin-bottom:0}.why-signature{font-style:italic}
@media(max-width:500px){.why-art{height:12px}.why-copy{margin:0 10px 14px;padding:20px 18px}.why-copy p{font-size:16px;line-height:1.7}}