*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--pk-bg);
  color:var(--pk-text);
  font-family:var(--pk-font-body);
  -webkit-font-smoothing:antialiased;
  min-height:100vh;
}
a{color:var(--pk-maroon);text-decoration:none}
a:hover{color:var(--pk-gold)}
img{max-width:100%;display:block}
button,input,textarea,select{font-family:var(--pk-font-body)}
input:focus,textarea:focus,select:focus,button:focus-visible{outline:2px solid var(--pk-gold);outline-offset:1px}
h1,h2,h3,h4{margin:0;font-family:var(--pk-font-display);font-weight:500}
p{margin:0}
::-webkit-scrollbar{width:0;height:0}

.pk-app{
  max-width:520px;
  margin:0 auto;
  min-height:100vh;
  position:relative;
  padding-bottom:calc(var(--pk-bottomnav-h) + 12px);
  background:var(--pk-bg);
}

.pk-container{padding:0 18px}

.pk-eyebrow{
  display:flex;align-items:center;gap:5px;
  font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pk-muted);
}
.pk-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--pk-maroon);display:block}

.pk-section-title{
  font-family:var(--pk-font-display);
  font-size:20px;
  line-height:1.15;
}
.pk-section-head{
  display:flex;align-items:baseline;justify-content:space-between;
  padding:26px 18px 12px;
}
.pk-section-head a, .pk-section-head .pk-link{font-size:12px;font-weight:600;color:var(--pk-maroon);cursor:pointer}

.pk-visually-hidden{
  position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;
}

.pk-skip-link{
  position:absolute;left:12px;top:-48px;background:var(--pk-maroon);color:var(--pk-cream);
  padding:10px 14px;border-radius:10px;z-index:100;transition:top .15s ease;
}
.pk-skip-link:focus{top:12px}

@media(min-width:900px){
  body.pk-has-sidebar{background:var(--pk-bg)}
  .pk-app{max-width:none;padding-left:var(--pk-nav-w);padding-bottom:60px}
  .pk-app .pk-scroll-inner{max-width:var(--pk-max);margin:0 auto}
}
