:root{
  --yellow:#f2b90f;
  --black:#111;
  --bg:#f5f5f5;
  --card:#fff;
  --muted:#666;
  --radius:14px;
}

*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--black)}
a{color:inherit}
.container{width:min(1100px,92%);margin:0 auto}
.header{background:var(--yellow);position:sticky;top:0;z-index:10}
.header-inner{display:flex;align-items:center;gap:16px;padding:14px 0}
.brand{font-weight:800;text-decoration:none}
.nav{margin-left:auto;display:flex;gap:18px;align-items:center}
.nav a{text-decoration:none;font-weight:600;font-size:14px;opacity:.95}
.menu-toggle{display:none;margin-left:auto;border:1px solid rgba(0,0,0,.2);background:#fff;padding:8px 10px;border-radius:10px;font-weight:700}
.main{padding:28px 0}
.section{padding:22px 0}
.card{background:var(--card);border-radius:var(--radius);box-shadow:0 10px 24px rgba(0,0,0,.08);padding:18px}
.hero{background:var(--yellow);padding:40px 0}
.hero-title{font-size:44px;line-height:1.05;margin:0 0 10px}
.hero-sub{margin:0;color:rgba(0,0,0,.75);font-weight:600}
.grid{display:grid;gap:14px}
.grid-2{grid-template-columns:1fr 1fr}
.input{width:100%;padding:12px 12px;border:1px solid #ddd;border-radius:12px;font-size:15px;background:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:10px 14px;border:1px solid transparent;text-decoration:none;font-weight:800}
.btn-yellow{background:var(--yellow)}
.btn-black{background:#111;color:#fff}
.btn-outline{background:#fff;border-color:#111}
.btn-sm{padding:8px 12px;border-radius:12px;font-size:14px}
.muted{color:var(--muted)}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
.prose h1,.prose h2,.prose h3{margin:0 0 10px}
.prose p{margin:0 0 10px}
.pagination{display:flex;gap:10px;align-items:center;margin:18px 0}
.page{padding:8px 12px;border-radius:12px;background:#fff;border:1px solid #ddd;text-decoration:none}
.page.active{background:#111;color:#fff;border-color:#111}
.footer{padding:22px 0;background:#fff;border-top:1px solid #eee}
.footer-nav{display:flex;gap:14px;flex-wrap:wrap;margin:12px 0}
@media (max-width: 780px){
  .grid-2{grid-template-columns:1fr}
  .nav{display:none}
  .nav.open{display:flex;flex-direction:column;align-items:flex-start;background:rgba(255,255,255,.6);padding:12px;border-radius:12px}
  .menu-toggle{display:inline-flex}
  .hero-title{font-size:34px}
}


/* ====== Enriquecimento / Layout (V4) ====== */

.skip-link{
  position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden;
}
.skip-link:focus{
  left:12px;top:12px;width:auto;height:auto;padding:10px 12px;background:#fff;border:2px solid #000;border-radius:10px;z-index:9999;
}

.result{
  display:block;
  padding:12px 14px;
  border:1px solid #ececec;
  border-radius:12px;
  text-decoration:none;
  background:#fff;
}
.result:hover{border-color:#d9d9d9; box-shadow:0 8px 22px rgba(0,0,0,.07)}
.result-title{font-weight:850}

.kv-grid{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:720px){.kv-grid{grid-template-columns:1fr 1fr}}

.kv{
  display:flex;gap:10px;align-items:flex-start;
  padding:10px 12px;border:1px solid #ececec;border-radius:12px;background:#fafafa
}
.kv-k{min-width:160px;font-weight:800;color:#222}
.kv-v{flex:1;color:#111;word-break:break-word}

.note{
  margin-top:14px;
  padding:12px 14px;
  background:#fff7d1;
  border:1px solid rgba(0,0,0,.08);
  border-left:5px solid var(--yellow);
  border-radius:12px
}

.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.tabs a{
  font-size:13px;
  text-decoration:none;
  padding:8px 10px;
  border:1px solid rgba(0,0,0,.18);
  border-radius:999px;
  background:#fff;
}
.tabs a:hover{background:#f7f7f7}

.layout{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:980px){.layout{grid-template-columns:1.2fr .8fr}}

.stack{display:flex;flex-direction:column;gap:16px}
.sidebar{display:flex;flex-direction:column;gap:16px}


/* Tables */
.table { width:100%; border-collapse: collapse; }
.table th, .table td { padding:10px 12px; border-bottom:1px solid rgba(0,0,0,.08); text-align:left; vertical-align:top; }
.table thead th { font-weight:700; background: rgba(0,0,0,.03); }