/* ==========================================================================
   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,
.install-section a {
    color: var(--primary-color);
    font-weight: 600;
}

.download-steps-link {
    color: #fff !important;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: underline;
}

/* The install steps, one section per platform */
.install-section {
    margin-top: 3.5rem;
}

.install-steps {
    padding-left: 1.5rem;
    margin: 0;
}

.install-steps > li {
    margin-bottom: 2rem;
    padding-left: 0.25rem;
}

.install-steps > li::marker {
    color: var(--primary-color);
    font-weight: 800;
    font-size: 1.25rem;
}

.install-steps h3 {
    margin: 0 0 0.5rem 0;
}

.install-steps p,
.install-section > p {
    margin-bottom: 0.75rem;
}

.install-section ul li {
    line-height: 1.6;
    margin-bottom: 0.5rem;
}

.install-shot {
    margin: 1rem 0 0 0;
}

.install-shot img {
    display: block;
    max-width: 100%;
    height: auto;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

/* 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;
}