.reader-navigation{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:32px auto;max-width:850px}.reader-navigation>a,.reader-navigation>div{display:block;padding:20px;border:1px solid #89958c55;border-radius:8px;text-decoration:none;color:inherit}.reader-navigation span{display:block;font-size:12px;opacity:.65;margin-bottom:10px}.reader-navigation strong{font-size:16px;line-height:1.7}.reader-navigation>a:hover{border-color:currentColor}.reader-navigation>div{opacity:.5}.reader-footer{padding:40px 24px;border-top:1px solid #89958c55;background:#89958c0c;color:inherit}.reader-footer-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:32px}.reader-footer h2{font-size:18px;margin:0 0 16px}.reader-footer p{font-size:14px;line-height:1.9;overflow-wrap:anywhere}.reader-footer a{color:inherit}.reader-codes{display:flex;gap:18px;flex-wrap:wrap}.reader-codes figure{margin:0;max-width:160px;text-align:center}.reader-codes img{display:block;width:160px;height:160px;object-fit:contain;background:white;padding:6px;border-radius:8px}.reader-codes figcaption{font-size:12px;margin-top:10px}@media(max-width:800px){.reader-footer-inner{grid-template-columns:1fr 1fr}.reader-support{grid-column:1/-1}}@media(max-width:520px){.reader-navigation,.reader-footer-inner{grid-template-columns:1fr}.reader-support{grid-column:auto}.reader-codes{gap:12px}.reader-codes img{width:140px;height:140px}}
.reader-code-button{border:0;padding:0;background:transparent;cursor:zoom-in;color:inherit}.reader-code-button:focus-visible{outline:3px solid #b88b46;outline-offset:4px}.reader-modal-open{overflow:hidden}.reader-lightbox{padding:0;border:0;border-radius:14px;background:#fff;color:#24322e;max-width:min(92vw,560px);max-height:90dvh;margin:auto;overflow:auto;box-shadow:0 20px 80px #0005}.reader-lightbox::backdrop{background:#000b}.reader-lightbox-panel{position:relative;padding:30px 24px 20px;text-align:center}.reader-lightbox-panel h2{font-size:20px;margin:0 34px 20px}.reader-lightbox-panel p{font-size:13px;color:#68756e;margin:16px 0 0}.reader-lightbox-image{display:block;width:auto;height:auto;max-width:100%;max-height:65dvh;object-fit:contain;margin:auto}.reader-lightbox-close{position:absolute;right:10px;top:8px;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#eef0ed;color:#24322e;font-size:26px;cursor:pointer}
.reader-tools{max-width:850px;margin:32px auto;padding:24px;border:1px solid #89958c55;border-radius:8px}.reader-tools h2{font-size:20px;margin:0 0 12px}.reader-tools p{font-size:14px;line-height:1.8}.reader-tools>div{display:flex;gap:10px;flex-wrap:wrap}.reader-tools button{padding:10px 16px;border:1px solid #89958c88;border-radius:6px;background:transparent;color:inherit;cursor:pointer}.reader-tools button:hover{background:#89958c22}.reader-copy-fallback{width:100%;box-sizing:border-box;padding:12px;font:14px/1.7 sans-serif}
.reader-prompt-dialog{width:min(900px,94vw);max-height:90dvh;margin:auto;padding:0;border:0;border-radius:12px;background:#fff;color:#24322e;box-shadow:0 20px 80px #0005;overflow:auto}.reader-prompt-dialog::backdrop{background:#000b}.reader-prompt-panel{padding:24px}.reader-prompt-panel h2{margin:0 0 12px;font-size:22px}.reader-prompt-panel p{font-size:14px;line-height:1.7;color:#63706a}.reader-prompt-panel textarea{display:block;width:100%;min-height:250px;height:45dvh;padding:14px;margin-top:8px;border:1px solid #c4ccc6;border-radius:6px;color:#24322e;background:#fafbf9;font:14px/1.8 sans-serif;box-sizing:border-box;resize:vertical}.reader-prompt-actions{display:flex;gap:12px;flex-wrap:wrap}.reader-prompt-actions button{padding:12px 18px;border:1px solid #c4ccc6;border-radius:6px;cursor:pointer;background:#fff;color:#24322e}.reader-prompt-actions .reader-prompt-copy{background:#243e33;color:#fff;border-color:#243e33}