.reading-intro{margin:12px 0 24px}.reading-intro h2{font-size:clamp(1.7rem,4vw,2.5rem);color:var(--burgundy,#571e31);margin:8px 0}.reading-intro p{max-width:58ch;line-height:1.9}.reading-form{display:grid;gap:10px;padding:22px;margin-bottom:18px}.reading-form input{min-width:0}.reading-form input[type=url]{direction:ltr;text-align:left}.reading-form button{justify-self:start;margin-top:6px}.reading-current,.reading-setup{padding:22px;margin-bottom:18px}.reading-current h3{margin:0 0 10px}.reading-current p{line-height:1.9}.reading-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.reading-setup summary{cursor:pointer;font-weight:700}.reading-setup p{line-height:1.9;max-width:65ch}.reading-setup a{color:#146c68;text-decoration:underline}.reading-reader{border-radius:20px;background:#eee4d4;overflow:hidden;margin:18px 0}.reading-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 14px}.reading-frame-stage{width:100%;padding:0;display:flex;justify-content:center}.reading-frame-wrap{position:relative;overflow:hidden;flex-shrink:0}.reading-frame-wrap iframe{display:block;width:360px!important;height:640px!important;max-width:none!important;border:0;transform-origin:top left;position:absolute;top:0;left:0;background:#f5efdf}@media(min-width:850px){.reading-form{grid-template-columns:1fr 1fr}.reading-form label,.reading-form button{grid-column:1/-1}}
.reading-search{padding:22px;margin-bottom:18px}.reading-search label{display:block;margin-bottom:10px}.reading-search-row{display:flex;gap:10px}.reading-search-row input{min-width:0;flex:1}.reading-result{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid #ded3c3}.reading-result:first-child{margin-top:16px}.reading-result strong,.reading-result small{display:block}.reading-result small{line-height:1.8;margin-top:4px;color:#6b625b}.reading-result button{flex-shrink:0}