/* Draft 2: color palette from the live D/R Accountability Score assessment. */
:root{
  --navy:#211d18;
  --navy-deep:#17140f;
  --paper:#f0ebe1;
  --card:#e8e1d1;
  --peach:#f6e0ce;
  --ink:#26221b;
  --ink-soft:#756d5e;
  /* Slightly deeper for readable small text on the assessment's paper. */
  --muted:#6f6759;
  --orange:#e5551f;
  --orange-soft:#ed7443;
  --line:#d8cfbd;
}
.header{background:var(--navy);color:var(--paper);border-bottom-color:var(--navy-deep)}
.header .logo{color:#fff}
.header .section-nav{border-right-color:#4a443b}
.header a:focus-visible{outline-color:var(--paper)}
.header .primary:focus-visible{outline-color:var(--orange-soft)}
h1,.how h2,.squad-copy h2,.closing h2{color:var(--navy)}
.primary,.complete{color:var(--navy-deep)}
.primary:hover{background:var(--orange-soft);border-color:var(--orange-soft)}
.secondary:hover{background:var(--card)}
.preview{background:var(--card);box-shadow:0 12px 36px rgba(33,29,24,.06)}
.progress-track{background:var(--paper)}
.pending .icon{color:var(--muted)}
.how p{color:var(--ink)}
.avatars span{border-color:var(--card);background:var(--paper);color:var(--ink)}
.avatars span:nth-child(2){background:var(--line)}
.avatars span:nth-child(3){background:var(--peach)}
.avatars span:nth-child(4){background:#b8af9d}
.day.done{background:var(--peach);color:var(--navy)}
.preview .progress,.preview .preview-caption,.preview .eyebrow,
.preview .members,.preview .week li,.preview .squad-bottom{color:var(--ink)}
.skip-link{background:var(--navy);color:var(--paper)}

/* Official store badges, aligned by visible artwork rather than PNG padding. */
.mobile-downloads{margin:27px auto 8px;width:fit-content;max-width:100%}
.mobile-downloads>p{font-size:10px;letter-spacing:1.5px;color:var(--muted);margin-bottom:10px}
.mobile-badges{--badge-height:48px;display:flex;align-items:center;justify-content:center;gap:12px}
.mobile-badge{display:block;position:relative;flex:none;width:calc(var(--badge-height)*2.991602);height:var(--badge-height);border-radius:6px}
.mobile-badge img{display:block;width:auto;max-width:none;height:var(--badge-height)}
.mobile-badge.google-play{width:calc(var(--badge-height)*3.357143)}
.mobile-badge.google-play img{position:absolute;top:calc(var(--badge-height)*-.244048);left:calc(var(--badge-height)*-.244048);height:calc(var(--badge-height)*1.488095)}
.mobile-badge:hover{opacity:.82}
@media(max-width:520px){.mobile-badges{--badge-height:40px;gap:10px}}

/* Compact single-row mobile header after removing section navigation. */
@media(max-width:760px){.header-inner{height:64px;align-items:center;padding-top:0}html{scroll-padding-top:84px}}

/* Center the mobile footer, with copyright below the navigation. */
@media(max-width:760px){
  .footer{align-items:center;text-align:center;gap:12px}
  .footer nav{justify-content:center;flex-wrap:wrap}
  .footer-name{order:1}
}