/* One card, one visual rhythm, two browsing modes. */
.library-arrow{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}
.library-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}
.library-arrow:disabled{opacity:.35;cursor:default}
.library-arrow:not(:disabled):hover{border-color:var(--sage-ink);background:#e8ede5}
.application-card{display:flex;flex-direction:column;min-width:0;width:100%;text-decoration:none;color:var(--ink);background:transparent}
.application-card-image{position:relative;display:block;aspect-ratio:8/5;overflow:hidden;background:#e9ede5;border:1px solid var(--line)}
.application-card-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s ease}
.application-card-copy{display:flex;flex:1;flex-direction:column;gap:12px;padding:18px 0 8px}
.application-card-meta{display:flex;flex-wrap:wrap;gap:4px 8px;color:var(--muted);font:400 12px/1.6 var(--font-sans);margin:0;min-height:19.2px}
.application-card-meta>span+span::before{content:"·";margin-right:8px;color:#879187}
.application-card-title{display:flex;align-items:start;justify-content:space-between;gap:16px;margin:0;font:400 22px/1.3 var(--font-sans);letter-spacing:-.025em;min-height:1.3em}
.application-card-title>svg{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.4;margin-top:5px;transition:transform .2s ease}
.application-card-summary{margin:0;color:var(--muted);font:400 15px/1.65 var(--font-sans);min-height:3.3em}
.application-card:hover .application-card-image{border-color:var(--sage-ink)}
.application-card:hover .application-card-image img{transform:scale(1.025)}
.application-card:hover .application-card-title>svg{transform:translate(2px,-2px)}
.application-card:focus-visible{outline:2px solid var(--lavender-ink);outline-offset:4px}
.library-arrow:focus-visible{outline:2px solid var(--lavender-ink);outline-offset:4px}
@media(max-width:760px){.application-card-copy{padding-top:16px;gap:10px}.application-card-meta{min-height:0}.application-card-title{font-size:22px;min-height:0}.application-card-summary{font-size:15px;min-height:0}}
@media(prefers-reduced-motion:reduce){.application-card-image img,.application-card-title>svg{transition:none}}
.application-library [hidden]{display:none!important}
body.comparison-site #main .application-card-title{font:400 22px/1.3 var(--font-sans);letter-spacing:-.025em}
body.comparison-site #main .application-card-summary{font:400 15px/1.65 var(--font-sans);margin:0;color:var(--muted)}
body.comparison-site #main .application-card-meta{font:400 12px/1.6 var(--font-sans);margin:0;color:var(--muted)}
body.comparison-site.readable-layout #main .application-card-meta { font-size:var(--type-caption); min-height:0; }
body.comparison-site.readable-layout #main .application-card-summary { font-size:var(--type-compact); line-height:var(--leading-body); min-height:0; }
body.comparison-site.readable-layout #main .application-card-title { font-size:var(--type-subheading); min-height:0; overflow-wrap:break-word; }
body.comparison-site.readable-layout .application-card-copy { gap:var(--flow-small); padding-top:var(--flow-small); }