/* The practice page uses the existing site palette, type and shared footer. */
.practice-v3-opening{padding:46px 0 34px}.practice-v3-opening .container{display:grid;grid-template-columns:1.05fr 1fr;gap:6vw;align-items:end}.practice-v3-opening .eyebrow{font-size:12px;letter-spacing:.08em;margin:0 0 13px}.practice-v3-opening h1{font-size:clamp(40px,4.8vw,72px);line-height:1.06;letter-spacing:-.055em;margin:0}.practice-v3-opening h1 em{display:block;font-style:normal;color:#567466}.practice-v3-opening .practice-v3-intro{font-size:16px;line-height:1.65;max-width:550px;margin:0 0 4px}.practice-v3-surface{margin:0 24px 55px;background:#153c36;position:relative}.practice-v3-viewport{position:relative;height:81vh;height:81dvh;min-height:620px;max-height:1050px;overflow:hidden}.practice-v3-viewport iframe{width:100%;height:100%;border:0;display:block;background:#0f1726}.practice-v3-loading{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:#f6f5ef;color:#153c36;z-index:2;margin:0;pointer-events:none}.practice-v3-loading[hidden]{display:none}.practice-v3-fallback{position:absolute;inset:0;background:#f6f5ef;z-index:3;padding:40px;color:#153c36}.practice-v3-fallback[hidden]{display:none}.practice-v3-fallback h2{font-size:32px;max-width:600px}.practice-v3-note{padding:14px 24px;margin:0;background:#e4e9df;color:#365d50;font-size:12px;line-height:1.5}.practice-v3-note a{color:inherit;text-underline-offset:3px}.practice-v3-nojs{padding:24px}.practice-v3-immersive{overflow:hidden}.practice-v3-immersive .practice-v3-surface{position:fixed;inset:0;margin:0;z-index:10000}.practice-v3-immersive .practice-v3-viewport{height:100vh;height:100dvh;min-height:0;max-height:none}.practice-v3-immersive .practice-v3-note{display:none}.practice-v3-surface:fullscreen{margin:0;width:100vw;height:100vh}.practice-v3-surface:fullscreen .practice-v3-viewport{height:100vh;min-height:0;max-height:none}.practice-v3-surface:fullscreen .practice-v3-note{display:none}@media(min-width:1700px){.practice-v3-surface{margin-left:40px;margin-right:40px}.practice-v3-opening{padding-top:50px}}@media(max-width:900px){.practice-v3-opening .container{grid-template-columns:1fr;gap:18px}.practice-v3-opening h1{font-size:48px}.practice-v3-opening .practice-v3-intro{max-width:650px}.practice-v3-surface{margin:0 14px 35px}.practice-v3-viewport{height:78dvh;min-height:590px}}@media(max-width:600px){.practice-v3-opening{padding:28px 0 25px}.practice-v3-opening .container{gap:15px}.practice-v3-opening h1{font-size:39px;line-height:1.08}.practice-v3-opening .eyebrow{font-size:10px;margin-bottom:10px}.practice-v3-opening .practice-v3-intro{font-size:14px;line-height:1.6}.practice-v3-surface{margin:0 0 24px}.practice-v3-viewport{min-height:480px;height:70dvh}.practice-v3-note{font-size:11px;padding:12px 18px}.practice-v3-fallback{padding:24px}.practice-v3-fallback h2{font-size:26px}}

.practice-v31-guidance{font-size:14px;line-height:1.6;color:#496052;max-width:72ch;margin:0 0 20px 3vw}.practice-v3-immersive .practice-v31-guidance{display:none}

.practice-v3-surface:fullscreen,.practice-v3-surface:fullscreen .practice-v3-viewport{height:100vh;height:100dvh}

/* V3.2: the inline software is a case preview; immersive mode is for exploration. */
.practice-v3-opening{padding-top:42px;padding-bottom:30px}
.practice-v3-surface{width:min(1360px,calc(100% - 96px));margin:0 auto 55px}
.practice-v3-viewport{height:64dvh;min-height:520px;max-height:730px}
.practice-v31-guidance{width:min(1360px,calc(100% - 96px));max-width:none;margin:0 auto 18px;font-size:13px;line-height:1.55}
.practice-v3-note{padding:12px 18px;background:transparent;color:#c6d0c5}
.practice-v3-immersive .practice-v3-surface{width:auto;margin:0}
.practice-v3-surface:fullscreen{width:100vw;margin:0}
@media(max-width:1050px){.practice-v3-surface,.practice-v31-guidance{width:calc(100% - 48px)}.practice-v3-viewport{height:64dvh;min-height:490px}}
@media(max-width:600px){.practice-v3-surface{width:100%}.practice-v31-guidance{width:calc(100% - 36px);font-size:12px;margin-bottom:16px}.practice-v3-viewport{height:64dvh;min-height:450px}.practice-v3-immersive .practice-v3-viewport{height:100dvh;min-height:0}}

/* V3.3: the software as case evidence, fullscreen as the working surface. */
.practice-v3-opening{padding-bottom:26px}.practice-v3-intro p{margin:0}.practice-v3-intro p+p{margin-top:12px;color:#657768}
.practice-v33-boundary{width:min(1360px,calc(100% - 96px));font-size:12px;line-height:1.5;color:#627363;margin:0 auto 15px}
.practice-v3-viewport{height:54dvh;min-height:455px;max-height:620px}.practice-v3-note{font-size:12px;padding:12px 0;background:none}
@media(max-width:1050px){.practice-v33-boundary{width:calc(100% - 48px)}.practice-v3-viewport{height:58dvh;min-height:445px}}
@media(max-width:600px){.practice-v33-boundary{width:calc(100% - 36px)}.practice-v3-viewport{height:64dvh;min-height:450px}.practice-v3-immersive .practice-v3-viewport{height:100dvh;min-height:0}}
