/* No overlay until the class is set. */
#t6-gate { display: none; }
/* Blocked: content hidden via CSS, not removed from the DOM, so canonical/OG
   tags and page text stay visible to crawlers. */
html.t6-blocked body > *:not(#t6-gate) { display: none !important; }
html.t6-blocked { overflow: hidden; }

#t6-gate.t6-on {
    display: flex; position: fixed; z-index: 1100;
    top: 0; right: 0; bottom: 0; left: 0;
    align-items: center; justify-content: center; padding: 1.5rem;
    background: color-mix(in srgb, var(--color-bg-primary) 92%, transparent);
    -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
    font-family: var(--font-family-base);
}
#t6-gate .t6-box {
    max-width: 34rem; width: 100%; box-sizing: border-box;
    background: var(--color-bg-elevated); border: 1px solid var(--color-border-default); border-radius: 14px;
    padding: 1.6rem 1.7rem; color: var(--color-text-primary); line-height: 1.6;
}
#t6-gate h2 { margin: 0 0 .7rem; font-size: 1.25rem; color: var(--color-text-primary); }
#t6-gate p { margin: 0 0 .9rem; color: var(--color-text-secondary); font-size: .95rem; }
#t6-gate .t6-why {
    border-left: 3px solid var(--color-primary); padding-left: .9rem; margin: 1rem 0;
    color: var(--color-text-secondary); font-size: .92rem;
}
#t6-gate code {
    font-family: var(--font-family-mono); font-size: .88em;
    background: var(--color-bg-tertiary); padding: .06em .35em; border-radius: 4px;
}
#t6-gate .t6-links { margin: 1.1rem 0 0; }
#t6-gate .t6-links a {
    display: inline-block; margin: 0 1rem .4rem 0;
    color: var(--color-secondary); text-decoration: none; font-size: .93rem;
}
#t6-gate .t6-links a:hover { text-decoration: underline; }
#t6-gate .t6-missing {
    margin-top: 1.1rem; color: var(--color-text-tertiary); font-size: .8rem;
    font-family: var(--font-family-mono);
    word-break: break-word;
}