:root { --pe-navy:#123c49; --pe-green:#237b55; --pe-cream:#f7f9f5; --pe-text:#243643; }
body {color:var(--pe-text); font-size:1.04rem; line-height:1.75;}
h1,h2,h3 {color:var(--pe-navy); font-weight:700; letter-spacing:-.018em;}
a {color:#096775;} a:hover {color:var(--pe-green);}
.navbar {background:#fff!important; border-bottom:1px solid #dbe5e5;box-shadow:0 2px 16px #082e3810;}
.navbar-brand img {max-height:68px;max-width:min(40vw,335px);width:auto;object-fit:contain;}
.navbar .nav-link {font-weight:600; color:#163d49!important;}
.hero-pe {padding:3.3rem 2.5rem;border-radius:16px;background:linear-gradient(115deg,#123c49 0%,#216c63 100%);color:#fff;margin-bottom:2rem;}
.hero-pe h1,.hero-pe h2,.hero-pe p {color:#fff;}
.hero-pe .kicker {text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:700;color:#d1e7d5;}
.hero-pe a {color:#fff;text-decoration:underline;}
.pe-button {display:inline-block;margin-top:.65rem;border-radius:6px;padding:.58rem .95rem;background:#fff;color:#164854!important;font-weight:700;text-decoration:none!important;}
.pe-callout {border-left:4px solid var(--pe-green);background:var(--pe-cream);padding:1rem 1.25rem;border-radius:5px;margin:1.2rem 0;}
.pe-tiles {display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:14px;margin:1.2rem 0 2.1rem;}
.pe-tile {border:1px solid #dbe5e5;padding:1.1rem;border-radius:12px;background:#fff;box-shadow:0 3px 12px #153b4610;}
.pe-tile strong {color:var(--pe-navy);}
.pe-kicker {text-transform:uppercase;letter-spacing:.11em;font-size:.76rem;font-weight:700;color:var(--pe-green);}
.quarto-title-meta {font-size:.88rem;} .quarto-title-banner {background:var(--pe-cream);}
article img {max-width:100%;height:auto;}
@media(max-width:680px){.hero-pe {padding:2rem 1.15rem;}.hero-pe h1 {font-size:2rem;}.navbar-brand img {max-height:46px;max-width:220px;}.pe-tiles {grid-template-columns:1fr;}}

/* BEGIN 360PE visual editorial upgrade — append ONCE to existing styles.css */
/* Homepage panels and editorial communication pathway */
.pe-home-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.25rem 0 2rem;}
.pe-home-card {border:1px solid #d7e3df;border-radius:14px;background:#f7faf8;padding:1.25rem 1.35rem;min-width:0;}
.pe-home-card h3 {margin:.05rem 0 .55rem;font-size:1.18rem;}
.pe-home-card p {margin:0;color:#354e55;}
.pe-work-grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;margin:1.35rem 0 2.1rem;}
.pe-work-step {min-width:0;background:#fff;border:1px solid #d7e3df;border-top:4px solid #237b55;border-radius:10px;padding:.95rem;}
.pe-work-step span {display:block;color:#176f56;font-size:.78rem;font-weight:800;letter-spacing:.08em;margin-bottom:.4rem;}
.pe-work-step strong {display:block;color:#123c49;line-height:1.3;font-size:.95rem;}
.pe-work-step p {font-size:.86rem;line-height:1.5;margin:.55rem 0 0;color:#445963;}
@media(max-width:1000px){.pe-work-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:760px){.pe-home-grid{grid-template-columns:1fr;}.pe-work-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:430px){.pe-work-grid{grid-template-columns:1fr;}}
/* Official 10-area responsive topic grid */

.pe-topics-intro { max-width: 78ch; margin: 0 0 1.5rem; }
.pe-topics-intro h2 { margin-top: .2rem; }
.pe-topic-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 1.5rem 0 2rem;
}
.pe-topic-card {
  border: 1px solid #d7e3df;
  border-radius: 14px;
  padding: 1.3rem 1.35rem;
  background: #fff;
  box-shadow: 0 3px 14px rgba(18,60,73,.055);
  min-width: 0;
}
.pe-topic-num {
  display: inline-block;
  color: #176f56;
  font-size: .85rem;
  font-weight: 800;
  letter-spacing: .11em;
  margin-bottom: .5rem;
}
.pe-topic-card h3 {
  font-size: 1.08rem;
  font-weight: 750;
  line-height: 1.35;
  margin: 0 0 .65rem;
  overflow-wrap: anywhere;
}
.pe-topic-card p { margin: 0; color: #445963; font-size: .95rem; line-height: 1.55; }
.pe-principles {
  padding: 1rem 1.2rem;
  background: #f1f7f4;
  border-left: 4px solid #237b55;
  border-radius: 8px;
  margin: 1.2rem 0 2.3rem;
}
.pe-principles p { margin-bottom: .35rem; }
@media (max-width: 760px) {
  .pe-topic-grid { grid-template-columns: 1fr; }
  .pe-topic-card { padding: 1.05rem 1.1rem; }
}
@media (prefers-reduced-motion: no-preference) {
  .pe-topic-card { transition: box-shadow .18s ease, border-color .18s ease; }
  .pe-topic-card:hover { box-shadow: 0 6px 18px rgba(18,60,73,.09); border-color: #a7cbbd; }
}

/* END 360PE visual editorial upgrade */