:root{--oi-amber:oklch(0.82 0.13 78)}.oi-example{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;align-items:start;max-width:980px}@media(max-width:820px){.oi-example{grid-template-columns:1fr}}.oi-doc{background:#f4efe4;color:#2b2a27;border-radius:var(--radius);border:1px solid rgba(0,0,0,.12);box-shadow:0 30px 80px -40px rgba(0,0,0,.65);padding:26px 28px;position:relative;overflow:hidden}.oi-doc-brand{font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:-.01em;margin:0}.oi-doc-sub{font-size:12px;color:#6b6863;margin:2px 0 18px}.oi-doc-meta{font-family:var(--font-mono);font-size:12px;color:#4a4844;display:flex;justify-content:space-between;gap:12px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid rgba(0,0,0,.12)}.oi-doc table{width:100%;border-collapse:collapse;font-size:12.5px}.oi-doc th{text-align:left;font-weight:600;color:#6b6863;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;padding:0 0 8px;border-bottom:1px solid rgba(0,0,0,.12)}.oi-doc td{padding:8px 0;border-bottom:1px solid rgba(0,0,0,.07);vertical-align:top}.oi-doc td:last-child,.oi-doc th:last-child{text-align:right;white-space:nowrap}.oi-doc-art{font-family:var(--font-mono);color:#4a4844}.oi-doc-note{margin-top:18px;padding-top:14px;font-family:var(--font-display);font-style:italic;font-size:14px;color:#22407a;transform:rotate(-1.2deg);transform-origin:left}.oi-extract{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius);padding:24px 26px}.oi-extract-head{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);margin:0 0 18px}.oi-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:11px 0;border-top:1px solid var(--line-soft)}.oi-row:first-of-type{border-top:none;padding-top:0}.oi-row-label{font-size:11px;color:var(--text-mute);margin:0 0 3px}.oi-row-value{font-size:14px;color:var(--text);line-height:1.4;margin:0}.oi-row-value b{font-family:var(--font-mono);font-weight:500;color:var(--text-dim)}.oi-arrow{color:var(--cyan);padding:0 2px}.oi-pill{flex:none;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:99px;white-space:nowrap}.oi-pill--ok{color:var(--cyan);border:1px solid oklch(.82 .14 210/.4);background:oklch(.82 .14 210/.08)}.oi-pill--flag{color:var(--oi-amber);border:1px solid oklch(.82 .13 78/.5);background:oklch(.82 .13 78/.1)}.oi-row--flag{border-left:2px solid var(--oi-amber);padding-left:14px;margin-left:-16px;background:oklch(.82 .13 78/.04)}.oi-flag-note{font-size:12px;color:var(--oi-amber);margin:4px 0 0}.oi-erp{margin-top:18px;padding:14px 16px;border-radius:12px;background:oklch(1 0 0/.03);border:1px solid var(--line-soft);font-family:var(--font-mono);font-size:12.5px;color:var(--text-dim)}.oi-erp b{color:var(--text);font-weight:500}.oi-caption{margin:16px 0 0;font-size:12px;color:var(--text-mute);font-style:italic;text-align:center}.oi-beats{max-width:760px;display:grid;grid-gap:22px;gap:22px}.oi-beat{margin:0;font-size:17px;line-height:1.6;color:var(--text-dim);text-wrap:pretty}.oi-beat b{color:var(--text);font-weight:600}.oi-quiet{max-width:820px;margin:0 auto;padding:clamp(30px,5vw,52px) 0 0;font-size:14px;line-height:1.6;color:var(--text-mute)}.oi-quiet a{color:var(--cyan)}.oi-quiet a:hover{text-decoration:underline}.oi-faq-more{max-width:820px;margin:22px 0 0;font-size:15px;color:var(--text-mute)}.oi-faq-more a{color:var(--cyan)}.oi-faq-more a:hover{text-decoration:underline}