.observation-case{border-top:1px solid var(--pub-line,#314349);padding-block:2rem}
.observation-case fieldset{border:1px solid #526970;border-radius:.4rem;padding:1rem;margin:1.5rem 0;min-width:0}
.observation-case legend{font-weight:700;padding-inline:.35rem;max-width:100%}
.observation-case label{display:flex;gap:.85rem;align-items:flex-start;padding:.85rem .3rem;cursor:pointer;min-height:48px;line-height:1.65}
.observation-case input{flex:0 0 auto;margin-top:.4rem;width:1.2rem;height:1.2rem;accent-color:#87cdd3}
.observation-case details{border-left:3px solid #87cdd3;padding:1rem;margin-top:1rem;background:#111b1f}
.observation-case summary{cursor:pointer;font-weight:700;min-height:44px;display:list-item}
.observation-feedback:empty{display:none}
.observation-feedback{border:1px solid #526970;padding:1rem;color:#f5f8f8}
.observation-actions{border-top:1px solid #526970;padding-top:1.5rem}
.observation-case button,.observation-actions button{min-height:48px;padding:.8rem 1.15rem;border:1px solid #87cdd3;border-radius:4px;background:#87cdd3;color:#071012;font:700 1rem/1.5 Tomorrow,sans-serif;cursor:pointer;max-width:100%;white-space:normal}
.observation-case button:hover,.observation-actions button:hover{background:#b2e3e7}
.observation-case button:focus-visible,.observation-actions button:focus-visible{outline:3px solid #f5f8f8;outline-offset:4px}
.observation-case input:focus-visible,.observation-case summary:focus-visible{outline:3px solid #87cdd3;outline-offset:4px}
@media print{.observation-case button,.observation-actions{display:none!important}.observation-case details{background:transparent}}

.pub-synchronized-example{max-width:420px;margin:2rem auto}.pub-synchronized-example img{display:block;width:100%;height:auto;border:1px solid #526970}.pub-synchronized-example figcaption{font-size:.95rem;line-height:1.65;color:#bdcbd0;margin-top:1rem}