.pl2-wrap{max-width:960px;margin:0 auto;padding:30px 34px 6px}
.pl2-eyebrow{font-family:'Segoe UI',sans-serif;font-size:10px;letter-spacing:.28em;
    text-transform:uppercase;margin-bottom:9px}
.pl2-h{font-family:Georgia,serif;font-size:clamp(22px,3.3vw,29px);
    margin:0 0 8px;font-weight:400;line-height:1.2}
.pl2-h em{font-style:italic}
.pl2-sub{font-family:Georgia,serif;font-size:15px;line-height:1.6;
    margin:0 0 18px;max-width:680px}
.pl2-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(166px,1fr));
    gap:8px;margin-bottom:22px}
.pl2-pick{display:flex;gap:9px;align-items:flex-start;text-align:left;padding:11px 12px;
    border-radius:9px;cursor:pointer;
    border:1px solid rgba(255,255,255,.10);font-family:Georgia,serif;
    font-size:12.5px;line-height:1.42}
.pl2-pick:hover{}
.pl2-pick.is-on{}
.pl2-pick:focus{outline-offset:2px}
.pl2-pick__n{font-family:'Segoe UI',sans-serif;font-size:9.5px;
    flex:0 0 auto;padding-top:1px}
.pl2-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:start}
.pl2-box{border:1px solid #F08AB846;border-radius:11px;padding:15px 16px}
.pl2-ctx{font-family:Georgia,serif;font-size:13.5px;line-height:1.58;
    margin:0 0 13px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.09)}
.pl2-show,.pl2-reveal{font-family:Georgia,serif;font-size:16px;
    line-height:1.6;margin:0}
.pl2-reveal{padding:11px 13px;border-radius:8px;border:1px solid #F08AB855}
.pl2-opts{display:flex;flex-direction:column;gap:9px}
.pl2-opt{text-align:left;font-family:Georgia,serif;font-size:14.5px;line-height:1.5;
    padding:11px 13px;border-radius:9px;cursor:pointer;
    border:1px solid rgba(255,255,255,.12)}
.pl2-opt:hover{}
.pl2-opt:disabled{opacity:.45;cursor:default}
.pl2-opt.is-right{}
.pl2-opt.is-wrong{}
.pl2-optwhy{font-family:Georgia,serif;font-size:13px;line-height:1.55;
    margin:2px 0 4px 4px}
.pl2-stname{font-family:'Segoe UI',sans-serif;font-size:10.5px;letter-spacing:.22em;
    text-transform:uppercase;margin-bottom:7px}
.pl2-say{font-family:Georgia,serif;font-size:16.5px;line-height:1.55;margin:0 0 10px}
.pl2-why{font-family:Georgia,serif;font-size:14px;line-height:1.6;
    margin:0 0 15px;padding-left:13px;border-left:2px solid #F08AB888}
.pl2-dots{display:flex;gap:5px;margin-bottom:12px}
.pl2-dot{width:24px;height:4px;border-radius:2px;}
.pl2-dot.is-done{}
.pl2-dot.is-now{}
.pl2-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}
.pl2-btn{font-family:'Segoe UI',sans-serif;font-size:12.5px;font-weight:600;
    padding:9px 15px;border-radius:19px;cursor:pointer;
    border:1px solid #F08AB870}
.pl2-btn:hover{}
.pl2-btn:disabled{opacity:.4;cursor:default}
.pl2-btn--go{}
.pl2-stars{font-family:'Segoe UI',sans-serif;font-size:11px;letter-spacing:.16em;
    text-transform:uppercase;margin-left:auto}
.pl2-reflect{margin-top:16px;padding:15px 17px;border-radius:10px;
    border:1px solid #F08AB855}
.pl2-reflect h4{font-family:Georgia,serif;font-size:15.5px;margin:0 0 7px}
.pl2-reflect p{font-family:Georgia,serif;font-size:13.5px;line-height:1.58;margin:0}
.pl2-doors{max-width:960px;margin:20px auto 34px;padding:0 34px}
.pl2-door{border-top:1px solid rgba(255,255,255,.12)}
.pl2-door:last-of-type{border-bottom:1px solid rgba(255,255,255,.12)}
.pl2-door>summary{list-style:none;cursor:pointer;padding:17px 2px;display:flex;
    align-items:baseline;gap:12px;font-family:Georgia,serif;font-size:18px;}
.pl2-door>summary::-webkit-details-marker{display:none}
.pl2-door>summary::before{content:'+';font-family:'Segoe UI',sans-serif;font-size:17px;
    width:15px;flex:0 0 15px;text-align:center}
.pl2-door[open]>summary::before{content:'\2013'}
.pl2-door>summary:hover{}
.pl2-door>summary:focus{outline-offset:3px}
.pl2-door__note{margin-left:auto;font-family:'Segoe UI',sans-serif;font-size:10px;
    letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}
.pl2-door__body{padding:0 0 10px 28px}
@media(max-width:780px){.pl2-panel{grid-template-columns:1fr}.pl2-wrap,.pl2-doors{padding-left:19px;padding-right:19px}.pl2-door__note{display:none}}
/* COLOUR · Foundation light ground. Every value below is a token from
   /assets/style.css. Nothing here is inherited from the CULT dark theme. */
.pl2-eyebrow{color:var(--bronze-deep)}
.pl2-h{color:var(--ink)} .pl2-h em{color:var(--bronze)}
.pl2-sub{color:var(--ink-soft)}
.pl2-pick{background:var(--bg-card);border:1px solid var(--rule);color:var(--ink)}
.pl2-pick:hover{border-color:var(--bronze);background:var(--bg-soft)}
.pl2-pick.is-on{border-color:var(--bronze);box-shadow:0 0 0 2px rgba(166,124,62,.28)}
.pl2-pick__n{color:var(--bronze-deep)}
.pl2-box{background:var(--bg-card);border:1px solid var(--rule)}
.pl2-ctx{color:var(--ink-soft);border-bottom:1px solid var(--rule)}
.pl2-show,.pl2-reveal{color:var(--ink)}
.pl2-reveal{background:var(--bg-soft);border:1px solid var(--rule)}
.pl2-stname{color:var(--bronze-deep)}
.pl2-say{color:var(--ink)}
.pl2-why{color:var(--ink-soft)}

/* the options — readable before, during and after a choice */
.pl2-opt{background:var(--bg-soft);border:1px solid var(--rule);color:var(--ink);
  text-align:left;line-height:1.5}
.pl2-opt:hover:not(:disabled){border-color:var(--bronze);background:var(--bg-card)}
.pl2-opt:focus-visible{outline:2px solid var(--bronze);outline-offset:2px}
.pl2-opt:disabled{opacity:1;cursor:default}
.pl2-opt.is-right{border-color:#4F7A43;border-left:4px solid #4F7A43;
  background:#EDF3EA;color:#24401D}
.pl2-opt.is-wrong{border-color:#9A5A45;border-left:4px solid #9A5A45;
  background:#F6ECE8;color:#5A2A1C}
.pl2-optwhy{color:var(--ink-soft);background:var(--bg-card);
  border-left:2px solid var(--bronze);border-radius:3px;padding:10px 13px;margin:6px 0 2px}

.pl2-dot{background:var(--rule)}
.pl2-dot.is-on{background:var(--bronze)}
.pl2-stars{color:var(--bronze-deep)}

.pl2-btn{background:var(--bg-card);border:1px solid var(--rule);color:var(--ink)}
.pl2-btn:hover:not(:disabled){background:var(--bg-soft);border-color:var(--bronze);color:var(--ink)}
.pl2-btn--go{background:var(--bronze);border-color:var(--bronze);color:var(--bg-card)}
.pl2-btn--go:hover:not(:disabled){background:var(--bronze-deep);border-color:var(--bronze-deep);color:var(--bg-card)}
.pl2-btn:disabled{opacity:.6;color:var(--muted);background:var(--bg-soft);
  border-color:var(--rule);cursor:default}
.pl2-stuck{color:var(--bronze-deep)}
.pl2-stuck[disabled]{color:var(--muted)}
.pl2-skipped{color:var(--bronze-deep)}
.pl2-grade{color:var(--ink);background:var(--bg-soft);border-left:3px solid var(--bronze)}
.pl2-hint{color:var(--ink-soft)}
.pl2-reflect{background:var(--bg-soft);border:1px solid var(--rule);border-radius:8px;padding:16px 18px}
.pl2-reflect h4{color:var(--ink)} .pl2-reflect p{color:var(--ink-soft)}

/* ⛔ WHEN THE PANEL STACKS, THE QUESTION MUST COME FIRST.
   The engine puts the options in the left box and the question in the right
   column. Side by side that reads correctly; stacked, the question lands under
   the answers. Ordering fixes it without touching planet-lab.js. */
@media (max-width:780px){
  .pl2-panel{display:flex;flex-direction:column}
  .pl2-panel>:last-child{order:-1}
  .pl2-nav{order:1}
}