.ocrh{--photo-w:68%;--card-w:76%;--lap:calc(28px + 28.3cqi);margin:0;position:relative;container-type:inline-size}.ocrh-stage{grid-template-columns:100%;grid-template-rows:var(--lap) auto;display:grid;position:relative}.ocrh-photo{width:var(--photo-w);border:1px solid var(--line);box-shadow:var(--shadow);background:radial-gradient(90% 60% at 20% 0,#ffffffb3,#0000 70%),linear-gradient(160deg,#eeece6,#e3e0d8);border-radius:18px;grid-area:1/1/3/2;place-self:start end;padding:32px 12px 12px;position:relative;container-type:inline-size}.ocrh-tag{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:6px;font-size:11px;display:inline-flex;position:absolute;top:9px;left:14px}.ocrh-tag .ic{color:var(--brand)}.ocrh-shot{padding:7px;position:relative}.ocrh-corner{border:0 solid var(--brand);width:16px;height:16px;position:absolute}.ocrh-corner.is-tl{border-width:2px 0 0 2px;border-top-left-radius:5px;top:0;left:0}.ocrh-corner.is-tr{border-width:2px 2px 0 0;border-top-right-radius:5px;top:0;right:0}.ocrh-corner.is-bl{border-width:0 0 2px 2px;border-bottom-left-radius:5px;bottom:0;left:0}.ocrh-corner.is-br{border-width:0 2px 2px 0;border-bottom-right-radius:5px;bottom:0;right:0}.ocrh-paper{font-variant-numeric:tabular-nums;color:#0f1117cc;background:radial-gradient(120% 80% at 10% 0,#fffffff2,#0000 60%),linear-gradient(165deg,#fffdf9,#f6f2e9);border-radius:2px;padding:1.5em 1.6em 1.3em;font-size:2.7cqi;line-height:1.5;position:relative;overflow:hidden;box-shadow:0 1px 1px #0f11170f,0 12px 24px -14px #0f111766}.ocrh-paper i{color:#0f11178c;font-style:normal}.ocrh-top{justify-content:space-between;align-items:flex-start;gap:1em;display:flex}.ocrh-from,.ocrh-meta,.ocrh-parties>div{flex-direction:column;display:flex}.ocrh-from>b{letter-spacing:-.01em;color:#0f1117eb;align-self:flex-start;font-size:1.25em;font-weight:700}.ocrh-meta{text-align:right;align-items:flex-end}.ocrh-meta b{font-weight:600}.ocrh-meta i{margin-right:.35em}.ocrh-meta .ocrh-title{letter-spacing:.14em;text-transform:uppercase;color:#0f1117eb;margin-bottom:.15em;font-size:1.45em;font-weight:700;line-height:1.2}.ocrh-parties{grid-template-columns:1fr 1fr;gap:1em;margin-top:1.1em;display:grid}.ocrh-parties i{letter-spacing:.1em;text-transform:uppercase;font-size:.82em}.ocrh-table{border-collapse:collapse;width:100%}.ocrh-table th{letter-spacing:.08em;text-transform:uppercase;text-align:right;vertical-align:bottom;white-space:nowrap;color:#0f11178c;border-bottom:1px solid #0f11172e;padding:0 0 .35em;font-size:.8em;font-weight:600;line-height:1.25}.ocrh-table th+th{white-space:normal;width:1%;padding-left:2.75em}.ocrh-table td{text-align:right;white-space:nowrap;padding:.3em 0 0}.ocrh-table td+td{padding-left:2.2em}.ocrh-table :is(th,td):first-child{text-align:left}.ocrh-totals{width:58%;margin:.7em 0 0 auto}.ocrh-totals>div{justify-content:space-between;gap:1em;display:flex}.ocrh-totals dd{margin:0}.ocrh-totals .is-due{color:#0f1117eb;border-top:1px solid #0f11172e;margin-top:.25em;padding-top:.25em;font-weight:700}.ocrh-foot{color:#0f11178c;margin-top:.9em}.ocrh-box{background:var(--hl);box-shadow:0 0 0 1.5px var(--hl-line);border-radius:3px}b.ocrh-box,span.ocrh-box{margin:0 -.25em;padding:0 .25em}.ocrh-box.is-flag{background:var(--warn-bg);box-shadow:0 0 0 1.5px var(--warn)}.ocrh-lines{border-radius:4px;margin:1.1em -.45em 0;padding:.3em .45em .35em}.ocrh-scan{border-top:2px solid color-mix(in srgb, var(--brand) 70%, transparent);opacity:0;pointer-events:none;height:0;position:absolute;inset:0 0 auto}.ocrh-scan:before{content:"";background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--brand) 12%, transparent));height:3.2em;position:absolute;bottom:100%;left:0;right:0}.ocrh-card{width:var(--card-w);grid-area:2/1/3/2;place-self:start;padding:14px 14px 8px}.ocrh-card .xcard-head{padding-bottom:12px}.ocrh-card .xrow{grid-template-columns:7.5em minmax(0,1fr);gap:14px;padding:6px 8px;font-size:13px}.ocrh-card .xrow dd .mono{font-size:12px}.ocrh-fly{pointer-events:none;position:absolute;inset:0}.ocrh-fly span{font-family:var(--mono);white-space:nowrap;color:var(--brand-ink);background:var(--surface);box-shadow:0 0 0 1px var(--hl-line), 0 10px 22px -10px #3a4ee88c;opacity:0;border-radius:7px;padding:5px 8px;font-size:12px;line-height:1.2;position:absolute;top:0;left:0}.ocrh-fly .is-flag{color:var(--warn);box-shadow:0 0 0 1px var(--warn), 0 10px 22px -10px #b4530973}.ocrh figcaption{color:var(--ink-3);margin-top:10px;font-size:12px}@container (max-width:470px){.ocrh-card{width:max(var(--card-w), 84%)}.ocrh-card .xrow{grid-template-columns:7.6em minmax(0,1fr);gap:10px;font-size:12.5px}.ocrh-card .xrow dd .mono{font-size:11.5px}}@media (max-width:960px){.ocrh{max-width:560px}}@media (max-width:560px){.ocrh{--photo-w:100%;--card-w:100%;--lap:calc(30px + 41.4cqi)}.ocrh-card .xrow dd{flex-wrap:nowrap}.ocrh-card .xrow dd .mono{white-space:nowrap}}