@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#220838;--muted:#655c70;--purple:#9f03f2;--line:#e9ddf2;--bg:#faf7fd;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}a{color:#7300bf}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #9f03f2;outline-offset:3px}header{background:#fff;border-bottom:1px solid var(--line)}.shell{max-width:1120px;margin:auto;padding:0 24px}.top{height:77px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:22px;letter-spacing:.08em;font-weight:900;color:#1f0033}.brand img{height:38px;width:38px}.back{font-size:14px;font-weight:700;text-decoration:none}.hero{color:#fff;background:radial-gradient(circle at 79% 12%,#c163ff 0,transparent 37%),linear-gradient(125deg,#2f004d,#7500bd 56%,#a000f0);overflow:hidden}.hero .shell{display:grid;grid-template-columns:1.45fr .65fr;align-items:center;gap:40px;padding-top:74px;padding-bottom:74px}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.18em;font-weight:800;color:#e8c8ff}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.08;letter-spacing:-.045em;max-width:730px;margin:18px 0 20px}.hero p{font-size:18px;max-width:620px;color:#f1e2fc}.hero-art{width:100%;max-width:300px;filter:drop-shadow(0 30px 24px #22002f80)}.hero-art rect,.hero-art path,.hero-art circle{stroke:#fff;stroke-width:6;fill:none;stroke-linecap:round;stroke-linejoin:round}.hero-art .blob{fill:#ffffff20;stroke:#ffffff60;stroke-width:1}.layout{max-width:1120px;margin:0 auto;padding:36px 24px 68px}.tool-panel,.explainer,.faq{border:1px solid var(--line);background:#fff;border-radius:22px;padding:clamp(22px,4vw,40px);box-shadow:0 14px 50px #3d0c650d;margin-bottom:24px}.tool-panel h2,.explainer h2,.faq h2{font-size:clamp(21px,3vw,29px);margin:0 0 20px;letter-spacing:-.025em}.tool-panel label,.editor-grid label{display:block;font-weight:700;font-size:14px}.tool-panel input:not([type=file]),.tool-panel select,.tool-panel textarea{display:block;width:100%;font:inherit;color:var(--ink);border:1px solid #d8c9e6;border-radius:12px;padding:12px 14px;background:#fff;margin-top:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.editor-grid{display:grid;grid-template-columns:1fr 2fr;gap:14px;margin-top:22px}.tool-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.tool-actions button,.calendar-head button,button{appearance:none;cursor:pointer;background:var(--purple);border:1px solid var(--purple);border-radius:12px;color:#fff;font:inherit;font-size:15px;font-weight:800;padding:12px 18px;transition:transform .18s ease}.tool-actions button:hover,button:hover{transform:translateY(-1px)}button.secondary{background:#f4ebfa;color:#602083;border-color:#dac4ea}button:disabled{opacity:.4;cursor:not-allowed;transform:none}output:not(.calc output){display:block;font-size:clamp(22px,4vw,34px);font-weight:850;color:#5b0093;overflow-wrap:anywhere}p.muted,.muted{color:var(--muted)}.small{font-size:13px;line-height:1.6}.explainer p,.explainer li{color:#514459}.faq details{border-top:1px solid var(--line);padding:15px 0}.faq summary{font-weight:750;cursor:pointer}.utility-foot{background:#1e0530;color:#ebddf7;padding:48px 0}.utility-foot a{color:#f6e6ff}.utility-foot h2{font-size:20px;margin:0 0 18px}.utility-links{display:flex;flex-wrap:wrap;gap:12px 25px;margin-bottom:26px}.utility-links a{font-size:14px}.utility-foot small{color:#c2add2}.calendar-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.calendar-head h2{margin:0 auto 0 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:22px}.calendar-grid .weekday{text-align:center;font-size:12px;font-weight:900;padding:5px;color:#766188}.calendar-grid button{min-height:68px;border-radius:10px;background:#faf6fd;border:1px solid #e6d9ef;text-align:left;display:flex;flex-direction:column;gap:3px;color:#260a3a;font-weight:700;padding:8px}.calendar-grid button[aria-pressed=true]{border:2px solid #9f03f2;background:#f3e1ff}.calendar-grid button:disabled{opacity:.3}.calendar-grid small{font-size:10px;color:#7b399e;line-height:1.1}.inline-label{display:inline-flex!important;align-items:center;gap:9px}.inline-label select{width:auto!important;margin:0!important}.calc-top{display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap}.calc-top span{color:#6e557f;font-size:13px}.calc-input{font-size:26px!important;letter-spacing:.01em}.calc-keys{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:18px}.calc-keys button{padding:11px 3px;background:#eee2f7;color:#4b166a;border:1px solid #dac4eb;border-radius:8px}.calc-keys button.func{background:#6b248d;color:#fff}.calc output{display:block;color:#6d008e;font-size:30px;margin:15px 0;font-weight:900;overflow-wrap:anywhere}.viewer{min-height:300px;background:#f9f5fc;border:2px dashed #e5d6f0;border-radius:14px;display:flex;justify-content:center;align-items:center;margin-top:12px}.viewer iframe{width:100%;height:560px;border:0;border-radius:14px}.file-label input{margin:15px 0}.split-editor{display:grid;grid-template-columns:1fr 1fr;gap:22px}.code-editor{font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace!important;min-height:460px;resize:vertical}.split-editor iframe{border:1px solid #dbc6ed;width:100%;height:460px;background:#fff;border-radius:12px}.split-editor h2{font-size:14px;padding-bottom:8px;margin:0 0 10px}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.ref-card{border:1px solid #eadbf2;border-radius:15px;padding:20px;background:#fcf9fe}.ref-card span{display:block;color:#8428b7;font-size:12px;font-weight:800}.ref-card h2{font-size:18px;margin:10px 0}.ref-card p{font-size:14px;color:#584b63;min-height:65px}.ref-card a{font-weight:800;font-size:14px}@media(max-width:760px){.hero .shell{grid-template-columns:1fr;padding-top:46px;padding-bottom:46px}.hero-art{max-width:175px}.form-grid,.editor-grid,.split-editor{grid-template-columns:1fr}.reference-grid{grid-template-columns:1fr}.calendar-grid button{font-size:12px;min-height:54px;padding:5px}.calc-keys{grid-template-columns:repeat(4,1fr)}.top{height:69px}.back{font-size:12px}}@media print{header,.hero,.layout>.tool-panel,.layout>.explainer,.layout>.faq,.utility-foot{display:none!important}body{background:#fff;color:#111}#print-document{display:block!important;padding:20mm;white-space:pre-wrap;font:12pt/1.7 Georgia,serif}#print-document h1{font:700 24pt/1.3 Georgia,serif}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

/* OPERAVA live-root design parity: source tokens based on Operava-Website/src/index.css, SiteHeader, SiteFooter and site/ui.tsx (2026-10-20). */
:root{--op-canvas:#1b1b21;--op-panel:#24242b;--op-panel2:#2b2b33;--op-border:#3b3b46;--op-text:#fff;--op-muted:#a3a3b0;--op-violet:#9f67ff;--op-violet-solid:#7c3aed;--op-font:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
html{scroll-padding-top:86px;background:var(--op-canvas)!important}
body{background:var(--op-canvas)!important;color:var(--op-text)!important;font-family:var(--op-font)!important;min-height:100vh;font-size:15px;line-height:1.65}
body *{box-sizing:border-box}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--op-violet)!important;outline-offset:3px}
.op-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.op-site-header{position:sticky;top:0;z-index:99;background:rgba(0,0,0,.94)!important;border-bottom:1px solid #26232e;height:65px;backdrop-filter:blur(16px);width:100%}
.op-header-inner{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:24px;margin:0 auto;width:100%;padding:0 clamp(20px,3vw,48px)}
.op-wordmark,.op-foot-wordmark{color:#fff!important;font-size:21px;line-height:1;font-weight:900;letter-spacing:-.055em;text-decoration:none!important}
.op-wordmark:hover{color:#f8ecff!important}
.op-desktop-nav{display:flex;align-items:stretch;gap:1px;height:64px}
.op-desktop-nav a{font-size:11px;letter-spacing:.14em;font-weight:700;text-transform:uppercase;color:#f0ebf5!important;text-decoration:none;padding:23px 16px;position:relative}
.op-desktop-nav a:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;background:var(--op-violet);transform:scaleX(0);transition:transform .25s}
.op-desktop-nav a:hover:after,.op-desktop-nav a:focus-visible:after{transform:scaleX(1)}
.op-header-actions{display:flex;align-items:center;gap:12px}
.op-contact{display:inline-flex;align-items:center;padding:0 20px;height:38px;color:#fff!important;text-decoration:none!important;border:1px solid #fff;font-size:11px;font-weight:800;letter-spacing:.15em;transition:background .2s,color .2s}
.op-contact:hover{background:#fff;color:#0a0a0a!important}
.op-mobile{display:none;position:relative}
.op-mobile summary{list-style:none;cursor:pointer;padding:5px 9px;color:#fff;font-size:22px}
.op-mobile summary::-webkit-details-marker{display:none}
.op-mobile nav{position:absolute;top:41px;right:0;width:min(290px,85vw);background:#0b0b0e;border:1px solid var(--op-border);padding:15px;display:grid;gap:3px;box-shadow:0 25px 45px #0009}
.op-mobile nav a{color:#fff!important;padding:9px 13px;text-decoration:none;font-size:13px;font-weight:600}
.op-mobile nav a:hover{background:#22212a;color:var(--op-violet)!important}
@media(max-width:920px){.op-desktop-nav{display:none}.op-mobile{display:block}}
.shell,.layout,.article{max-width:1180px!important;margin-inline:auto}
.hero{background:linear-gradient(90deg,rgba(8,7,14,.96) 0%,rgba(12,10,20,.92) 47%,rgba(27,16,48,.75) 100%),url('/media/operava-scene-operava-team-collaboration-in-purple-glow.webp') center/cover!important;border-bottom:1px solid var(--op-border);color:#fff!important}
.hero .shell{padding-block:80px!important;gap:38px}
.hero .eyebrow,.eyebrow{font:800 11px/1.4 var(--op-font)!important;text-transform:uppercase;letter-spacing:.18em;color:var(--op-violet)!important}
.hero h1,.case-hero h1{font-size:clamp(34px,5.1vw,66px)!important;line-height:1.06!important;font-weight:900!important;letter-spacing:-.055em!important;text-transform:uppercase;max-width:950px}
.hero p,.case-hero p{color:#d6d2dc!important;font-size:clamp(15px,1.8vw,19px)!important;line-height:1.6}
.hero-art{filter:drop-shadow(0 22px 36px #7c3aed66)!important}
.hero-art .blob{fill:#9f67ff13!important;stroke:#9f67ff77!important}
.layout{padding:50px 24px 85px!important}
.tool-panel,.explainer,.faq{background:var(--op-panel)!important;border:1px solid var(--op-border)!important;color:#fff!important;border-radius:12px!important;box-shadow:0 20px 45px rgba(0,0,0,.12)!important}
.tool-panel h2,.explainer h2,.faq h2{font-weight:850!important;color:#fff!important;letter-spacing:-.035em!important}
.tool-panel label,.editor-grid label{color:#f5f2f9!important}
.tool-panel input:not([type=file]),.tool-panel select,.tool-panel textarea{background:#111115!important;color:#fff!important;border:1px solid #57515f!important;border-radius:9px!important;color-scheme:dark}
.tool-panel input::placeholder,.tool-panel textarea::placeholder{color:#9a95a4}
.tool-panel .muted,.muted,.small,.explainer p,.explainer li,.faq p{color:#c2bacd!important}
.tool-panel a,.explainer a,.faq a{color:#c7a8ff!important}
button,.tool-actions button,.calendar-head button{background:var(--op-violet-solid)!important;border:1px solid var(--op-violet-solid)!important;color:#fff!important;border-radius:8px!important;font-weight:800!important}
button.secondary,.tool-actions button.secondary,.calendar-head button.secondary{background:#15121b!important;color:#f4e9ff!important;border-color:#60586b!important}
button:disabled{opacity:.42}
.tool-panel output,.calc output{color:#d8b9ff!important}
.calc-keys button{background:#34313b!important;border-color:#60586b!important;color:#fff!important}
.calc-keys button.func{background:#553288!important}
.calendar-grid button{background:#1b1921!important;border:1px solid #55505f!important;color:#fff!important}
.calendar-grid button[aria-pressed=true]{background:#4b2c73!important;border-color:var(--op-violet)!important}
.calendar-grid small{color:#d4bbff!important}
.weekday{color:#ccc1d8!important}
.viewer{background:#16141c!important;border-color:#6b6180!important}
.split-editor iframe{background:#fff}
.reference-grid .ref-card,.ref-card{background:#18171f!important;border:1px solid var(--op-border)!important;border-radius:12px!important}
.ref-card h2{color:#fff!important}
.ref-card p{color:#c1bac9!important}
.ref-card span,.ref-card a{color:#c7a8ff!important}
.faq details{border-top:1px solid var(--op-border)!important}
.faq summary{color:#fff}
.op-site-footer{display:block!important;background:#111114!important;border-top:1px solid #2c2931!important;padding:64px clamp(20px,4vw,65px) 30px!important;color:#fff!important;font-family:var(--op-font)}
.op-foot-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:clamp(16px,3vw,45px);max-width:1500px;margin:0 auto}
.op-footer-brand p{color:#9f9da6;font-size:12px;max-width:235px;line-height:1.65;margin:22px 0}
.op-foot-wordmark{font-size:20px!important}
.op-social{display:flex;gap:9px;flex-wrap:wrap}
.op-social a{width:35px;height:35px;display:inline-flex;justify-content:center;align-items:center;background:#fff;color:#1b1720!important;border-radius:50%;font-weight:900;text-decoration:none}
.op-social a:hover{background:#eaddff}
.op-mail{font-size:12px;color:#aaa4b0!important;text-decoration:none;display:inline-block;margin-top:24px}
.op-foot-col h3{font-size:11px!important;text-transform:uppercase;letter-spacing:.17em;font-weight:800;color:#fff!important;margin:0 0 22px}
.op-foot-col ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.op-foot-col a{color:#aaa4b0!important;text-decoration:none!important;font-size:13px;line-height:1.5}
.op-foot-col a:hover,.op-mail:hover{color:#fff!important}
.op-foot-utils{max-width:1500px;margin:44px auto 0;border-top:1px solid #333039;padding-top:26px}
.op-foot-utils-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;flex-wrap:wrap;margin-bottom:20px}
.op-foot-utils-heading h3{color:#fff!important;font-size:11px!important;letter-spacing:.15em;font-weight:850;margin:0}
.op-foot-utils-heading p{color:#a6a1ab;font-size:12px;margin:0}
.op-foot-utils nav{display:flex;flex-wrap:wrap;gap:10px}
.op-foot-utils nav a{display:inline-flex;align-items:center;background:#7c3aed18;border:1px solid #9f67ff4c;border-radius:99px;padding:10px 16px;font-size:12px;color:#e4d8fa!important;text-decoration:none}
.op-foot-utils nav a:hover{background:#7c3aed44;border-color:#9f67ff}
.op-foot-legal{max-width:1500px;margin:56px auto 0;border-top:1px solid #333039;padding-top:25px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;color:#898591;font-size:11px;letter-spacing:.045em}
.op-foot-legal a{color:#8d8793!important;text-decoration:none}
.op-foot-legal a:hover{color:#fff!important}
@media(max-width:980px){.op-foot-grid{grid-template-columns:repeat(2,1fr)}.op-footer-brand{grid-column:span 2}}
@media(max-width:630px){.hero .shell{padding-block:55px!important}.op-foot-grid{gap:28px}.op-foot-legal{display:grid}.layout{padding-inline:16px!important}.op-contact{display:none}}
/* Expanded illustrative case studies, same root look */
.case-hero{background:linear-gradient(105deg,#0b0a10eb,#241438dd),url('/media/operava-scene-operava-team-collaboration-in-purple-glow.webp') center/cover!important;border-bottom:1px solid var(--op-border);color:#fff!important}
.case-hero .eyebrow{color:var(--op-violet)!important}
.article{color:#eee;background:var(--op-canvas)}
.article h2{color:#fff!important;font-weight:900!important;letter-spacing:-.035em!important;text-transform:uppercase}
.article p,.article li{color:#d1cbd8!important}
.article .disclaimer{background:#1c1826!important;border:1px solid #6e5788!important;color:#d7c9ec!important}
.article .step,.article .more{background:var(--op-panel)!important;border:1px solid var(--op-border)!important;border-radius:12px!important}
.article .step h3{color:#fff}.article .step b,.article .more a{color:#bd9bff!important}
.article .step p{color:#c1b9ca!important}
.article .more h2{margin-top:0}
@media print{.op-site-header,.op-site-footer{display:none!important}#print-document,#print-document *{color:#000!important;background:#fff!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* OPERAVA root-site parity: Inter, dark charcoal, violet, fixed-height navigation, content and footer.
   Light mode honours main-site localStorage key 'operava-theme'. */
:root{--op-canvas:#1b1b21;--op-panel:#24242b;--op-panel2:#2b2b33;--op-border:#3b3b46;--op-text:#fff;--op-muted:#aaa5b4;--op-violet:#9f67ff;--op-violet-solid:#7c3aed;--op-header:#080809f0;--op-footer:#111114;color-scheme:dark}
html[data-theme=light]{--op-canvas:#f7f7fa;--op-panel:#fff;--op-panel2:#f3eef9;--op-border:#d7d3df;--op-text:#17121d;--op-muted:#605969;--op-violet:#742db7;--op-violet-solid:#6c2db2;--op-header:#fffffff5;--op-footer:#f2eff7;color-scheme:light}
html[data-theme=light],html[data-theme=light] body{background:var(--op-canvas)!important;color:var(--op-text)!important}
.op-site-header{background:var(--op-header)!important}
html[data-theme=light] .op-wordmark,html[data-theme=light] .op-desktop-nav a,html[data-theme=light] .op-theme-toggle,html[data-theme=light] .op-search-toggle,html[data-theme=light] .op-mobile summary{color:var(--op-text)!important}
html[data-theme=light] .op-contact{color:var(--op-text)!important;border-color:var(--op-text)}
html[data-theme=light] .op-site-footer{background:var(--op-footer)!important;border-color:var(--op-border)!important;color:var(--op-text)!important}
html[data-theme=light] .op-foot-wordmark,html[data-theme=light] .op-foot-col h3,html[data-theme=light] .op-foot-utils-heading h3{color:var(--op-text)!important}
html[data-theme=light] .op-foot-col a,html[data-theme=light] .op-footer-brand p,html[data-theme=light] .op-mail,html[data-theme=light] .op-foot-legal,html[data-theme=light] .op-foot-legal a,html[data-theme=light] .op-foot-utils-heading p{color:var(--op-muted)!important}
html[data-theme=light] .op-foot-utils,html[data-theme=light] .op-foot-legal{border-color:var(--op-border)!important}
html[data-theme=light] .op-foot-utils nav a{background:#efe3ff!important;color:#58228f!important;border:1px solid #b7a2d4!important}
html[data-theme=light] .tool-panel,html[data-theme=light] .explainer,html[data-theme=light] .faq,html[data-theme=light] .ref-card,html[data-theme=light] .op-case-feature,html[data-theme=light] .op-scenario-card,html[data-theme=light] .article .step,html[data-theme=light] .article .more{background:var(--op-panel)!important;color:var(--op-text)!important;border-color:var(--op-border)!important}
html[data-theme=light] .tool-panel h2,html[data-theme=light] .explainer h2,html[data-theme=light] .faq h2,html[data-theme=light] .ref-card h2,html[data-theme=light] .article h2,html[data-theme=light] .article h3{color:var(--op-text)!important}
html[data-theme=light] .tool-panel label,html[data-theme=light] .faq summary{color:var(--op-text)!important}
html[data-theme=light] .muted,html[data-theme=light] .small,html[data-theme=light] .explainer p,html[data-theme=light] .faq p,html[data-theme=light] .ref-card p,html[data-theme=light] .article p,html[data-theme=light] .article li,html[data-theme=light] .op-case-intro p,html[data-theme=light] .op-case-feature-body p,html[data-theme=light] .op-scenario-card p{color:var(--op-muted)!important}
html[data-theme=light] .tool-panel input:not([type=file]),html[data-theme=light] .tool-panel select,html[data-theme=light] .tool-panel textarea{background:#fff!important;color:var(--op-text)!important;border-color:var(--op-border)!important}
html[data-theme=light] .op-case-cta{background:var(--op-panel2)!important;border-color:var(--op-border)!important}
html[data-theme=light] .op-case-cta h2,html[data-theme=light] .op-case-cta p{color:var(--op-text)!important}
html[data-theme=light] .op-case-cta a{color:var(--op-text)!important;border-color:var(--op-text)!important}
html[data-theme=light] .calendar-grid button,html[data-theme=light] .calc-keys button{background:#f0eafa!important;color:#2c163d!important;border-color:#c9b5df!important}
html[data-theme=light] .op-case-filters button{background:#f3edfa!important;color:#32223c!important;border-color:#cdb7db!important}
html[data-theme=light] .op-case-filters button[aria-pressed=true]{background:#6d28b5!important;color:#fff!important}
html[data-theme=light] .article{background:var(--op-canvas)!important}
html[data-theme=light] .article .disclaimer{background:#f1e8fb!important;color:#3a1b55!important}
html[data-theme=light] .hero{background:linear-gradient(90deg,#141021f0,#2d1c4acb),url('/media/operava-scene-operava-team-collaboration-in-purple-glow.webp') center/cover!important}
html[data-theme=light] .hero h1,html[data-theme=light] .hero p{color:#fff!important}
.op-header-inner{position:relative}
.op-header-actions button.op-theme-toggle,.op-header-actions button.op-search-toggle{display:grid;place-items:center;background:transparent!important;border:1px solid #514b5d!important;color:var(--op-text)!important;width:36px;height:36px;min-width:36px;padding:0;border-radius:50%!important;font-size:18px}
.op-header-actions button:hover{border-color:var(--op-violet)!important}
.op-site-search[hidden]{display:none!important}
.op-site-search{position:absolute;z-index:110;right:15px;top:64px;display:flex;gap:8px;width:min(490px,calc(100vw - 30px));padding:14px;background:var(--op-header);border:1px solid var(--op-border);box-shadow:0 16px 45px #0007}
.op-site-search input{min-width:0;flex:1;padding:11px 13px;background:var(--op-panel);border:1px solid var(--op-border);color:var(--op-text)}
.op-site-search button{padding:10px 15px;font-size:11px}
.op-mobile nav{background:var(--op-header)!important}.op-mobile nav a{color:var(--op-text)!important}
.op-social a{padding:8px}.op-social img{width:20px;height:20px;display:block;object-fit:contain}
.op-notice{margin:20px 0 0;padding:16px 20px;background:var(--op-panel);border:1px solid var(--op-border);border-left:3px solid var(--op-violet);border-radius:10px;font-size:13px;color:var(--op-muted);line-height:1.65}
.op-notice strong{color:var(--op-text)}
.op-notice a{color:var(--op-violet)}
.op-feature-row{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}
.op-feature-row button,.op-feature-row a{display:inline-flex;align-items:center;border:1px solid var(--op-border);border-radius:9px;padding:10px 14px;text-decoration:none;background:var(--op-panel);color:var(--op-text);font-size:12px;font-weight:700;cursor:pointer}
.op-feature-row :is(a,button):hover{border-color:var(--op-violet)}
.op-doc-preview{background:#fff;color:#161616;min-height:250px;max-height:560px;overflow:auto;border-radius:8px;padding:30px 35px;font:16px/1.65 Georgia,serif}
.op-doc-preview *{max-width:100%;overflow-wrap:anywhere}.op-doc-preview img{max-width:100%;height:auto}
.op-doc-preview table{border-collapse:collapse;width:100%}.op-doc-preview td,.op-doc-preview th{border:1px solid #aaa;padding:7px}
.op-doc-preview h1,.op-doc-preview h2,.op-doc-preview h3{color:#171717}
.op-doc-preview a{color:#164eab}
.op-card-metadata{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}
.op-card-metadata span{padding:7px 10px;background:var(--op-panel2);border:1px solid var(--op-border);border-radius:30px;font-size:12px}
.op-scenario-card[hidden],.ref-card[hidden]{display:none!important}
@media(max-width:700px){.op-header-inner{padding:0 14px;gap:8px}.op-header-actions{gap:6px}.op-contact{display:none!important}.op-header-actions button.op-theme-toggle,.op-header-actions button.op-search-toggle{min-width:32px;width:32px;height:32px}}
@media print{.op-site-header,.op-site-footer,.hero,.op-notice{display:none!important}.op-doc-preview{max-height:none;overflow:visible;padding:0}}