.opd-nav[data-astro-cid-dbdm6cbx]{z-index:20;backdrop-filter:saturate(140%)blur(6px);background:#09224ef5;border-bottom:1px solid #12d8e238;position:sticky;top:0}.opd-nav__inner[data-astro-cid-dbdm6cbx]{max-width:var(--max-width-app,1240px);align-items:center;gap:var(--space-2);padding:10px var(--space-3);scrollbar-width:thin;margin:0 auto;display:flex;overflow-x:auto}.opd-nav__home[data-astro-cid-dbdm6cbx],.opd-nav__overview[data-astro-cid-dbdm6cbx]{border-radius:var(--radius-pill,999px);min-height:44px;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--white-cool,#f2f6fc);border:1px solid #f2f6fc38;flex-shrink:0;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:border-color .18s,background .18s;display:inline-flex}.opd-nav__home[data-astro-cid-dbdm6cbx] svg[data-astro-cid-dbdm6cbx],.opd-nav__overview[data-astro-cid-dbdm6cbx] svg[data-astro-cid-dbdm6cbx]{flex-shrink:0;width:15px;height:15px}.opd-nav__home[data-astro-cid-dbdm6cbx]:hover,.opd-nav__overview[data-astro-cid-dbdm6cbx]:hover{border-color:var(--ai-primary,#12d8e2);background:#12d8e21f}.opd-nav__overview[data-astro-cid-dbdm6cbx][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-dbdm6cbx]{background:#f2f6fc2e;flex-shrink:0;align-self:stretch;width:1px;margin:6px 2px}.opd-nav__list[data-astro-cid-dbdm6cbx]{align-items:center;gap:var(--space-1);flex:1;margin:0;padding:0;list-style:none;display:flex}.opd-nav__list[data-astro-cid-dbdm6cbx] li[data-astro-cid-dbdm6cbx]{flex-shrink:0;margin:0}.opd-nav__tier[data-astro-cid-dbdm6cbx]{align-items:center;padding:0 2px;display:inline-flex}.opd-nav__tierlabel[data-astro-cid-dbdm6cbx]{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#f2f6fc8c;white-space:nowrap;border-left:1px solid #f2f6fc2e;padding-left:12px;font-size:11px;font-weight:700}.opd-nav__item[data-astro-cid-dbdm6cbx]{border-radius:var(--radius-pill,999px);min-height:44px;color:var(--white-cool,#f2f6fc);border:1px solid #0000;align-items:center;gap:9px;padding:7px 14px 7px 8px;text-decoration:none;transition:border-color .18s,background .18s;display:inline-flex}.opd-nav__num[data-astro-cid-dbdm6cbx]{width:24px;height:24px;font-family:var(--font-mono);color:var(--white-cool,#f2f6fc);background:#f2f6fc24;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.opd-nav__label[data-astro-cid-dbdm6cbx]{font-family:var(--font-body);white-space:nowrap;font-size:14px;font-weight:600}.opd-nav__item[data-astro-cid-dbdm6cbx]:hover{background:#f2f6fc14;border-color:#f2f6fc59}.opd-nav__item[data-astro-cid-dbdm6cbx][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-dbdm6cbx][aria-current=page][data-accent=kobalt] .opd-nav__num[data-astro-cid-dbdm6cbx]{background:var(--text-heading,#0f3b89);color:var(--white-cool,#f2f6fc)}.opd-nav__item[data-astro-cid-dbdm6cbx][aria-current=page][data-accent=aubergine] .opd-nav__num[data-astro-cid-dbdm6cbx]{background:var(--atm-aubergine,#4a2040);color:var(--white-cool,#f2f6fc)}.opd-nav__item[data-astro-cid-dbdm6cbx][aria-current=page][data-accent=teal] .opd-nav__num[data-astro-cid-dbdm6cbx]{background:var(--support-teal-deep,#066);color:var(--white-cool,#f2f6fc)}.opd-nav__item[data-astro-cid-dbdm6cbx]:focus-visible,.opd-nav__home[data-astro-cid-dbdm6cbx]:focus-visible,.opd-nav__overview[data-astro-cid-dbdm6cbx]:focus-visible{outline:2px solid var(--ai-primary,#12d8e2);outline-offset:2px}@media (width<=760px){.opd-nav__label[data-astro-cid-dbdm6cbx]{display:none}.opd-nav__item[data-astro-cid-dbdm6cbx]{padding:7px}.opd-nav__home[data-astro-cid-dbdm6cbx] span[data-astro-cid-dbdm6cbx],.opd-nav__overview[data-astro-cid-dbdm6cbx] span[data-astro-cid-dbdm6cbx]{display:none}}.kg-chalkdust:after{content:"";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;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.kg-chalkdust:after{animation:none}}.chalk-underline{position:relative}.chalk-underline:after{content:"";pointer-events:none;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%;height:.28em;position:absolute;bottom:-.16em;left:-3%;right:-3%}.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{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>");height:.42em;bottom:-.22em}.invul{font-family:var(--font-mono,"JetBrains Mono", monospace);color:#0c2f6e;border:1.5px dashed var(--text-heading,#0f3b89);white-space:nowrap;background-color:#eef3fa;background-image:repeating-linear-gradient(45deg,#0f3b892b 0 1.5px,#0000 1.5px 6px);border-radius:4px;padding:1px 8px;font-size:.9em;font-weight:700;line-height:1.5;display:inline-block}.invul--licht{color:#e8fbff;background-color:#12d8e214;background-image:repeating-linear-gradient(45deg,#aeeeee47 0 1.5px,#0000 1.5px 6px);border-color:#aeeeeeb3}.invul-lijn{background-color:#f4f7fc;background-image:repeating-linear-gradient(45deg,#0f3b891a 0 1.5px,#0000 1.5px 7px);border:1.4px dashed #0f3b8980;border-radius:4px;min-height:26px;display:block}.kg-hand{font-family:var(--font-quote,"Caveat");color:var(--support-teal-deep,#066);font-size:1.25rem;display:inline-block;transform:rotate(-2deg)}.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,#066);--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;padding:0 var(--space-3);margin:0 auto}.opd-wrap--narrow{max-width:var(--max-width-content)}.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;color:var(--white-cool,#f2f6fc);background:radial-gradient(120% 90% at 88% -10%, #12d8e224, transparent 55%), linear-gradient(125deg, var(--opd-grad-a,#061634) 0%, var(--opd-grad-b,#0f3b89) 62%, #0f3b89 100%);position:relative;overflow:clip}.opd-hero:after{content:"";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;position:absolute;inset:0}.opd-hero__inner{z-index:2;max-width:940px;padding:clamp(40px, 7vw, 70px) var(--space-3) clamp(34px, 5vw, 54px);margin:0 auto;position:relative}.opd-hero__wm{z-index:0;font-family:var(--font-display,"Modica Ultra");letter-spacing:-.05em;color:#ffffff0e;pointer-events:none;user-select:none;font-size:clamp(180px,34vw,460px);font-weight:900;line-height:.78;position:absolute;top:-3vw;right:-2vw}.opd-hero__eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--opd-spark,#12d8e2);align-items:center;gap:9px;margin:0 0 14px;font-size:12px;font-weight:500;display:inline-flex}.opd-hero__title{font-family:var(--font-display,"Modica Ultra");letter-spacing:-.035em;color:var(--white-cool,#f2f6fc);text-wrap:balance;margin:0;font-size:clamp(2.3rem,6.4vw,4.4rem);font-weight:900;line-height:.96}.opd-hero__hl{white-space:nowrap;position:relative}.opd-hero__hl:after{content:"";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%;height:.3em;position:absolute;bottom:-.14em;left:-2%;right:-2%}.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);color:#d7def0;max-width:50ch;margin:18px 0 0;font-size:clamp(1rem,2.2vw,1.18rem);line-height:1.6}.opd-hero__meta{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.opd-hero__pill{border-radius:var(--radius-pill,999px);font-family:var(--font-mono);letter-spacing:.04em;color:var(--white-cool,#f2f6fc);border:1px solid #f2f6fc42;align-items:center;gap:7px;padding:6px 14px;font-size:12px;display:inline-flex}.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);color:var(--text-subtle,#09224e);max-width:62ch;font-size:1.1rem;line-height:1.6}.opd-h2{font-family:var(--font-heading,"Cabinet Grotesk");letter-spacing:-.02em;color:var(--text-heading,#0f3b89);align-items:baseline;gap:12px;margin:clamp(40px,5vw,56px) 0 14px;font-size:clamp(1.5rem,3.4vw,2.1rem);font-weight:800;line-height:1.15;display:flex}.opd-h2__n{font-family:var(--font-mono);color:var(--support-teal-deep,#066);background:var(--white-foam,#e8fbff);border-radius:var(--radius-pill,999px);white-space:nowrap;border:1px solid #00666640;padding:3px 9px;font-size:.78rem;font-weight:700}.opd-h3{font-family:var(--font-heading,"Cabinet Grotesk");color:var(--text-heading,#0f3b89);margin:26px 0 8px;font-size:1.12rem;font-weight:700}.opd-p{font-family:var(--font-body);color:var(--text-body,#0e2632);max-width:66ch;margin:0 0 14px;font-size:1.02rem;line-height:1.62}.opd-p strong,.opd-li strong{color:var(--text-heading,#0f3b89);font-weight:700}.opd-invul-key{font-family:var(--font-body);color:var(--text-subtle,#09224e);background:var(--white-warm,#fbfaf2);border-radius:var(--radius-soft,4px);border:1px dashed #0f3b894d;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;font-size:.92rem;display:inline-flex}.opd-call{border-radius:var(--radius-soft,4px);margin:18px 0;padding:16px 20px}.opd-call__lbl{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.opd-call p{font-family:var(--font-body);color:var(--text-body,#0e2632);margin:0 0 8px;font-size:1rem;line-height:1.6}.opd-call p:last-child{margin-bottom:0}.opd-call--what{border:1px solid var(--text-heading,#0f3b89);background:linear-gradient(120deg,#f3f7ff,#eef3fa)}.opd-call--what .opd-call__lbl{color:var(--text-heading,#0f3b89)}.opd-call--tip{background:var(--white-foam,#e8fbff);border:1px solid var(--support-teal-deep,#066)}.opd-call--tip .opd-call__lbl{color:var(--support-teal-deep,#066)}.opd-call--warn{background:#fdf3e7;border:1px solid #a35200}.opd-call--warn .opd-call__lbl{color:#a35200}.opd-call--where{background:var(--bg-dark,#09224e);border:1px 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);color:var(--text-body,#0e2632);background:var(--white-base,#efefef);border:1px solid var(--border-light,#d3d7de);border-radius:4px;padding:2px 7px;font-size:.86em}.opd-call--where code{color:#fff;font-family:var(--font-mono);background:#ffffff29;border:1px solid #ffffff52;border-radius:4px;padding:2px 7px;font-size:.86em}.opd-prompt{background:var(--white-warm,#fbfaf2);border-radius:var(--radius-soft,4px);border:2px dashed #0f3b8973;margin:10px 0 0;padding:14px 116px 14px 16px;position:relative}.opd-prompt[data-role]{border-color:var(--role,#0f3b8973)}.opd-prompt__lbl{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--role,var(--text-heading,#0f3b89));margin-bottom:6px;font-size:11px;font-weight:700;display:block}.opd-prompt__text{font-family:var(--font-body);color:var(--text-body,#0e2632);white-space:pre-wrap;font-size:.96rem;line-height:1.55}.opd-prompt__text .invul{white-space:normal;max-width:100%}.opd-prompt__text .invul--veld{white-space:pre-wrap;cursor:text;-webkit-box-decoration-break:clone;box-decoration-break:clone;min-width:2ch;display:inline}.opd-prompt__text .invul--veld:not([data-gevuld]):before{content:attr(data-hint);color:#3a5687;pointer-events:none;font-weight:500}.opd-prompt__text .invul--veld[data-gevuld]{font-family:var(--font-body);color:var(--text-body,#0e2632);background-color:#eaf6ee;background-image:none;border-style:solid;border-color:#1665348c;font-size:1em;font-weight:600}.opd-prompt__text .invul--veld:focus{outline:2px solid var(--ai-primary,#12d8e2);outline-offset:2px}.opd-invul-teller{font-family:var(--font-mono);letter-spacing:.02em;color:var(--text-heading,#0f3b89);margin:10px 0 0;font-size:12px;font-weight:700}.opd-invul-teller[data-compleet]{color:#166534}.opd-invul-teller[data-compleet]:before{content:"✓ "}.opd-invul-teller[data-melding]{color:#7a4a00}@media print{.opd-invul-teller{display:none}}.opd-copy{font-family:var(--font-mono);letter-spacing:.03em;background:var(--role,var(--text-heading,#0f3b89));color:var(--white-cool,#f2f6fc);border-radius:var(--radius-pill,999px);cursor:pointer;border:none;align-items:center;gap:6px;min-height:44px;padding:8px 14px;font-size:11.5px;font-weight:700;transition:transform .15s,filter .15s;display:inline-flex;position:absolute;top:12px;right:12px}.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{gap:var(--space-3);margin-top:var(--space-3);grid-template-columns:1fr;display:grid}.opd-role{background:var(--white-warm,#fbfaf2);border:1px solid #0f3b891f;border-top:6px solid var(--role,var(--text-heading));border-radius:var(--radius-soft,4px);box-shadow:var(--shadow-raised);padding:8px 22px 20px}.opd-role__head{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 2px;display:flex}.opd-role__title{font-family:var(--font-heading,"Cabinet Grotesk");color:var(--role,var(--text-heading));margin:0;font-size:1.2rem;font-weight:800}.opd-role__tag{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:#fff;background:var(--role,var(--text-heading));border-radius:var(--radius-pill,999px);padding:3px 9px;font-size:11px}.opd-role__sub{font-family:var(--font-body);color:var(--text-subtle,#09224e);opacity:.85;margin:0 0 6px;font-size:.9rem}.opd-task{margin-top:16px}.opd-task__title{font-family:var(--font-body);color:var(--text-heading,#0f3b89);flex-wrap:wrap;align-items:center;gap:8px;font-size:1.02rem;font-weight:700;display:flex}.opd-lvl{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-pill,999px);padding:2px 8px;font-size:11px}.opd-lvl--base{background:var(--white-alice,#edf2fb);color:var(--text-heading,#0f3b89)}.opd-lvl--stretch{color:#a23b6f;background:#f3e9ef}.opd-task__desc{font-family:var(--font-body);color:var(--text-subtle,#09224e);margin:4px 0 8px;font-size:.93rem}.opd-task__desc b{color:var(--text-body,#0e2632)}.opd-succes{font-family:var(--font-body);color:var(--support-teal-deep,#066);align-items:flex-start;gap:7px;margin-top:8px;font-size:.9rem;display:flex}.opd-succes svg{flex-shrink:0;width:16px;height:16px;margin-top:1px}.opd-succes b{font-weight:700}.opd-steps{counter-reset:st;flex-direction:column;gap:10px;margin:18px 0;display:flex}.opd-step{background:var(--white-warm,#fbfaf2);border:2px solid var(--border-light,#d3d7de);border-radius:var(--radius-soft,4px);cursor:pointer;text-align:left;width:100%;font:inherit;align-items:flex-start;gap:14px;padding:14px 16px;transition:border-color .15s,transform .15s,background .15s;display:flex}.opd-step:hover{border-color:var(--ai-primary,#12d8e2);transform:translate(2px)}.opd-step.is-done{border-color:var(--support-teal-deep,#066);background:#f1f8f5}.opd-step:focus-visible{outline:2px solid var(--ai-primary,#12d8e2);outline-offset:2px}.opd-step__num{counter-increment:st;background:var(--text-heading,#0f3b89);color:#fff;width:34px;height:34px;font-family:var(--font-mono);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex}.opd-step__num:before{content:counter(st)}.opd-step.is-done .opd-step__num{background:var(--support-teal-deep,#066)}.opd-step.is-done .opd-step__num:before{content:"✓"}.opd-step__txt{font-family:var(--font-body);color:var(--text-body,#0e2632);font-size:1rem;line-height:1.45}.opd-step__txt b{color:var(--text-heading,#0f3b89)}.opd-step__tick{font-family:var(--font-quote,"Caveat");color:var(--text-subtle,#09224e);opacity:.7;white-space:nowrap;align-self:center;margin-left:auto;font-size:1.1rem}.opd-step.is-done .opd-step__tick{color:var(--support-teal-deep,#066);opacity:1}.opd-chips{flex-wrap:wrap;gap:8px;display:flex}.opd-chip{font-family:var(--font-mono);letter-spacing:.03em;color:var(--text-heading,#0f3b89);background:var(--white-alice,#edf2fb);border-radius:var(--radius-pill,999px);border:1px solid #0f3b892e;align-items:center;gap:6px;padding:5px 12px;font-size:11.5px;display:inline-flex}.opd-addchip{background:var(--white-warm,#fbfaf2);border:2px solid var(--border-light,#d3d7de);border-radius:var(--radius-pill,999px);font-family:var(--font-body);color:var(--text-body,#0e2632);cursor:pointer;text-align:left;align-items:center;gap:9px;padding:8px 13px 8px 15px;font-size:.9rem;line-height:1.3;transition:border-color .15s,transform .15s;display:inline-flex}.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,#066);background:#f1f8f5}.opd-addchip__plus{font-family:var(--font-mono);color:var(--text-heading,#0f3b89);background:var(--white-alice,#edf2fb);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:21px;height:21px;font-size:.85rem;font-weight:700;display:inline-flex}.opd-addchip.is-added .opd-addchip__plus{color:#fff;background:var(--support-teal-deep,#066)}.opd-catlabel{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#a23b6f;margin:18px 0 9px;font-size:.78rem}.opd-cards{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:1fr;display:grid}.opd-card{--opd-accent:var(--text-heading,#0f3b89);align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4);background:var(--white-warm,#fbfaf2);border:1px solid #0f3b891f;border-color:var(--opd-accent,#0f3b89);border-radius:var(--radius-soft,4px);color:inherit;box-shadow:var(--shadow-raised);transition:transform .22s var(--ease-micro,ease), box-shadow .22s ease, border-color .18s ease;grid-template-columns:64px 1fr auto;text-decoration:none;display:grid;position:relative}.opd-card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-3px)}.opd-card:focus-visible{outline:2px solid var(--ai-primary,#12d8e2);outline-offset:3px}.opd-card__icon{border-radius:var(--radius-soft,4px);width:56px;height:56px;color:var(--opd-accent,#0f3b89);background:var(--white-alice,#edf2fb);justify-content:center;align-items:center;display:inline-flex}.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);letter-spacing:.1em;text-transform:uppercase;color:var(--opd-accent,#0f3b89);margin:0 0 5px;font-size:11px}.opd-card__title{font-family:var(--font-heading,"Cabinet Grotesk");letter-spacing:-.015em;color:var(--text-heading,#0f3b89);margin:0 0 6px;font-size:clamp(1.2rem,2.4vw,1.5rem);font-weight:800;line-height:1.15}.opd-card__title .opd-card__num{font-family:var(--font-mono);color:var(--opd-accent,#0f3b89);margin-right:8px;font-size:.72em}.opd-card__desc{font-family:var(--font-body);color:var(--text-body,#0e2632);max-width:56ch;margin:0 0 10px;font-size:.98rem;line-height:1.5}.opd-card__meta{flex-wrap:wrap;gap:7px;display:flex}.opd-card__badge{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-subtle,#09224e);background:var(--white-alice,#edf2fb);border-radius:var(--radius-pill,999px);border:1px solid #0f3b8924;padding:3px 10px;font-size:11px}.opd-card__badge--niveau{color:#fff;background:var(--opd-accent,#0f3b89);border-color:var(--opd-accent,#0f3b89)}.opd-card__go{background:var(--opd-accent,#0f3b89);width:44px;height:44px;color:var(--white-cool,#f2f6fc);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:inline-flex}.opd-card__go svg{width:20px;height:20px}.opd-card:hover .opd-card__go{transform:translate(3px)}.opd-btn{border-radius:var(--radius-pill,999px);min-height:48px;font-family:var(--font-body);cursor:pointer;background:var(--text-heading,#0f3b89);color:var(--white-cool,#f2f6fc);border:none;align-items:center;gap:9px;padding:13px 24px;font-size:.98rem;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.opd-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f3b8938}.opd-btn svg{width:18px;height:18px}.opd-btn--ghost{color:var(--text-heading,#0f3b89);background:0 0;border:1.5px solid #0f3b894d}.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);color:var(--text-subtle,#09224e);opacity:.8;font-size:11.5px;line-height:1.6}.opd-hand{font-family:var(--font-quote,"Caveat");color:var(--support-teal-deep,#066);font-size:1.25rem;display:inline-block;transform:rotate(-2deg)}@media (width>=720px){.opd-rolegrid--2{grid-template-columns:1fr 1fr}}@media (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{justify-content:center;width:100%;margin-top:10px;position:static}}