:root{
  --aa17-bg:#0b1220;
  --aa17-panel:#0f1a31;
  --aa17-ink:#e6eaf5;
  --aa17-muted:rgba(230,234,245,.72);
  --aa17-accent:#ffd54f;
  --aa17-border:rgba(230,234,245,.14);
}
*{box-sizing:border-box}

.aa17-app{min-height:100vh;background:radial-gradient(900px 500px at 20% 0%, rgba(255,213,79,.18), transparent 60%), var(--aa17-bg);color:var(--aa17-ink)}
.aa17-wrap{max-width:1120px;margin:0 auto;padding:0 14px}

/* override Materialize defaults lightly */
.aa17-nav{background:transparent;box-shadow:none;border-bottom:1px solid var(--aa17-border)}
.aa17-nav .nav-wrapper{display:flex;align-items:center;justify-content:space-between}

#logo.aa17-logo{display:flex;align-items:center;gap:10px}
#logo.aa17-logo img{height:34px;width:auto;display:block;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}

.aa17-title{display:flex;flex-direction:column;gap:2px;min-width:0}
.aa17-title strong{font-size:1rem;letter-spacing:.2px}
.aa17-title .aa17-tag{color:var(--aa17-muted);font-size:.86rem;line-height:1.2}

.aa17-kbd{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--aa17-border);border-radius:999px;padding:.35rem .6rem;background:rgba(15,26,49,.6)}
.aa17-kbd kbd{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size:.85em;border:1px solid var(--aa17-border);border-bottom-width:2px;border-radius:7px;padding:.05rem .35rem;background:rgba(11,18,32,.75)}

.aa17-shell{padding:14px 0 24px}

.aa17-grid{display:grid;grid-template-columns: 1fr 320px;gap:14px;align-items:start}
.aa17-main{min-width:0}
.aa17-aside{position:sticky;top:78px}

.aa17-paper{background:rgba(15,26,49,.75);border:1px solid var(--aa17-border);border-radius:16px;overflow:hidden}
.aa17-paper-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--aa17-border)}
.aa17-paper-h .aa17-chip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:.3rem .6rem;background:rgba(255,213,79,.12);border:1px solid rgba(255,213,79,.25);color:var(--aa17-ink)}
.aa17-paper-b{padding:16px}

.aa17-tiles{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:12px}
.aa17-tile{border-radius:16px;background:rgba(11,18,32,.35);border:1px solid var(--aa17-border);padding:14px}
.aa17-tile h3{margin:0 0 6px 0;font-size:1rem}
.aa17-tile p{margin:0;color:var(--aa17-muted)}

.aa17-navlist{margin:0;padding:0;list-style:none}
.aa17-navlist a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;color:var(--aa17-ink);text-decoration:none;border:1px solid transparent}
.aa17-navlist a:hover{border-color:var(--aa17-border);background:rgba(11,18,32,.35)}
.aa17-navlist a.is-active{border-color:rgba(255,213,79,.32);background:rgba(255,213,79,.08)}
.aa17-pill{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:999px;border:1px solid var(--aa17-border);color:var(--aa17-muted);font-size:.8rem}

.aa17-jumplist{border:1px dashed transparent;border-radius:14px;transition:border-color .15s ease, background-color .15s ease}
.aa17-jumplist.is-open{border-color:rgba(255,213,79,.28);background:rgba(255,213,79,.06)}

.aa17-bottom{position:sticky;bottom:0;z-index:40;border-top:1px solid var(--aa17-border);background:rgba(11,18,32,.85);backdrop-filter:saturate(150%) blur(10px)}
.aa17-bottom-inner{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 14px}
.aa17-bottom button{background:transparent;border:1px solid var(--aa17-border);color:var(--aa17-ink);border-radius:12px;padding:8px 10px;cursor:pointer}
.aa17-bottom button:hover{border-color:rgba(255,213,79,.35)}

@media (max-width: 960px){
  .aa17-grid{grid-template-columns:1fr}
  .aa17-aside{position:relative;top:auto}
  .aa17-tiles{grid-template-columns:1fr}
}