/* site71 — minimalist single-page in Tor Browser purple, no frills. */
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body {
    background: #1c1626; color: #e6e3ee;
    font: 15px/1.6 -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}
a { color: #c9aaff; text-decoration: none; }
a:hover { color: #e7d4ff; text-decoration: underline; }

/* Container */
.page {
    max-width: 760px; margin: 0 auto; padding: 24px 18px 60px;
}

/* Header brand */
.brand {
    display: flex; align-items: center; gap: 14px;
    padding: 8px 0 18px;
    border-bottom: 1px solid #2c243b;
}
.brand img { width: 44px; height: 44px; }
.brand .n { font-size: 18px; font-weight: 700; color: #fff; letter-spacing: 0.2px; }
.brand .n b { color: #7c2bbd; }
.brand .s { font-size: 12px; color: #8c7fa6; margin-top: 1px; }
.brand .status { margin-left: auto; font-size: 11px; color: #4fbf72; letter-spacing: 0.5px; text-transform: uppercase; display: flex; align-items: center; gap: 6px; }
.brand .status::before { content: ""; width: 7px; height: 7px; background: #4fbf72; border-radius: 50%; display: inline-block; box-shadow: 0 0 6px #4fbf72; }

/* Hero — minimal */
.intro {
    padding: 26px 0 22px;
}
.intro h1 {
    font-size: 26px; font-weight: 700; color: #fff;
    margin-bottom: 8px; line-height: 1.25;
}
.intro h1 span { color: #b582ff; }
.intro p { color: #b8b0c9; font-size: 15px; }
.intro .tip {
    margin-top: 12px; padding: 10px 14px;
    background: rgba(124,43,189,0.10);
    border-left: 3px solid #7c2bbd;
    border-radius: 4px;
    font-size: 13.5px; color: #d6cce6;
}

/* The whole reason the user is here — mirror list, front and center */
.links {
    margin: 24px 0 16px;
    background: #221c30;
    border: 1px solid #322843;
    border-radius: 10px;
    padding: 6px;
}
.links .head {
    display: flex; justify-content: space-between; align-items: baseline;
    padding: 10px 14px 8px;
    font-size: 12px; color: #8c7fa6; letter-spacing: 0.5px; text-transform: uppercase;
}
.links .head b { color: #b582ff; font-weight: 600; }
.lk {
    display: flex; align-items: center; gap: 12px;
    padding: 12px 14px;
    border-top: 1px solid #2c243b;
    transition: background 0.15s ease;
}
.lk:hover { background: #281f3a; }
.lk .num {
    flex-shrink: 0;
    width: 28px; height: 28px;
    background: #7c2bbd; color: #fff;
    border-radius: 6px;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 12px; font-weight: 700;
}
.lk .onion {
    flex: 1;
    font: 13px/1.4 "JetBrains Mono", "SF Mono", Consolas, monospace;
    color: #d6cce6;
    word-break: break-all;
}
.lk .ok {
    font-size: 10.5px; color: #4fbf72; letter-spacing: 0.5px;
    background: rgba(79,191,114,0.12);
    border: 1px solid rgba(79,191,114,0.30);
    padding: 3px 8px; border-radius: 4px;
    text-transform: uppercase; font-weight: 600;
}

/* Body sections */
h2 {
    font-size: 18px; color: #fff; font-weight: 700;
    margin: 28px 0 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid #322843;
}
h2::before { content: "# "; color: #7c2bbd; }
h3 { font-size: 15px; color: #d6cce6; margin: 16px 0 6px; }
p  { color: #b8b0c9; margin-bottom: 12px; }
ul, ol { margin: 0 0 12px 22px; color: #b8b0c9; }
ul li, ol li { margin: 4px 0; }
code { background: #2c243b; color: #c9aaff; padding: 1px 6px; border-radius: 3px; font-size: 13px; }

/* FAQ accordion */
.faq details {
    background: #221c30; border: 1px solid #322843; border-radius: 6px;
    margin: 8px 0; padding: 0;
}
.faq summary {
    cursor: pointer; padding: 12px 14px; list-style: none;
    color: #e6e3ee; font-weight: 500; font-size: 14px;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::before { content: "+ "; color: #b582ff; }
.faq details[open] summary::before { content: "− "; color: #4fbf72; }
.faq details > p { padding: 0 14px 14px; margin: 0; }

/* Footer */
.foot {
    margin-top: 36px; padding-top: 16px;
    border-top: 1px solid #2c243b;
    color: #6e6685; font-size: 12px;
    text-align: center; letter-spacing: 0.4px;
}
.foot a { color: #8a7fa8; }

/* Mobile */
@media (max-width: 540px) {
    .page { padding: 16px 12px 40px; }
    .intro h1 { font-size: 22px; }
    .lk { gap: 8px; padding: 10px 10px; }
    .lk .onion { font-size: 11.5px; }
}