/*
 * Performance Capability — Hand Books for Teams
 *
 * Ported from the handover design handbook_team_orders.html.
 * Every rule is scoped under .pcp-team-orders so the standalone page's
 * global resets (body / section / h2 / *) cannot leak into the theme.
 * The original nav{} and footer{} rules are intentionally dropped —
 * the theme's header.php / footer.php supply those.
 */
.pcp-team-orders *,.pcp-team-orders *::before,.pcp-team-orders *::after{box-sizing:border-box;margin:0;padding:0}
.pcp-team-orders{--red:#8B1A1A;
  --red-light:#a82020;
  --charcoal:#111;
  --dark:#1a1a1a;
  --off-white:#f0ece4;
  --gold:#c9a84c;}
.pcp-team-orders{font-family:'Barlow',sans-serif;background:#fff;color:var(--charcoal);line-height:1.6}
.pcp-team-orders .hero{position:relative;
  height:80vh;
  min-height:500px;
  background:url("../img/team-hero.jpg") center center/cover no-repeat;
  display:flex;align-items:flex-end;}
.pcp-team-orders .hero::after{content:'';
  position:absolute;inset:0;
  background:linear-gradient(to bottom, rgba(0,0,0,.3) 0%, rgba(0,0,0,.75) 100%);}
.pcp-team-orders .hero-content{position:relative;z-index:2;
  padding:0 60px 60px;
  max-width:900px;}
.pcp-team-orders .hero-eyebrow{font-family:'Barlow Condensed',sans-serif;
  font-size:12px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold);margin-bottom:16px;
  display:flex;align-items:center;gap:12px;}
.pcp-team-orders .hero-eyebrow::before{content:'';display:block;width:40px;height:1px;background:var(--gold)}
.pcp-team-orders .hero h1{font-family:'Barlow Condensed',sans-serif;
  font-size:clamp(42px,6vw,72px);
  font-weight:800;line-height:1.0;
  color:#fff;text-transform:uppercase;
  letter-spacing:.02em;margin-bottom:20px;}
.pcp-team-orders .hero h1 span{color:var(--gold)}
.pcp-team-orders .hero p{font-size:18px;font-weight:300;color:rgba(255,255,255,.85);
  max-width:560px;line-height:1.6;}
.pcp-team-orders section{padding:80px 60px}
.pcp-team-orders .section-inner{max-width:1100px;margin:0 auto}
.pcp-team-orders .eyebrow{font-family:'Barlow Condensed',sans-serif;
  font-size:11px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--red);margin-bottom:12px;
  display:flex;align-items:center;gap:10px;}
.pcp-team-orders .eyebrow::before{content:'——';color:var(--red);font-size:10px}
.pcp-team-orders .see-all-link{display:inline-flex;align-items:center;gap:7px;font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--red);text-decoration:none;margin-bottom:28px;transition:gap .2s,opacity .2s;opacity:.85}
.pcp-team-orders .see-all-link:hover{opacity:1;gap:10px}
.pcp-team-orders .see-all-link::after{content:'→'}
.pcp-team-orders .dark-see-all{color:rgba(255,255,255,.5)}
.pcp-team-orders .dark-see-all:hover{color:#fff;opacity:1}
.pcp-team-orders h2{font-family:'Barlow Condensed',sans-serif;
  font-size:clamp(30px,4vw,46px);font-weight:800;
  text-transform:uppercase;line-height:1.1;margin-bottom:24px;}
.pcp-team-orders .intro{background:var(--off-white)}
.pcp-team-orders .intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.pcp-team-orders .intro-text p{font-size:16px;line-height:1.75;margin-bottom:16px;color:#333}
.pcp-team-orders .intro-text .lead{font-size:20px;font-weight:500;color:var(--charcoal);margin-bottom:20px;line-height:1.5}
.pcp-team-orders .collection-img{border-radius:2px;
  overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,.18);}
.pcp-team-orders .collection-img img{width:100%;display:block}
.pcp-team-orders .pricing{background:#fff}
.pcp-team-orders .pricing-table{width:100%;border-collapse:collapse;margin-top:40px;
  font-family:'Barlow',sans-serif;}
.pcp-team-orders .pricing-table th{background:var(--charcoal);color:#fff;
  font-family:'Barlow Condensed',sans-serif;
  font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  padding:16px 24px;text-align:left;font-weight:600;}
.pcp-team-orders .pricing-table td{padding:16px 24px;border-bottom:1px solid rgba(0,0,0,.08);
  font-size:15px;}
.pcp-team-orders .pricing-table tr:hover td{background:rgba(139,26,26,.04)}
.pcp-team-orders .pricing-table .price{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:700;color:var(--red);}
.pcp-team-orders .pricing-table .saving{font-size:12px;color:#666;font-style:italic;}
.pcp-team-orders .note-strip{background:var(--charcoal);color:#fff;
  padding:20px 30px;margin-top:4px;
  font-size:14px;line-height:1.6;
  display:flex;align-items:center;gap:12px;}
.pcp-team-orders .note-strip::before{content:'★';color:var(--gold);font-size:18px}
.pcp-team-orders .use-cases{background:var(--off-white)}
.pcp-team-orders .cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;}
.pcp-team-orders .case-card{background:#fff;padding:30px;
  border-top:3px solid var(--red);}
.pcp-team-orders .case-card .number{font-family:'Barlow Condensed',sans-serif;font-size:48px;font-weight:800;
  color:rgba(139,26,26,.12);line-height:1;margin-bottom:12px;}
.pcp-team-orders .case-card h3{font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;}
.pcp-team-orders .case-card p{font-size:14px;color:#555;line-height:1.6}
.pcp-team-orders .form-section{background:var(--charcoal)}
.pcp-team-orders .form-section h2{color:#fff}
.pcp-team-orders .form-section .eyebrow{color:var(--gold)}
.pcp-team-orders .form-section .eyebrow::before{color:var(--gold)}
.pcp-team-orders .form-intro{color:rgba(255,255,255,.75);font-size:16px;margin-bottom:40px;max-width:620px;line-height:1.7}
.pcp-team-orders .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pcp-team-orders .form-group{display:flex;flex-direction:column;gap:8px}
.pcp-team-orders .form-group.full{grid-column:1/-1}
.pcp-team-orders .form-group label{font-family:'Barlow Condensed',sans-serif;font-size:11px;
  letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.6);font-weight:600;}
.pcp-team-orders .form-group input,.pcp-team-orders .form-group select,.pcp-team-orders .form-group textarea{background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.15);
  border-radius:2px;padding:14px 16px;
  font-family:'Barlow',sans-serif;font-size:15px;color:#fff;
  transition:border-color .2s;outline:none;}
.pcp-team-orders .form-group input::placeholder,.pcp-team-orders .form-group textarea::placeholder{color:rgba(255,255,255,.3)}
.pcp-team-orders .form-group input:focus,.pcp-team-orders .form-group select:focus,.pcp-team-orders .form-group textarea:focus{border-color:var(--gold)}
.pcp-team-orders .form-group select option{background:var(--dark);color:#fff}
.pcp-team-orders .form-group textarea{resize:vertical;min-height:100px}

/* Single selects: swap the native arrow for one that reads on dark. */
.pcp-team-orders .form-group select:not([multiple]){
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-opacity='.55' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:16px;
  padding-right:42px;cursor:pointer;
}

/* Handbook picker — collapsible multi-choice dropdown.
   A native <select multiple> is always painted expanded, so the control is
   a disclosure button plus a checkbox panel.  It matches the single-select
   fields when closed and opens only on click. */
.pcp-team-orders .hb-pick__label{
  font-family:'Barlow Condensed',sans-serif;font-size:11px;
  letter-spacing:.18em;text-transform:uppercase;
  color:rgba(255,255,255,.5);
}
.pcp-team-orders .hb-pick{position:relative}

.pcp-team-orders .hb-pick__toggle{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.15);
  border-radius:2px;padding:14px 16px;
  font-family:'Barlow',sans-serif;font-size:15px;color:#fff;
  text-align:left;cursor:pointer;outline:none;
  transition:border-color .2s;
}
.pcp-team-orders .hb-pick__toggle:hover{border-color:rgba(255,255,255,.3)}
.pcp-team-orders .hb-pick__toggle:focus-visible,
.pcp-team-orders .hb-pick.is-open .hb-pick__toggle{border-color:var(--gold)}
.pcp-team-orders .hb-pick__value{
  flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.pcp-team-orders .hb-pick__value.is-placeholder{color:rgba(255,255,255,.3)}

.pcp-team-orders .hb-pick__chevron{
  flex:none;width:10px;height:10px;margin-right:2px;
  border-right:2px solid rgba(255,255,255,.55);
  border-bottom:2px solid rgba(255,255,255,.55);
  transform:translateY(-3px) rotate(45deg);
  transition:transform .2s;
}
.pcp-team-orders .hb-pick.is-open .hb-pick__chevron{
  transform:translateY(2px) rotate(-135deg);
}

/* Panel. JS adds .hb-pick--js, which is what collapses it — so with JS
   off the list simply stays visible and still submits. */
.pcp-team-orders .hb-pick__panel{
  background:var(--dark);
  border:1px solid rgba(255,255,255,.15);
  border-radius:2px;margin-top:6px;padding:6px;
  max-height:230px;overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.25) var(--dark);
}
.pcp-team-orders .hb-pick--js .hb-pick__panel{
  display:none;
  position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;
  margin-top:0;
  box-shadow:0 18px 40px rgba(0,0,0,.55);
}
.pcp-team-orders .hb-pick--js.is-open .hb-pick__panel{display:block}

.pcp-team-orders .hb-pick__option{
  display:flex;align-items:flex-start;gap:10px;
  padding:9px 10px;border-radius:2px;cursor:pointer;
  font-family:'Barlow',sans-serif;font-size:14.5px;line-height:1.45;
  color:rgba(255,255,255,.85);
  transition:background .15s,color .15s;
}
.pcp-team-orders .hb-pick__option:hover{background:rgba(255,255,255,.07);color:#fff}
.pcp-team-orders .hb-pick__option input{
  flex:none;width:16px;height:16px;margin:2px 0 0;
  accent-color:var(--red);cursor:pointer;
}
.pcp-team-orders .hb-pick__option:has(input:checked){color:#fff;font-weight:500}

.pcp-team-orders .hb-pick__panel::-webkit-scrollbar{width:10px}
.pcp-team-orders .hb-pick__panel::-webkit-scrollbar-track{background:var(--dark)}
.pcp-team-orders .hb-pick__panel::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.2);border-radius:5px;border:2px solid var(--dark);
}
.pcp-team-orders .hb-pick__panel::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.32)}
.pcp-team-orders .form-submit{margin-top:32px}
.pcp-team-orders .btn-primary{display:inline-block;padding:16px 40px;
  background:var(--red);color:#fff;
  font-family:'Barlow Condensed',sans-serif;font-size:14px;
  font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  border:none;cursor:pointer;transition:background .2s;}
.pcp-team-orders .btn-primary:hover{background:var(--red-light)}
.pcp-team-orders .form-note{margin-top:16px;font-size:13px;color:rgba(255,255,255,.4);font-style:italic;}
.pcp-team-orders .form-success{display:none;text-align:center;padding:60px 40px;
  background:rgba(255,255,255,.05);border:1px solid rgba(201,168,76,.3);
  border-radius:2px;}
.pcp-team-orders .form-success h3{font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:800;
  text-transform:uppercase;color:var(--gold);margin-bottom:16px;}
.pcp-team-orders .form-success p{color:rgba(255,255,255,.75);font-size:16px;line-height:1.7}
.pcp-team-orders .about-strip{background:var(--red);padding:60px;
  display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;}
.pcp-team-orders .about-strip p{color:rgba(255,255,255,.9);font-size:17px;line-height:1.7;max-width:700px}
.pcp-team-orders .about-strip .cta-link{display:inline-block;padding:14px 32px;
  border:2px solid rgba(255,255,255,.6);color:#fff;
  font-family:'Barlow Condensed',sans-serif;font-size:13px;
  font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  text-decoration:none;white-space:nowrap;transition:all .2s;}
.pcp-team-orders .about-strip .cta-link:hover{background:#fff;color:var(--red)}
@media(max-width:900px){
.pcp-team-orders section{padding:60px 24px}
.pcp-team-orders .hero-content{padding:0 24px 48px}
.pcp-team-orders .intro-grid,.pcp-team-orders .cases-grid{grid-template-columns:1fr}
.pcp-team-orders .form-grid{grid-template-columns:1fr}
.pcp-team-orders .about-strip{grid-template-columns:1fr}
}
.pcp-team-orders .learning-events{background: var(--dark);
  padding: 70px 60px;
  border-top: 4px solid var(--red);}
.pcp-team-orders .le-inner{display: grid;
  grid-template-columns: 1fr 280px;
  gap: 60px;
  align-items: start;}
.pcp-team-orders .learning-events .eyebrow{color: var(--gold);
  margin-bottom: 14px;}
.pcp-team-orders .learning-events .eyebrow::before{background: var(--gold);}
.pcp-team-orders .learning-events p{font-size: 16px;
  color: rgba(255,255,255,.72);
  line-height: 1.75;
  margin-bottom: 16px;}
.pcp-team-orders .le-link{display: inline-block;
  margin-top: 10px;
  padding: 14px 32px;
  background: var(--red);
  color: #fff;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background .2s;}
.pcp-team-orders .le-link:hover{background: var(--red-light);}
.pcp-team-orders .le-topics{background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  padding: 28px;}
.pcp-team-orders .le-topics-label{font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 16px;}
.pcp-team-orders .le-list{list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;}
.pcp-team-orders .le-list li{font-size: 14px;
  color: rgba(255,255,255,.75);
  line-height: 1.4;
  padding-left: 14px;
  position: relative;}
.pcp-team-orders .le-list li::before{content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 5px;
  height: 1px;
  background: var(--red);}
@media(max-width:900px){
.pcp-team-orders .le-inner{grid-template-columns: 1fr;}
.pcp-team-orders .learning-events{padding: 60px 24px;}
}