:root{
  --pa-ground:#e8f0ed;
  --pa-panel:#fbfffd;
  --pa-ink:#17201f;
  --pa-muted:#52615f;
  --pa-rule:#b8c8c4;
  --pa-blue:#315d9b;
  --pa-violet:#6d517d;
  --pa-copper:#a46a3f;
  --pa-green:#d7e5de;
  --pa-shadow:rgba(23,32,31,.12);
  --pa-radius:22px;
}

*{box-sizing:border-box}

.pa-site,
.pa-article-shell{
  color:var(--pa-ink);
  background:
    linear-gradient(90deg, rgba(49,93,155,.08) 1px, transparent 1px),
    linear-gradient(180deg, var(--pa-ground), #f6faf7 38%, var(--pa-ground));
  background-size:38px 38px, auto;
  font-family:Candara, Gill Sans, Gill Sans MT, Segoe UI, system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  min-height:100vh;
}

.pa-site a,
.pa-article-shell a{color:inherit}

.pa-hero{
  max-width:1180px;
  margin:0 auto;
  padding:72px 24px 48px;
  position:relative;
}

.pa-source-mark{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:8px;
  width:min(520px, 78vw);
  margin:0 0 34px;
}

.pa-source-mark span{
  display:block;
  height:18px;
  border:2px solid var(--pa-blue);
  border-left-width:10px;
  background:rgba(251,255,253,.58);
}

.pa-source-mark span:nth-child(2){border-color:var(--pa-violet); transform:translateY(9px)}
.pa-source-mark span:nth-child(3){border-color:var(--pa-copper); transform:translateY(3px)}
.pa-source-mark span:nth-child(4){border-color:var(--pa-blue); transform:translateY(14px)}

.pa-kicker,
.pa-section-label,
.pa-card-stamp,
.pa-step-no,
.pa-article-publication,
.pa-meta,
.pa-card-topline time{
  font-family:Consolas, Menlo, Monaco, Courier New, monospace;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.72rem;
}

.pa-kicker,
.pa-section-label{color:var(--pa-blue); font-weight:700}

.pa-hero h1{
  font-family:Baskerville, Libre Baskerville, Baskerville Old Face, Georgia, serif;
  font-weight:500;
  font-size:clamp(3.4rem, 11vw, 10.5rem);
  line-height:.84;
  letter-spacing:-.075em;
  max-width:1000px;
  margin:0;
}

.pa-dek{
  max-width:760px;
  margin:32px 0 0;
  font-size:clamp(1.2rem, 2.2vw, 1.72rem);
  line-height:1.36;
  color:#24312f;
}

.pa-byline{
  display:inline-block;
  margin:28px 0 0;
  padding:10px 14px;
  border:1px solid var(--pa-rule);
  border-radius:999px;
  background:rgba(251,255,253,.72);
  color:var(--pa-muted);
}

.pa-citation-path{
  max-width:1180px;
  margin:0 auto;
  padding:20px 24px 44px;
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:14px;
}

.pa-path-step{
  background:rgba(251,255,253,.78);
  border:1px solid var(--pa-rule);
  border-radius:var(--pa-radius);
  padding:22px;
  box-shadow:0 14px 38px var(--pa-shadow);
  position:relative;
  overflow:hidden;
}

.pa-path-step:before{
  content:"";
  position:absolute;
  top:14px;
  right:14px;
  width:44px;
  height:44px;
  border-top:3px solid var(--pa-violet);
  border-right:3px solid var(--pa-violet);
  opacity:.65;
}

.pa-step-no{color:var(--pa-copper)}

.pa-path-step h2{
  margin:18px 0 8px;
  font-size:1.3rem;
  letter-spacing:-.02em;
}

.pa-path-step p,
.pa-feature p,
.pa-formats p,
.pa-post-card p,
.pa-answer-surface li,
.pa-anchor-stack li{
  color:var(--pa-muted);
  line-height:1.55;
}

.pa-feature{
  max-width:1128px;
  margin:14px auto 64px;
  padding:32px;
  border-radius:34px;
  border:1px solid var(--pa-rule);
  background:var(--pa-panel);
  box-shadow:0 24px 70px var(--pa-shadow);
  display:grid;
  grid-template-columns:120px 1fr;
  gap:24px;
}

.pa-feature-quote{
  font-family:Baskerville, Georgia, serif;
  font-size:10rem;
  line-height:.75;
  color:var(--pa-violet);
  opacity:.72;
}

.pa-feature h2,
.pa-formats h2,
.pa-archive h2{
  font-family:Baskerville, Libre Baskerville, Baskerville Old Face, Georgia, serif;
  font-weight:500;
  letter-spacing:-.045em;
  line-height:.96;
  margin:0;
}

.pa-feature h2{font-size:clamp(2rem,4.8vw,5rem); max-width:780px}
.pa-feature p:last-child{font-size:1.1rem; max-width:760px}

.pa-formats{
  max-width:1128px;
  margin:0 auto 56px;
  padding:0 24px;
  display:grid;
  grid-template-columns:280px 1fr;
  gap:24px;
  align-items:start;
}

.pa-formats h2,
.pa-archive h2{font-size:clamp(2rem,4vw,4rem)}

.pa-chip-bank{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding-top:6px;
}

.pa-chip-bank a,
.pa-chip-bank span{
  display:inline-flex;
  border:1px solid var(--pa-rule);
  background:rgba(251,255,253,.78);
  border-radius:999px;
  padding:10px 13px;
  text-decoration:none;
  color:#263432;
}

.pa-archive{
  max-width:1180px;
  margin:0 auto;
  padding:10px 24px 86px;
}

.pa-archive-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
  border-bottom:1px solid var(--pa-rule);
  padding-bottom:16px;
}

.pa-card-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:16px;
}

.pa-post-card{min-height:100%}

.pa-card-link{
  min-height:310px;
  height:100%;
  display:flex;
  flex-direction:column;
  text-decoration:none;
  position:relative;
  padding:22px 22px 20px;
  border:1px solid var(--pa-rule);
  border-radius:26px;
  background:linear-gradient(180deg, #fefffd, #eef6f2);
  box-shadow:0 16px 34px var(--pa-shadow);
  overflow:hidden;
}

.pa-card-link:before,
.pa-card-link:after{
  content:"";
  position:absolute;
  width:42px;
  height:42px;
  opacity:.8;
}

.pa-card-link:before{top:14px; left:14px; border-left:4px solid var(--pa-blue); border-top:4px solid var(--pa-blue)}
.pa-card-link:after{right:14px; bottom:14px; border-right:4px solid var(--pa-violet); border-bottom:4px solid var(--pa-violet)}

.pa-card-topline{
  display:flex;
  justify-content:space-between;
  gap:12px;
  color:var(--pa-muted);
  margin-left:34px;
}

.pa-card-stamp{color:var(--pa-copper)}

.pa-post-card h2{
  font-family:Baskerville, Libre Baskerville, Baskerville Old Face, Georgia, serif;
  font-weight:500;
  font-size:clamp(1.6rem,2.8vw,2.35rem);
  line-height:1;
  letter-spacing:-.045em;
  margin:38px 0 14px;
}

.pa-post-card p{margin:0; font-size:1rem}

.pa-claim-bars{
  display:flex;
  gap:7px;
  margin-top:auto;
  padding-top:28px;
}

.pa-claim-bars span{
  display:block;
  height:9px;
  flex:1;
  background:var(--pa-green);
  border-left:5px solid var(--pa-blue);
}
.pa-claim-bars span:nth-child(2){border-left-color:var(--pa-violet)}
.pa-claim-bars span:nth-child(3){border-left-color:var(--pa-copper)}
.pa-claim-bars span:nth-child(4){border-left-color:var(--pa-blue); opacity:.55}

.pa-article-lintel{
  max-width:1220px;
  margin:0 auto;
  padding:28px 24px 12px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:end;
}

.pa-lintel-rule{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:1.4fr .8fr 1fr;
  gap:10px;
}

.pa-lintel-rule span{height:14px; border:1px solid var(--pa-rule); border-left:10px solid var(--pa-blue); background:rgba(251,255,253,.7)}
.pa-lintel-rule span:nth-child(2){border-left-color:var(--pa-violet)}
.pa-lintel-rule span:nth-child(3){border-left-color:var(--pa-copper)}

.pa-article-publication{margin:0; color:var(--pa-blue); font-weight:700}
.pa-back{color:var(--pa-muted); font-size:.95rem}

.pa-article{
  max-width:1220px;
  margin:0 auto;
  padding:24px 24px 92px;
  display:grid;
  grid-template-columns:170px minmax(0, 1fr) 230px;
  gap:22px;
  align-items:start;
}

.pa-reader{
  background:var(--pa-panel);
  border:1px solid var(--pa-rule);
  border-radius:32px;
  padding:clamp(26px,5vw,62px);
  box-shadow:0 24px 70px var(--pa-shadow);
}

.pa-article-head h1{
  font-family:Baskerville, Libre Baskerville, Baskerville Old Face, Georgia, serif;
  font-weight:500;
  font-size:clamp(2.7rem,6.8vw,7.2rem);
  line-height:.88;
  letter-spacing:-.07em;
  margin:8px 0 20px;
}

.pa-meta{color:var(--pa-muted); border-top:1px solid var(--pa-rule); padding-top:14px}

.pa-body{
  margin-top:34px;
  font-family:Georgia, Cambria, Times New Roman, serif;
  font-size:clamp(1.05rem,1.4vw,1.22rem);
  line-height:1.72;
}

.pa-body p{margin:0 0 1.25em}
.pa-body h2,.pa-body h3{
  font-family:Candara, Gill Sans, Gill Sans MT, Segoe UI, system-ui, sans-serif;
  line-height:1.1;
  letter-spacing:-.025em;
  margin:2em 0 .65em;
}
.pa-body h2{font-size:1.8rem}
.pa-body h3{font-size:1.35rem}
.pa-body blockquote{
  margin:2em 0;
  padding:22px 26px;
  border-left:6px solid var(--pa-blue);
  background:var(--pa-green);
  border-radius:0 18px 18px 0;
  font-family:Baskerville, Georgia, serif;
  font-size:1.35rem;
  line-height:1.42;
}

.pa-anchor-stack,
.pa-answer-surface{
  position:sticky;
  top:18px;
  border:1px solid var(--pa-rule);
  border-radius:22px;
  background:rgba(251,255,253,.74);
  padding:18px;
}

.pa-anchor-stack ol,
.pa-answer-surface ul{margin:16px 0 0; padding-left:18px}
.pa-anchor-stack li,.pa-answer-surface li{margin:.7em 0; font-size:.92rem}

@media (max-width:940px){
  .pa-citation-path,.pa-card-grid{grid-template-columns:1fr}
  .pa-feature{grid-template-columns:1fr; margin-left:24px; margin-right:24px}
  .pa-feature-quote{font-size:5rem}
  .pa-formats{grid-template-columns:1fr}
  .pa-archive-head{display:block}
  .pa-article{grid-template-columns:1fr}
  .pa-anchor-stack,.pa-answer-surface{position:relative; top:auto}
}

@media (max-width:620px){
  .pa-hero{padding-top:44px}
  .pa-article-lintel{grid-template-columns:1fr}
  .pa-card-link{min-height:260px}
  .pa-source-mark{grid-template-columns:repeat(2, 1fr)}
}