:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #202927; background: #f6f8f7; letter-spacing: 0; }
* { box-sizing: border-box; }
body { margin: 0; }
a { color: inherit; text-decoration: none; }
a:focus-visible { outline: 3px solid #dd7b45; outline-offset: 5px; }
header, main, footer { width: min(900px, calc(100% - 48px)); margin: auto; }
header { height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid #dbe2de; }
.brand { font-size: 17px; font-weight: 650; }
nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 12px; }
.admin { font-size: 14px; color: #596661; }
.admin:hover { color: #14664e; text-decoration: underline; }
.release { display: grid; grid-template-columns: 96px minmax(0, 1fr) 190px; gap: 28px; align-items: center; padding: 56px 0 44px; }
.app-icon { width: 96px; height: 96px; border-radius: 8px; display: block; object-fit: contain; }
.platform { font-size: 11px; color: #63716b; margin: 0 0 9px; }
h1 { font-size: 30px; line-height: 1.25; font-weight: 650; margin: 0; }
.build { margin: 10px 0 0; color: #64706b; font-size: 14px; }
.download { display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 24px; border-radius: 6px; font-size: 15px; font-weight: 600; background: #176b51; color: white; transition: background .15s; }
.download[href]:hover { background: #10503c; }
.download[aria-disabled="true"] { background: #dfe5e1; color: #64716a; cursor: default; }
#file-size { text-align: center; font-size: 12px; color: #68756e; min-height: 18px; margin: 10px 0 0; }
.details { border-top: 1px solid #dbe2de; padding: 28px 0 44px; }
h2 { font-size: 16px; line-height: 24px; margin: 0 0 24px; font-weight: 650; }
dl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin: 0; }
dt { font-size: 12px; color: #728077; margin-bottom: 9px; }
dd { font-size: 14px; margin: 0; line-height: 22px; overflow-wrap: anywhere; }
.integrity { border-top: 1px solid #e2e7e4; padding-top: 22px; margin-top: 30px; display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 16px; color: #637269; font-size: 12px; }
code { font-size: 12px; line-height: 20px; overflow-wrap: anywhere; }
footer { border-top: 1px solid #dbe2de; display: flex; justify-content: space-between; gap: 20px; padding: 22px 0; color: #7b857f; font-size: 12px; }
@media (max-width: 620px) { header, main, footer { width: calc(100% - 40px); } header { height: 66px; } .release { grid-template-columns: 76px minmax(0, 1fr); gap: 20px; padding: 32px 0; } .app-icon { width: 76px; height: 76px; } h1 { font-size: 26px; } .action { grid-column: 1 / -1; margin-top: 6px; } dl { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 24px; } .integrity { grid-template-columns: minmax(0, 1fr); gap: 8px; } }