.op-light{--background:#fff;--foreground:#0f172a;--card:#f8fafc;--card-foreground:#0f172a;--muted:#f1f5f9;--muted-foreground:#64748b;--border:#e2e8f0;--input:#e2e8f0;--ring:#0d9488;--teal:#0d9488;--teal-light:#14b8a6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--foreground);background:#fff}.op-page{background:var(--background);border:1px solid var(--border);border-radius:8px;flex-direction:column;width:8.5in;min-height:11in;padding:.45in .55in;display:flex;position:relative;overflow:hidden}.op-variation{align-items:center;gap:.25in;padding:.15in .25in;display:flex}.op-tag{white-space:nowrap;border-radius:3px;padding:.12rem .35rem;font-size:.58rem;font-weight:600}.op-tag-name{color:#fff;background:#0d9488}.op-tag-cat{color:#6d28d9;background:#ede9fe}.op-tag-detail{color:#15803d;background:#dcfce7}.op-tag-brand{color:#b45309;background:#fef3c7}.op-tier{border-radius:5px;grid-template-columns:auto 1fr auto;align-items:center;gap:.35rem;padding:.22rem .4rem;display:grid}.op-tier-badge{text-transform:uppercase;letter-spacing:.05em;color:#fff;white-space:nowrap;background:#0d9488;border-radius:3px;padding:.08rem .3rem;font-size:.5rem;font-weight:700}.op-dist-bar{border-radius:4px;height:8px;display:flex;overflow:hidden}.op-dist-bar>div:first-child{border-radius:4px 0 0 4px}.op-dist-bar>div:last-child{border-radius:0 4px 4px 0}.op-problem:before{content:"";opacity:.8;background:#dc2626;border-radius:50%;width:5px;height:5px;position:absolute;top:.4em;left:0}.op-pilot-item:before{content:"✓";color:#0d9488;font-size:.6rem;font-weight:700;position:absolute;left:0}.op-intel-example{font-family:var(--font-mono),"SF Mono","Fira Code",monospace;color:#6d28d9;font-size:.57rem}@media print{@page{size:letter;margin:0}body{min-height:auto!important;padding:0!important}.op-pills{display:none!important}.op-page{border:none;border-radius:0;width:100%;height:100vh;min-height:auto;padding:.4in .5in}.op-tag,.op-tier-badge,.op-dist-bar>div,.op-problem:before,.op-intel-example{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media screen and (max-width:900px){.op-page{width:100%;min-height:auto;padding:1.5rem}.op-variation{text-align:center;flex-direction:column}}
