/* Scoped reading companion; QR artwork stays on white in both themes. */
.wyl-miniapp-entry[hidden]{display:none}
.wyl-miniapp-entry{display:inline-flex;flex:none;order:7}
.wyl-miniapp-entry__trigger{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0;border:0;background:none;color:var(--ed-muted);font:13px/1.5 var(--ed-serif);white-space:nowrap;cursor:pointer}
.wyl-miniapp-entry__trigger:hover,.wyl-miniapp-entry__trigger[aria-expanded="true"]{color:var(--ed-ink)}
.wyl-miniapp-entry__icon{display:inline-block;flex:none;width:18px;height:18px;background:url('../icons/remix/mini-program-green.svg') center/contain no-repeat}
.wyl-miniapp-dialog{box-sizing:border-box;position:fixed;inset:auto;margin:0;padding:22px 22px 20px;width:256px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--ed-line);border-radius:18px;background:var(--ed-paper);color:var(--ed-ink);box-shadow:0 8px 28px rgb(20 35 30 / 12%);z-index:1000;text-align:center;overscroll-behavior:contain}
.wyl-miniapp-dialog:not([open]){display:none}
.wyl-miniapp-dialog:focus{outline:none}
.wyl-miniapp-dialog h2{margin:0 16px 16px;font:500 16px/1.5 var(--ed-serif)}
.wyl-miniapp-dialog__close{position:absolute;top:2px;right:2px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:none;color:var(--ed-muted);cursor:pointer}
.wyl-miniapp-dialog__close .wyl-ed-icon{width:16px;height:16px}
.wyl-miniapp-dialog__code{box-sizing:content-box;display:block;width:164px;height:164px;padding:12px;margin:0 auto;background:#fff;object-fit:contain;border-radius:4px;max-width:calc(100% - 24px);filter:none}
.wyl-miniapp-dialog p{margin:16px 0 0;color:var(--ed-muted);font:13px/1.7 var(--ed-serif)}
.wyl-miniapp-dialog__save{display:none}
.wyl-miniapp-entry__trigger:focus-visible,.wyl-miniapp-dialog button:focus-visible,.wyl-miniapp-dialog a:focus-visible{outline:2px solid var(--ed-accent);outline-offset:3px}
@media(max-width:760px){
 .wyl-ed-reading-actions:has(.wyl-miniapp-entry){column-gap:8px;row-gap:4px}
 .wyl-miniapp-entry__trigger{font-size:12px;gap:5px}
 .wyl-miniapp-entry__icon{width:16px;height:16px}
 .wyl-miniapp-dialog{inset:auto 0 0;margin:0 auto;width:100%;max-width:100%;max-height:calc(100dvh - 24px);padding:24px 24px max(24px,env(safe-area-inset-bottom));border-radius:24px 24px 0 0;box-shadow:0 -8px 28px rgb(20 35 30 / 12%)}
 .wyl-miniapp-dialog::backdrop{background:rgb(15 30 26 / 20%)}
 .wyl-miniapp-dialog__close{top:8px;right:10px;width:44px;height:44px}
 .wyl-miniapp-dialog h2{font-size:18px;margin-bottom:18px}
 .wyl-miniapp-dialog__code{width:190px;height:190px}
 .wyl-miniapp-dialog p{max-width:none;margin:16px auto 0;font:clamp(12px,3.5vw,14px)/1.7 var(--ed-serif)}
 .wyl-miniapp-dialog__save{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:12px;padding:0 18px;border:1px solid var(--ed-line);border-radius:8px;color:var(--ed-ink);font:14px/1.5 var(--ed-serif);text-decoration:none}
 html.wyl-miniapp-modal-open,html.wyl-miniapp-modal-open body{overflow:hidden}
}

.wyl-miniapp-entry__label-mobile{display:none}
@media(max-width:760px){.wyl-miniapp-entry__label-desktop{display:none}.wyl-miniapp-entry__label-mobile{display:inline}}
@media(max-width:360px){.wyl-ed-reading-actions:has(.wyl-miniapp-entry){column-gap:4px}}