.passion-dojo{--pd-orange:#a63c13;--pd-accent:#ed8344;--pd-dark:#27251f;--pd-muted:#675b52;--pd-border:#ded2c7;--pd-paper:#fffbf5;color:var(--pd-dark);background:var(--pd-paper);border:1px solid var(--pd-border);border-radius:16px;overflow:hidden;max-width:1100px;margin:1.5rem auto;font-family:system-ui,-apple-system,"Hiragino Sans","Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.75;overflow-wrap:anywhere}
.passion-dojo *{box-sizing:border-box}
.passion-dojo :is(h2,h3,p,ol,ul,blockquote){margin:0;padding:0}
.passion-dojo :is(h2,h3){color:inherit;background:none;border:0;line-height:1.4;letter-spacing:.02em}
.passion-dojo :is(h2,h3)::before,.passion-dojo :is(h2,h3)::after{content:none}
.passion-dojo h2{font-size:clamp(1.45rem,4vw,2.12rem)}
.passion-dojo h3{font-size:1.06rem}
.passion-dojo :is(p,blockquote){font-size:inherit}
.passion-dojo .pd-hero{background:#2d2823;color:#fff9ef;border-bottom:4px solid var(--pd-accent)}
.passion-dojo .pd-brand{padding:.65rem clamp(1rem,5vw,3rem);border-bottom:1px solid #65564b;font-size:.8rem;letter-spacing:.12em}
.passion-dojo .pd-hero-inner{padding:1rem clamp(1rem,5vw,3rem)}
.passion-dojo .pd-masthead{color:#ffae7e;font-weight:750;letter-spacing:.08em}
.passion-dojo .pd-hero h2{font-size:clamp(1.8rem,5.7vw,3.2rem);margin:.45rem 0}
.passion-dojo .pd-deck{color:#f5e0d0}
.passion-dojo .pd-intro{padding:clamp(1.1rem,5vw,3rem);display:grid;justify-items:start;gap:1rem}
.passion-dojo .pd-intro h3{font-size:clamp(1.18rem,3vw,1.5rem)}
.passion-dojo .pd-intro>p{max-width:42rem}
.passion-dojo .pd-progress{padding:1rem clamp(.8rem,3vw,2rem);display:grid;grid-template-columns:repeat(4,1fr);list-style:none;gap:.3rem;border-bottom:1px solid var(--pd-border)}
.passion-dojo .pd-progress li{display:flex;align-items:center;justify-content:center;gap:.35rem;color:var(--pd-muted);font-size:.8rem;white-space:nowrap}
.passion-dojo .pd-progress li span{border:1px solid var(--pd-border);border-radius:50%;width:1.5rem;height:1.5rem;text-align:center}
.passion-dojo .pd-progress .pd-reached{color:var(--pd-orange);font-weight:750}
.passion-dojo .pd-progress [aria-current] span{background:var(--pd-orange);border-color:var(--pd-orange);color:white}
.passion-dojo .pd-layout{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(0,1fr);gap:1rem;padding:clamp(.8rem,3vw,2rem);align-items:start}
.passion-dojo :is(.pd-card,.pd-notebook){border:1px solid var(--pd-border);border-radius:12px;padding:clamp(.9rem,3vw,1.7rem);display:grid;gap:1rem}
.passion-dojo .pd-card{background:white}
.passion-dojo .pd-notebook{background:#f8eee0;font-size:.91rem;gap:.7rem}
.passion-dojo .pd-notebook :is(ul,ol){padding-inline-start:1.25rem}
.passion-dojo .pd-notebook li+li{margin-top:.55rem}
.passion-dojo .pd-log summary{cursor:pointer;color:var(--pd-orange);font-weight:700}
.passion-dojo :is(.pd-kicker,.pd-speaker){color:var(--pd-orange);font-weight:750;font-size:.82rem;letter-spacing:.06em}
.passion-dojo .pd-dialogue{background:#f8f3ee;border-radius:9px;padding:1rem;display:flex;gap:.8rem;align-items:start}
.passion-dojo .pd-avatar{display:grid;place-items:center;flex:none;width:2.3rem;height:2.3rem;border-radius:50%;background:#48372b;color:#fff3e6;font-weight:750}
.passion-dojo .pd-dialogue blockquote{border:0;background:none;padding:.15rem 0 0;color:inherit;font-weight:650}
.passion-dojo .pd-dialogue blockquote::before,.passion-dojo .pd-dialogue blockquote::after{content:none}
.passion-dojo .pd-asked{color:var(--pd-muted);font-size:.88rem}
.passion-dojo .pd-choices{list-style:none;display:grid;gap:.55rem}
.passion-dojo button{font:inherit;min-height:44px;cursor:pointer}
.passion-dojo .pd-choice{display:flex;align-items:center;gap:.7rem;text-align:left;width:100%;border:1px solid var(--pd-border);border-radius:8px;padding:.65rem .75rem;background:white;color:var(--pd-dark);font-weight:650}
.passion-dojo .pd-choice:hover{border-color:var(--pd-orange);background:#fff3e9}
.passion-dojo .pd-letter{flex:none;display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:5px;background:#fae9da;color:var(--pd-orange);font-weight:750}
.passion-dojo .pd-primary,.passion-dojo .pd-reset{border:1px solid var(--pd-orange);border-radius:7px;padding:.55rem .9rem;justify-self:start;font-weight:750}
.passion-dojo .pd-primary{background:var(--pd-orange);color:white}
.passion-dojo .pd-primary:hover{background:#84300f}
.passion-dojo .pd-reset{background:transparent;color:var(--pd-orange)}
.passion-dojo .pd-reset:hover{background:#fae9da}
.passion-dojo .pd-review,.passion-dojo .pd-story{background:#fff8ee;border-inline-start:3px solid var(--pd-accent);padding:.8rem 1rem}
.passion-dojo :is(.pd-review,.pd-story) h3+p,.passion-dojo .pd-story p+h3,.passion-dojo .pd-story p+p{margin-top:.4rem}
.passion-dojo .pd-story h3{font-size:1.4rem}
.passion-dojo .pd-discovery{color:#683518;font-size:.9rem;font-weight:700}
.passion-dojo .pd-link{color:var(--pd-orange);justify-self:start;text-decoration:underline;text-underline-offset:3px}
.passion-dojo .pd-actions{display:flex;flex-wrap:wrap;gap:.55rem}
.passion-dojo :is(button,a,summary,h2):focus-visible{outline:3px solid #1c6695;outline-offset:3px}
.passion-dojo h2{scroll-margin-top:5rem}
@media(max-width:680px){.passion-dojo .pd-layout{grid-template-columns:minmax(0,1fr)}.passion-dojo .pd-dialogue{padding:.7rem}.passion-dojo .pd-avatar{width:1.9rem;height:1.9rem}}

/* Lightning's blog columns on the dojo page only. */
body.post-name-interview-dojo .siteContent .row > #main.mainSection-col-two {
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
}

body.post-name-interview-dojo .siteContent .row > #main + .sideSection-col-two {
  display: none;
}

.passion-dojo {
  --pd-accent: #eb6c00;
  --pd-orange: #a54100;
}

.passion-dojo .pd-intro ol {
  padding-inline-start: 1.5rem;
}

.passion-dojo .pd-intro li + li,
.passion-dojo .pd-review p + p {
  margin-top: .45rem;
}

.passion-dojo .pd-note-status {
  display: block;
  color: var(--pd-muted);
  font-size: .83rem;
}

.passion-dojo .pd-progress li {
  white-space: normal;
  text-align: center;
}

@media (max-width: 380px) {
  .passion-dojo .pd-progress li {
    flex-direction: column;
  }
}