.visual-book{border:1px solid var(--line);background:var(--panel);padding:28px;margin:0 0 55px}
.visual-book-heading{display:flex;align-items:center;justify-content:space-between;gap:28px}
.visual-book-heading h2{font-size:clamp(2rem,3.5vw,3rem);margin:0 0 12px}
.visual-book-heading p:last-child{font-size:var(--fs-14);line-height:1.8;color:var(--muted);margin:0}
.visual-book-actions{display:flex;flex-wrap:wrap;gap:12px;flex-shrink:0}
.visual-book-help{margin:22px 0 16px}
.visual-book-reader{overflow:hidden;background:var(--panel-raised);border:1px solid var(--line)}
.visual-book-reader iframe{display:block;width:100%;height:75vh;min-height:520px;border:0}
/* Atalho do Estudo para a Marca na área de trabalho, com o aviso de login ao lado (PUB-6). */
.visual-book-shortcut{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-8) var(--sp-24);margin:-12px 0 30px}
@media(max-width:1000px){.visual-book-heading{align-items:flex-start;flex-direction:column}.visual-book-actions{flex-shrink:1}}
@media(max-width:700px){.visual-book{padding:18px;margin-bottom:35px}.visual-book-actions{width:100%;flex-direction:column}.visual-book-actions .button{justify-content:center}.visual-book-reader iframe{height:65vh;min-height:380px}}
@media print{.visual-book-reader{display:none}}