.v7-hero{padding:62px 0 55px;max-width:960px}.v7-project-title{font-size:16px;color:#47634f;margin:26px 0 12px}.v7-hero h1{font-size:clamp(32px,4vw,49px);font-weight:550;line-height:1.5;max-width:930px;letter-spacing:-.8px}.v7-intro{max-width:720px}.v7-intro p{font-size:15px;line-height:1.9;color:#526158}.v7-intro strong{font-weight:550;color:#384e40}.v7-intro p:has(>strong:only-child){padding-top:13px;border-top:1px solid #dde3dc;font-size:13px}.v7-case .ux-layout{grid-template-columns:180px minmax(0,1fr);gap:64px}.v7-case .ux-directory{gap:15px;top:25px}.v7-case .ux-directory a{color:#5a6a60}.v7-case .ux-directory a:hover{color:#193f2c}.v7-chapter-heading{display:flex;gap:18px;align-items:baseline;margin-bottom:28px}.v7-chapter-heading>span{font-size:11px;color:#6d8b76;flex:none}.v7-chapter-heading h2{font-size:27px;line-height:1.65;margin:0;font-weight:550}.v7-case .ux-prose>p,.v7-home .ux-prose>p{color:#46574b;line-height:2;font-size:15px;max-width:74ch}.v7-case .ux-prose>h3,.v7-home .ux-prose>h3{color:#243e2e;font-size:20px;line-height:1.75;margin:34px 0 16px}.v7-case .ux-prose strong{color:#253f2e;font-weight:600}.v7-case .ux-prose blockquote{border-color:#90a994;background:#eef2eb;color:#36533e}.v7-case .ux-prose blockquote p{color:#36533e}.v7-actions{display:flex;gap:24px;flex-wrap:wrap;margin-top:22px}.v7-action{display:inline-block;font-size:13px;padding:10px 16px;border:1px solid #c9d5c9;border-radius:5px;color:#294e37}.v7-action:hover{background:#eaf0e6}.v7-preview{border:1px solid #d5dfd1;border-radius:10px;background:#f3f5ef;margin:25px 0;overflow:hidden}.v7-preview summary{padding:19px 22px;cursor:pointer;color:#294333;font-size:14px;font-weight:550}.v7-preview iframe{width:100%;height:660px;display:block;border:0;background:#fff}.v7-preview>p{padding:0 20px 12px}.v7-space-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0}.v7-space-pair figure{margin:0;min-width:0}.v7-space-pair img{width:100%;height:250px;object-fit:cover;border-radius:8px}.v7-case figcaption{font-size:12px;line-height:1.8;color:#687b6d;margin-top:10px}.v7-architecture{margin:30px 0;padding:20px;background:white;border:1px solid #dbe3da;border-radius:10px}.v7-architecture img{display:block;width:100%;height:auto;max-height:950px;object-fit:contain}.v7-home .hero h1{max-width:900px;font-size:clamp(34px,4.5vw,58px)}.v7-home .hero .v7-actions{margin-left:34%}.v7-home .hero .text-link{margin-left:0}.v7-home .v7-card-headline{font-weight:550;color:#2e4b37;margin-bottom:8px}.v7-methods,.v7-about{border-top:1px solid #dbe2d9}.v7-about>.ux-prose{max-width:820px;margin-left:auto}.v7-methods>.ux-prose{max-width:820px;margin-left:auto}.v7-case .ux-chapter{padding-bottom:50px;margin-bottom:50px;border-color:#dde4da}.v7-case .readable-table{margin:24px 0}.v7-case code{font-family:inherit;padding:1px 5px;border-radius:3px;background:#e9eee6}.v7-home .card:nth-child(2),.v7-home .card:nth-child(4){padding-top:0!important}.v7-home .card:nth-child(3){margin-top:0!important}
@media(max-width:900px){.v7-case .ux-layout{grid-template-columns:140px minmax(0,1fr);gap:30px}.v7-space-pair{grid-template-columns:1fr}.v7-space-pair img{height:auto}}
@media(max-width:760px){.v7-hero{padding:35px 0}.v7-hero h1{font-size:31px}.v7-case .ux-layout{display:block}.v7-case .ux-directory{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;overflow:visible;padding:20px 0;margin:0 0 35px}.v7-case .ux-directory a{white-space:normal;font-size:12px}.v7-chapter-heading h2{font-size:24px}.v7-preview iframe{height:530px}.v7-home .hero .v7-actions{margin-left:0}.v7-home .hero h1{font-size:34px}.v7-architecture{padding:8px}.v7-case .ux-prose>p{font-size:15px}.v7-about>.ux-prose,.v7-methods>.ux-prose{margin:0}.v7-actions{gap:16px}.v7-intro p{font-size:14px}}
.v7-case .v7-flow{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px;padding:0;max-width:none;margin:28px 0}.v7-case .v7-flow li{background:#edf2e9;border-top:2px solid #8da98a;padding:18px 16px;font-size:13px;line-height:1.8;color:#304b36;margin:0}.v7-flow li>span{display:block;font-size:10px;color:#668261;margin-bottom:10px}.v7-detail{border:1px solid #d5e0d2;border-radius:7px;margin:20px 0}.v7-detail>summary{padding:18px 20px;cursor:pointer;font-size:16px;line-height:1.8;font-weight:550;color:#294533}.v7-detail>div{padding:0 22px 18px}.v7-detail p,.v7-detail li{font-size:14px;color:#4a5d4e;line-height:2}.v7-detail ul{padding-left:20px}.v7-detail:has([open]){border-color:#89a083}
@media(max-width:760px){.v7-case .v7-flow{grid-template-columns:1fr 1fr}.v7-detail>div{padding:0 16px 15px}.v7-detail>summary{padding:16px;font-size:15px}}
.v7-impact{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid #d8e2d4;border-bottom:1px solid #d8e2d4;padding:32px 0!important}.v7-impact>div{display:flex;flex-direction:column;gap:7px}.v7-impact strong{font-size:33px;line-height:1.4;font-weight:500;color:#35583d}.v7-impact span{font-size:12px;color:#657768}@media(max-width:600px){.v7-impact{gap:15px}.v7-impact strong{font-size:25px}.v7-impact span{font-size:11px}}
.v7-back-to-contents{margin-left:auto;flex:none;font-size:11px;color:#66816c;border-bottom:1px solid #cbd9c8;white-space:nowrap}.v7-case .ux-directory a:focus-visible{outline:2px solid #436f4b;outline-offset:4px}.v7-source-excerpt,.v7-decision-map{margin:30px 0;padding:25px;background:#f0f3eb;border:1px solid #cddbc7;border-radius:9px}.v7-source-excerpt figcaption{margin:0 0 18px!important;font-size:12px;color:#536c56}.v7-source-excerpt dl{margin:0}.v7-source-excerpt dl>div{display:grid;grid-template-columns:125px 1fr;gap:16px;border-top:1px solid #d8e2d2;padding:14px 0}.v7-source-excerpt dt{font-size:13px;font-weight:600;color:#34513b}.v7-source-excerpt dd{margin:0;font-size:14px;line-height:1.9;color:#4f6354}.v7-map-input{margin:18px 0;font-size:18px;line-height:1.9;color:#304f3b}.v7-decision-map .v7-flow{margin-bottom:0}.v7-evidence-image{margin:26px 0}.v7-evidence-image img{display:block;max-width:100%;height:auto;border:1px solid #d8e1d3;border-radius:8px}.v7-preview-fallback{font-size:12px!important}#prototype-area{scroll-margin-top:30px}@media(max-width:760px){.v7-back-to-contents{display:none}.v7-source-excerpt{padding:20px}.v7-source-excerpt dl>div{grid-template-columns:1fr;gap:7px}.v7-case .ux-directory{scroll-margin-top:20px}.v7-chapter-heading h2{font-size:23px}}

/* Evidence reading aids */
.v7-impact>a{color:inherit;text-decoration:none;display:flex;flex-direction:column;gap:12px}.v7-impact>a:hover span{text-decoration:underline;text-underline-offset:4px}.v7-decision-map{margin:28px 0 36px;padding:28px;background:#f2f6fb;border:1px solid #d6e0ed;border-radius:14px}.v7-decision-map figcaption{font-size:14px;font-weight:600;color:#304762;margin-bottom:20px}.v7-decision-map ol{list-style:none;margin:0;padding:0;display:grid;gap:0}.v7-decision-map li{display:grid;grid-template-columns:36px 1fr;gap:14px;padding:18px 0;border-top:1px solid #d6e0ed}.v7-decision-map li>span{font-size:12px;color:#5c7596;padding-top:4px}.v7-decision-map h3{font-size:16px;line-height:1.6;margin:0 0 6px;color:#263e5a}.v7-decision-map p{font-size:14px;line-height:1.85;margin:0;color:#475e78}.v7-decision-map .caption{margin-top:18px}.v7-decision-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}.v7-decision-links>a{text-decoration:none;color:#263e5a;padding:22px 0;border-top:2px solid #a4b8d2}.v7-decision-links span{display:block;font-size:12px;color:#617997;margin-bottom:12px}.v7-decision-links strong{font-size:18px}.v7-decision-links p{font-size:14px;line-height:1.8;color:#526981;margin:10px 0 0}@media(max-width:760px){.v7-decision-links{grid-template-columns:1fr;gap:8px}.v7-decision-links>a{padding:18px 0}.v7-decision-map{padding:20px}.v7-decision-map li{grid-template-columns:26px 1fr;gap:8px}}