/* Bounded full-frame photographs; the article and navigation widths stay put. */
.op-study{box-sizing:border-box;min-width:0;max-width:620px;margin:30px auto;padding:14px;border:1px solid var(--line,#d5d0c7);background:var(--surface,#f5f2ed);color:var(--ink)}
.op-study .op-image{display:block;max-width:520px;margin:0 auto;min-width:0}
.op-study .op-image img{display:block;width:100%;height:auto;object-fit:contain;transform:none;filter:none}
.op-study figcaption{padding:18px 6px 2px;font-size:14px;line-height:1.65;color:var(--muted)}
.op-study .op-title{display:block;font-family:var(--serif);font-size:22px;font-weight:400;line-height:1.3;color:var(--ink)}
.op-study figcaption p{margin:10px 0;font-size:14px;line-height:1.65}
.op-study .op-source{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px;color:var(--ink);overflow-wrap:anywhere}
.op-study a:focus-visible{outline:3px solid var(--accent,#185545);outline-offset:4px}
@media(max-width:600px){.op-study{padding:10px}.op-study figcaption{padding-inline:2px}.op-study .op-title{font-size:21px}}
@media(forced-colors:active){.op-study{border:1px solid CanvasText}.op-study a:focus-visible{outline-color:Highlight}}
