/* ==========================================================================
   Additions for the static site. style.css is the original design, unchanged; these rules only cover
   what the old single-page site never had: a page-level mobile block, the honeypot field, and the
   download and changelog pages, built from the same tokens and components.
   ========================================================================== */

/* The mobile block (the home page only): mobile-block.js sets the class before the page draws. Every
   section of the page gives way to "Really Bro?"; the header and footer stay, so /download and the
   legal pages are a tap away. */
html.mobile-blocked #main-content > .page-section {
    display: none !important;
}

html.mobile-blocked #main-content > #reallybro {
    display: block !important;
}

/* The honeypot: out of sight and out of reach for people, there for bots that fill every field */
.form-trap {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* Download */
.download-grid .comp-body {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.download-grid .comp-body ol {
    margin: 0;
}

.download-requirement,
.download-footnote {
    font-size: 0.85rem;
    color: #ccc !important;
}

.download-action .btn {
    width: 100%;
}

.download-pending {
    opacity: 0.6;
    pointer-events: none;
}

.download-phone-note {
    display: none;
}

@media screen and (max-width: 768px) {
    .download-phone-note {
        display: block;
        padding: 1rem;
        background: #f1f1f1;
        border-radius: 6px;
    }
}

.notice-text a {
    color: var(--primary-color);
    font-weight: 600;
}

/* Changelog */
.changelog-release {
    margin-top: 2.5rem;
}

.changelog-date {
    display: block;
    font-size: 0.9rem;
    font-weight: 500;
    color: #666;
    margin-top: 0.25rem;
}

.changelog-release li {
    line-height: 1.6;
    margin-bottom: 0.5rem;
}