/* Wide knowledge-base layout: more useful horizontal space without sacrificing reading comfort. */
@media (min-width:1181px){
  .underchat-container{width:min(1520px,calc(100% - 48px))}
  .article{max-width:1520px;padding-inline:24px}
  .article-content-shell{grid-template-columns:300px minmax(0,1fr);gap:60px}
  .article-content-shell .article-layout.with-toc{grid-template-columns:minmax(620px,920px) 210px;justify-content:start;gap:48px}
  .article-content-shell .article-layout.without-toc{grid-template-columns:minmax(620px,980px);justify-content:start}
  .related-reading{max-width:1472px}
  .article.article--primeiros-passos>header.first-steps-intro{width:min(100%,900px)}
}

.category-explorer{margin:8px 0 58px;padding:36px;border:1px solid #dbe7f4;border-radius:28px;background:linear-gradient(145deg,#f8fbff 0%,#edf5ff 100%);box-shadow:0 22px 60px rgba(10,48,96,.08)}
.category-explorer-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:26px}
.category-explorer-heading>div>span{display:block;margin-bottom:7px;color:#0874ef;font-size:10px;font-weight:800;letter-spacing:.18em}
.category-explorer-heading h2{margin:0;color:#071a3d;font:750 clamp(28px,3vw,42px)/1.08 Manrope,sans-serif;letter-spacing:-.045em}
.category-explorer-heading>p{max-width:460px;margin:0;color:#5d708c;font-size:14px;line-height:1.6}
.category-explorer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.category-explorer-card{position:relative;min-height:148px;display:grid;grid-template-columns:46px minmax(0,1fr);grid-template-rows:auto 1fr auto;gap:0 13px;padding:20px 44px 18px 18px;overflow:hidden;border:1px solid #dce7f3;border-radius:17px;background:rgba(255,255,255,.92);color:#10294d;box-shadow:0 8px 24px rgba(11,51,99,.05);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.category-explorer-card:before{position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#0874ef,#08d7b8);content:"";opacity:.8}
.category-explorer-icon{width:46px;height:46px;display:grid;grid-row:1/3;place-items:center;border-radius:14px;background:#e7f2ff;color:#0874ef;font:800 18px/1 Manrope,sans-serif}
.category-explorer-copy{display:block;min-width:0}
.category-explorer-copy strong{display:block;margin:1px 0 5px;color:#0a2348;font:750 16px/1.25 Manrope,sans-serif}
.category-explorer-copy small{display:block;color:#60728d;font-size:12px;line-height:1.45}
.category-explorer-count{grid-column:2;align-self:end;margin-top:13px;color:#0874ef;font-size:11px;font-weight:800}
.category-explorer-card>i{position:absolute;right:18px;bottom:17px;color:#0874ef;font:700 19px/1 Manrope,sans-serif;font-style:normal;transition:transform .22s ease}
.category-explorer-card:hover,.category-explorer-card:focus-visible{border-color:#9ecaf8;background:#fff;box-shadow:0 17px 36px rgba(10,74,146,.13);outline:0;transform:translateY(-4px)}
.category-explorer-card:hover>i,.category-explorer-card:focus-visible>i{transform:translateX(4px)}
.category-explorer-card.is-featured{border-color:#174b89;background:linear-gradient(140deg,#082a61,#0f4f91);color:#fff;box-shadow:0 15px 34px rgba(8,42,97,.2)}
.category-explorer-card.is-featured:before{background:linear-gradient(90deg,#10dbbd,#62a8ff)}
.category-explorer-card.is-featured .category-explorer-icon{background:#11d8b9;color:#073659}
.category-explorer-card.is-featured .category-explorer-copy strong{color:#fff}
.category-explorer-card.is-featured .category-explorer-copy small{color:#c6d8ef}
.category-explorer-card.is-featured .category-explorer-count,.category-explorer-card.is-featured>i{color:#65ead7}

@media(max-width:1250px){
  .category-explorer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:850px){
  .category-explorer{margin:0 0 34px;padding:25px 20px;border-radius:21px}
  .category-explorer-heading{align-items:flex-start;flex-direction:column;gap:10px}
  .category-explorer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .category-explorer{padding:22px 14px}
  .category-explorer-grid{grid-template-columns:1fr}
  .category-explorer-card{min-height:126px}
}

.sidebar-category-browser{margin:0 0 20px;border:1px solid #c9ddf3;border-radius:15px;background:linear-gradient(145deg,#f2f8ff,#fff);box-shadow:0 10px 26px rgba(9,58,117,.08)}
.sidebar-category-browser>summary{min-height:66px;display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:10px;padding:11px 12px 11px 15px;color:#092c61;cursor:pointer;list-style:none}
.sidebar-category-browser>summary::-webkit-details-marker{display:none}
.sidebar-category-browser>summary span,.sidebar-category-browser>summary small,.sidebar-category-browser>summary strong{display:block}
.sidebar-category-browser>summary small{margin-bottom:3px;color:#0874ef;font-size:8px;font-weight:800;letter-spacing:.16em}
.sidebar-category-browser>summary strong{font:750 13px/1.35 Manrope,sans-serif}
.sidebar-category-browser>summary i{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#0b326b;color:#fff;font:500 20px/1 Manrope,sans-serif;font-style:normal;transition:transform .22s ease,background .22s ease}
.sidebar-category-browser>summary:hover i,.sidebar-category-browser>summary:focus-visible i{background:#0874ef}
.sidebar-category-browser>summary:focus-visible{border-radius:15px;outline:3px solid rgba(8,116,239,.18);outline-offset:2px}
.sidebar-category-browser[open]>summary i{background:#0874ef;transform:rotate(45deg)}
.sidebar-category-browser-panel{display:flex;flex-direction:column;gap:3px;margin:0 9px 10px;padding:9px 5px 5px;border-top:1px solid #dce8f4}
.sidebar-category-browser-panel a{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 8px;border-radius:9px;color:#4b607d;font-size:12px;transition:background .18s ease,color .18s ease,transform .18s ease}
.sidebar-category-browser-panel a b{min-width:24px;height:22px;display:grid;place-items:center;border-radius:8px;background:#e8f1fb;color:#6c809a;font-size:9px}
.sidebar-category-browser-panel a:hover,.sidebar-category-browser-panel a:focus-visible,.sidebar-category-browser-panel a[aria-current="page"]{background:#e6f2ff;color:#0864ce;outline:0;transform:translateX(2px)}
.sidebar-category-browser-panel a[aria-current="page"]{font-weight:750}

@media(max-width:850px){
  .sidebar-category-browser{margin-bottom:16px}
  .sidebar-category-browser-panel{display:grid;grid-template-columns:1fr 1fr}
}
@media(max-width:480px){.sidebar-category-browser-panel{grid-template-columns:1fr}}

.sidebar-category-browser-trigger{width:100%;min-height:68px;display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:10px;margin:0 0 20px;padding:11px 12px 11px 15px;border:1px solid #c9ddf3;border-radius:15px;background:linear-gradient(145deg,#f2f8ff,#fff);color:#092c61;text-align:left;box-shadow:0 10px 26px rgba(9,58,117,.08);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.sidebar-category-browser-trigger span,.sidebar-category-browser-trigger small,.sidebar-category-browser-trigger strong{display:block}
.sidebar-category-browser-trigger small{margin-bottom:3px;color:#0874ef;font-size:8px;font-weight:800;letter-spacing:.16em}
.sidebar-category-browser-trigger strong{font:750 13px/1.35 Manrope,sans-serif}
.sidebar-category-browser-trigger i{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#0b326b;color:#fff;font:700 17px/1 Manrope,sans-serif;font-style:normal;transition:background .2s ease,transform .2s ease}
.sidebar-category-browser-trigger:hover,.sidebar-category-browser-trigger:focus-visible{border-color:#8ebff1;box-shadow:0 14px 32px rgba(9,75,149,.14);outline:0;transform:translateY(-2px)}
.sidebar-category-browser-trigger:hover i,.sidebar-category-browser-trigger:focus-visible i{background:#0874ef;transform:translateX(3px)}
.category-browser-dialog{width:min(1240px,calc(100% - 44px));max-width:none;max-height:min(820px,calc(100vh - 60px));margin:auto;padding:0;overflow:hidden;border:1px solid rgba(190,211,234,.9);border-radius:28px;background:#f6f9fe;color:#071a3d;box-shadow:0 35px 100px rgba(4,26,62,.28)}
.category-browser-dialog::backdrop{background:rgba(4,20,46,.58);backdrop-filter:blur(8px)}
.category-browser-dialog-shell{max-height:min(820px,calc(100vh - 60px));overflow:auto;padding:38px}
.category-browser-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:36px;margin-bottom:28px;padding-bottom:25px;border-bottom:1px solid #d7e3f1}
.category-browser-dialog header span{display:block;margin-bottom:8px;color:#0874ef;font-size:10px;font-weight:800;letter-spacing:.18em}
.category-browser-dialog header h2{margin:0;color:#071a3d;font:760 clamp(30px,4vw,50px)/1.05 Manrope,sans-serif;letter-spacing:-.05em}
.category-browser-dialog header p{max-width:650px;margin:10px 0 0;color:#5d708c;font-size:15px}
.category-browser-dialog header form button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #cad9e9;border-radius:14px;background:#fff;color:#183b69;font:400 28px/1 Manrope,sans-serif;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}
.category-browser-dialog header form button:hover,.category-browser-dialog header form button:focus-visible{background:#0b326b;color:#fff;outline:0;transform:rotate(5deg)}
.category-browser-dialog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.category-browser-dialog-grid>a{min-height:128px;display:grid;grid-template-columns:48px minmax(0,1fr) 24px;align-items:center;gap:13px;padding:18px;border:1px solid #d8e5f2;border-radius:17px;background:#fff;color:#17355f;box-shadow:0 9px 24px rgba(10,48,96,.055);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.category-browser-dialog-grid>a>i{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#e5f2ff;color:#0874ef;font:800 17px/1 Manrope,sans-serif;font-style:normal}
.category-browser-dialog-grid>a span,.category-browser-dialog-grid>a strong,.category-browser-dialog-grid>a small{display:block;min-width:0}
.category-browser-dialog-grid>a strong{font:750 15px/1.3 Manrope,sans-serif}
.category-browser-dialog-grid>a small{margin-top:5px;color:#76869d;font-size:11px}
.category-browser-dialog-grid>a>b{color:#0874ef;font-size:18px;transition:transform .2s ease}
.category-browser-dialog-grid>a:hover,.category-browser-dialog-grid>a:focus-visible{border-color:#8dc3f7;box-shadow:0 16px 36px rgba(7,75,150,.13);outline:0;transform:translateY(-4px)}
.category-browser-dialog-grid>a:hover>b,.category-browser-dialog-grid>a:focus-visible>b{transform:translateX(3px)}
.category-browser-dialog-grid>a[aria-current="page"]{border-color:#174c8d;background:linear-gradient(140deg,#082b62,#105095);color:#fff}
.category-browser-dialog-grid>a[aria-current="page"]>i{background:#12d9bc;color:#06385d}.category-browser-dialog-grid>a[aria-current="page"] small{color:#cbdcf0}.category-browser-dialog-grid>a[aria-current="page"]>b{color:#6eebd8}
body.category-browser-open{overflow:hidden}

@media(max-width:1050px){.category-browser-dialog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.category-browser-dialog{width:calc(100% - 24px);max-height:calc(100vh - 24px);border-radius:21px}.category-browser-dialog-shell{max-height:calc(100vh - 24px);padding:24px 18px}.category-browser-dialog header{gap:18px}.category-browser-dialog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-browser-dialog-grid>a{min-height:112px;padding:14px}}
@media(max-width:520px){.category-browser-dialog header h2{font-size:30px}.category-browser-dialog header p{font-size:13px}.category-browser-dialog-grid{grid-template-columns:1fr}.category-browser-dialog-grid>a{min-height:82px}}