.pseo-page,.pseo-index{background:var(--cream);color:var(--ink);}
.pseo-hero,.pseo-index-hero{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:3rem;padding:4rem 5vw;border-bottom:2px solid var(--ink);align-items:center;}
.pseo-index-hero{display:block;max-width:980px;border-bottom:0;}
.pseo-kicker{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin-bottom:1rem;}
.pseo-hero h1,.pseo-index-hero h1{font-family:var(--serif);font-size:clamp(2.5rem,5vw,5.4rem);line-height:.96;margin-bottom:1.25rem;max-width:980px;}
.pseo-hero p,.pseo-index-hero p{font-size:17px;line-height:1.8;color:var(--ink2);max-width:720px;}
.pseo-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem;}
.pseo-primary,.pseo-secondary,.pseo-upload-card button,.pseo-popup a{display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--ink);background:var(--ink);color:var(--cream);padding:.85rem 1.15rem;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;}
.pseo-primary:hover,.pseo-upload-card button:hover,.pseo-popup a:hover{background:var(--green);border-color:var(--green);}
.pseo-secondary{background:transparent;color:var(--ink);}
.pseo-secondary:hover{background:var(--cream3);}
.pseo-upload-card{border:2px solid var(--ink);background:var(--cream2);box-shadow:8px 8px 0 var(--green);padding:1.4rem;}
.pseo-upload-title{font-family:var(--serif);font-size:1.6rem;font-weight:700;margin-bottom:.5rem;}
.pseo-upload-card p{font-size:13px;line-height:1.6;margin-bottom:1rem;color:var(--ink3);}
.pseo-file{display:block;border:2px dashed var(--parchment);background:var(--cream);padding:1rem;text-align:center;margin-bottom:.8rem;cursor:pointer;font-family:var(--mono);font-size:11px;color:var(--green);}
.pseo-file input{display:none;}
.pseo-upload-card button{width:100%;}
.pseo-article{max-width:1040px;margin:0 auto;padding:2rem 5vw 5rem;}
.pseo-toc{position:sticky;top:78px;z-index:10;display:flex;gap:.5rem;flex-wrap:wrap;background:var(--cream);border-bottom:1px solid var(--cream3);padding:1rem 0;margin-bottom:2rem;}
.pseo-toc a{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--green);text-decoration:none;border:1px solid var(--green-mid);padding:.45rem .65rem;background:var(--green-light);}
.pseo-section{margin:3rem 0;}
.pseo-section h2,.pseo-inline-cta h2,.pseo-related h2{font-family:var(--serif);font-size:2.1rem;line-height:1.05;margin-bottom:1rem;}
.pseo-section p{font-size:16px;line-height:1.85;color:var(--ink2);margin-bottom:1rem;}
.pseo-note{border-left:4px solid var(--green);background:var(--green-light);padding:1rem;font-size:14px;line-height:1.7;color:var(--green2);margin-top:1.2rem;}
.pseo-split{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.4rem 0;}
.pseo-split>div{border:2px solid var(--ink);background:var(--cream2);padding:1rem;}
.pseo-split h3{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--green);margin-bottom:.8rem;}
.pseo-list{margin:0;padding-left:1.1rem;color:var(--ink2);}
.pseo-list li{font-size:14px;line-height:1.65;margin-bottom:.45rem;}
.pseo-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1rem;}
.pseo-mini-grid div{border:2px solid var(--ink);background:var(--cream);padding:1rem;}
.pseo-mini-grid span{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--green);margin-bottom:.35rem;}
.pseo-mini-grid strong{font-size:14px;color:var(--ink);}
.pseo-steps{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--ink);background:var(--cream);}
.pseo-steps div{padding:1rem;border-right:2px solid var(--ink);}
.pseo-steps div:last-child{border-right:0;}
.pseo-steps span{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;background:var(--green);color:var(--cream);font-family:var(--mono);font-size:12px;margin-bottom:.8rem;}
.pseo-steps strong{display:block;font-weight:700;margin-bottom:.4rem;}
.pseo-steps p{font-size:13px;line-height:1.6;margin:0;color:var(--ink3);}
.pseo-inline-cta{display:flex;justify-content:space-between;gap:1rem;align-items:center;border:2px solid var(--ink);background:var(--ink);color:var(--cream);padding:1.5rem;box-shadow:6px 6px 0 var(--green);margin:3rem 0;}
.pseo-inline-cta p{color:var(--green-mid);line-height:1.6;margin:0;}
.pseo-inline-cta .pseo-primary{background:var(--cream);color:var(--green);border-color:var(--cream);white-space:nowrap;}
.pseo-code{background:var(--ink);color:var(--green-mid);padding:1rem;overflow-x:auto;font-family:var(--mono);font-size:12px;line-height:1.7;margin:1rem 0;}
.pseo-table-wrap{overflow-x:auto;border:2px solid var(--ink);background:var(--cream);}
.pseo-table{width:100%;border-collapse:collapse;min-width:720px;}
.pseo-table th{background:var(--ink);color:var(--cream);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;text-align:left;padding:.9rem 1rem;}
.pseo-table td{border-top:1px solid var(--cream3);border-right:1px solid var(--cream3);padding:1rem;font-size:14px;line-height:1.55;color:var(--ink2);vertical-align:top;}
.pseo-table td:first-child{font-weight:700;color:var(--ink);}
.pseo-table td:last-child{border-right:0;}
.pseo-walkthrough{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:2px solid var(--ink);margin:3rem 0;background:var(--cream2);}
.pseo-walkthrough div{padding:1rem;border-right:2px solid var(--ink);min-height:140px;display:flex;flex-direction:column;justify-content:space-between;}
.pseo-walkthrough div:last-child{border-right:0;}
.pseo-walkthrough strong{font-size:14px;}
.pseo-walkthrough .icon{width:34px;height:34px;color:var(--green);}
.pseo-faqs{display:grid;gap:.7rem;}
.pseo-faqs details{border:2px solid var(--ink);background:var(--cream2);padding:1rem;}
.pseo-faqs summary{font-weight:700;cursor:pointer;}
.pseo-faqs p{font-size:14px;margin:.8rem 0 0;}
.pseo-related{border-top:2px solid var(--ink);padding-top:2rem;margin-top:3rem;}
.pseo-related div,.pseo-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;}
.pseo-related a,.pseo-directory-card{border:2px solid var(--ink);background:var(--cream2);padding:1rem;color:var(--ink);text-decoration:none;}
.pseo-related a:hover,.pseo-directory-card:hover{background:var(--green-light);box-shadow:4px 4px 0 var(--green);}
.pseo-directory{padding:0 5vw 5rem;}
.pseo-directory-heading{padding:1rem 5vw 1.25rem;max-width:980px;}
.pseo-directory-heading h2{font-family:var(--serif);font-size:2rem;line-height:1.05;margin-bottom:.5rem;}
.pseo-directory-heading p{color:var(--ink3);line-height:1.7;max-width:720px;}
.pseo-directory-card span{font-family:var(--mono);font-size:9px;color:var(--green);letter-spacing:.12em;text-transform:uppercase;}
.pseo-directory-card strong{display:block;font-family:var(--serif);font-size:1.4rem;margin:.35rem 0;}
.pseo-directory-card small{color:var(--ink3);}
.pseo-popup{position:fixed;right:1.25rem;bottom:1.25rem;width:min(360px,calc(100vw - 2.5rem));border:2px solid var(--ink);background:var(--cream);box-shadow:8px 8px 0 var(--green);padding:1rem;z-index:250;transform:translateY(140%);transition:transform .25s ease;}
.pseo-popup.show{transform:translateY(0);}
.pseo-popup button{position:absolute;right:.5rem;top:.35rem;border:0;background:transparent;font-size:18px;cursor:pointer;color:var(--ink3);}
.pseo-popup strong{display:block;font-family:var(--serif);font-size:1.3rem;margin-right:1rem;}
.pseo-popup p{font-size:13px;line-height:1.6;color:var(--ink3);margin:.5rem 0 .8rem;}
.pseo-popup a{width:100%;}
@media (max-width: 900px){
  .pseo-hero{grid-template-columns:1fr;padding:3rem 1.25rem;}
  .pseo-article{padding:1rem 1.25rem 4rem;}
  .pseo-steps,.pseo-walkthrough,.pseo-related div,.pseo-directory{grid-template-columns:1fr;}
  .pseo-split,.pseo-mini-grid{grid-template-columns:1fr;}
  .pseo-steps div,.pseo-walkthrough div{border-right:0;border-bottom:2px solid var(--ink);}
  .pseo-steps div:last-child,.pseo-walkthrough div:last-child{border-bottom:0;}
  .pseo-inline-cta{display:block;}
  .pseo-inline-cta .pseo-primary{margin-top:1rem;width:100%;}
}