/* INTENTOS documentation portal */
.docs-shell { display: grid; grid-template-columns: 1fr; gap: 2rem; max-width: 72rem; margin: 0 auto; padding: 2.5rem 1.5rem 4rem; width: 100%; min-width: 0; box-sizing: border-box; }
.docs-shell > * { min-width: 0; }
@media (min-width: 900px) { .docs-shell { grid-template-columns: 14rem 1fr; } }
.docs-nav { position: sticky; top: 5.5rem; align-self: start; min-width: 0; }
.docs-nav-mobile { display: none !important; }
@media (max-width: 899px) {
    .docs-shell { padding: 1rem 1rem 2.5rem; gap: 1.25rem; }
    .docs-nav { display: none !important; }
    .docs-card-grid { grid-template-columns: 1fr; }
    .docs-hero h1 { font-size: 1.75rem; }
}
.docs-nav a {
    display: block; padding: 0.45rem 0.85rem; border-radius: 0.65rem;
    color: var(--t-text-muted); text-decoration: none; font-size: 0.9rem;
}
.docs-nav a:hover { background: var(--t-surface-2); color: var(--t-text); }
.docs-nav a.is-active { background: var(--t-surface); color: var(--t-text); font-weight: 600; box-shadow: var(--t-shadow); }
.docs-nav-group { margin-bottom: 1rem; }
.docs-nav-group h4 {
    font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em;
    text-transform: uppercase; color: var(--t-text-muted);
    padding: 0.25rem 0.85rem 0.4rem;
}
.docs-hero { margin-bottom: 2rem; }
.docs-hero h1 { font-size: clamp(2rem, 4vw, 2.75rem); font-weight: 800; letter-spacing: -0.03em; }
.docs-hero .lead { max-width: 40rem; color: var(--t-text-muted); line-height: 1.65; margin-top: 0.75rem; }
.docs-card-grid { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); margin: 2rem 0; }
.docs-card {
    border: 1px solid var(--t-border); border-radius: 1.1rem; padding: 1.25rem;
    background: var(--t-surface); text-decoration: none; color: inherit;
    transition: border-color 0.15s ease, transform 0.15s ease;
}
.docs-card:hover { border-color: color-mix(in srgb, var(--t-accent) 35%, var(--t-border)); transform: translateY(-2px); }
.docs-card h3 { font-size: 1rem; font-weight: 700; margin-bottom: 0.35rem; }
.docs-card p { font-size: 0.88rem; color: var(--t-text-muted); line-height: 1.5; }
.docs-content h2 { font-size: 1.45rem; font-weight: 700; margin: 2rem 0 0.75rem; }
.docs-content h3 { font-size: 1.1rem; font-weight: 600; margin: 1.5rem 0 0.5rem; }
.docs-content p, .docs-content li { color: var(--t-text-muted); line-height: 1.65; }
.docs-content ul, .docs-content ol { padding-left: 1.25rem; margin: 0.75rem 0 1rem; }
.docs-content code {
    font-family: ui-monospace, monospace; font-size: 0.88em;
    background: var(--t-surface-3); padding: 0.15rem 0.4rem; border-radius: 0.35rem;
}
.docs-shot {
    border: 1px solid var(--t-border); border-radius: 1rem; overflow: hidden;
    background: var(--t-surface-2);
    margin: 1.25rem 0;
}
.docs-shot img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: middle;
}
.docs-callout {
    border-left: 3px solid var(--t-accent); padding: 0.85rem 1rem;
    background: var(--t-surface-2); border-radius: 0 0.75rem 0.75rem 0;
    margin: 1rem 0; font-size: 0.92rem; color: var(--t-text-muted);
}