/*
 * Documentação: leitura em primeiro lugar. Busca em destaque, índice lateral fixo, coluna de texto confortável.
 * Sem movimento, sem vitrines. Carregado depois do site.css (cabeçalho e rodapé continuam os do site).
 */
.docs-mode{scroll-padding-top:104px}
.docs-mode body{background:#fff}
/* cabeçalho quieto: só logo, idioma e menu; sem botões comerciais */
.docs-mode .top .nav,.docs-mode .top__live,.docs-mode .menu-btn,.docs-mode .drawer{display:none!important}
.docs-mode .top__bar{box-shadow:0 0 0 1px rgba(14,26,38,.08)}

.dmain{--d-ink:#0e1a26;--d-ink2:#3b4856;--d-line:#e4e4e0;--d-blue:#0b4a8f;--d-soft:#f6f7f9;padding:104px clamp(16px,4vw,40px) 72px;max-width:1240px;margin:0 auto;color:var(--d-ink);font-family:var(--sans,"Onest",system-ui,sans-serif)}
.dhead{max-width:820px;margin:0 0 28px}
.dhead h1{font:700 clamp(1.9rem,4vw,2.7rem)/1.12 var(--sans,"Onest",sans-serif);letter-spacing:-.02em;margin:0 0 10px;color:var(--d-ink)}
.dlede{margin:0 0 22px;color:var(--d-ink2);font-size:1.08rem;line-height:1.6;max-width:68ch}

/* busca */
.dsearch{position:relative;max-width:720px}
.dsearch svg{position:absolute;left:16px;top:50%;width:20px;height:20px;margin-top:-10px;fill:none;stroke:var(--d-ink2);stroke-width:2;stroke-linecap:round;pointer-events:none}
.dsearch input{width:100%;height:56px;padding:0 54px 0 46px;border:2px solid #cdd5dd;border-radius:14px;background:#fff;color:var(--d-ink);font:500 1.05rem var(--sans,"Onest",sans-serif);transition:border-color 150ms ease,box-shadow 150ms ease}
.dsearch input::placeholder{color:#5c6874}
.dsearch input:focus{outline:none;border-color:var(--d-blue);box-shadow:0 0 0 4px rgba(11,74,143,.15)}
.dsearch input::-webkit-search-cancel-button{margin-right:6px}
.dsearch kbd{position:absolute;right:14px;top:50%;margin-top:-14px;min-width:26px;height:28px;padding:0 7px;display:grid;place-items:center;border:1.5px solid #cdd5dd;border-bottom-width:3px;border-radius:7px;font:600 .8rem var(--sans,"Onest",sans-serif);color:var(--d-ink2);background:var(--d-soft)}
.dsearch input:not(:placeholder-shown)~kbd{display:none}
.dres{max-width:720px;margin-top:10px;border:1.5px solid var(--d-line);border-radius:14px;background:#fff;box-shadow:0 18px 40px -22px rgba(14,26,38,.35);overflow:hidden}
.dres[hidden]{display:none}
.dres__meta{padding:10px 16px;border-bottom:1px solid var(--d-line);font:600 .82rem var(--sans,"Onest",sans-serif);color:var(--d-ink2);background:var(--d-soft)}
.dres ul{list-style:none;margin:0;padding:0;max-height:min(60vh,520px);overflow:auto}
.dres li a{display:block;padding:12px 16px;text-decoration:none;color:inherit;border-bottom:1px solid var(--d-line)}
.dres li:last-child a{border-bottom:0}
.dres li a:hover,.dres li a:focus-visible,.dres li a[aria-selected=true]{background:#eef4fb;outline:none}
.dres b{display:block;font-weight:700;font-size:.98rem}
.dres small{display:block;margin-top:2px;color:var(--d-blue);font:600 .76rem var(--sans,"Onest",sans-serif)}
.dres span{display:block;margin-top:3px;color:var(--d-ink2);font-size:.9rem;line-height:1.5}
.dres mark{background:#ffe99a;color:inherit;border-radius:3px;padding:0 1px}
.dres__none{padding:16px;color:var(--d-ink2)}

/* grade: índice | texto */
.dgrid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start;margin-top:28px}
.dside{position:sticky;top:104px;max-height:calc(100vh - 128px);overflow:auto;padding-right:6px}
.dside summary{list-style:none;cursor:default;font:700 .78rem var(--sans,"Onest",sans-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--d-ink2);margin:0 0 10px;padding:0}
.dside summary::-webkit-details-marker{display:none}
.dside ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--d-line)}
.dside a{display:block;padding:7px 12px;margin-left:-2px;border-left:2px solid transparent;color:var(--d-ink2);text-decoration:none;font-size:.94rem;line-height:1.35}
.dside a:hover{color:var(--d-ink);background:var(--d-soft)}
.dside a[aria-current=true]{color:var(--d-blue);border-left-color:var(--d-blue);font-weight:600;background:#f1f6fc}

/* texto */
.dbody{min-width:0;max-width:780px}
.dsec{padding:0 0 44px;margin:0 0 44px;border-bottom:1px solid var(--d-line)}
.dsec:last-child{border-bottom:0}
.dsec h2{font:700 clamp(1.45rem,2.6vw,1.9rem)/1.25 var(--sans,"Onest",sans-serif);letter-spacing:-.015em;margin:0 0 16px;color:var(--d-ink);scroll-margin-top:104px}
.dsec h3{font:700 1.15rem/1.35 var(--sans,"Onest",sans-serif);margin:28px 0 8px;color:var(--d-ink);scroll-margin-top:104px}
.dsec p,.dsec li{font:400 1.04rem/1.7 var(--reading,"Literata",Georgia,serif);color:#1f2c39}
.dsec p{margin:0 0 14px;max-width:70ch}
.dsec ul,.dsec ol{margin:0 0 16px;padding-left:1.3em;max-width:70ch}
.dsec li{margin:0 0 8px}
.dsec li>h3{margin-top:4px}
.dsec ol.dsteps{padding-left:1.4em}
.dsec ol.dsteps>li{padding-left:4px}
.dsec a{color:var(--d-blue);text-underline-offset:3px}
.dsec a:hover{text-decoration-thickness:2px}
.dsec code{font:500 .88em ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--d-soft);border:1px solid var(--d-line);border-radius:5px;padding:1px 6px}
.dsec pre{margin:0 0 18px;padding:16px 18px;border-radius:12px;background:#0f1c29;color:#e8eef5;overflow:auto;max-width:100%}
.dsec pre code{background:none;border:0;padding:0;color:inherit;font-size:.9rem;line-height:1.6}
.dsec .dlink{margin:0 0 14px}
.dsec .dlink a{font:600 .95rem var(--sans,"Onest",sans-serif)}
.dfig{margin:0 0 22px}
.dfig img{display:block;max-width:100%;height:auto;border:1px solid var(--d-line);border-radius:12px;background:var(--d-soft)}
.dfig figcaption{margin-top:8px;font:.88rem/1.5 var(--sans,"Onest",sans-serif);color:var(--d-ink2)}
.dtable{overflow:auto;margin:0 0 20px;max-width:100%;border:1px solid var(--d-line);border-radius:12px}
.dtable table{border-collapse:collapse;width:100%;font:.95rem/1.5 var(--sans,"Onest",sans-serif)}
.dtable caption{padding:10px 14px;text-align:left;font-weight:600}
.dtable th,.dtable td{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--d-line)}
.dtable th{background:var(--d-soft);font-weight:700;white-space:nowrap}
.dtable tr:last-child td{border-bottom:0}
.dqa{border-bottom:1px solid var(--d-line)}
.dqa summary{cursor:pointer;padding:14px 4px;font:600 1.02rem/1.45 var(--sans,"Onest",sans-serif);color:var(--d-ink);list-style:none;display:flex;gap:12px;justify-content:space-between;align-items:flex-start}
.dqa summary::-webkit-details-marker{display:none}
.dqa summary::after{content:"+";flex:none;width:22px;text-align:center;font-weight:500;font-size:1.3rem;line-height:1;color:var(--d-blue)}
.dqa[open] summary::after{content:"−"}
.dqa summary:hover{color:var(--d-blue)}
.dqa>div{padding:0 4px 14px}
.dsec:target h2,.dsec h3:target{background:linear-gradient(transparent 62%,#ffe99a 62%)}
:focus-visible{outline:3px solid var(--d-blue,#0b4a8f);outline-offset:2px}

@media (max-width:900px){
  .dmain{padding-top:92px}
  .dgrid{grid-template-columns:minmax(0,1fr);gap:18px}
  .dside{position:static;max-height:none;overflow:visible;border:1.5px solid var(--d-line);border-radius:12px;padding:0}
  .dside summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;margin:0;font-size:.82rem}
  .dside summary::after{content:"▾";font-size:1rem}
  .dside__d:not([open]) summary::after{content:"▸"}
  .dside nav{padding:0 8px 10px}
  .dside ol{border-left:0}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media print{.top,.dside,.dsearch,.dres,footer{display:none!important}.dmain{padding:0}.dgrid{display:block}.dsec{break-inside:avoid-page}}

.dsec ul{list-style:disc}
.dsec ol{list-style:decimal}
.dsec li::marker{color:var(--d-blue)}
.dsec ol.dsteps>li::marker{font-weight:700}

/* busca sempre à vista: fica fixa logo abaixo do menu enquanto você lê */
.dsearchbar{position:sticky;top:94px;z-index:40;max-width:720px;padding:8px 0 10px;background:linear-gradient(#fff 82%,rgba(255,255,255,0))}
.dsearchbar .dres{position:absolute;left:0;right:0;top:100%;margin-top:0;z-index:41}
.dside{top:182px;max-height:calc(100vh - 206px)}
.dgrid{margin-top:10px}
@media (max-width:900px){.dsearchbar{top:84px}.dside{top:auto}}

/* índice retrátil: o botão recolhe e expande a lista de tópicos (desktop e celular) */
.dside summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:6px 10px 6px 12px;margin:0 0 8px;border:1.5px solid var(--d-line);border-radius:10px;background:var(--d-soft);color:var(--d-ink)}
.dside summary:hover{border-color:var(--d-blue)}
.dside summary::after{content:"";flex:none;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform 160ms cubic-bezier(.23,1,.32,1)}
.dside__d:not([open]) summary::after{transform:rotate(-45deg)}
.dside__d:not([open]) summary{margin-bottom:0}
@media (min-width:901px){
  .dgrid{grid-template-columns:var(--dside-w,260px) minmax(0,1fr);transition:grid-template-columns 200ms cubic-bezier(.23,1,.32,1)}
  .dgrid.is-collapsed{--dside-w:190px}
}
@media (max-width:900px){.dside summary::after{content:"";font-size:0}.dside__d:not([open]) summary::after{content:""}}

/* celular: o índice vira um menu fixo logo abaixo da busca; a lista abre por cima do texto e rola sozinha */
@media (max-width:900px){
  .dside{position:sticky;top:150px;z-index:44;max-height:none;overflow:visible;border:0;border-radius:0;background:#fff;padding:0 0 8px;margin:0}
  .dside summary{min-height:48px;margin:0;border-radius:12px;background:#0b4a8f;color:#fff;border-color:#0b4a8f;font-size:.82rem}
  .dside summary::after{content:"";width:9px;height:9px;border-right:2px solid #fff;border-bottom:2px solid #fff;font-size:0}
  .dside__cur{flex:1;min-width:0;margin-left:10px;text-align:right;font:500 .84rem/1.2 var(--sans,"Onest",sans-serif);text-transform:none;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.9}
  .dside nav{position:absolute;left:0;right:0;top:calc(100% - 4px);max-height:min(62vh,440px);overflow:auto;overscroll-behavior:contain;background:#fff;border:2px solid #0b4a8f;border-radius:12px;box-shadow:0 22px 44px -18px rgba(14,26,38,.5);padding:6px}
  .dside a{padding:12px 12px;font-size:1rem;border-left-width:3px;border-radius:8px}
  .dside ol{border-left:0}
}

/* celular: o botao do WordPress.org continua a vista (a home o esconde por falta de espaco) */
@media (max-width:900px){.docs-mode .top__cta{display:inline-flex!important;padding:.5rem .8rem;font-size:.85rem;min-height:44px;align-items:center}.docs-mode .logo__word small{display:none}}