/* New app page only; shared site styles remain unchanged. */
.app-page .app-content{max-width:820px;margin:0 auto}
.app-page .app-hero .calcdescription{max-width:690px}
.app-page .app-card{display:flex;align-items:center;gap:22px;padding:22px 26px}
.app-page .app-icon{display:block;flex:0 0 92px;width:92px;height:92px;border-radius:21px}
.app-page .app-details{flex:1;min-width:0}
.app-page .app-name{text-align:left;margin:0 0 8px;padding:0;background:none;color:#121212;font:500 24px/1.3 PlayfairSmBold,Georgia,serif}
.app-page .app-meta{margin:0;padding:0;color:#4d4d4d;font:15px/1.55 AvenirReg,Arial,sans-serif}
.app-page .app-store-link{display:block;flex-shrink:0;line-height:0}
.app-page .app-store-image{display:block;width:143.596884px;height:48px;max-width:none}
.app-page .app-screenshots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:34px 0 48px}
.app-page .app-screenshots img{display:block;width:100%;height:auto;border-radius:14px}
.app-page .app-copy{margin:0}
.app-page .app-copy>h2:first-child{margin-top:0}
.app-page .app-copy a{color:#cb3340}
@media(max-width:820px){
 .app-page .app-card{flex-direction:column;text-align:center;gap:18px;padding:24px 18px}
 .app-page .app-name{text-align:center;margin-bottom:8px}
 .app-page .app-screenshots{display:flex;overflow-x:auto;gap:18px;scroll-snap-type:x mandatory;margin:34px 0 40px;padding-bottom:4px}
 .app-page .app-screenshots img{flex:0 0 62%;width:62%;min-width:0;align-self:flex-start;scroll-snap-align:start}
}