.book-catalog{color:#17283d;background:#f5f7fa;border:1px solid #dce3ec;border-radius:20px;margin:56px 0;padding:32px}.book-intro{grid-template-columns:180px 1fr;align-items:center;gap:32px;display:grid}.book-intro>img{border-radius:4px;width:180px;height:auto;box-shadow:0 8px 24px #17283d25}.book-intro h2{margin:12px 0;font-size:clamp(24px,3vw,36px)}.book-intro p{max-width:650px;font-size:17px;line-height:1.7}.book-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.book-catalog button,.book-actions a{font:inherit;color:#17283d;cursor:pointer;background:#fff;border:1px solid #c4cedb;border-radius:8px;padding:11px 16px}.book-actions button{color:#fff;background:#17283d;border-color:#17283d}.book-actions a{text-decoration:none}.book-catalog button:disabled{opacity:.4;cursor:default}:is(.book-catalog button:focus-visible,.book-catalog a:focus-visible,.book-catalog select:focus-visible){outline-offset:3px;outline:3px solid #e29136}.book-reader{margin-top:32px}.book-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.book-toolbar select{font:inherit;color:#17283d;background:#fff;border:1px solid #c4cedb;border-radius:6px;padding:8px}.book-help{font-size:14px;line-height:1.6}.book-scroll{background:#253247;border-radius:10px;max-height:85vh;padding:24px;overflow:auto}.book-spread{justify-content:center;gap:2px;max-width:620px;margin:auto;display:flex}.book-spread.is-double{max-width:1100px}.book-spread img{object-fit:contain;align-self:flex-start;width:100%;height:auto;display:block;box-shadow:0 8px 24px #0003}.book-spread.is-double img{width:calc(50% - 1px)}.is-zoomed .book-spread{justify-content:flex-start;width:1100px;max-width:none}.is-zoomed .book-spread.is-double{width:1800px}.book-pdf-link{color:#17283d;margin-top:16px;text-decoration:underline;display:inline-block}@media (max-width:600px){.book-catalog{margin:32px 0;padding:20px}.book-intro{grid-template-columns:1fr;gap:20px}.book-intro>img{width:140px}.book-toolbar{gap:8px}.book-toolbar button{padding:10px;font-size:14px}.book-scroll{padding:8px}.is-zoomed .book-spread{width:900px}}.maytech-page{max-width:1440px;padding-left:4vw;padding-right:4vw}.rf-solution{align-items:flex-start!important}.rf-solution>span{flex-shrink:0;padding-top:5px}.rf-solution-copy{max-width:1000px}.rf-solution-copy h3{margin:20px 0 14px;font-size:clamp(24px,3vw,34px);line-height:1.25}.rf-solution-copy p,.rf-solution-copy li{font-size:18px;line-height:1.75}.rf-solution-copy ul{padding-left:22px}.rf-solution-copy li{margin:10px 0}.rf-solution-actions{flex-wrap:wrap;align-items:center;gap:24px;margin:24px 0 8px;display:flex}.book-intro{grid-template-columns:280px 1fr;gap:40px}.book-intro>img{width:280px}.book-spread{max-width:900px}.book-scroll{max-height:none;padding:16px}.book-reader:-webkit-full-screen{color:#17283d;background:#f5f7fa;padding:24px;overflow:auto}.book-reader:fullscreen{color:#17283d;background:#f5f7fa;padding:24px;overflow:auto}.book-reader:-webkit-full-screen .book-toolbar{z-index:2;background:#f5f7fa;padding:14px 0;position:sticky;top:-24px}.book-reader:fullscreen .book-toolbar{z-index:2;background:#f5f7fa;padding:14px 0;position:sticky;top:-24px}.book-reader:-webkit-full-screen .book-spread{max-width:960px}.book-reader:fullscreen .book-spread{max-width:960px}.book-reader:-webkit-full-screen .book-spread.is-double{max-width:1500px}.book-reader:fullscreen .book-spread.is-double{max-width:1500px}@media (max-width:700px){.book-intro{grid-template-columns:1fr;gap:24px}.book-intro>img{width:220px;max-width:100%;margin:auto}.rf-solution-copy p,.rf-solution-copy li{font-size:16px}.book-reader:-webkit-full-screen{padding:12px}.book-reader:fullscreen{padding:12px}.book-reader:-webkit-full-screen .book-toolbar{top:-12px}.book-reader:fullscreen .book-toolbar{top:-12px}}.rf-solution>div{width:100%;min-width:0}.rf-solution-copy>.book-catalog{max-width:100%}.landscape-catalog .book-intro{grid-template-columns:240px 1fr;gap:28px}.landscape-catalog .book-intro>img{width:240px}.landscape-catalog .book-intro h2{font-size:clamp(23px,2.5vw,32px)}@media (max-width:700px){.landscape-catalog .book-intro{grid-template-columns:1fr}.landscape-catalog .book-intro>img{max-width:100%}}@media (min-width:701px) and (max-width:1100px){.book-intro,.landscape-catalog .book-intro{grid-template-columns:1fr;gap:24px}.book-intro>img,.landscape-catalog .book-intro>img{max-width:100%;margin:auto}.book-toolbar{gap:8px}}
