/* Reta de leitura na margem. Sem painéis flutuantes ou efeitos contínuos de fundo. */
.reading-rail{position:fixed;right:12px;top:50%;transform:translateY(-50%);width:28px;display:grid;gap:5px;z-index:30;pointer-events:none}
.reading-track{position:absolute;inset:0 auto 0 50%;width:1px;background:var(--line)}
.reading-track>span{display:block;width:100%;height:100%;background:var(--brand);transform:scaleY(0);transform-origin:top}
.reading-rail>a{position:relative;display:grid;place-items:center;width:28px;height:28px;font:9px var(--mono);color:var(--muted);pointer-events:auto;background:var(--bg);border-radius:50%;transition:color .18s,background .18s}
.reading-rail>a[aria-current]{color:var(--accent);background:var(--surface-2);font-weight:650}
.reading-label{position:absolute;right:36px;white-space:nowrap;background:var(--surface);border:1px solid var(--line);color:var(--text);padding:8px 11px;border-radius:5px;font:11px Inter,system-ui,sans-serif;opacity:0;transform:translateX(5px);transition:opacity .18s,transform .18s;pointer-events:none;visibility:hidden}
.reading-rail>a:hover .reading-label,.reading-rail>a:focus-visible .reading-label{opacity:1;transform:translateX(0);visibility:visible}
.founder-paragraph a{color:var(--text);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px;transition:color .18s}
.founder-paragraph a:hover{color:var(--accent)}
@media(hover:hover) and (pointer:fine){
 .evidence,.setup-profiles article,.page-card,.channel-card{transition:transform .25s cubic-bezier(.22,1,.36,1),border-color .25s;position:relative}
 .evidence:hover,.setup-profiles article:hover,.page-card:hover,.channel-card:hover{transform:translateY(-3px);border-color:var(--accent)}
 .pattern-details article{transition:background .2s,border-color .2s}
 .pattern-details article:hover{background:var(--surface-2);border-color:var(--accent)}
 .pattern-details article>.ui-icon,.ingestion-flow .ui-icon,.page-card>.ui-icon,.channel-card>.ui-icon{transition:transform .25s cubic-bezier(.22,1,.36,1)}
 .pattern-details article:hover>.ui-icon,.ingestion-flow li:hover .ui-icon,.page-card:hover>.ui-icon,.channel-card:hover>.ui-icon{transform:translateX(3px)}
 .visual-flow>li,.page-flow>li{transition:background .2s,border-color .2s}
 .visual-flow>li:hover,.page-flow>li:hover{background:var(--surface-2);border-color:var(--accent)}
 .use-select button .ui-icon,.button .ui-icon,.text-link .ui-icon{transition:transform .22s}
 .use-select button:hover .ui-icon,.button:hover .ui-icon,.text-link:hover .ui-icon{transform:translateX(4px)}
 .result-files li{transition:transform .22s,border-color .22s}
 .result-files li:hover{transform:translateX(3px);border-color:var(--accent)}
 .choice{transition:background .2s,border-color .2s}
 .choice:hover{background:var(--surface-2);border-color:var(--accent)}
 .agent-picker button .agent-plus{transition:transform .3s cubic-bezier(.22,1,.36,1)}
 .agent-picker button:hover .agent-plus{transform:rotate(90deg)}
}
@media(max-width:1100px){.reading-rail{right:5px;width:20px}.reading-rail>a{width:20px;height:26px;font-size:8px}.reading-label{right:27px}}
@media(max-width:900px){.reading-rail{top:0;right:0;bottom:0;width:3px;transform:none;display:block}.reading-rail>a{display:none}.reading-track{inset:0;width:3px;background:transparent}}
@media print{.reading-rail{display:none}}

/* Estados de entrada: oculto antes da observação, sem alterar altura/layout. */
body{overflow-x:clip}
[data-entry-state="pending"],[data-entry-state="entering"]{opacity:0}
[data-entry-state="pending"]{pointer-events:none}
.faq-group[open]>.faq-questions,.faq-questions details[open]>p{animation:faq-open .45s cubic-bezier(.2,.65,.3,1) both}
@keyframes faq-open{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media print{[data-entry-state]{opacity:1!important;transform:none!important}}
