@font-face{font-family:CaseNav;src:url('assets/poppins-regular.ttf');font-display:swap}body{display:flow-root}.source-canvas{--case-top-trim:72px;margin-top:calc(-1 * var(--case-top-trim))}.source-layer{scroll-margin-top:76px}.case-back,.case-edge,.case-edge-top,#case-contents{font:400 13px/1.5 CaseNav,Arial,sans-serif}.case-back{position:fixed;left:8px;top:16px;z-index:300;display:flex;align-items:center;width:96px;height:44px;overflow:hidden;border-radius:22px;touch-action:manipulation}.case-back img{display:block;width:96px;height:auto;max-width:none;flex:none}.case-back:focus-visible,.case-edge a:focus-visible,.case-edge button:focus-visible,.case-edge-top:focus-visible,#case-contents a:focus-visible,#case-contents button:focus-visible{outline:3px solid #c62668;outline-offset:3px}.case-edge{position:fixed;right:6px;top:50%;transform:translateY(-50%);z-index:300;width:44px;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;color:#245fc4}.case-edge a,.case-edge button{pointer-events:auto}.case-toc-trigger,.case-edge-top{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d8e5fa;border-radius:50%;background:#fffffff0;color:#245fc4;cursor:pointer;touch-action:manipulation}.case-toc-trigger svg,.case-edge-top svg{width:19px;height:19px}.case-edge progress{width:36px;height:4px;accent-color:#245fc4}.case-edge-dots{display:flex;flex-direction:column}.case-edge-dot{display:grid;place-items:center;position:relative;width:36px;height:18px;border-radius:9px}.case-edge-dot::before{content:'';width:4px;height:4px;border-radius:50%;background:#a6bbdf}.case-edge-dot[aria-current]::before{width:7px;height:7px;background:#245fc4}.case-edge-dot span{position:absolute;right:43px;white-space:nowrap;padding:5px 9px;border-radius:7px;background:#fff;color:#173c8b;opacity:0;pointer-events:none;box-shadow:0 1px 8px #193d7020}.case-edge-dot:hover span,.case-edge-dot:focus-visible span{opacity:1}.case-edge-count{font-size:9px;white-space:nowrap}.case-edge-top{position:fixed;right:6px;bottom:16px;z-index:300;text-decoration:none}.case-edge-top[hidden]{display:none!important}#case-contents{position:fixed;inset:auto 62px auto auto;top:50%;transform:translateY(-50%);margin:0;width:290px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:0;border:1px solid #d8e5fa;border-radius:16px;background:#fff;color:#142544;overflow:auto;box-shadow:0 12px 40px #18345a25}#case-contents::backdrop{background:#10284626}#case-contents header{position:sticky;top:0;z-index:1;background:white;display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #e2eafa}#case-contents h2{font-size:16px;margin:0 auto 0 0}#case-contents button{border:0;background:none;color:#245fc4;min-width:44px;min-height:44px;cursor:pointer;font:inherit}#case-contents nav{padding:8px 12px}#case-contents nav a{display:block;min-height:40px;padding:9px 12px;border-radius:8px;text-decoration:none;color:#233f6a}#case-contents nav a[aria-current]{background:#edf4ff;color:#174cab;font-weight:600}#case-contents footer{padding:12px 24px 20px;border-top:1px solid #e2eafa}#case-contents footer a{color:#245fc4}.source-layer:focus{outline:none}@media(max-width:1279px){.case-back{width:44px}.case-back img{width:108px;height:40px}}@media(max-width:767px){.source-canvas{--case-top-trim:12px}.case-back{top:12px}.case-edge{top:12px;right:6px;transform:none}.case-edge-dots{display:none}.case-edge-count{font-size:9px}.case-edge-top{bottom:16px}#case-contents{top:80px;right:12px;transform:none;width:320px;max-height:calc(100dvh - 100px)}}@media(max-height:720px){.case-edge-dots{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.case-project-nav{margin-top:16px;padding-top:12px;border-top:1px solid #d8e5fa}