/* App Store evidence blocks (icon, rating, official screenshots) and the app picker, for researched app articles.
   Ratings are rendered server-side by Guide::appRatings(). */
.app-evidence{margin:36px 0 44px;padding:22px;border-radius:24px;background:var(--card);box-shadow:0 0 0 1px var(--line)}
.app-evidence .app-identity{display:flex;align-items:center;gap:16px;margin:0 0 20px}
.app-evidence .app-identity img{width:68px;height:68px;border-radius:16px;flex:none;margin:0;box-shadow:0 0 0 1px var(--line),0 8px 20px -10px rgba(0,0,0,.4)}
.app-evidence .app-identity p{margin:0;font-size:14.5px;line-height:1.45;color:var(--muted)}
.app-evidence .app-identity strong{display:block;font-size:20px;font-weight:650;letter-spacing:-.015em;color:var(--ink);line-height:1.25}
.app-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:6px}
.app-rating{display:inline-flex;align-items:center;gap:8px;font-size:14px}
.app-rating b{color:var(--ink);font-weight:650}
.app-rating-none{color:var(--muted)}
.app-stars{--s:15px;display:inline-block;width:calc(var(--s) * 5);height:var(--s);
  background:linear-gradient(90deg,#ffb020 calc(var(--r) / 5 * 100%),color-mix(in srgb,var(--muted) 30%,transparent) 0);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.6l2.82 5.98 6.38.77-4.7 4.47 1.2 6.43L12 17.1l-5.7 3.15 1.2-6.43L2.8 9.35l6.38-.77z'/%3E%3C/svg%3E") left/var(--s) var(--s) repeat-x;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.6l2.82 5.98 6.38.77-4.7 4.47 1.2 6.43L12 17.1l-5.7 3.15 1.2-6.43L2.8 9.35l6.38-.77z'/%3E%3C/svg%3E") left/var(--s) var(--s) repeat-x}
.app-req{font-size:13px;color:var(--muted);padding:2px 9px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line)}
.app-shots{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:12px;overflow-x:auto;padding:2px 2px 6px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;align-items:start}
.app-shots a{display:block;scroll-snap-align:start;border-radius:16px;overflow:hidden;background:var(--paper-2);box-shadow:0 0 0 1px var(--line);transition:transform .25s var(--ease)}
.app-shots a:hover{transform:translateY(-2px)}
.app-shots img{width:100%!important;height:auto!important;max-width:none!important;margin:0!important;border-radius:0!important;display:block}
.g-body .app-evidence figcaption{text-align:left;font-size:12.5px!important;line-height:1.55!important;margin:14px 2px 0!important;color:var(--muted)}
.app-facts{font-size:14px!important;color:var(--muted);line-height:1.65!important}
.app-facts a{white-space:normal;overflow-wrap:anywhere}
.app-picker{padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--card);margin:28px 0}
.app-picker label{display:block;font-weight:650;margin-bottom:10px}
.app-picker select{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--bg,var(--card));color:var(--ink);font:inherit}
.app-picker p{margin-bottom:0}.app-picker [hidden]{display:none}
@media(max-width:600px){.app-evidence{padding:16px;border-radius:20px}.app-shots{grid-auto-columns:58%}.app-evidence .app-identity img{width:56px;height:56px;border-radius:13px}.app-picker{padding:16px}}