.opd-nav[data-astro-cid-a3adrbts]{position:sticky;top:0;z-index:20;background:#09224ef5;border-bottom:1px solid rgba(18,216,226,.22);backdrop-filter:saturate(140%) blur(6px)}.opd-nav__inner[data-astro-cid-a3adrbts]{max-width:var(--max-width-app, 1240px);margin:0 auto;display:flex;align-items:center;gap:var(--space-2);padding:10px var(--space-3);overflow-x:auto;scrollbar-width:thin}.opd-nav__home[data-astro-cid-a3adrbts],.opd-nav__overview[data-astro-cid-a3adrbts]{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;padding:8px 12px;min-height:44px;border-radius:var(--radius-pill, 999px);font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;color:var(--white-cool, #f2f6fc);border:1px solid rgba(242,246,252,.22);transition:border-color .18s ease,background .18s ease}.opd-nav__home[data-astro-cid-a3adrbts] svg[data-astro-cid-a3adrbts],.opd-nav__overview[data-astro-cid-a3adrbts] svg[data-astro-cid-a3adrbts]{width:15px;height:15px;flex-shrink:0}.opd-nav__home[data-astro-cid-a3adrbts]:hover,.opd-nav__overview[data-astro-cid-a3adrbts]:hover{border-color:var(--ai-primary, #12d8e2);background:#12d8e21f}.opd-nav__overview[data-astro-cid-a3adrbts][aria-current=page]{color:var(--bg-dark, #09224e);background:var(--ai-primary, #12d8e2);border-color:var(--ai-primary, #12d8e2)}.opd-nav__divider[data-astro-cid-a3adrbts]{width:1px;align-self:stretch;margin:6px 2px;background:#f2f6fc2e;flex-shrink:0}.opd-nav__list[data-astro-cid-a3adrbts]{display:flex;align-items:center;gap:var(--space-1);margin:0;padding:0;list-style:none;flex:1}.opd-nav__list[data-astro-cid-a3adrbts] li[data-astro-cid-a3adrbts]{margin:0;flex-shrink:0}.opd-nav__item[data-astro-cid-a3adrbts]{display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 8px;min-height:44px;border-radius:var(--radius-pill, 999px);text-decoration:none;color:var(--white-cool, #f2f6fc);border:1px solid transparent;transition:border-color .18s ease,background .18s ease}.opd-nav__num[data-astro-cid-a3adrbts]{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border-radius:999px;background:#f2f6fc24;font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--white-cool, #f2f6fc)}.opd-nav__label[data-astro-cid-a3adrbts]{font-family:var(--font-body);font-size:14px;font-weight:600;white-space:nowrap}.opd-nav__item[data-astro-cid-a3adrbts]:hover{border-color:#f2f6fc59;background:#f2f6fc14}.opd-nav__item[data-astro-cid-a3adrbts][aria-current=page]{background:var(--white-warm, #fbfaf2);color:var(--text-heading, #0f3b89);border-color:var(--white-warm, #fbfaf2)}.opd-nav__item[data-astro-cid-a3adrbts][aria-current=page][data-accent=kobalt] .opd-nav__num[data-astro-cid-a3adrbts]{background:var(--text-heading, #0f3b89);color:var(--white-cool, #f2f6fc)}.opd-nav__item[data-astro-cid-a3adrbts][aria-current=page][data-accent=aubergine] .opd-nav__num[data-astro-cid-a3adrbts]{background:var(--atm-aubergine, #4a2040);color:var(--white-cool, #f2f6fc)}.opd-nav__item[data-astro-cid-a3adrbts][aria-current=page][data-accent=teal] .opd-nav__num[data-astro-cid-a3adrbts]{background:var(--support-teal-deep, #006666);color:var(--white-cool, #f2f6fc)}.opd-nav__item[data-astro-cid-a3adrbts]:focus-visible,.opd-nav__home[data-astro-cid-a3adrbts]:focus-visible,.opd-nav__overview[data-astro-cid-a3adrbts]:focus-visible{outline:2px solid var(--ai-primary, #12d8e2);outline-offset:2px}@media(max-width:760px){.opd-nav__label[data-astro-cid-a3adrbts]{display:none}.opd-nav__item[data-astro-cid-a3adrbts]{padding:7px}.opd-nav__home[data-astro-cid-a3adrbts] span[data-astro-cid-a3adrbts],.opd-nav__overview[data-astro-cid-a3adrbts] span[data-astro-cid-a3adrbts]{display:none}}.kg-chalkdust:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.5;mix-blend-mode:screen;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='c'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0'/></filter><rect width='100%' height='100%' filter='url(%23c)'/></svg>");background-size:220px 220px}@media(prefers-reduced-motion:reduce){.kg-chalkdust:after{animation:none}}.chalk-underline{position:relative}.chalk-underline:after{content:"";position:absolute;left:-3%;right:-3%;bottom:-.16em;height:.28em;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='24' viewBox='0 0 200 24'><path d='M3 15 C45 7, 80 19, 120 11 S185 8, 197 15' fill='none' stroke='%230f3b89' stroke-width='5' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-size:100% 100%;pointer-events:none}.chalk-underline--spark:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='24' viewBox='0 0 200 24'><path d='M3 15 C45 7, 80 19, 120 11 S185 8, 197 15' fill='none' stroke='%23dfeb0b' stroke-width='5' stroke-linecap='round'/></svg>")}.chalk-underline--teal:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='24' viewBox='0 0 200 24'><path d='M3 15 C45 7, 80 19, 120 11 S185 8, 197 15' fill='none' stroke='%23aeeeee' stroke-width='5' stroke-linecap='round'/></svg>")}.chalk-underline--thin:after{bottom:-.22em;height:.42em;opacity:.6;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='12' viewBox='0 0 200 12'><path d='M2 7 C50 2, 90 11, 140 5 S190 4, 198 7' fill='none' stroke='%230f3b89' stroke-width='3' stroke-linecap='round'/></svg>")}.invul{display:inline-block;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.9em;font-weight:700;color:#0c2f6e;padding:1px 8px;border:1.5px dashed var(--text-heading, #0f3b89);border-radius:4px;background-color:#eef3fa;background-image:repeating-linear-gradient(45deg,rgba(15,59,137,.17) 0,rgba(15,59,137,.17) 1.5px,transparent 1.5px,transparent 6px);white-space:nowrap;line-height:1.5}.invul--licht{color:#e8fbff;border-color:#aeeeeeb3;background-color:#12d8e214;background-image:repeating-linear-gradient(45deg,rgba(174,238,238,.28) 0,rgba(174,238,238,.28) 1.5px,transparent 1.5px,transparent 6px)}.invul-lijn{display:block;min-height:26px;border-radius:4px;border:1.4px dashed rgba(15,59,137,.5);background-color:#f4f7fc;background-image:repeating-linear-gradient(45deg,rgba(15,59,137,.1) 0,rgba(15,59,137,.1) 1.5px,transparent 1.5px,transparent 7px)}.kg-hand{font-family:var(--font-quote, "Caveat");font-size:1.25rem;color:var(--support-teal-deep, #006666);transform:rotate(-2deg);display:inline-block}.opd-hero[data-accent=kobalt],.opd-card[data-accent=kobalt]{--opd-accent: var(--text-heading, #0f3b89);--opd-spark: var(--ai-primary, #12d8e2);--opd-grad-a: #061634;--opd-grad-b: #0f3b89}.opd-hero[data-accent=aubergine],.opd-card[data-accent=aubergine]{--opd-accent: var(--atm-aubergine, #4a2040);--opd-spark: var(--ai-secondary, #dfeb0b);--opd-grad-a: #07142f;--opd-grad-b: #4a2040}.opd-hero[data-accent=teal],.opd-card[data-accent=teal]{--opd-accent: var(--support-teal-deep, #006666);--opd-spark: var(--support-teal-mist, #aeeeee);--opd-grad-a: #001219;--opd-grad-b: #11434a}.opd-page{background:var(--bg-primary, #f8f8f6)}.opd-wrap{max-width:940px;margin:0 auto;padding:0 var(--space-3)}.opd-wrap--narrow{max-width:820px}.opd-wrap--wide{max-width:var(--max-width-app, 1240px)}.opd-hero{--opd-accent: var(--text-heading, #0f3b89);--opd-spark: var(--ai-primary, #12d8e2);--opd-grad-a: #061634;--opd-grad-b: #0f3b89;position:relative;overflow:clip;color:var(--white-cool, #f2f6fc);background:radial-gradient(120% 90% at 88% -10%,rgba(18,216,226,.14),transparent 55%),linear-gradient(125deg,var(--opd-grad-a, #061634) 0%,var(--opd-grad-b, #0f3b89) 62%,#0f3b89 100%)}.opd-hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;mix-blend-mode:screen;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='c'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0'/></filter><rect width='100%' height='100%' filter='url(%23c)'/></svg>");background-size:220px 220px}.opd-hero__inner{position:relative;z-index:2;max-width:940px;margin:0 auto;padding:clamp(40px,7vw,70px) var(--space-3) clamp(34px,5vw,54px)}.opd-hero__wm{position:absolute;z-index:0;right:-2vw;top:-3vw;font-family:var(--font-display, "Modica Ultra");font-weight:900;font-size:clamp(180px,34vw,460px);line-height:.78;letter-spacing:-.05em;color:#ffffff0e;pointer-events:none;user-select:none}.opd-hero__eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--opd-spark, #12d8e2);margin:0 0 14px}.opd-hero__title{font-family:var(--font-display, "Modica Ultra");font-weight:900;font-size:clamp(2.3rem,6.4vw,4.4rem);line-height:.96;letter-spacing:-.035em;color:var(--white-cool, #f2f6fc);margin:0;text-wrap:balance}.opd-hero__hl{position:relative;white-space:nowrap}.opd-hero__hl:after{content:"";position:absolute;left:-2%;right:-2%;bottom:-.14em;height:.3em;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='24' viewBox='0 0 200 24'><path d='M3 15 C45 7, 80 19, 120 11 S185 8, 197 15' fill='none' stroke='%23dfeb0b' stroke-width='5' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-size:100% 100%}.opd-hero[data-accent=teal] .opd-hero__hl:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='24' viewBox='0 0 200 24'><path d='M3 15 C45 7, 80 19, 120 11 S185 8, 197 15' fill='none' stroke='%23aeeeee' stroke-width='5' stroke-linecap='round'/></svg>")}.opd-hero__sub{font-family:var(--font-body);font-size:clamp(1rem,2.2vw,1.18rem);line-height:1.6;max-width:50ch;margin:18px 0 0;color:#d7def0}.opd-hero__meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.opd-hero__pill{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:var(--radius-pill, 999px);border:1px solid rgba(242,246,252,.26);font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--white-cool, #f2f6fc)}.opd-hero__pill svg{width:14px;height:14px}.opd-body{padding:clamp(34px,5vw,56px) 0 clamp(48px,7vw,88px)}.opd-lead{font-family:var(--font-body);font-size:1.1rem;line-height:1.6;color:var(--text-subtle, #09224e);max-width:62ch}.opd-h2{font-family:var(--font-heading, "Cabinet Grotesk");font-weight:800;font-size:clamp(1.5rem,3.4vw,2.1rem);line-height:1.15;letter-spacing:-.02em;color:var(--text-heading, #0f3b89);margin:clamp(40px,5vw,56px) 0 14px;display:flex;align-items:baseline;gap:12px}.opd-h2__n{font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--support-teal-deep, #006666);background:var(--white-foam, #e8fbff);border:1px solid rgba(0,102,102,.25);padding:3px 9px;border-radius:var(--radius-pill, 999px);white-space:nowrap}.opd-h3{font-family:var(--font-heading, "Cabinet Grotesk");font-weight:700;font-size:1.12rem;color:var(--text-heading, #0f3b89);margin:26px 0 8px}.opd-p{font-family:var(--font-body);font-size:1.02rem;line-height:1.62;color:var(--text-body, #0e2632);margin:0 0 14px;max-width:66ch}.opd-p strong,.opd-li strong{font-weight:700;color:var(--text-heading, #0f3b89)}.opd-invul-key{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;font-family:var(--font-body);font-size:.92rem;color:var(--text-subtle, #09224e);background:var(--white-warm, #fbfaf2);border:1px dashed rgba(15,59,137,.3);border-radius:var(--radius-soft, 4px);padding:10px 14px}.opd-call{border-radius:0 var(--radius-soft, 4px) var(--radius-soft, 4px) 0;padding:16px 20px;margin:18px 0}.opd-call__lbl{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;margin-bottom:6px}.opd-call p{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--text-body, #0e2632);margin:0 0 8px}.opd-call p:last-child{margin-bottom:0}.opd-call--what{background:linear-gradient(120deg,#f3f7ff,#eef3fa);border-left:5px solid var(--text-heading, #0f3b89)}.opd-call--what .opd-call__lbl{color:var(--text-heading, #0f3b89)}.opd-call--tip{background:var(--white-foam, #e8fbff);border-left:5px solid var(--support-teal-deep, #006666)}.opd-call--tip .opd-call__lbl{color:var(--support-teal-deep, #006666)}.opd-call--warn{background:#fdf3e7;border-left:5px solid #a35200}.opd-call--warn .opd-call__lbl{color:#a35200}.opd-call--where{background:var(--bg-dark, #09224e);border-left:5px solid var(--ai-primary, #12d8e2)}.opd-call--where .opd-call__lbl{color:var(--ai-primary, #12d8e2)}.opd-call--where p{color:var(--white-cool, #f2f6fc)}.opd-call code{font-family:var(--font-mono);font-size:.86em;color:var(--text-body, #0e2632);background:var(--white-base, #efefef);padding:2px 7px;border-radius:4px;border:1px solid var(--border-light, #d3d7de)}.opd-call--where code{background:#ffffff29;border:1px solid rgba(255,255,255,.32);color:#fff;padding:2px 7px;border-radius:4px;font-family:var(--font-mono);font-size:.86em}.opd-prompt{position:relative;background:var(--white-warm, #fbfaf2);border:2px dashed rgba(15,59,137,.45);border-radius:var(--radius-soft, 4px);padding:14px 116px 14px 16px;margin:10px 0 0}.opd-prompt[data-role]{border-color:var(--role, rgba(15, 59, 137, .45))}.opd-prompt__lbl{display:block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--role, var(--text-heading, #0f3b89));margin-bottom:6px}.opd-prompt__text{font-family:var(--font-body);font-size:.96rem;line-height:1.55;color:var(--text-body, #0e2632);white-space:pre-wrap}.opd-prompt__text .invul{white-space:normal;max-width:100%}.opd-copy{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11.5px;font-weight:700;letter-spacing:.03em;background:var(--role, var(--text-heading, #0f3b89));color:var(--white-cool, #f2f6fc);border:none;border-radius:var(--radius-pill, 999px);padding:8px 14px;min-height:44px;cursor:pointer;transition:transform .15s ease,filter .15s ease}.opd-copy svg{width:14px;height:14px}.opd-copy:hover{filter:brightness(1.08)}.opd-copy:active{transform:translateY(1px)}.opd-copy.is-done{background:var(--status-success, #16a34a)}.opd-copy:focus-visible{outline:2px solid var(--ai-primary, #12d8e2);outline-offset:2px}.opd-rolegrid{display:grid;grid-template-columns:1fr;gap:var(--space-3);margin-top:var(--space-3)}.opd-role{background:var(--white-warm, #fbfaf2);border:1px solid rgba(15,59,137,.12);border-top:6px solid var(--role, var(--text-heading));border-radius:var(--radius-soft, 4px);padding:8px 22px 20px;box-shadow:var(--shadow-raised)}.opd-role__head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 2px}.opd-role__title{font-family:var(--font-heading, "Cabinet Grotesk");font-weight:800;font-size:1.2rem;color:var(--role, var(--text-heading));margin:0}.opd-role__tag{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;color:#fff;background:var(--role, var(--text-heading));padding:3px 9px;border-radius:var(--radius-pill, 999px)}.opd-role__sub{font-family:var(--font-body);font-size:.9rem;color:var(--text-subtle, #09224e);opacity:.85;margin:0 0 6px}.opd-task{margin-top:16px}.opd-task__title{font-family:var(--font-body);font-weight:700;font-size:1.02rem;color:var(--text-heading, #0f3b89);display:flex;align-items:center;flex-wrap:wrap;gap:8px}.opd-lvl{font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:var(--radius-pill, 999px)}.opd-lvl--base{background:var(--white-alice, #edf2fb);color:var(--text-heading, #0f3b89)}.opd-lvl--stretch{background:#f3e9ef;color:#a23b6f}.opd-task__desc{font-family:var(--font-body);font-size:.93rem;color:var(--text-subtle, #09224e);margin:4px 0 8px}.opd-task__desc b{color:var(--text-body, #0e2632)}.opd-succes{font-family:var(--font-body);font-size:.9rem;color:var(--support-teal-deep, #006666);margin-top:8px;display:flex;align-items:flex-start;gap:7px}.opd-succes svg{width:16px;height:16px;flex-shrink:0;margin-top:1px}.opd-succes b{font-weight:700}.opd-steps{display:flex;flex-direction:column;gap:10px;margin:18px 0;counter-reset:st}.opd-step{display:flex;align-items:flex-start;gap:14px;background:var(--white-warm, #fbfaf2);border:2px solid var(--border-light, #d3d7de);border-radius:var(--radius-soft, 4px);padding:14px 16px;cursor:pointer;text-align:left;width:100%;font:inherit;transition:border-color .15s ease,transform .15s ease,background .15s ease}.opd-step:hover{border-color:var(--ai-primary, #12d8e2);transform:translate(2px)}.opd-step.is-done{border-color:var(--support-teal-deep, #006666);background:#f1f8f5}.opd-step:focus-visible{outline:2px solid var(--ai-primary, #12d8e2);outline-offset:2px}.opd-step__num{counter-increment:st;flex-shrink:0;width:34px;height:34px;border-radius:999px;background:var(--text-heading, #0f3b89);color:#fff;font-family:var(--font-mono);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.95rem}.opd-step__num:before{content:counter(st)}.opd-step.is-done .opd-step__num{background:var(--support-teal-deep, #006666)}.opd-step.is-done .opd-step__num:before{content:"✓"}.opd-step__txt{font-family:var(--font-body);font-size:1rem;line-height:1.45;color:var(--text-body, #0e2632)}.opd-step__txt b{color:var(--text-heading, #0f3b89)}.opd-step__tick{margin-left:auto;align-self:center;font-family:var(--font-quote, "Caveat");font-size:1.1rem;color:var(--text-subtle, #09224e);opacity:.7;white-space:nowrap}.opd-step.is-done .opd-step__tick{color:var(--support-teal-deep, #006666);opacity:1}.opd-chips{display:flex;flex-wrap:wrap;gap:8px}.opd-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.03em;color:var(--text-heading, #0f3b89);background:var(--white-alice, #edf2fb);border:1px solid rgba(15,59,137,.18);border-radius:var(--radius-pill, 999px);padding:5px 12px}.opd-addchip{display:inline-flex;align-items:center;gap:9px;background:var(--white-warm, #fbfaf2);border:2px solid var(--border-light, #d3d7de);border-radius:var(--radius-pill, 999px);padding:8px 13px 8px 15px;font-family:var(--font-body);font-size:.9rem;color:var(--text-body, #0e2632);cursor:pointer;text-align:left;line-height:1.3;transition:border-color .15s ease,transform .15s ease}.opd-addchip:hover{border-color:var(--ai-primary, #12d8e2);transform:translateY(-1px)}.opd-addchip:focus-visible{outline:2px solid var(--ai-primary, #12d8e2);outline-offset:2px}.opd-addchip.is-added{border-color:var(--support-teal-deep, #006666);background:#f1f8f5}.opd-addchip__plus{font-family:var(--font-mono);font-weight:700;color:var(--text-heading, #0f3b89);background:var(--white-alice, #edf2fb);border-radius:50%;width:21px;height:21px;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}.opd-addchip.is-added .opd-addchip__plus{color:#fff;background:var(--support-teal-deep, #006666)}.opd-catlabel{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#a23b6f;margin:18px 0 9px}.opd-cards{display:grid;grid-template-columns:1fr;gap:var(--space-3);margin-top:var(--space-4)}.opd-card{--opd-accent: var(--text-heading, #0f3b89);position:relative;display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4);background:var(--white-warm, #fbfaf2);border:1px solid rgba(15,59,137,.12);border-left:6px solid var(--opd-accent, #0f3b89);border-radius:var(--radius-soft, 4px);text-decoration:none;color:inherit;box-shadow:var(--shadow-raised);transition:transform .22s var(--ease-micro, ease),box-shadow .22s ease,border-color .18s ease}.opd-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-elevated)}.opd-card:focus-visible{outline:2px solid var(--ai-primary, #12d8e2);outline-offset:3px}.opd-card__icon{width:56px;height:56px;border-radius:var(--radius-soft, 4px);display:inline-flex;align-items:center;justify-content:center;color:var(--opd-accent, #0f3b89);background:var(--white-alice, #edf2fb)}.opd-card[data-accent=teal] .opd-card__icon{background:var(--white-foam, #e8fbff)}.opd-card[data-accent=aubergine] .opd-card__icon{background:#f3e9ef}.opd-card__icon svg{width:30px;height:30px}.opd-card__body{min-width:0}.opd-card__kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--opd-accent, #0f3b89);margin:0 0 5px}.opd-card__title{font-family:var(--font-heading, "Cabinet Grotesk");font-weight:800;font-size:clamp(1.2rem,2.4vw,1.5rem);line-height:1.15;letter-spacing:-.015em;color:var(--text-heading, #0f3b89);margin:0 0 6px}.opd-card__title .opd-card__num{font-family:var(--font-mono);font-size:.72em;color:var(--opd-accent, #0f3b89);margin-right:8px}.opd-card__desc{font-family:var(--font-body);font-size:.98rem;line-height:1.5;color:var(--text-body, #0e2632);margin:0 0 10px;max-width:56ch}.opd-card__meta{display:flex;flex-wrap:wrap;gap:7px}.opd-card__badge{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;color:var(--text-subtle, #09224e);background:var(--white-alice, #edf2fb);border:1px solid rgba(15,59,137,.14);border-radius:var(--radius-pill, 999px);padding:3px 10px}.opd-card__badge--niveau{color:#fff;background:var(--opd-accent, #0f3b89);border-color:var(--opd-accent, #0f3b89)}.opd-card__go{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:999px;background:var(--opd-accent, #0f3b89);color:var(--white-cool, #f2f6fc);transition:transform .2s ease}.opd-card__go svg{width:20px;height:20px}.opd-card:hover .opd-card__go{transform:translate(3px)}.opd-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 24px;min-height:48px;border-radius:var(--radius-pill, 999px);font-family:var(--font-body);font-size:.98rem;font-weight:700;text-decoration:none;cursor:pointer;border:none;background:var(--text-heading, #0f3b89);color:var(--white-cool, #f2f6fc);transition:transform .18s ease,box-shadow .18s ease}.opd-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f3b8938}.opd-btn svg{width:18px;height:18px}.opd-btn--ghost{background:transparent;color:var(--text-heading, #0f3b89);border:1.5px solid rgba(15,59,137,.3)}.opd-btn:focus-visible{outline:2px solid var(--ai-primary, #12d8e2);outline-offset:2px}.opd-foot{border-top:1px solid var(--border-light, #d3d7de);margin-top:var(--space-8);padding-top:var(--space-3);font-family:var(--font-mono);font-size:11.5px;line-height:1.6;color:var(--text-subtle, #09224e);opacity:.8}.opd-hand{font-family:var(--font-quote, "Caveat");font-size:1.25rem;color:var(--support-teal-deep, #006666);transform:rotate(-2deg);display:inline-block}@media(min-width:720px){.opd-rolegrid--2{grid-template-columns:1fr 1fr}}@media(max-width:640px){.opd-card{grid-template-columns:48px 1fr}.opd-card__go{grid-column:2;justify-self:start;width:40px;height:40px}.opd-card__icon{width:48px;height:48px}.opd-prompt{padding-right:16px}.opd-copy{position:static;margin-top:10px;width:100%;justify-content:center}}