/* =========================================================
   MMSSTV DOCUMENTATION ARCHIVE
   File: css/mmsstv.css
========================================================= */

.mmsstv-page{
    max-width:1200px;
    margin:0 auto;
}

.mmsstv-intro{
    text-align:center;
}

.archive-label{
    display:inline-block;
    margin-bottom:14px;
    padding:7px 14px;
    border:1px solid #00ff55;
    border-radius:999px;
    color:#00ff55;
    font-size:13px;
    font-weight:bold;
    letter-spacing:1.5px;
}

.quick-links{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
    margin-top:28px;
}

.quick-links a{
    display:inline-block;
    padding:9px 14px;
    border:1px solid #35577b;
    border-radius:7px;
    background:#0d1620;
    color:#d8ebff;
    text-decoration:none;
    font-weight:bold;
}

.quick-links a:hover{
    border-color:#00ff55;
    color:#00ff55;
}

.mmsstv-article{
    margin-top:28px;
}

.content-card{
    margin:0 0 24px;
    padding:28px;
    background:#111;
    border:2px solid #24384d;
    border-radius:12px;
    box-shadow:0 8px 24px rgba(0,0,0,.25);
}

.content-card h2{
    margin-top:0;
    color:#00ff55;
}

.content-card h3{
    color:#f0f6ff;
}

.content-card p,
.content-card li{
    color:#d7d7d7;
    line-height:1.75;
}

.quote-card,
.preservation-card{
    border-color:#00aa44;
    background:linear-gradient(180deg,#0d1711,#101010);
}

.content-card blockquote{
    margin:24px 0;
    padding:22px;
    border-left:5px solid #00ff55;
    background:#090909;
    color:#fff;
    font-size:21px;
    font-style:italic;
    line-height:1.6;
}

.feature-grid,
.document-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin-top:22px;
}

.feature-box,
.document-box{
    padding:20px;
    background:#0b0b0b;
    border:1px solid #2b4056;
    border-radius:9px;
}

.feature-box h3{
    margin-top:0;
    color:#8ec8ff;
}

.document-box{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.document-box strong{
    color:#00ff55;
}

.document-box span{
    color:#ccc;
    line-height:1.5;
}

.mode-table-wrapper{
    overflow-x:auto;
    margin-top:22px;
}

.mode-table{
    width:100%;
    border-collapse:collapse;
    min-width:720px;
}

.mode-table th,
.mode-table td{
    padding:14px;
    border:1px solid #2c4055;
    text-align:left;
    vertical-align:top;
}

.mode-table th{
    background:#102033;
    color:#fff;
}

.mode-table td{
    background:#0b0b0b;
    color:#d5d5d5;
}

.notice-box,
.critical-warning{
    margin-top:22px;
    padding:18px;
    border-radius:8px;
    line-height:1.6;
}

.notice-box{
    border:1px solid #3e6b96;
    background:#0b1722;
    color:#d7ebff;
}

.critical-warning{
    border:2px solid #d4a000;
    background:#241d06;
    color:#ffe690;
    font-size:18px;
    font-weight:bold;
    text-align:center;
}

.frequency-strip{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin:22px 0;
}

.frequency-strip span{
    padding:16px 12px;
    background:#090909;
    border:1px solid #294761;
    border-radius:8px;
    color:#d9edff;
    text-align:center;
}

.frequency-strip strong{
    display:block;
    margin-bottom:5px;
    color:#00ff55;
}

.document-list,
.step-list{
    padding-left:24px;
}

.content-card code{
    padding:2px 7px;
    border-radius:4px;
    background:#050505;
    color:#00ff55;
}

.version-badge{
    display:inline-block;
    margin-top:15px;
    padding:10px 16px;
    border:1px solid #00ff55;
    border-radius:7px;
    color:#00ff55;
    font-weight:bold;
}

.thank-you-card{
    border-color:#725f20;
    background:linear-gradient(180deg,#1a170c,#111);
    text-align:center;
}

.thank-you-message{
    margin-top:24px;
    color:#fff !important;
    font-size:20px;
}

.quote-credit{
    margin-top:-12px;
    color:#9c9c9c !important;
    text-align:right;
}

.article-actions{
    margin:32px 0;
    text-align:center;
}

.info-button{
    display:inline-block;
    padding:13px 24px;
    border-radius:8px;
    background:#008b3d;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
}

.info-button:hover{
    background:#00a94b;
    color:#fff;
}

@media (max-width:800px){

    .content-card{
        padding:21px;
    }

    .feature-grid,
    .document-grid{
        grid-template-columns:1fr;
    }

    .frequency-strip{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .content-card blockquote{
        font-size:18px;
    }
}

@media (max-width:480px){

    .quick-links{
        justify-content:flex-start;
    }

    .quick-links a{
        flex:1 1 calc(50% - 10px);
        text-align:center;
    }

    .frequency-strip{
        grid-template-columns:1fr;
    }

    .content-card{
        padding:18px;
    }
}

/* =========================================================
   MMSSTV HELP ARCHIVE
   Additional classes for: information/mmsstv/
========================================================= */

.mmsstv-help-banner{
    margin:0 0 28px;
    overflow:hidden;
    border:2px solid #24384d;
    border-radius:12px;
    background:#111;
}

.mmsstv-help-banner img{
    display:block;
    width:100%;
    height:auto;
}

.mmsstv-help-title{
    margin:14px 0 10px;
    color:#f0f6ff;
    font-size:clamp(2rem,5vw,3.2rem);
    line-height:1.1;
}

.mmsstv-help-subtitle{
    max-width:820px;
    margin:0 auto;
    color:#c8d1da;
    font-size:17px;
    line-height:1.7;
}

.mmsstv-help-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    margin-top:24px;
}

.mmsstv-help-card{
    display:flex;
    flex-direction:column;
    min-height:220px;
    padding:22px;
    background:#0b0b0b;
    border:1px solid #2b4056;
    border-radius:10px;
    transition:transform .2s ease,border-color .2s ease;
}

.mmsstv-help-card:hover{
    transform:translateY(-4px);
    border-color:#00ff55;
}

.mmsstv-help-card h2{
    margin:8px 0 10px;
    color:#f0f6ff;
    font-size:21px;
}

.mmsstv-help-card p{
    flex:1;
    margin:0 0 18px;
    color:#d7d7d7;
    line-height:1.7;
}

.mmsstv-help-card .chapter-label{
    color:#00ff55;
    font-size:12px;
    font-weight:bold;
    letter-spacing:1.3px;
    text-transform:uppercase;
}

.mmsstv-help-card .info-button{
    width:max-content;
}

.mmsstv-help-navigation{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    gap:12px;
    align-items:center;
    margin:30px 0 10px;
}

.mmsstv-help-navigation a{
    display:block;
    padding:11px 14px;
    border:1px solid #35577b;
    border-radius:7px;
    background:#0d1620;
    color:#d8ebff;
    text-decoration:none;
    font-weight:bold;
}

.mmsstv-help-navigation a:hover{
    border-color:#00ff55;
    color:#00ff55;
}

.mmsstv-help-navigation .help-center{
    text-align:center;
}

.mmsstv-help-navigation .help-next{
    text-align:right;
}

.mmsstv-source-note{
    margin-top:18px;
    padding:16px 18px;
    border-left:4px solid #00ff55;
    background:#0d1711;
    color:#d7d7d7;
    line-height:1.7;
}

@media (max-width:900px){
    .mmsstv-help-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:650px){
    .mmsstv-help-grid{
        grid-template-columns:1fr;
    }

    .mmsstv-help-navigation{
        grid-template-columns:1fr;
    }

    .mmsstv-help-navigation .help-center,
    .mmsstv-help-navigation .help-next{
        text-align:left;
    }
}

/* =========================================================
   MMSSTV HELP LINKS
========================================================= */

.mmsstv-help-navigation a,
.mmsstv-help-footer a,
.quick-links a{
    color:#00ff55;
    text-decoration:none;
    font-weight:bold;
}

.mmsstv-help-navigation a{
    display:block;
    padding:11px 16px;
    border:1px solid #00aa44;
    border-radius:8px;
    background:#0d1711;
}

.mmsstv-help-navigation a:hover,
.mmsstv-help-footer a:hover,
.quick-links a:hover{
    color:#ffffff;
    background:#008b3d;
    border-color:#00ff55;
    text-decoration:none;
}

.mmsstv-help-navigation .help-center{
    text-align:center;
}

.mmsstv-help-navigation .help-next{
    text-align:right;
}


/* Footer links also green */

footer a,
.mmsstv-help-footer a{
    color:#00ff55;
}

footer a:visited,
.mmsstv-help-footer a:visited{
    color:#00ff55;
}

footer a:hover,
.mmsstv-help-footer a:hover{
    color:#ffffff;
}


/* Never use browser default visited link colour */

.mmsstv-page a:visited{
    color:inherit;
}
/* =========================================================
   MMSSTV SETUP SCREENSHOTS
========================================================= */

.mmsstv-setup-steps{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
    margin-top:24px;
}

.mmsstv-setup-step{
    margin:0;
    padding:18px;
    background:#0b0b0b;
    border:1px solid #2b4056;
    border-radius:10px;
}

.mmsstv-setup-step img{
    display:block;
    width:100%;
    height:auto;
    margin:0 auto 14px;
    border:1px solid #333;
    border-radius:6px;
    background:#fff;
}

.mmsstv-setup-step figcaption{
    color:#d7d7d7;
    line-height:1.65;
}

.mmsstv-setup-step figcaption strong{
    color:#00ff55;
}

@media (max-width:700px){
    .mmsstv-setup-steps{
        grid-template-columns:1fr;
    }
}