/* Presentation-only bridge for detailed case studies carried forward from V1. */
body{background:var(--paper);color:var(--ink);font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
h1,h2,h3{font-family:inherit}
.container{max-width:1120px;padding:0 44px;margin:0 auto}
.site-header{background:var(--paper);border-bottom:1px solid var(--rule);box-shadow:none;position:relative}
.nav-shell{height:79px;display:flex;align-items:center;gap:28px}
.brand{display:inline-flex;align-items:center;text-decoration:none;color:var(--ink);font-size:17px;font-weight:600;letter-spacing:-.03em}
.brand-mark{display:none}.brand-text,.brand-name{display:inline;color:inherit;font:inherit}
.site-nav{display:flex;align-items:center;gap:29px;margin-left:auto}
.site-nav a{font-size:13px;text-decoration:none;color:var(--muted);font-weight:400;padding:0;border:0;background:none}
.site-nav a:hover,.site-nav a[aria-current]{color:var(--ink)}
.nav-toggle{display:none}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:50;background:var(--ink);color:white;padding:.6rem}
main .hero.page-hero{background:none;border-bottom:1px solid var(--rule);padding:80px 0 55px;min-height:0}
.page-hero__content{max-width:800px;margin:0 auto}
.page-hero h1{font-family:inherit;font-size:clamp(3rem,6.4vw,5.3rem);line-height:1.04;font-weight:500;letter-spacing:-.06em;margin:13px 0 20px;color:var(--ink)}
.page-hero .lead{font-size:19px;line-height:1.6;color:var(--muted);max-width:760px}
.kicker{color:var(--muted);font-size:11px;font-weight:650;letter-spacing:.13em;text-transform:uppercase}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tag,.status{border:0;background:var(--wash);color:var(--muted);border-radius:2px;font-size:12px;padding:3px 8px}
.page-hero .tag,.page-hero .status{font-size:12px;font-weight:500;color:var(--muted);padding:0;background:none;border:0;box-shadow:none}
.page-hero .tag::before{content:"·";margin-right:8px;color:var(--faint)}
.button-row{display:flex;flex-wrap:wrap;gap:20px}.button,.button--primary{background:none;border:0;border-bottom:1px solid var(--ink);border-radius:0;box-shadow:none;color:var(--ink);padding:3px 0;text-decoration:none;font-size:14px;font-weight:500}.button:hover,.button:focus-visible{background:none;color:var(--accent);border-color:var(--accent);transform:none}
main .section{border:0;padding:52px 0 0;background:none}
main .section:last-child{padding-bottom:75px}
.section>.container,.section .container{max-width:800px}
.split-text,.detail-layout{display:block;grid-template-columns:none;gap:0}
.split-text>div:first-child{margin-bottom:16px}
.section h2{color:var(--ink);font-family:inherit;font-weight:500;font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.18;letter-spacing:-.035em;margin:7px 0 16px}
.section h3{color:var(--ink);font-weight:550;font-size:21px;line-height:1.3}
.section p,.section li{color:#444841;line-height:1.8}
.detail-main,.detail-sidebar{min-width:0}
.card,.detail-sidebar .card{background:none;border:0;border-radius:0;box-shadow:none;padding:0;margin:0 0 36px;max-width:none}
.detail-main>.card+ .card{padding-top:29px;border-top:1px solid var(--rule)}
.detail-sidebar{border-top:1px solid var(--rule);padding-top:29px;margin-top:28px}
.detail-sidebar .card{margin-bottom:25px}
.section-heading{display:block;padding-bottom:17px}
.section-heading h2{margin-top:7px}
.screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.screenshot-grid--mobile{grid-template-columns:repeat(3,minmax(0,1fr))}
.artifact-frame{margin:0;background:none;border:0;border-radius:0;box-shadow:none;padding:0;overflow:visible}
.artifact-frame img{width:100%;height:auto;max-height:520px;object-fit:contain;border:1px solid var(--rule);background:#fff}
.artifact-caption,.artifact-frame figcaption{font-size:12px;color:var(--muted);line-height:1.55;margin-top:8px}
.project-flow{border-top:1px solid var(--rule)}.flow-step{border:0;border-bottom:1px solid var(--rule);background:none;box-shadow:none;border-radius:0}
.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid var(--rule);text-align:left}
pre,.code-sample{overflow-x:auto;max-width:100%}
.footer{background:var(--paper);border-top:1px solid var(--rule);padding:42px 0}.footer-grid{display:flex;justify-content:space-between;gap:30px;align-items:start}.footer-grid>div:first-child p:last-child{font-size:13px;color:var(--muted);max-width:350px}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links a{font-size:13px;color:var(--muted);text-decoration:none}
@media(max-width:720px){.container{padding:0 23px}.nav-shell{height:65px}.nav-toggle{display:block;margin-left:auto;background:none;border:0;color:var(--ink);font-size:13px}.site-nav{display:none;position:absolute;top:65px;left:0;right:0;z-index:30;background:var(--paper);border-bottom:1px solid var(--rule);padding:14px 23px 24px;flex-direction:column;align-items:stretch;gap:0}.site-nav.is-open{display:flex}.site-nav a{font-size:16px;padding:10px 0}.page-hero__content{max-width:none}main .hero.page-hero{padding:62px 0 45px}.page-hero .lead{font-size:17px}.screenshot-grid,.screenshot-grid--mobile{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.footer-grid{display:block}.footer-links{margin-top:20px}}
@media(max-width:480px){.screenshot-grid,.screenshot-grid--mobile{grid-template-columns:1fr}}
@media(max-width:720px){.site-header.is-nav-open .site-nav{display:flex}}