.a-reading-note{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:30;width:525px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;display:flex;align-items:center;gap:21.3px;background:#ffffff;color:#2c3067;border:1px solid #abb5c5;border-left:6px solid #5e531b;border-radius:0 30px 30px 0;padding:14.5px 16.5px 14.5px 19.4px;box-shadow:0 8px 28px #2c306720;font:13px/1.45 ui-sans-serif,system-ui,sans-serif}.a-reading-copy{flex:1;min-width:0}.a-reading-note strong{font-size:14px;font-weight:650;color:#2c3067}.a-reading-note p{font-size:12px;line-height:1.55;margin:4.8px 0 0;color:#495375}.a-reading-note a{display:inline-flex;align-items:center;min-height:40px;color:#524919;text-underline-offset:3px;text-decoration-thickness:1px}.a-reading-note button{border:0;background:#5e531b;color:#ffffff;border-radius:50%;width:65px;height:65px;min-height:65px;flex:0 0 65px;padding:3.9px;margin:0;font:600 10px/1.2 ui-sans-serif,system-ui,sans-serif;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.a-reading-note button>span:first-child{font-size:21px;line-height:1}.a-reading-note button:hover{background:#483e12}.a-reading-note :is(a,button):focus-visible{outline:2px solid #5e531b;outline-offset:3px}.a-reading-note[hidden]{display:none!important}
@media(max-width:600px){.a-reading-note{bottom:12px;max-width:calc(100% - 24px);padding:11.6px 11.6px 11.6px 13.6px;gap:12.6px;border-radius:0 25px 25px 0}.a-reading-note strong{font-size:13px}.a-reading-note p{font-size:12px}.a-reading-note button{width:58px;height:58px;min-height:58px;flex-basis:58px}}