/* The example's exact cited forms carry the visual weight. No faux manuscript
   texture, pseudo-glyphs, or alignment marks are added. */
.worked-visual{--wv-rule:color-mix(in srgb,var(--line) 78%,transparent);margin:1.15rem 0 1.55rem;border-block:1px solid var(--line);background:var(--surface);color:var(--ink)}
.worked-visual__image{max-width:100%;border-bottom:1px solid var(--line)}
.worked-visual__image img{display:block;width:100%;max-height:24rem;object-fit:contain;background:var(--surface-2)}
.worked-visual__image p{margin:0;padding:.7rem 1rem;color:var(--muted);font-size:.72rem;line-height:1.5}
.worked-visual__image p span{display:block}.worked-visual a{color:var(--accent-hover);text-underline-offset:3px}
.worked-visual__layers{display:grid;min-width:0}
.worked-visual__layer{display:grid;grid-template-columns:minmax(7.5rem,11rem) minmax(0,1fr);align-items:start;gap:clamp(1rem,2.5vw,2.5rem);padding:clamp(.85rem,1.5vw,1.3rem) clamp(1rem,2.2vw,1.85rem);border-bottom:1px solid var(--wv-rule)}
.worked-visual__layer:last-child{border-bottom:0}
.worked-visual__layer--source{background:color-mix(in srgb,var(--surface-2) 62%,var(--surface))}
.worked-visual__label{padding-top:.28rem;color:var(--muted);font-size:.7rem;font-weight:750;letter-spacing:.065em;text-transform:uppercase}
.worked-visual__content{display:block;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:isolate;line-height:1.55}
.worked-visual__layer--source .worked-visual__content{font-family:"Noto Sans Egyptian Hieroglyphs","Noto Sans Coptic","Segoe UI Historic",Georgia,"Times New Roman",serif;font-size:clamp(1.35rem,2.45vw,2.35rem);line-height:1.48}
.worked-visual__layer--transliteration .worked-visual__content{font-size:clamp(.98rem,1.2vw,1.12rem);font-style:italic}
.worked-visual__layer--translation .worked-visual__content{font-size:clamp(.98rem,1.2vw,1.12rem)}
.worked-visual__key{margin:0;padding:.7rem clamp(1rem,2.2vw,1.85rem);color:var(--muted);font-size:.72rem;line-height:1.55}
@media(max-width:680px){.worked-visual__layer{grid-template-columns:1fr;gap:.2rem;padding:1rem}.worked-visual__label{padding-top:0}.worked-visual__layer--source .worked-visual__content{font-size:clamp(1.3rem,5.2vw,1.8rem)}.worked-visual__key{padding:.7rem 1rem}}
@media print{.worked-visual{box-shadow:none;border:1px solid #777;break-inside:avoid;color:#000;background:#fff}.worked-visual__layer--source{background:#f6f3eb}.worked-visual__label,.worked-visual__key{color:#333}.worked-visual a{color:#000;text-decoration:underline}}

/* Annotations point to literal spans in the cited record, never to a
   fabricated facsimile. The numbered guide is kept beside its evidence. */
.worked-visual__spot{display:inline;padding:.07em .08em;color:var(--ink);background:color-mix(in srgb,var(--gold) 31%,transparent);border-bottom:2px solid var(--accent-hover);border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.worked-visual__spot b{display:inline-block;margin-inline-start:.18em;padding:.05em .23em;border-radius:4px;color:var(--surface);background:var(--accent-hover);font:800 .46em/1.25 system-ui,sans-serif;vertical-align:super;white-space:nowrap}
.worked-visual__reading-guide{padding:1.1rem clamp(1rem,2.2vw,1.85rem);border-bottom:1px solid var(--wv-rule);background:var(--surface)}
.worked-visual__reading-guide h5{margin:0 0 .7rem;color:var(--accent-hover);font-size:.79rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.worked-visual__reading-guide ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:.65rem 1rem;margin:0;padding:0;list-style:none}
.worked-visual__reading-guide li{display:flex;align-items:flex-start;gap:.55rem;padding:.55rem .65rem;border-left:2px solid var(--gold);background:var(--surface-2)}
.worked-visual__guide-arrow{flex:0 0 auto;color:var(--accent-hover);font-size:1rem;font-weight:800;white-space:nowrap}
.worked-visual__reading-guide strong{display:block;color:var(--ink);font-size:.87rem;line-height:1.4}
.worked-visual__reading-guide p{margin:.2rem 0 0;color:var(--ink-soft);font-size:.82rem;line-height:1.5}
@media(min-width:1800px){.worked-visual__layer--source .worked-visual__content{font-size:clamp(1.6rem,1.5vw,2.4rem)}.worked-visual__reading-guide strong{font-size:1rem}.worked-visual__reading-guide p{font-size:.94rem}.worked-visual__label{font-size:.82rem}}
