/* Local adaptations of the approved IDCar palette. Removing case-accent restores the existing design. */
.case-accent{--case-peach:#fff0e3;--case-pale-blue:#e6f0ff}
.case-accent .hero-inner-page{background:#fff;padding-bottom:64px}
.case-accent .hero-inner-page h1{margin-bottom:30px}
.case-accent .hero-inner-page .intro{border-left:3px solid var(--blue);padding-left:24px;max-width:900px}
.case-accent .section{border-top:0;padding-block:84px}
.case-accent .client-context{background:var(--case-peach);border-radius:0 24px 24px 0;border-left:3px solid var(--accent);padding:28px 32px;max-width:960px;margin-top:36px}
.case-accent .client-context p{max-width:77ch}
.case-accent .client-site{color:var(--ink);font-weight:750;padding-top:16px;border-top:1px solid #e8d4c5;width:100%}
.case-accent .opening-result{padding-left:24px;border-color:var(--accent);margin-top:28px}
.case-accent .scenario-section{background:#fff}
.case-accent .scenario-section .copy h2::before,.case-accent .context-section h2::before{content:'';display:block;width:42px;height:4px;background:var(--blue);margin-bottom:22px;border-radius:2px}
.case-accent .scenario-section .case-figure{padding:16px;background:var(--case-pale-blue);border-radius:24px}
.case-accent .scenario-section .screenshot-button{border:0;border-radius:12px}
.case-accent .scenario-section .zoom-label{color:var(--ink);font-weight:600}
.case-accent .scenario-section figcaption{color:#394762;margin-top:15px;padding-inline:2px}
.case-accent .warm-scenario{background:#fff7f0}
.case-accent .warm-scenario .copy h2::before{background:var(--accent)}
.case-accent .warm-scenario .case-figure{background:#ffe4ce}
.case-accent .process-overview{background:var(--case-pale-blue)}
.case-accent .process-overview .screen-grid{gap:26px;margin-top:44px}
.case-accent .process-overview .case-figure{background:#fff;padding:12px 12px 16px;border-radius:18px}
.case-accent .process-overview .screenshot-button{border-radius:10px;border-color:#dbe4f2}
.case-accent .process-overview figcaption{padding-inline:2px}
.case-accent blockquote{border-color:var(--accent);background:var(--case-peach);padding:16px 20px;border-radius:0 16px 16px 0}
.case-accent .results-section,.case-accent .outcome-section{background:var(--ink);color:#fff;padding-block:92px}
.case-accent .results-section h2,.case-accent .outcome-section h2{color:var(--accent)}
.case-accent .results-section h3,.case-accent .results-section strong{color:#fff}
.case-accent .results-section p,.case-accent .results-section li,.case-accent .outcome-section p{color:#dbe6fa}
.case-accent .results-section .copy,.case-accent .outcome-section .copy{border-left:1px solid #4b5c84;padding-left:36px}
.case-accent .results-section .outcomes li{border-color:#4b5c84}
.case-accent .outcome-section .metric{color:#fff;margin-top:0;font-size:clamp(1.5rem,2.5vw,2.1rem)}
.case-accent .closing-section{padding-top:0;padding-bottom:20px}
.case-accent .closing{background:var(--case-peach);color:var(--ink);border-radius:26px;border-top:4px solid var(--accent);padding:52px 56px}
.case-accent .closing p{color:#394762}
.case-accent .closing .button.primary{background:var(--ink);border-color:var(--ink);color:#fff}
.case-accent .closing .button.primary:hover{background:var(--blue);border-color:var(--blue)}

/* RahunokGO retains its three-step workflow, image crops and working slideshow. */
.page-case-rahunokgo.case-accent .hero-inner-page .kicker{color:var(--blue);font-weight:600}
.page-case-rahunokgo.case-accent .demo-jump{color:var(--blue);margin-top:6px}
.page-case-rahunokgo.case-accent .context-section .copy p:nth-child(2){background:var(--case-peach);padding:22px 24px;border-left:3px solid var(--accent);border-radius:0 18px 18px 0}
.page-case-rahunokgo.case-accent .workflow-section{background:var(--case-pale-blue)}
.page-case-rahunokgo.case-accent .step-number{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;background:var(--blue);color:#fff;border-radius:10px;padding:6px 8px;margin-bottom:20px}
.page-case-rahunokgo.case-accent .workflow .case-figure{padding:12px 12px 16px;background:#fff;border-radius:22px}
.page-case-rahunokgo.case-accent .workflow .screenshot-link{border-radius:12px}
.page-case-rahunokgo.case-accent .workflow figcaption{padding-inline:2px}
.page-case-rahunokgo.case-accent .document-section{background:#fff7f0}
.page-case-rahunokgo.case-accent .document-section .case-figure{background:#ffe4ce;padding:18px;border-radius:20px}
.page-case-rahunokgo.case-accent .document-section figcaption{color:#394762}
.page-case-rahunokgo.case-accent .document-copy h2::before{content:'';display:block;width:42px;height:4px;background:var(--accent);margin-bottom:22px;border-radius:2px}
.page-case-rahunokgo.case-accent .extras-section{background:#fff}
.page-case-rahunokgo.case-accent .extra .case-figure{padding:16px;background:var(--case-pale-blue);border-radius:20px}
.page-case-rahunokgo.case-accent .extra:nth-child(2) .case-figure{background:var(--case-peach)}
.page-case-rahunokgo.case-accent .extras-section figcaption{color:#394762}
.page-case-rahunokgo.case-accent .demo-section{background:#fff;padding-bottom:64px}
.page-case-rahunokgo.case-accent .demo-visual{background:var(--case-peach);border-radius:24px}
.page-case-rahunokgo.case-accent .demo-counter{color:var(--blue)}
.page-case-rahunokgo.case-accent #demo-play{background:var(--ink);border-color:var(--ink);color:#fff}
.page-case-rahunokgo.case-accent #demo-play:hover{background:var(--blue);border-color:var(--blue)}

@media(max-width:1100px){.case-accent .section{padding-block:64px}.case-accent .closing-section{padding-top:0}.case-accent .scenario-section .case-figure{padding:12px}.case-accent .process-overview .screen-grid{gap:22px}}
@media(max-width:850px){.case-accent .results-section .copy,.case-accent .outcome-section .copy{border-left:0;padding-left:0;margin-top:18px}.case-accent .results-section .context-grid,.case-accent .outcome-section .context-grid{gap:16px}}
@media(max-width:680px){.case-accent .hero-inner-page{padding-bottom:40px}.case-accent .hero-inner-page h1{font-size:clamp(2rem,9vw,2.55rem)}.case-accent .hero-inner-page .intro{padding-left:17px}.case-accent .client-context{margin-top:26px;padding:24px 22px;border-radius:0 20px 20px 0}.case-accent .client-context p{font-size:1rem}.case-accent .section{padding-block:48px}.case-accent .scenario-section .copy h2::before{margin-bottom:18px}.case-accent .scenario-section .case-figure{padding:12px;border-radius:20px}.case-accent .results-section,.case-accent .outcome-section{padding-block:56px}.case-accent .closing-section{padding-top:0;padding-bottom:12px}.case-accent .closing{padding:32px 24px;border-radius:22px}.case-accent .closing h2{font-size:1.85rem}.page-case-rahunokgo.case-accent .document-section .case-figure{padding:12px}.page-case-rahunokgo.case-accent .context-section .copy p:nth-child(2){padding:20px}.page-case-rahunokgo.case-accent .step-number{margin-bottom:14px}}
@media print{.case-accent .results-section,.case-accent .outcome-section{background:#fff;color:#000}.case-accent .results-section h2,.case-accent .results-section h3,.case-accent .results-section p,.case-accent .results-section strong,.case-accent .results-section li,.case-accent .outcome-section h2,.case-accent .outcome-section p{color:#000}.case-accent .section{padding-block:24px}}
