:root{
  --a5-bg: #fff7ed;
  --a5-paper: #ffffff;
  --a5-ink: #111827;
  --a5-muted: rgba(17,24,39,.72);
  --a5-border: rgba(17,24,39,.14);
  --a5-accent: #ea580c;
  --a5-accent-2: #f97316;
}

body{background: var(--a5-bg);color: var(--a5-ink);}

.a5-wrap{
  display: grid;
  grid-template-areas:
    "header header header"
    "aside  main   right"
    "footer footer footer";
  grid-template-columns: 260px minmax(0, 1fr) 280px;
  gap: 14px;
  max-width: 1260px;
  margin: 0 auto;
  padding: 14px;
}

@media (max-width: 1020px){
  .a5-wrap{
    grid-template-areas:
      "header"
      "main"
      "aside"
      "right"
      "footer";
    grid-template-columns: 1fr;
  }
}

.a5-header{grid-area: header;}
.a5-aside{grid-area: aside;}
.a5-main{grid-area: main;}
.a5-right{grid-area: right;}

.a5-head{
  background: linear-gradient(135deg, rgba(234,88,12,.18), rgba(249,115,22,.10));
  border: 1px solid var(--a5-border);
  border-radius: 18px;
  padding: 1rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 1rem;
}

.a5-logo a{text-decoration:none;font-weight:900;color: var(--a5-ink);}
.a5-logo img{width: 40px;height: 40px;object-fit:contain;vertical-align:middle;}
.a5-logo-text{font-weight: 900;}
.a5-tagline{color: var(--a5-muted);max-width: 60ch;text-align:right;}

.a5-box{background: var(--a5-paper);border: 1px solid var(--a5-border);border-radius: 18px;padding: 1rem;}
.a5-box-title{font-weight: 900;margin-bottom:.5rem;}

.a5-article{background: var(--a5-paper);border: 1px solid var(--a5-border);border-radius: 18px;padding: 1.25rem;}

.a5-nav{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem;}
.a5-nav-link{display:block;padding:.45rem .6rem;border-radius: 12px;text-decoration:none;color:inherit;}
.a5-nav-link:hover{background: rgba(234,88,12,.08);}
.a5-nav-link.is-active{background: rgba(234,88,12,.14);color: var(--a5-accent);font-weight: 900;}

.a5-toc{margin:0;padding-left: 1.15rem;color: var(--a5-muted);}
.a5-toc a{text-decoration:none;color: inherit;}
.a5-toc a.is-active{color: var(--a5-accent);font-weight: 900;}

.a5-top{display:inline-block;margin-top:.75rem;border-radius: 999px;}

#footer{grid-area: footer;}
#footer p{margin:.75rem 0 0;color: var(--a5-muted);}