/* Density studies only: the main Home awaits the user's choice. */
.application-choice{margin:20px 0 32px}.application-choice nav a{white-space:nowrap}
.application-body .project-navigation{padding-right:180px;padding-bottom:32px}
@media(max-width:600px){.application-body .project-navigation{padding-right:0;padding-bottom:96px}}
.applications.density-1 .application-tile{min-height:96px;padding:12px 16px;gap:8px}
.applications.density-1 .application-tile>svg{width:26px;height:26px}
.applications.density-1 .application-detail{padding:18px 24px 18px 40px}
.applications.density-1 .application-detail p{margin-top:8px}
.applications.density-1 .application-details{gap:24px 40px}
.applications.density-2 .application-tile{min-height:80px;padding:12px 32px 12px 12px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}
.applications.density-2 .application-tile>svg{width:24px;height:24px}
.applications.density-2 .tile-arrow{top:50%;transform:translateY(-50%);right:10px}
.applications.density-2 .application-detail{padding:14px 22px 12px 38px}
.applications.density-2 .application-detail h3{font-size:21px}
.applications.density-2 .application-detail p{font-size:16px;line-height:1.55;margin-top:8px}
.applications.density-2 .application-detail .text-link{margin-top:4px}
.applications.density-2 .application-details{gap:20px 32px}
.applications.density-3 .application-tile{min-height:64px;padding:10px 12px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}
.applications.density-3 .application-tile>svg{width:20px;height:20px}
.applications.density-3 .application-tile strong{font-size:14px;max-width:none}
.applications.density-3 .tile-arrow{display:none}
.applications.density-3 .application-detail{padding:12px 18px 10px 34px}
.applications.density-3 .application-detail h3{font-size:20px}
.applications.density-3 .application-detail p{font-size:15px;line-height:1.5;margin-top:6px}
.applications.density-3 .application-detail .text-link{font-size:14px;min-height:44px;margin-top:0}
.applications.density-3 .application-details{gap:16px 24px}
.applications[class*="density-"] .application-intro{margin:32px 0 28px;gap:40px}
.applications[class*="density-"] .application-tile{transition:transform .5s cubic-bezier(.45,0,.2,1)}
.application-option-cards{margin-top:28px}.density-preview{padding:32px 20px;background:#f5f1fb;min-height:180px;display:flex;flex-direction:column;justify-content:center;gap:20px}
.density-samples{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.density-samples span{height:52px;border-radius:8px}.density-preview-2 .density-samples span{height:40px}.density-preview-3 .density-samples span{height:28px}
.density-lines{display:grid;grid-template-columns:1fr 1fr;gap:12px}.density-lines span{height:40px;background:#e5dcee;border-radius:8px}.density-preview-2 .density-lines span{height:32px}.density-preview-3 .density-lines span{height:24px}
@media(max-width:900px){.applications[class*="density-"] .application-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.applications[class*="density-"] .application-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.applications[class*="density-"] .application-intro{margin:24px 0}.applications[class*="density-"] .application-details{grid-template-columns:1fr;gap:16px}.applications.density-2 .application-tile strong{font-size:14px}.application-choice .wrap{gap:12px}.application-choice nav{gap:4px}.application-choice nav a{padding-inline:10px}.application-body .project-navigation{gap:16px}}
@media(prefers-reduced-motion:reduce){.applications[class*="density-"] .application-tile{transition:none}}