/* Original responsive editorial illustrations for Lilo Design. */
.article-body .lilo-illustration{margin:32px 0 38px;overflow:hidden;border:1px solid #e9dce7;border-radius:22px;background:#fffcfe;box-shadow:0 8px 25px #32162906}
.lilo-illustration-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 22px 12px;font-size:10px;font-weight:800;letter-spacing:1.5px;color:#88627e}
.lilo-illustration-top>span:last-child{color:#f0008b}
.lilo-illustration-open{display:block;position:relative;width:100%;padding:0 12px;margin:0;border:0;background:transparent;color:#211c28;cursor:zoom-in;text-align:left;line-height:0}
.lilo-illustration-open>svg{display:block;width:100%;height:auto;max-height:none;aspect-ratio:800/420}
.lilo-illustration-open:focus-visible{outline:3px solid #f0008b;outline-offset:-5px;border-radius:16px}
.lilo-illustration-zoom{position:absolute;right:27px;bottom:15px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #ded1db;background:#fffdfbf0;border-radius:50%;font-size:21px;line-height:1;transition:transform .18s}
.lilo-illustration-open:hover .lilo-illustration-zoom{transform:translate(2px,-2px)}
.article-body .lilo-illustration figcaption{display:grid;gap:8px;margin:0;padding:20px 24px 24px;color:#6e5b69;text-align:left;font-size:14px;line-height:1.6;background:transparent;border:0}
.lilo-illustration figcaption>strong{font-size:20px;line-height:1.3;font-weight:800;letter-spacing:-.35px;color:#211c28}
.lilo-illustration figcaption>small{font-size:10px;color:#978591;line-height:1.5}
.lilo-art-dialog{width:min(1100px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #e9dce7;border-radius:24px;background:#fffcfe;color:#211c28;overflow:auto;box-shadow:0 24px 100px #17041155}
.lilo-art-dialog::backdrop{background:#211221c9;backdrop-filter:blur(7px)}
.lilo-art-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:1;background:#fffcfef5;padding:15px 22px;border-bottom:1px solid #ecdee8}
.lilo-art-dialog-header strong{font-size:16px;line-height:1.4}
.lilo-art-dialog-close{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;font-size:25px;color:#211c28;background:#f4e9f1;border:0;border-radius:50%;cursor:pointer}
.lilo-art-dialog-content{padding:18px 22px 26px}
.lilo-art-dialog-content>svg{display:block;width:100%;height:auto;min-width:540px}
.lilo-art-dialog-art{overflow:auto;border-radius:18px}
.lilo-art-dialog-art>svg{display:block;width:100%;height:auto;min-width:540px}
.lilo-art-dialog-caption{font:14px/1.6 'Open Sans',Arial,sans-serif;color:#6e5b69;margin:18px 0 0}
@media(max-width:760px){.article-body .lilo-illustration{margin:25px 0 30px;border-radius:17px}.lilo-illustration-top{padding:14px 16px 10px;font-size:9px}.lilo-illustration-open{padding:0 7px}.article-body .lilo-illustration figcaption{padding:17px;font-size:13px}.lilo-illustration figcaption>strong{font-size:18px}.lilo-illustration-zoom{width:29px;height:29px;right:18px;bottom:12px}.lilo-art-dialog-header{padding:12px 14px}.lilo-art-dialog-content{padding:12px 12px 20px}.lilo-art-dialog{border-radius:18px}.lilo-art-dialog-header strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.lilo-illustration-zoom{transition:none}}
@media print{.lilo-illustration{break-inside:avoid}.lilo-illustration-zoom{display:none}.lilo-art-dialog{display:none}}