.user-manuals-layout{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:20px;min-height:65vh}
.user-manuals-toolbar{display:flex;justify-content:flex-end;margin:0 0 12px}.user-manuals-toolbar [hidden]{display:none!important}
.user-manuals-viewer{display:flex;flex-direction:column}.user-manuals-controls{display:flex;align-items:center;justify-content:center;gap:14px;padding:10px;border-bottom:1px solid #c9d4ca}.user-manuals-controls button{padding:8px 16px;font-size:14px}.user-manuals-paper{overflow:auto;flex:1;min-height:0;background:#e5e7e5;padding:14px}.user-manuals-paper img{display:block;width:100%;height:auto;background:white;box-shadow:0 2px 10px #0002}
.user-manuals-list{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.user-manuals-item{font:inherit;font-size:16px;line-height:1.5;text-align:left;padding:16px;border:1px solid #a4b9a9;border-radius:12px;color:#193421;background:#fff;cursor:pointer}
.user-manuals-item:hover{background:#e9f3ec}.user-manuals-item.is-active{background:#d7efdf;border-color:#148344;box-shadow:inset 4px 0 #148344}
.user-manuals-item:focus-visible,.user-manuals-context button:focus-visible{outline:2px solid #148344;outline-offset:3px}
.user-manuals-viewer{background:#fff;border:1px solid #c9d4ca;border-radius:12px;overflow:hidden;height:74vh;min-height:420px}
.user-manuals-viewer iframe{display:block;width:100%;height:100%;border:0}.user-manuals-viewer>p{padding:20px;color:#354739}
.user-manuals-notice{min-height:1.5em;margin:4px 0 12px;font-size:14px}
.user-manuals-context{position:fixed;z-index:10000;padding:6px;background:#fff;border:1px solid #c9d4ca;border-radius:10px;box-shadow:0 8px 28px #0003}
.user-manuals-context button{display:block;background:transparent;color:#193421;border:0;padding:10px 24px;border-radius:6px;font:inherit;cursor:pointer}.user-manuals-context button:hover{background:#d7efdf}
@media(max-width:760px){.user-manuals-layout{grid-template-columns:1fr;gap:12px}.user-manuals-viewer{height:68vh;min-height:360px}}